/* general styles for course - 2018 */

/* SECTIONS START ***********/
body{
	overflow-x: hidden !important;
	overflow-y:hidden;
	-webkit-overflow-scrolling: auto;
	-webkit-tap-highlight-color: rgba(0,0,0,0); /* Stop touch marker appearing on mobile devices */
}
label{
	overflow: hidden !important;
}
ul li {
	padding-left:18px;
	background-image:url('../images/custom_int/bullet_blue.png');
	background-repeat:no-repeat;
	background-position:1px 7px !important;
}

ul ul li {
	background-image:url('../images/custom_int/sub_bullet_blue.png');
}
/* 20240130 accessibility 2024 */
.ul_RTL {
	list-style: square outside url('../images/custom_int/bullet_blue.png') !important;
	padding-inline-start: 15px;
}
.ul_RTL li {
	background-image: none !important;
}
/* For devices 480px and larger */
@media (min-width: 480px)
{
	ul li {
		background-position:1px 9px !important;
	}
}
ul.white li{
	background-image:url('../images/custome_int/bullet_white.png');
}
/* 20240130 accessibility 2024 */
.ul_white_RTL {
	list-style: square outside url('../images/custom_int/bullet_white.png') !important;
}
.ul_white_RTL li {
	background-image: none !important;
}
a.hotword_neutral:link, a.popup_neutral:link, a.hotword_jewel:link, a.popup_jewel:link, a.hotword_neutral:hover, a.popup_neutral:hover, a.hotword_jewel:hover, a.popup_jewel:hover
{
	text-decoration:underline;
}
.instruction
{
	/*REMOVE 2023 font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;*/
	font-family: 'citi-sans-text-regular', Arial, Helvetica, sans-serif !important; /* v4 Reskin */
}
.two-col-right-img, .two-col-left-img
{
	text-align: center;
}
.two-col-right-img img, .two-col-left-img img
{
	max-width: 357px !important;
}

.center_obj
{
	margin-left: auto;
	margin-right: auto;
}
/* For devices 480px and larger */
@media (min-width: 480px)
{
	.two-col-right {	margin-left: 9.37% !important; }
	.two-col-right-txt {	 margin-top: 25px !important; }
	.two-col-right-img { margin-top: 7px !important; }
}
/* For devices 768px and larger */
@media (min-width: 768px)
{
	.two-col-right {	margin-left: 72px !important; margin-top: 33px !important; }
	.two-col-right-txt {	 margin-top: 0px !important; }
	.two-col-right-img {	 text-align: left; }
}
/* For devices 1008px and larger */
@media (min-width: 1008px)
{
	.two-col-right {	margin-left: 72px !important; }
}
.wrapper{
	position:relative;
	height:auto;
}
.section{
	position:relative;
	height:auto;
	display:none; /* hide all sections for audio lock down */
	background-color: transparent !important;
}
.sec_rest_wrapper{
	position:absolute;
	min-width:100%;
	min-height:100%;
	margin-top:100vh;
	opacity:0;
    /*margin-top:-64px;*/ /* LJ Updated so content starts under banner LJ */
	
	/*background-image:url('../images/Background.jpg');
	background-attachment: fixed;*/
	top:0;
}
.breaker .grid_inner, .breaker .h1_inner, .breaker .h2_inner, .breaker .topic_intro_inner, .reflection .h2_inner, .reflection .grid_inner {
	opacity:1 !important
}
.menu_title{
	display:none;
	padding: 0;
	/*cursor: pointer;*/
	font-size: 13px;
	line-height: 13px;
	padding-top: 13px;
	margin: 0 auto;
	width:auto;
	margin-left: 38px;
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.truncated_title { display:inline-block; max-width:800px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } /* functionality to truncate the course title */

.clear{
	clear: both
}


.bar_robot .menu_title{
	display:block !important
}
.menu_title h1{
	font-family:  'citi-sans-display-regular', Arial, Helvetica, sans-serif !important;
	font-size:32px;
}

.topic_index .grid_inner{
	margin-top: 14px !important
}
.topic_index .grid .h1_inner{
	padding-top:25px;
	margin-bottom:7px;
}
.home-copyright{
	background-color: #000000; /* Black */
	color: #ffffff; /* White */
	font-size: 0.7em;
	/* transitions: fade in topics one at a time */
	display: none;
}
.home-copyright .grid_inner{
	margin-top:0px !important;
}
.home-copyright .grid_inner p{
	margin-bottom:0px !important;
}
/* For devices 480px and larger */
@media (min-width: 480px)
{
	.menu_title h1{
		font-size:32px;
	}
}


.h2_inner{
	opacity:1 !important
}
.heading-icon{
	float:right;
	margin-top:-37px;
	height:75px;
	width:75px;
}
.grid_inner{
	opacity:1 !important
}
.sec_rest_wrapper.no_vid {
	position:relative;
	min-height:100%;
	margin-top:0px;
}
.background_stretch{
	position:absolute;
	width:100%;
	height:100%;
}
.background_stretch_bg{
	height:100%;
	margin-left: auto;
	margin-right: auto;
}
.intro .grid, .mid .grid{
	height:auto;
	/*padding-top:20px;
	padding-bottom:40px;*/
}
.menu_grid {	
	background-repeat:no-repeat;
	background-position:center 0px;
}
.menu_grid{
	/* REMOVE 2023 padding-top: 40px; */	
	margin-bottom: 40px;
}

.topic_intro_txt_grid
{
	 padding-top: 40px !important; /* 20191001 */
	 padding-bottom: 40px !important; /* 20191001 */
}
.reflection_txt_grid
{
	 padding-top: 17px !important;
	 padding-bottom: 12px !important;
}
.reflection_grid
{
	background-position:center 0px;
	height: 200px !important;
}
.grid_inner, .h1_inner, .h2_inner, .topic_intro_inner {
	position:relative;
	height:auto;
	opacity:1;
}
.grid_inner ul li{
	background-image:url('../images/custom_int/bullet_white.png');
	background-repeat:no-repeat;
	background-position:0 7px;
}
/* 20240130 accessibility 2024 */
.grid_inner_ul_RTL {
	list-style: square outside url('../images/custom_int/bullet_white.png') !important;
}
.grid_inner_ul_RTL li {
	background-image: none !important;
}
.textColor2 ul li, .box_message  ul li {
	background-image:url('../images/custom_int/bullet_blue.png');
}
/* 20240130 accessibility 2024 */
.textColor2_ul_RTL, .box_message_ul_RTL {
	list-style: square outside url('../images/custom_int/bullet_blue.png') !important;
}
.textColor2_ul_RTL li, .box_message_ul_RTL li {
	background-image: none !important;
}
.hotspot_reveal ul li {
	background-image:url('../images/custom_int/bullet_white.png');
}
/* 20240130 accessibility 2024 */
.hotspot_reveal_ul_RTL {
	list-style: square outside url('../images/custom_int/bullet_white.png') !important;
}
.hotspot_reveal_ul_RTL li {
	background-image: none !important;
}
.grid_inner ul ul li, .grid_inner ol ul li, .expando_reveal_content ul ul li, .expando_reveal_content ol ul li, .box_message  ul ul li, .box_message  ol ul li {
	background-image:url('../images/custom_int/sub_bullet_blue.png');
	background-repeat:no-repeat;
	background-position:32px 7px;
}
/* 20240130 accessibility 2024 */
.grid_inner_ul_ul_RTL, .grid_inner_ol_ul_RTL, .expando_reveal_content_ul_ul_RTL, .expando_reveal_content_ol_ul_RTL, .box_message_ul_ul_RTL, .box_message_ol_ul_RTL {
	list-style: square outside url('../images/custom_int/sub_bullet_blue.png') !important;
}
.grid_inner_ul_ul_RTL li, .grid_inner_ol_ul_RTL li, .expando_reveal_content_ul_ul_RTL li, .expando_reveal_content_ol_ul_RTL li, .box_message_ul_ul_RTL li, .box_message_ol_ul_RTL li {
	background-image: none !important;
}
.textColor2 ul ul li, .textColor2 ol ul li, .hotspot_reveal ul ul li, .hotspot_reveal ol ul li {
	background-image:url('../images/custom_int/sub_bullet_blue.png');
	background-repeat:no-repeat;
	background-position:32px 7px;
}
/* 20240130 accessibility 2024 */
.textColor2_ul_ul_RTL, .textColor2_ol_ul_RTL, .hotspot_reveal_ul_ul_RTL, .hotspot_reveal_ol_ul_RTL {
	list-style: square outside url('../images/custom_int/sub_bullet_blue.png') !important;
}
.textColor2_ul_ul_RTL li, .textColor2_ol_ul_RTL li, .hotspot_reveal_ul_ul_RTL li, .hotspot_reveal_ol_ul_RTL li {
	background-image: none !important;
}
.grid_inner ul ol li, .expando_reveal_content ul ol li, .textColor2 ul ol li, .hotspot_reveal ul ol li, .box_message  ul ol li {
	background-image:none;
	padding-left: 0px;
	margin-left: 0px;
}
.horiz_img
{
	max-width: 792px !important;
}

.clone_right{
	left:100%;
}
.lgTitle_grid
{
	padding-top: 367px !important;
	padding-bottom:0px !important;
}
.lgTitle_container
{
	top: 18px !important;
}
.lgTitleSub_grid
{
	padding-top: 14px !important;
	padding-bottom: 94px !important;
	margin-bottom: -50px;
}
.lgTitle
{
	font-family: 'citi-sans-display-regular', Arial, Helvetica, sans-serif !important;
	font-size: 4.8rem !important;
	font-weight: normal !important;
}
.lgTitleSub
{
	font-family: 'citi-sans-text-bold', Arial, Helvetica, sans-serif !important;
	font-size: 2.0rem !important;
	line-height: 1.2 !important;
}
.lgTitleSub2
{
	font-family: 'citi-sans-text-bold', Arial, Helvetica, sans-serif !important;
	font-size: 2.6rem !important;
	line-height: 1.2 !important;
}
.lgTitleSub2 ul li{	
	background-position:1px 13px !important;
}	
.lgTitleSubText
{
	font-size: 1.8rem !important;
}
/* For devices 480px and larger */
@media (min-width: 480px)
{
	.lgTitle_container
	{
		top: 26px !important;
	}
	.lgTitle
	{
		font-size: 4.8rem !important;
	}
	.topic_index.column, .topic_index .columns {
		margin-right:0!important
	}
}
/* For devices 768px and larger */
@media (min-width: 768px)
{
	.lgTitle
	{
		font-size: 6.0rem !important;
	}
	.lgTitleSub
	{
		font-size: 2.4rem !important;
		line-height: 1.2 !important;
	}
	.lgTitleSub2
	{
		font-size: 3.0rem !important;
		line-height: 1.2 !important;
	}
}
/* SECTIONS END ***********/
/* HEADER START ***********/
.logo{
	position:absolute;
	background: url('') no-repeat;
	width:173px;
	height:55px;
	left:25px;
	margin-top:50px;
	float:left;
}
.logo2{
	position:absolute;
	background: url('') no-repeat;
	width:173px;
	height:55px;
	right:25px;
	margin-top:50px;
	float:right;
}
/* HEADER END ***********/
/* INTRO VIDEO START ***********/
.bg_video video {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100vw;
    min-height: 100vh;
	width: auto;
    height: auto;
    z-index: -100;
	-ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  	background-size: cover;
  	transition: 1s opacity;
}
#topic_intro{
	position:absolute;
	min-width:100%;
	min-height:100%;
	max-height:100%;
}
#topic_intro h1{
	font-size:60px;
	line-height:72px;
	font-weight:bold;
	max-width:722px;
	margin-left:11.34%;
	margin-right:11.34%;
	opacity:1;
	padding-left:0px;
}
#topic_intro .grid_inner{
	height:472px;
	opacity:1;
	padding-top:0px;
}
#topic_intro .grid_inner h1{
	padding-top:25vh;
	color: #ffffff;
}
.sec_1_wrapper{
	position:absolute;
	min-width:100%;
	min-height:100%;
	max-height:100%;
	opacity:0;
}
.sec_1_wrapper.no_vid .bg_video{
	display:none !important;
}
.sec_1_wrapper.no_vid {
	position:relative;
	min-height:100%;
	height:100%;
	width:100%;
}
.sec_1_wrapper.no_vid #topic_intro {
	position:relative;
	min-height:100%;
	min-width:100%;
	height:100%;
	width:100%;
}
.sec_1_wrapper.no_vid #topic_intro .background_stretch{
	background-image: url('') ;
	background-repeat:no-repeat;
}
.sec_1_wrapper.no_vid #topic_intro .bar_bot .menu_items{
	max-width:1008px;
}
.sec_1_wrapper.no_vid #topic_intro .bar_bot .menu_items .right_brand{
	left:12px;
}
.sec_1_wrapper.no_vid #topic_intro .bar_bot .menu_items .left_brand{
	right:12px;
}
.sec_1_wrapper .bgVideo video {
	 background: url('') no-repeat;
}
/* INTRO VIDEO END ***********/
/* INLINE VIDEO START ***********/
.video_wrap_g{
	position:absolute;
	max-width:100%;
	max-height:100%;
	width:60%;
	top: 50%;
    left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
#inline_v0{
	width:100%;
	height:auto;
}
.floating_close{
	position:absolute;
	width:4%;
	padding-bottom:4%;
	cursor:pointer;
	background-image:url('');
	background-repeat: no-repeat;
	background-size: contain;
	right: 1%;
	top:1%;
	z-index:2;
}
.inline_video_element{
	position:relative;
	background-image: url('');
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	height: 100%;
	cursor: pointer;
	max-height:768px;
}

/* For devices 480px and larger */
@media (min-width: 480px)
{
	
	
}
/* For devices 768px and larger */
@media (min-width: 768px)
{
	
}
/* For devices 1008px and larger */
@media (min-width: 1008px)
{

}
.content_transcript_btn, .content_transcript_close_btn
{
	margin-top: 30px;
	text-align: right;
}
.transcript_btn , .transcript_close_btn
{
	font-family: 'citi-sans-text-regular', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 1.8rem;
	margin-top: 2px;
	padding: 19px 56px;
	min-width: 180px;
	min-height: 50px;
	text-align: left;
	text-decoration: none !important;
	line-height: 1
}
/* For devices 480px and larger */
@media (min-width: 480px)
{
	.transcript_btn, .transcript_close_btn
	{
		font-size: 1.8rem;
	}
}
.content_transcript_txt
{
	margin-top: 30px;
}
/* INLINE VIDEO END ***********/
/* SLIDER START ***********/
.slider{
	position:relative;
}
.slider_txt{
	position: relative;
	width: auto;
	height: auto;
	margin-bottom: 15px;
	display: block;
	/*float:left;*/
}
.slider_txt h3 {
	font-family: 'citi-sans-text-bold',Arial, Helvetica, sans-serif;
	font-size: 3.2rem;
	margin-bottom: 17px;	
}
.slider_txt{
	margin: 0px;
	width: 100%;
}
.slider_col_left, .slider_col_right {
 	width: 100% !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
	flex-basis: 100%;
}
.slider_col_right img {
	/*margin-bottom: 1rem !important;*/
	max-width: 397px !important;
}
.slider_col_left img {
	max-width: 397px !important;
}

@media (min-width: 480px)
{	
	.slider_txt h3 {
		font-size: 3.2rem;
	}
}

.slide_left, .slide_right {
	height:40px;
	width: 40px !important; /* v4 RESKIN */
	cursor:pointer;
	background-size: contain;
	margin-top:50% !important;
}

.slide_left{
	background-image:url('../images/custom_int/slide_left.png');
	background-repeat: no-repeat;
	
}
.slide_left.disabled, .slide_left.disabled:hover{
	background-image:url('../images/custom_int/slide_left_disabled.png');
}
.slide_left:hover {
	background-image:url('../images/custom_int/slide_left_hover.png');
}
.slide_right{
	background-image:url('../images/custom_int/slide_right.png');
	background-repeat: no-repeat;
}
.slide_right.disabled, .slide_right.disabled:hover{
	background-image:url('../images/custom_int/slide_right_disabled.png');
}
.slide_right:hover {
	background-image:url('../images/custom_int/slide_right_hover.png');
}

@media (min-width: 480px){	
	.slide_left, .slide_right {
		/*height:96px;
		width: 53px !important;*/
		margin-top:40% !important;
	}
}

.temp_slide_nums{
	position: relative;
	top: 5px;
	width:100%;
	height:40px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 15px;
	margin-top: 15px;
	text-align:center;
}
.slide_focus{
	/* v4 RESKIN */
	/*background-image:url('../images/custom_int/slider_ind.png');
	background-repeat:no-repeat;
	background-position:-48px 0px;*/
	width:26px;
	height:26px;
	display:inline-block;
	text-align:center;
	/*padding-top:12px;*/
	line-height:16px;
	border: solid 1px var(--blue);
	background-color: var(--white);
	border-radius: 50%;
}
.slide_focus.focus{
	/* v4 RESKIN */
	/*background-image:url('../images/custom_int/slider_focus.png');
	background-repeat:no-repeat;
	background-position:-47px 0px;
	width:24px;*/
	border: solid 1px var(--white);
	background-color: var(--blue);
}
/* For devices 480px and larger */
@media (min-width: 480px)
{
	.slider_txt{
		margin-bottom: 24px;
	}

}
/* For devices 768px and larger */
@media (min-width: 768px)
{
	
	.slide_left, .slide_right {
		margin-top:21% !important;
	}
	
}
/* For devices 1008px and larger */
@media (min-width: 1008px)
{
	.slide_left, .slide_right {
		margin-top:18% !important;
	}
}

/* SLIDER END ***********/
/* HOTSPOT START ***********/
.hotspot_grid .hotspot_container {
	width: 100% !important;
	max-width: 1980px !important;
}
 .hotspot_btn_inner {
	text-align: center;
	min-width: 182px !important;
	/*margin-top: 25px;*/
}
.hotspot_btn_inner img{
	width: 182px !important;
	max-width: 182px !important;
	height: 181px !important;
}
.hotspot_btn {
	display: block;
	cursor: pointer;
}
/* transitions: scale up/down hotspot button images */
.hotspot_scale {
	-ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
/* transitions: scale up/down hotspot button images */
.hotspot_btn img {	
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;	
}
/* transitions: scale up/down hotspot button images */
.hotspot_txt {
	display: none;
}
.hotspot_reveal_title {	
	font-family: 'citi-sans-display-regular', Arial, Helvetica, sans-serif;
	font-size: 2.4rem;
	margin-bottom:15px;
}
/* For devices 480px and larger */
@media (min-width: 480px) 
{	
	.hotspot_reveal_title {			
		font-size: 3rem;
	}
}	
.hotspot_reveal {
	clear: left;
	margin-bottom: 0px;
	padding: 20px 0px;
	/*margin-top: -100px;*/
	display: none;
	position: absolute;
}
.hotspot_reveal_inner {
	margin-left: 0px !important;
	margin-right: 0px !important;
	width: 100% !important;
	
}

@media (min-width: 768px) 
{	
	.hotspot_reveal {			
		width:700px;
	}
}	

@media (min-width: 1008px) 
{	
	.hotspot_reveal {			
		width:960px;
	}
}	

.hotspot_btn_label {
	width: auto;
	height: auto;
	margin-top: 10px;
}
.hotspot_btn_label_cutoff {
	overflow: visible;
}
.hotspot_btn_ind {
	width: auto;
	height: 39px;
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 12px;
	display: none;
}
.hotspot_btn_ind_1 {
	background-image: url('../images/custom_int/hotspot_btn_ind.png');
}
.hotspot_btn_ind_2 {
	background-image: url('../images/custom_int/hotspot_btn_ind_2.png');
}
.hotspot_btn_ind_3 {
	background-image: url('../images/custom_int/hotspot_btn_ind.png');
}
.hotspot_btn_ind_4 {
	background-image: url('../images/custom_int/hotspot_btn_ind.png');
}
.hotspot_nodiv {
	display: none;
}
/* For devices 480px and larger */
@media (min-width: 480px)
{
	.hotspot_btn_inner {
		min-width: 23.7% !important;
		width: 23.7% !important;
		margin-left: 5.08% !important;
		padding-bottom: 100px;
	}
	.hotspot_btn_inner img{
		width: 100% !important;
		max-width: 100% !important;
		height: 100% !important;
	}
	.one-third.column.hotspot_btn_first {
		margin-left: 9.38% !important;
	}
	.one-half.column.hotspot_btn_first {
		margin-left: 23.7% !important;
	}
	.hotspot_nodiv {
		display: block;
	}
	.hotspot_btn_inner img{
		width: 100% !important;
		height: auto !important;
	}
	.hotspot_btn_label_cutoff {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}
/* For devices 768px and larger */
@media (min-width: 768px)
{
	.hotspot_btn_inner {
		min-width: 182px !important;
		width: 182px !important;
		margin-left: 39px !important;
		padding-bottom: 100px;
	}
	.hotspot_btn_inner img{
		width: 182px !important;
		max-width: 182px !important;
		height: 181px !important;
	}
	.one-third.column.hotspot_btn_first {
		margin-left: 45px !important;
	}
	.one-half.column.hotspot_btn_first {
		margin-left: 155px !important;
	}
	.hotspot_nodiv {
		display: block;
	}
	.hotspot_btn_inner img{
		width: 100% !important;
		height: auto !important;
	}
}
/* For devices 1008px and larger */
@media (min-width: 1008px)
{
	.hotspot_btn_inner {
		width: 182px !important;
		margin-left: 62px !important;
		padding-bottom: 100px;
	}
	.one-third.column.hotspot_btn_first {
		margin-left: 143px !important;
	}
	.one-half.column.hotspot_btn_first {
		margin-left: 266px !important;
	}
	.hotspot_nodiv {
		display: block;
	}
	.hotspot_btn_inner img{
		width: 100% !important;
		height: auto !important;
	}
}
/* HOTSPOT END ***********/
/* MENU START ***********/

.topic_nav_bar{
	display:block;
	position:relative;
	width:100%;
	height:auto; /* Updated footer size */
	z-index:100;
	max-width:100%;
	bottom:0px;
	border:0;
}
#topic_nav_bar_menu{
	height: 100px !important;
	position:relative;
	width:100%;
	height:184px; /* Updated footer size */
	z-index:100;
	max-width:100%;
	bottom:0px;
	border:0;
	margin-top: 100px;
}
.topic_nav_bar .branding{
	position:relative;
	/* REMOVE 2023 width:90%; */
	max-width:796px;
	margin-left:auto;
	margin-right:auto;
	top: 20px;
	height: 47px;
	/* v4 Reskin -- */
	width: 100%;
	text-align: center;
	/* -- v4 Reskin */
	/*display: none;*/
}
.topic_nav_bar .branding_menu{
	position:relative;
	width:90%;	
	max-width:796px;
	margin-left:auto;
	margin-right:auto;
	height: 0px;
	top: 15px;
}
.topic_nav_bar .branding .copyright{
	color: #ffffff; /* White */
	font-size: 1.3rem;
	padding-top: 5px;
}
.topic_nav_bar .branding .logo_img{
	/*position: relative;*/
	/* REMOVE 2023 float: right; */
	/*top: 5px;*/
	width: 157px;
	height: 47px;
	background-image: url('../images/general_int/footer_logo.png');
	background-repeat: no-repeat;
	/* v4 Reskin -- */
	margin-left: auto;
	margin-right: auto;
	/* -- v4 Reskin */
}
.topic_nav_bar .branding_menu .copyright{
	color: #ffffff;
	font-size: 1.3rem;
}
.topic_nav_bar .branding_menu .logo_img{
	position: relative;
	/* REMOVE 2023 float: right; */
	top: 0px;
	width: 157px;
	height: 47px;
	background-image: url('../images/general_int/footer_logo.png');
	background-repeat: no-repeat;
}
/* For devices 1008px and larger */
@media (min-width: 460px)
{
	
}
/* For devices 480px and larger */
@media (min-width: 480px)
{
	
}
/* For devices 720px and larger */
@media (min-width: 720px)
{	
	.topic_nav_bar .branding .copyright {
		/* REMOVE 2023
		padding-top: 25px;*/
		padding-bottom: 25px;
	}

}
/* For devices 900px and larger */
@media (min-width: 900px)
{	
	/* REMOVE 2023
	.topic_nav_bar .branding{
		width: 100%;
	}
	.topic_nav_bar .branding_menu{
		width: 100%;
	}*/
}
.topic_nav{
	position:relative;
	margin:auto;
	font-size:4.2rem;
	/* REMOVE 2023
	height:64px;
	width:64px; /* Updated footer size */
	/* v4 Reskin -- */
	height: 48px;
	width: 48px;
	/* -- v4 Reskin */
	float:left;	
}
#right_nav{
	cursor:pointer;
	background-image:url('../images/custom_int/footer_next.png');
}
#right_nav:hover {
	cursor:pointer;
	background-image:url('../images/custom_int/footer_next_hover.png');
}
#right_nav.locked{
	background-image:url('../images/general_int/footer_next_disabled.png');
	}
#right_nav.locked:hover {
	background-image:url('../images/general_int/footer_next_disabled.png') !important;
	}
#home_nav{
	cursor:pointer;
	background-image:url('../images/custom_int/footer_home.png');
	margin-right:30px; /* Updated footer size */
}
#home_nav:hover {
	cursor:pointer;
	background-image:url('../images/custom_int/footer_home_hover.png');
}
#home_nav.pretest {
	margin-left: 70px !important;
}
.topic_nav_button{
	
	margin: auto;
  	/*top: -20px; left: 0; bottom: 0; right: 0;*/
	/* REMOVE 2023
	width:260px; /* Updated footer size */
	/* v4 Reskin -- */
	width: 205px;
	/* -- v4 Reskin */
	height:64px; /* Updated footer size */
	}
#left_nav{
	cursor:pointer;
	background-image:url('../images/custom_int/footer_back.png');
	margin-right:30px; /* Updated footer size */
}
#left_nav:hover {
	cursor:pointer;
	background-image:url('../images/custom_int/footer_back_hover.png');
}
#left_nav.locked{
	background-image:url('../images/general_int/footer_back_disabled.png');
}
#left_nav.locked:hover {
	background-image:url('../images/general_int/footer_back_disabled.png') !important;
}
.loading_timer{
    -webkit-transition-duration: 1000ms;
    transition-duration: 1000ms;
}
.topic_index_wrapper{
	position: absolute;
    height: auto;
}
.topic_index_content{
	height: 100%;
    overflow: scroll;
}
.index_book{
	-webkit-transition-duration: 0ms !important;
    transition-duration: 0ms !important;
}
.loading{
    transform: translate(0, -100%);
    -webkit-transform: translate(0, -100%);
}
.fade{
	position: fixed !important;
	opacity:0 !important;
}
.fade_timer{
	transition: opacity 1s;
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
}
.body_move_left{
	transform: translate(-100%, 0) !important;
    -webkit-transform: translate(-100%, 0) !important;
}
.clone_move_left{
	transform: translate(0, 0) !important;
    -webkit-transform: translate(0, 0) !important;
}
.clone_move_right{
	transform: translate(0, 0) !important;
    -webkit-transform: translate(0, 0) !important;
}
.body_move_right{
	transform: translate(100%, 0) !important;
    -webkit-transform: translate(100%, 0) !important;
}
.topic_index{
	top:0px;
	width:100%;
	position:absolute;
	opacity:1;
	z-index:10000;
	display:none
}
.topic_index_overlay{
	width:100%;
	height:100%;
	position:fixed;
	display:none;
	z-index:6000;
}
.index_content{
	overflow:scroll;
}
/* For devices 480px and larger */
@media (min-width: 480px)
{
	.topic_index .columns{
		margin-bottom:2%;
	}
}
/* For devices 1008px and larger */
@media (min-width: 1008px)
{
	.topic_index .columns{
		margin-bottom:2.6%;
	}
}
.topic_index .grid_inner {
	margin-bottom: 2px;
}
.topic_closer {
	display:none;
    background:url('../images/general_int/header_close.png') no-repeat;
	right:1px;
	background-position: center;
	position: absolute;
	width: 48px;
	height: 48px;
	margin-top: 8px;
	z-index: 10;
	cursor: pointer;
}
.index_banner_logo{
	/*background-image: url('../images/general_int/header_logo.png');*/
    background-repeat: no-repeat;
    position: absolute;
    margin-left: 0px;
    margin-top: 8px;
	width:157px;
	height:47px;
}
.section.topic_index{
	display:block !important
}
.topic_index.columns:last-child {
    margin-right: 0 !important;
}
.topic_nav_holder{
	cursor: pointer;
	width:80%;
	display:block;
	margin:0 auto;
}

.topic_lock{
	
	float:right;
	position:relative;
	width:30px;
	height:30px;
	margin-right:5px;
	background-image:url('../images/general_int/lock.png');
	background-size:contain;
	background-repeat:no-repeat;
	display:none;
}
/*.start_img{
	width:30px;
	height:30px;
	margin-left:310px;
	top:0px;
	position:absolute;
}*/
.topic_lock.unlock{
	display:none;
}
.topic_tile_twelve{
	width:100%;
	background-repeat: no-repeat;
  	background-size: cover;
}
.pretest_topic_passed
{
	background-image:url('../images/general_int/pre_test_results_passed.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-top: -20px;
	margin-left: 5px;
	padding-top: 6px;
	padding-left: 62px;
	min-height: 41px;
}
.pretest_topic_blank
{
	background-image:url('../images/general_int/pre_test_results_blank.png');
}

.topic_nav_bar .overlay {
	display:none;
    position: absolute;
	background-color: transparent;
	padding:0 !important;
	height:100%;
	width:100%;
	cursor:initial;
}
.topic_index .columns {
	max-width: 1008px;
	left: 0px;
	margin-bottom: 6px;
}
.topic_index .four.columns {
	margin-left: 4% !important;
	width: 92% !important;
}
/* For devices 480px and larger */
@media (min-width: 480px)
{
	.topic_index .four.columns {
		width: 45% !important;
	}
	.topic_index .four.columns.topic_select_even, .topic_index .four.columns.topic_select_even:last-child{
		margin-left: 2% !important;
	}
	.topic_index .four.columns.topic_select_odd, .topic_index .four.columns.topic_select_odd:first-child {
		margin-left: 4% !important;
	}
	.topic_index .columns {
		margin-bottom:15px;
	}
	.topic_select_even, .topic_select_odd{
		margin-bottom:5px !important;
	}
	.twelve.columns.topic_select_twelve{
		margin-left:4% !important
	}
}
/* For devices 768px and larger */
@media (min-width: 768px)
{
	.topic_index .four.columns {
		width: 228px !important;
	}
	.topic_index .four.columns.topic_select_even, .topic_index .four.columns.topic_select_odd {
		margin-left: 11px !important;
	}
	.topic_index .four.columns.topic_select_first, .topic_index .four.columns.topic_select_even.topic_select_first:last-child, .topic_index .four.columns.topic_select_odd.topic_select_first:first-child
	{
		margin-left: 0px !important;
	}
	.twelve.columns.topic_select_twelve{
		margin-left:30px !important
	}
}
/* For devices 1008px and larger */
@media (min-width: 1008px)
{
	.topic_index .four.columns {
		width: auto !important;
		max-width: 319px;
	}
	.topic_index .grid .h1_inner{
		margin-bottom: 15px;
	}
	.topic_index .columns {
		margin-bottom:15px;
	}
}
.topic_index .grid .h1_inner, .topic_index .grid_inner{
	opacity:1;
	padding-bottom:0px;
}
.topic_intro_txt_grid_inner, .reflection_txt_grid_inner
{
	margin-top: 0px !important;
}
.reflection_txt_grid_inner
{
	margin-bottom: 12px !important;
}


.topic_duration{
	/*float:right;*/
	font-size: 16px;
    margin-top:-43px;
    text-align: center;
    width: auto;

}








.select_description {
	font-size: 0.9em;
}
.topic_index_header{
	position:relative;
    width: 100%;
    text-align: center;
}
.topic_index_header > div{
	padding-bottom:25px;
}
.topic_index_header > h1{
	font-size: 48px;
}
.topic_index_header .index_header{
	width:80%;
	margin:0 auto;
	text-align:center;
	padding-top:75px
}
.index_description{
	width:80%;
	margin:0 auto;
}

/*.bar_robot{
	position: fixed; top: 0px; height: 144px; display:none
}*/

@media (min-width: 768px){

}

.menu_bar{
	position:relative;
	
	height:75px;
	z-index:100;
	max-width:100%;
	display:none;
		
}

.menu_flex{
	/* height:75px; */ /* Progress Indicator 2023 */
	display:flex !important; 
	align-items: flex-start; /* Progress Indicator 2023 */
	/*justify-content: center;*/
	
	background-color: #FFFFFF; /* white */
    /*border-bottom: solid 5px #53565A;*/
	position: fixed;
	width: 220px;
	height: 85px; /* Progress Indicator 2023 */
	/*right: 0;*/
	top:0;
	z-index: 9999;
	border-radius: 0px 0px 0px 10px;
	padding-top: 5px; /* Progress Indicator 2023 */
	
	/* REMOVE 2023
	-webkit-box-shadow: 0px 5px 13px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 5px 13px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 5px 13px 2px rgba(0,0,0,0.3);*/
}


/* Progress Indicator 2023 -- */

.progress_holder_bg{
	/*background-color: #FFFFFF;*/ /* commented out MJB 29/08/23 rtl fix*/
    width: 220px;
    position: fixed;
    height: 35px;
    z-index: 99999999;
    right: 0;
    top: 55px;
    border-radius: 0px 0px 0px 10px;
}

.progress_holder{
	position: fixed;
    width: 205px;
    height: 20px;
    
    right: 5px;
    top: 60px;
    z-index: 9999;
	border-radius: 25%;
}
.progress_holder_RTL{
	left:5px;
	right:auto;
}
.progress_bar{
	height: 100%;
	border: solid 1px #002d72;
	padding: 2px;
	border-radius: 10px;
}

.course_progress{
	width: 0%;
	height: 100%;
	background-color: #002d72;
	border-radius: 10px;
	text-align: right;
	padding-right: 3px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	visibility: hidden;
}
.course_progress_RTL{
	padding-left: 5px;
	padding-right: 1px;
}
.progress_pct{
	font-size: 0.5em;
	color: #FFFFFF;
}

@media (min-width: 768px){
	.progress_holder_bg{
		width: 340px;
	}
	.menu_flex{
		position: fixed;
		width: 340px;
		/*height: 100px;*/
		/*right: 0;*/
		z-index: 9999;
		border-radius: 0px 0px 0px 10px;
	}
	.course_progress{
		padding-right: 5px;
	}
	.progress_holder{
		width: 315px;
	}
	.progress_pct{
		font-size: 0.6em;
	}
	.course_progress_RTL{
		padding-right: 5px;
	}
}
/* -- Progress Indicator 2023 */

.home, .page, .bar_close, .switchLang{
	display:none;
	
	z-index:10;
	cursor:pointer;
	/*margin-right: 60px;*/
	text-decoration: none !important;
	width: 48px;
	height: 48px;
	margin: 0 auto;
	background-size: contain;
}

@media (min-width: 768px){
	.home, .page, .bar_close{
		width: 48px;
		height: 48px;
	}
}
.bar_robot .home {
	display:block !important;
}
.index_banner .home{
	display: block !important;
}
.page{
	display: block !important;
	background-image:url("../images/general_int/header_resource_icon.png");
	background-repeat: no-repeat;
	background-position: center;
}
.page:hover {
	background-image:url("../images/general_int/header_resource_icon_hover.png");
	background-repeat: no-repeat;
	background-position: center;
}
.bar_close{
	display:block !important;
	background-image:url("../images/general_int/header_close.png");
	background-repeat: no-repeat;
	background-position: center;
}
.bar_close:hover {
	background-image:url("../images/general_int/header_close_hover.png");
	background-repeat: no-repeat;
	background-position: center;
	
}
.home{
	background-image:url("../images/general_int/header_home.png");
	background-repeat: no-repeat;
	background-position: center;
}
.home:hover {
	background-image:url("../images/general_int/header_home_hover.png");
	background-repeat: no-repeat;
	background-position: center;
}

.switchLang{
	display: block;
	background-image:url("../images/general_int/lang_icon.png");
	background-repeat: no-repeat;
	background-position: center;
}
.switchLang:hover {
	background-image:url("../images/general_int/lang_icon_hover.png");
	background-repeat: no-repeat;
	background-position: center;
}

.v_menu_header{
	width:100%;
	height:63px;
	background-color:#ffffff;
	padding-top:7px;
}
.v_menu_footer{
	position:absolute;
	width:100%;
	height:78px;
	background-color:#ffffff;
	bottom:0px;
	padding-top:22px;
}
.branding{
	position:relative;
	width:100%;
	height:144px;
	max-width:932px;
	margin-left:auto;
	margin-right:auto;
}
.bar_bot .menu_items{
	height:64px;
}
.menu_items{
	position:relative;
	max-width:1050px;
	height:27px;
	text-align:left;
	z-index:10;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.menu_items ul{
	display:inline-block;
	padding:0;
	margin:0;
	line-height:13px;
	font-size:13px;
	z-index:20;
}
.menu_items ul li{
	margin:0;
	padding:0;
	display:inline-block;
	padding-left:10px;
	padding-right:10px;
	cursor:pointer;
	font-size:13px;
	line-height:13px;
	padding-top:22px;
}
.v_menu .menu_items{
	height:auto;
	padding-top:40px;
}
.v_menu .menu_items ul{
	display:block;
	padding:0;
	margin:0;
	text-align:left;
	margin:0 15% 0 15%;
}
.v_menu .menu_items ul li, .v_menu .menu_items ul li.first{
	margin:0;
	padding:0;
	display:block;
	padding-left:35px;
	padding-right:10px;
	cursor:pointer;
	font-size:30px;
	line-height:32px;
	padding-top:12px;
	color:#ffffff;
	background: url('') no-repeat;
	background-position:0px 19px;
}
.v_menu .menu_items ul li.lightfont{
	color:#ffffff;
}
.active .bord{
	background: url('') no-repeat;
}
.menu_items ul li.first{
	background:none;
}

.bord{
	width:100%;
	height:4px;
	margin-top:6px;
}
.bord_over{
	background-color:#ffffff;
}
.lightfont{
	color:#ffffff;
}
.vetical_menu{
	display:none;
}
.menu_title h1{
	display:inline-block;
	max-width:150px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
@media (min-width: 480px)
{
	.menu_title h1{
		max-width:340px;
	}
	.topic_index .grid .h1_inner{
		padding-top:61px;
	}
	
}
@media (min-width: 624px)
{
	.menu_title h1{
		max-width:440px;
	}
}
@media (min-width: 768px)
{
	
	.menu_title h1{
		max-width:550px;
		margin-left: 1.5%;
	}
}
@media (min-width: 1008px)
{
	
	.menu_title h1{
		max-width:785px; /* adjusted to allow for Chrome MJB 29/8/19*/
		margin-left: 5%;
	}
	/* close button is always hidden */
	/*.bar_close {
		display: block;
	}*/
}
/* MENU END ***********/
/* EXPANDO START ***********/
.expando_btn {
	
	background-image: url("../images/general_int/expando_closed.png");
	background-repeat: no-repeat;
	background-position: 97% 10px;
	background-size: 48px 48px;
	margin-bottom: 6px;
	/* v4 RESKIN */
	min-height:70px;
	height: auto;
	display: block;
	/* v4 RESKIN */
	font-family: 'citi-sans-display-regular', Arial, Helvetica, sans-serif !important;
	font-size:3.2rem;
	
	
	padding-left: 20px;
	padding-right: 80px;
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
	width: auto;
}

.expando_reveal_heading {
	
	background-image: url('../images/general_int/expando_opened.png');
	background-repeat: no-repeat;
	background-position: 97% 10px;
	background-size: 48px 48px;
	/* REMOVED 2023
	margin-bottom: 6px;*/
	min-height:60px;
	padding-left: 20px;
	padding-right: 80px;
	
	height: auto;
	cursor: pointer;
}

.expando_reveal_heading h3{
	margin-bottom: 0px !important;
	padding-top: 10px;
	padding-bottom: 10px;
}

.expando_btn_visited {
	background-image: url("../images/general_int/expando_closed_visited.png") !important;
}
.expando_reveal {
	
	display: none;
}

.expando_btn_first, .expando_reveal_first {
	border-radius: 20px 20px 0px 0px;
}
.expando_btn_last, .expando_reveal_last{
	border-radius: 0px 0px 20px 20px;
}


@media (min-width: 768px){
	
	.expando_btn {
		min-height:106px;
		padding-left: 45px;
		padding-right: 160px;
		padding-top: 35px;
		padding-bottom: 35px;
		background-size: 48px 48px;
		/* v4 RESKIN */
		background-position: 97% 30px;
	}

	.expando_reveal_heading {
		/* REMOVED 2023
	margin-bottom: 6px;*/
		min-height:106px;
		padding-left: 45px;
		padding-right: 160px;
		background-size: 48px 48px;
		/* v4 RESKIN */
		background-position: 97% 30px;
	}

	.expando_reveal_heading h3{
		margin-bottom: 0px !important;
		padding-top: 35px;
		padding-bottom: 35px;
	}
	
}




/* EXPANDO END ***********/
/* LMS COMMUNICATION START ***********/
#footerTextArea{
	width:100%;
	/*height:20px;*/
	position: fixed;
	z-index: 9999993;
	bottom:0px;
	font-family: 'citi-sans-text-regular', Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #000000;
	/*padding-top: 2px;*/
	margin:0 auto;
	text-align:center;
}
#preErrorLBBg {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	opacity:0.8;
	visibility:hidden;
	z-index:15899;
	opacity:0.8;
}
@media print {
	.section, .screen_loader, .sec_1_wrapper, .menu_bar, .menu_grid, .topic_index, #preErrorLBBg, #footerTextArea, #topic_loader, .audioControlHolder, #errorLBHeadButtons, .print_btn {
		display:none !important;
	}
	.box_message  ul {
		margin-left: 20px;
	}
	.box_message  ul li {
		list-style: disc;
	}
	.box_message  a {
		font-size: 0.8em;
	}
}
/* LMS COMMUNICATION END ***********/
/* AUDIO BAR START ***********/
.audioControlHolder{
	position:fixed;
	top:75px;
	left:17px;
	visibility:hidden;
}
/* AUDIO BAR END ***********/
/* DIALOGUE BOX START ***********/
.displayBlock{
	display: block !important;
}
.displayNone{
	display: none !important;
}
#topic_loader{
	width:100%;
	height:100%;
	z-index: 8000000;
	position: fixed;
	top: 0;
	display:none;
}
#topic_loader img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 66px;
    max-height: 66px;
}
.dialogue_box{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display:none;
	z-index:15900;
}
.loader_graphic {
	background-image:none;
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:50%;
	z-index:15999;
}
.loader_percent {
	position: absolute;
	top: 25%;
	margin-top: 35px;
	text-align: center;
	width:100%;
	height: 50%;
	z-index:16000;
	font-size:24px;
}
.box_section{
    margin: auto;
    left: 0px;
    right: 0px;
    overflow-x:hidden;
}
.box_nav_holder{
	position: relative;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999991;
}
.box_static{
	position:static !important;
}
.box_overflow{
	overflow-y:scroll;
}
.box_holder{
	position:fixed;
	width:100%;
	z-index:15900;
}
.box_nav_start{
	width: 101px;
	height: 29px;
	cursor: pointer;
	text-align:center;
	padding-top:10px;
	float:left;
	margin-top:32px;
	margin-right:30px;
	font-family: 'citi-sans-text-regular', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 1.5rem;
}
.box_nav_resume{
	width: 101px;
	height: 29px;
	cursor: pointer;
	text-align:center;
	padding-top:10px;
	float:left;
	margin-top:32px;
	font-family: 'citi-sans-text-regular', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 1.5rem;
}
.box_closer{
	width:48px;
	height:48px;
	background-image:url(../images/general_int/header_close.png);
	background-repeat: no-repeat;
    background-size: 48px 48px;
	position:absolute;
	right:0px;
	
	cursor:pointer;
}
.box_closer:hover {
	background-image:url("../images/general_int/header_close_hover.png");
}
.button_holder{
	position:absolute;
	width:234px;
	margin: auto;
	right:0;
	left:0;
}
.box_elements{
	height:auto;
}
.box_top{
	height:58px;
	display:none;
}
.box_middle{
	height:auto;
	
	/* v4 Reskin*/
	text-align: center;
}
.box_bottom{
	min-height:107px; /* 20191001 */
	position:relative;
	display:none;
}
.box_title{
	padding:25px;
	padding-bottom: 25px;
	
	padding-right:0px;
	padding-left:0px;
	font-family: 'citi-sans-text-bold', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 3.7rem;
}
.box_message{
	padding:25px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	font-family: 'citi-sans-text-regular', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 2.0rem;
}
.box_message a {
    text-decoration: underline;
}
@media (max-width: 570px) {
	.box_message{
		width:auto;
		line-height:24px;
	}
	.button_holder{
		position:relative;
	}
}
.dialogue_pop, .popup_pop
{
	cursor: pointer;
	text-decoration: underline;
}
/* DIALOGUE BOX END ***********/
/* HOTWORDS START ***********/
.hotword_section{
	display:none;
}
/* HOTWORDS END ***********/
/* ORDERED LISTS START ***********/
ol {
	list-style-type: decimal;
	display: table;
	margin-left: 22px;
}
ol li:before {
    display: table-cell;
    text-align: right;
    padding-right: .5em;
}
/* ORDERED LISTS END ***********/
/* MCMA START ***********/
.qItem {
	cursor:pointer;
}
.qItemFirst {
	float: left;
}
.optNum {
	display: inline-block;
	vertical-align: top;
}
.squaredBox {
	width: 36px;
	height: 36px;
	position: relative;
	margin: 6px 0px;
	margin-left:0px;
}
.squaredBox label {
	width: 24px;
	height: 24px;
	position: absolute;
	top: 6px;
	left: 6px;
	cursor: pointer;
}
.squaredBoxMCSA, .squaredBoxMCSA label {
	border-radius: 50%;
}
.squaredBox label::after {
	content: '';
	width: 24px;
	height: 24px;
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0;
}

.squaredBoxMCSA label::after {
	border-radius: 50%;
}

.squaredBox input[type=checkbox] {
	visibility: hidden;
}
.squaredBox	input[type=checkbox]:checked + label:after {
	opacity: 1;
}


.labelTxt{
	visibility:hidden; /* set the question labels to be hidden to comply with accessibility */
}
.alignCheckBox{
	margin-top:15px
}
.centreQtext{
	padding-top:23px !important;
	padding-bottom:24px !important;
}
.mc_btn {
	/* REMOVE 2023
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.0rem;*/
	/* v4 Reskin -- */
	font-family: 'citi-sans-text-regular', Arial, Helvetica, sans-serif !important;
	font-size: 1.0em;
	/* -- v4 Reskin */
	font-weight: 400;	
	width: 100%;
	padding: 13px 30px;
	padding-left: 55px;
    padding-right: 30px; /* LJ tick & cross added */
	/*margin-bottom: 0px;*/
	margin-top: 0px;
	line-height: 1.2;
	min-height: 50px;
	display: block;
    /* LJ tick & cross added */
    /*background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 42px 42px;*?
    /*background-image: none;*/
    /* LJ tick & cross added */

}

/* LJ tick & cross added */
.mc_btn_correct{
    background-image: url("../images/general_int/answer_correct.png");
	background-repeat: no-repeat;
	 background-position: right center;
    
}
.mc_btn_incorrect{
    background-image: url("../images/general_int/answer_incorrect.png");
	background-repeat: no-repeat;
	 background-position: right center;
}
/* LJ tick & cross added */

/* pre-test no topics associated with questions support kgs 03/18/22 */
/* 011623 show LMS error message */
/* 20240319 pre-test that appears after first topic */
/* client testing requirements 2024 v2.3: */
/* if the learner answers enough questions incorrectly that they can no longer pass the test-out, they must be informed that they have failed the test-out and be given the option to finish the test-out or proceed to the content */
.submit_btn, .retake_assess_btn, .print_btn, .retake_course_btn, .home_assess_btn, .error_close_btn, .pretest_nav_cancel, .pretest_nav_start, .continue_pretest_btn
{
	/* REMOVE 2023
	font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'citi-sans-display-regular', Arial, Helvetica, sans-serif !important; /* v4 Reskin */
	font-weight: 400 !important;
	font-size: 2.0rem !important;
	margin-top: 2px;
	/* REMOVE 2023
	padding: 19px 56px;*/
	padding: 19px 56px !important; /* v4 Reskin */
	min-height: 50px;
	text-align: left;
	line-height:1;
}
.submit_btn
{	
	/* v4 Reskin -- */
	float: right;
	margin-right: 30px;
	background-image: url("../images/custom_int/submit.png");
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 60px !important;
	padding-right: 10px !important;
	/* -- v4 Reskin */
	margin-bottom: 30px;
}
.submit_btn:hover
{
	background-image: url("../images/custom_int/submit_hover.png");
}	
.submit_btn.disabled {
	text-decoration: none !important;
	background-image: url("../images/custom_int/submit_disabled.png") !important;
	cursor: default;
}
.retake_assess_btn_div
{
	padding-top: 13px;
	padding-bottom: 20px;
	display: none;
}
.retake_course_btn_div
{
	padding-top: 13px;
	padding-bottom: 20px;
    display: none;
}
/* pre-test no topics associated with questions support kgs 03/18/22 */
/* client testing requirements 2024 v2.3: */
/* if the learner answers enough questions incorrectly that they can no longer pass the test-out, they must be informed that they have failed the test-out and be given the option to finish the test-out or proceed to the content */
.home_assess_btn_div, .continue_pretest_btn_div
{
	padding-top: 13px;
	padding-bottom: 20px;
	display: none;
}
.attestation_btn_div
{
	display: block;
}
/* pre-test no topics associated with questions support kgs 03/18/22 */
/* 20240319 pre-test that appears after first topic */
/* client testing requirements 2024 v2.3: */
/* if the learner answers enough questions incorrectly that they can no longer pass the test-out, they must be informed that they have failed the test-out and be given the option to finish the test-out or proceed to the content */
.retake_assess_btn:hover, .retake_assess_btn:focus, .print_btn:hover, .print_btn:focus, .retake_course_btn:hover, .retake_course_btn:focus, .home_assess_btn:hover, .home_assess_btn:focus, .pretest_nav_cancel:hover, .pretest_nav_cancel:focus, .pretest_nav_start:hover, .pretest_nav_start:focus, .continue_pretest_btn:hover, .continue_pretest_btn:focus

{
	text-decoration: underline;
}
/* For devices 480px and larger */
@media (min-width: 480px)
{
	.mc_btn {
		/* REMOVE 2023
		font-size: 2.0rem;*/
		font-size: 1.0em; /* v4 Reskin */
		line-height: 1.2;
	}
	.submit_btn
	{
		font-size: 1.5rem;
	}
}
.feedback_row
{
	display: none;
}
.feedback_text
{
	margin-top: -31px;
	/*padding-left: 24px;
	padding-right: 24px;*/
	padding-top: 30px;
	padding-bottom: 0px;
}
.feedback_text ul li
{
	background-image:url('../images/custom_int/bullet_white.png');
}
/* 20240130 accessibility 2024 */
.feedback_text_ul_RTL {
	list-style: square outside url('../images/custom_int/bullet_white.png') !important;
}
.feedback_text_ul_RTL li {
	background-image: none !important;
}
.feedback_text_tryagain
{
	margin-top: -62px;
}
/* post-test review incorrect questions for passed post-test support 061422 */
.results_review_text
{
	text-align: left;
}
.results_review_text_RTL
{
	text-align: right;
}	
.results_review_ques_break
{
	height: 1px;
	width: auto;
	border-top: 1px solid #002d71;
	padding-bottom: 15px;
}	
.results_review_ques_type
{
	width: 24px;
	height: 24px;
}
.results_review_ques_opt
{
	padding-left: 15px;
	padding-right: 5px;
	vertical-align: middle;
	padding-top: 3px;
	padding-bottom: 3px;
}	
/* MCMA END ***********/
/* LOADER and BOOKMARK START ***********/
.screen_loader {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-image:url(../images/general_int/preloader_bg.png);
	z-index:15899;
}
.loader_graphic {
	background-image:url(../images/general_int/logo_loader_screen.png);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:50%;
	z-index:15999;
}
.loader_percent {
	position: absolute;
	top: 25%;
	margin-top: 35px;
	text-align: center;
	width:100%;
	height: 50%;
	color: #3f3f3f; /* updated for accessibility */
	z-index:16000;
	font-size:24px;
}
.bookmark.box_bottom{
	display:block;
}
.bookmark.box_title, .bookmark.box_message{
	padding-left: 35px;
	padding-right: 35px;
}
.bookmark.box_holder{
	background-color: transparent;
}
.bookmark_nav_start{
	width: 255px;
	height: 36px;
	cursor: pointer;
	text-align:center;
	padding-top:12px;
	margin-top:15px;
	font-family: 'citi-sans-text-regular', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 2.0rem;

}
.bookmark_nav_resume{
	width: 260px;
	height: 36px;
	cursor: pointer;
	text-align:center;
	padding-top:12px;
	margin-top:15px;
	font-family: 'citi-sans-text-regular', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 2.0rem;
	margin-bottom: 30px; /* 20191001 */
	
}
/* For devices 768px and larger */
@media (min-width: 768px)
{
	/* 20240319 pre-test that appears after first topic */
	.bookmark_nav_start, .bookmark_nav_resume, .pretest_nav_cancel, .pretest_nav_start {
		float: left;
	}
	/* 20240319 pre-test that appears after first topic */
	.bookmark_nav_start, .pretest_nav_cancel {
		margin-right:30px;
	}	
}
/* 20231019 switch language button on pre-test selection screen */
.bookmark_nav_switchlang{
	width: 260px;
	height: 36px;
	cursor: pointer;
	text-align:center;
	padding-top:12px;
	margin-top: -15px;
	font-family: 'citi-sans-text-regular', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 2.0rem;
	background-image:url('../images/general_int/lang_icon.png');
	background-repeat:no-repeat;
	background-position:0px 0px;

}
/* 20231019 switch language button on pre-test selection screen */
.bookmark_nav_start:hover, .bookmark_nav_resume:hover, .bookmark_nav_switchlang:hover
{
	text-decoration: none;
}
.button_holder{
	position:relative;
	width:100%;
	margin: auto;
	right:0;
	left:0;
	/*text-align: center;*/
	display: flex;
	justify-content: center;

}
/* 20231019 switch language button on pre-test selection screen */
.button_holder_single{
	position:relative;
	width:100%;
	margin: auto;
	right:0;
	left:0;
	display: flex;
	justify-content: center;

}
/* 20231019 switch language button on pre-test selection screen */
/* For devices 616px and larger */
@media (min-width: 616px)
{
	.button_holder_single{
		display: flex;
	}
}
.button_container{
    width: auto;
    display: inline-block;
}
.bookmark_title{
	padding:25px;
	padding-bottom: 25px;
	padding-top:27px;
	padding-left:35px;
	font-family: 'citi-sans-text-bold', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 2.4rem;
}
/* LOADER and BOOKMARK END ***********/

/* SCREEN READER START ***********/
.screen_reader_instruction {
  position: absolute;
  left: -999em;
  top: 0;
  height: 0;
}
[dir=rtl] .screen_reader_instruction {
  left: auto;
  right: -999em;
}
/* SCREEN READER END ***********/

/* preload background images for Chrome */
div#preloadImgs {	
	display: none;
}
div#preloadImgs img {	
	width: 100px;
	height: 100px;
}