/*
	Copyright © LRN 2013 - 2023 All Rights Reserved.  
	No part of this code may be used, with or without modification, without prior consent from LRN. 
	CG v2.4.0, 2023
*/

/* COURSE CUSTOMISATION CSS FILE */


/**************************************************
Global updates
**************************************************/
.btnStyle1.goldUniversal_color_1 {
    background-color: #23004C;
    color: #ffffff;
}

.btnStyle1:not(.disabled).goldUniversal_color_2 {
    background-color: #23004C;
    color: #ffffff;
}

.btnStyle1.disabled.goldUniversal_color_2 {
    background-color: #23004C;
    opacity: 0.5 !important;
    color: #ffffff;
}

/**question screens**/


.goldUniversal_borderBottom_color_4.question_incorrect_label{
    border-bottom: 3px solid #DA3A16;
} 

.goldUniversal_color_4.question_incorrect_label{
    color: #DA3A16;
}

.goldUniversal_borderBottom_color_3.question_correct_label{
    border-bottom: 3px solid #258500;
}

.goldUniversal_color_3.question_correct_label{
    color: #258500;
}

.qi_optionsHolder.samc .qiOpt.selected.indicatorCorrect, 
.qi_optionsHolder.nasba .qiOpt.selected.indicatorCorrect, 
.qi_optionsHolder.samc .qiOpt.flipPanel.selected.indicatorCorrect .flipPanelBack {
    background-color: #258500 !important;
}

.qi_optionsHolder.samc .qiOpt.qiOptGraphical.selected.indicatorCorrect .qiOptIndicator, 
.qi_optionsHolder.mamc .qiOpt.qiOptGraphical.selected.indicatorCorrect .qiOptIndicator {
    /* background-color: #258500 !important; */
    background-color: transparent !important;
}

.qi_optionsHolder.samc .qiOpt.selected.indicatorIncorrect, 
.qi_optionsHolder.nasba .qiOpt.selected.indicatorIncorrect, 
.qi_optionsHolder.samc .qiOpt.flipPanel.selected.indicatorIncorrect .flipPanelBack {
    background-color: #DA3A16 !important;
}

.qi_optionsHolder.samc .qiOpt.qiOptGraphical.selected.indicatorIncorrect .qiOptIndicator, 
.qi_optionsHolder.mamc .qiOpt.qiOptGraphical.selected.indicatorIncorrect .qiOptIndicator {
    /* background-color: #DA3A16 !important; */
    background-color: transparent !important;
}

#wrapper.snf_01_04_06:not(.inverseColors) .qi_optionsHolder.mamc .qiOpt .qiOptIndicator.greyIcon, 
#wrapper.snf_01_04_06:not(.inverseColors) .qi_optionsHolder.mamc .qiOpt .qiOptIndicator.whiteIcon {
    background-image: url(../framework_images/question_images/samc_standard_grey.png);
}

#wrapper.snf_01_04_06:not(.inverseColors) .qi_optionsHolder.mamc .qiOpt.selected .qiOptIndicator.greyIcon, 
#wrapper.snf_01_04_06:not(.inverseColors) .qi_optionsHolder.mamc .qiOpt.selected .qiOptIndicator.whiteIcon {
    background-image: url(../framework_images/question_images/samc_selected_grey.png);
}

#wrapper.snf_01_04_06:not(.inverseColors) .qi_optionsHolder.mamc .qiOpt:not(.selected).indicatorIncorrect .qiOptIndicator.greyIcon, 
#wrapper.snf_01_04_06:not(.inverseColors) .qi_optionsHolder.mamc .qiOpt:not(.selected).indicatorIncorrect .qiOptIndicator.whiteIcon {
    background-image: url(../framework_images/question_images/samc_incorrect_grey.png);
}

#wrapper.snf_01_04_06:not(.inverseColors) .qi_optionsHolder.mamc .qiOpt:not(.selected).indicatorCorrect .qiOptIndicator.greyIcon, 
#wrapper.snf_01_04_06:not(.inverseColors) .qi_optionsHolder.mamc .qiOpt:not(.selected).indicatorCorrect .qiOptIndicator.whiteIcon {
    background-image: url(../framework_images/question_images/samc_correct_grey.png);
}

#wrapper.snf_01_04_06:not(.inverseColors) .qi_optionsHolder.mamc .qiOpt.qiOptGraphical.selected.indicatorCorrect .qiOptIndicator {
    background-image: url(../framework_images/question_images/samc_correct_grey.png);
}

#wrapper.snf_01_04_06:not(.inverseColors) .qi_optionsHolder.mamc .qiOpt.qiOptGraphical.selected.indicatorIncorrect .qiOptIndicator {
    background-image: url(../framework_images/question_images/samc_incorrect_grey.png);
}

#questionPanel .title_txt_1 {
    text-align: left;
    margin-left: 20px;
    color: #000000;
}

.questionStemPanelFront .title_txt_1 span {
    font-family: "Sanofi_Serif_Italic",sans-serif;
}
.flipHolder .goldClient_borderLeft_color_3 {
    border-left: none;
}

#wrapper[data-template="tq_question"] .screenSlide,
#wrapper[data-template="tq_question_graphical"] .screenSlide {
    padding: 0px 40px 0px 0px;
}

#wrapper[data-template="tq_question_graphical"] .qiOptIndicator.bottom {
    bottom: -25px;
}

#wrapper[data-template="tq_question_graphical"] .qi_optionsHolder.mamc .qiOpt.selected.indicatorIncorrect,
#wrapper[data-template="tq_question_graphical"] .qi_optionsHolder.samc .qiOpt.selected.indicatorIncorrect, 
#wrapper[data-template="tq_question_graphical"] .qi_optionsHolder.nasba .qiOpt.selected.indicatorIncorrect, 
#wrapper[data-template="tq_question_graphical"] .qi_optionsHolder.samc .qiOpt.flipPanel.selected.indicatorIncorrect .flipPanelBack {
    border-color: #DA3A16 !important;
}

#wrapper[data-template="tq_question_graphical"] .qi_optionsHolder.mamc .qiOpt.selected.indicatorCorrect,
#wrapper[data-template="tq_question_graphical"] .qi_optionsHolder.samc .qiOpt.selected.indicatorCorrect, 
#wrapper[data-template="tq_question_graphical"] .qi_optionsHolder.nasba .qiOpt.selected.indicatorCorrect, 
#wrapper[data-template="tq_question_graphical"] .qi_optionsHolder.samc .qiOpt.flipPanel.selected.indicatorCorrect .flipPanelBack {
    border-color: #258500 !important;
}

/**************************************************
Interface updates
**************************************************/
#interfaceRegular.goldClient_background_color_2 {
	background-color: #23004C;
}

body .iconBtn .iconBtnTxt:not(:hover) {
    color: #ffffff;
}

#interfaceRegular #menu.interfaceBtn.iconBtn {
    background-image: url(../framework_images/nav_images/icon_menu.png);
}

#interfaceRegular #menu.interfaceBtn.iconBtn:hover {
    background-image: url(../framework_images/nav_images/icon_menu_hover.png);
}

#interfaceRegular #glossary.interfaceBtn.iconBtn {
    background-image: url(../framework_images/nav_images/icon_glossary.png);
}

#interfaceRegular #glossary.interfaceBtn.iconBtn:hover {
    background-image: url(../framework_images/nav_images/icon_glossary_hover.png);
}

#interfaceRegular #transcript.interfaceBtn.iconBtn{
    background-image: url(../framework_images/nav_images/icon_transcript.png);
}

#interfaceRegular #transcript.interfaceBtn.iconBtn:hover {
    background-image: url(../framework_images/nav_images/icon_transcript_hover.png);
}

#interfaceRegular #resources.interfaceBtn.iconBtn {
    background-image: url(../framework_images/nav_images/icon_resources.png);
}

#interfaceRegular #resources.interfaceBtn.iconBtn:hover {
    background-image: url(../framework_images/nav_images/icon_resources_hover.png);
}

#interfaceRegular #help.interfaceBtn.iconBtn {
    background-image: url(../framework_images/nav_images/icon_help.png);
}

#interfaceRegular #help.interfaceBtn.iconBtn:hover {
    background-image: url(../framework_images/nav_images/icon_help_hover.png);
}

#interfaceRegular #audio.interfaceBtn.iconBtn {
    background-image: url(../framework_images/nav_images/icon_audio.png);
}

#interfaceRegular #audio.interfaceBtn.iconBtn:hover {
    background-image: url(../framework_images/nav_images/icon_audio_hover.png);
}

#interfaceRegular #audio.interfaceBtn.iconBtn.paused {
    background-image: url(../framework_images/nav_images/icon_audio_off.png);
}

#interfaceRegular .iconBtn {
    background-size: contain;
    background-position: center top;
    margin-top: 4px;
    padding-top: 20px;
    height: 40px;
    background-repeat: no-repeat !important;
}

#interfaceRegular .iconBtn svg .btnColor {
    fill: transparent; /* make svg transparent to not appear on GUI*/
}

.iconBtn svg {
    margin: 0px auto 2px auto;
}

/**************************************
 Update back and next button
****************************************/
.slide_left.bottomRight, .slide_right.bottomRight{
    background-repeat: no-repeat;
    width: 60px;
    height: 90px;
    bottom: 5px;
    z-index: 30;
    background-size:contain;
    cursor: pointer;
}


.mobileBackBtn{
    background-image: url(/framework_images/nav_images/gui_br_left.png);
}

.mobileNextBtn{
    background-image: url(../framework_images/nav_images/gui_br_right.png);
}


.slide_right.bottomRight:not(.disabled), .slide_right,
.slide_right.bottomRight:not(.disabled):hover,
.slide_right.bottomRight.disabled{
    background-image: url(../framework_images/nav_images/gui_br_right.png)!important;
}
.slide_left.bottomRight:not(.disabled), .slide_left,
.slide_left.bottomRight:not(.disabled):hover,
.slide_left.bottomRight.disabled{
    background-image: url(../framework_images/nav_images/gui_br_left.png)!important;
}


.slide_right.bottomRight.disabled{
    background-image: url(../framework_images/nav_images/gui_br_right_disabled.png)!important;
	opacity: 0.5;
}
.slide_left.bottomRight.disabled{
    background-image: url(../framework_images/nav_images/gui_br_left_disabled.png)!important;
	opacity: 0.5;
}

body:not(.touch_device) .slide_right.bottomRight:not(.disabled):hover, .slide_right.flashing {
    background-image: url(../framework_images/nav_images/gui_br_right_over.png)!important;
}

body:not(.touch_device) .slide_left.bottomRight:not(.disabled):hover, .slide_left.flashing {
    background-image: url(../framework_images/nav_images/gui_br_left_over.png)!important;
}

.hideNavButtons .slide_right, .hideNavButtons .slide_left{
    display: none;
}

.slide_right.bottomRight.flashing {
    -webkit-animation: flashing_next_pill 0.8s infinite; /* Safari 4+ */
    -moz-animation:    flashing_next_pill 0.8s infinite; /* Fx 5+ */
    -o-animation:      flashing_next_pill 0.8s infinite; /* Opera 12+ */
    animation:         flashing_next_pill 0.8s infinite; /* IE 10+, Fx 29+ */
}

@-webkit-keyframes flashing_next_pill {
    0% { right: 30px; }
    25% { right: 20px; }
    50% { right: 30px; }
    75% { right: 20px; }
    100% { right: 30px; }
  }
   
  @-moz-keyframes flashing_next_pill {
    0% { right: 30px; }
    25% { right: 20px; }
    50% { right: 30px; }
    75% { right: 20px; }
    100% { right: 30px; }
  }
   
  @-o-keyframes flashing_next_pill {
    0% { right: 30px; }
    25% { right: 20px; }
    50% { right: 30px; }
    75% { right: 20px; }
    100% { right: 30px; }
  }
  
  @keyframes flashing_next_pill {
    0% { right: 30px; }
    25% { right: 20px; }
    50% { right: 30px; }
    75% { right: 20px; }
    100% { right: 30px; }
  }

body.videoNav .slide_left.bottomRight {
    right: 72px;
	transform: scale(0.7);
}

body.videoNav .slide_right.bottomRight {
    right: 20px;
	transform: scale(0.7);
}

.slide_right.bottomRight {
    right: 30px;
}

.slide_left.bottomRight {
    right: 100px;
}

.centreContentContainer.hideNavButtons .slide_left, .centreContentContainer.hideNavButtons .slide_right{
	display: none !important;
}

#mobileBack.mobileBackBtn{
	background-size: contain;
    background-image: url(../framework_images/nav_images/gui_br_left.png);
	-webkit-transform: rotate(-0deg);
    -moz-transform: rotate(-0deg);
    -o-transform: rotate(-0deg);
    transform: rotate(-0deg);
}

#mobileNext.mobileNextBtn{
	background-size: contain;
    background-image: url(../framework_images/nav_images/gui_br_right.png);
	-webkit-transform: rotate(-0deg);
    -moz-transform: rotate(-0deg);
    -o-transform: rotate(-0deg);
    transform: rotate(-0deg);
}

#mobileBack.mobileBackBtn.disabled{
    background-image: url(../framework_images/nav_images/gui_br_left_disabled.png)!important;
	opacity: 0.6;
}

#mobileNext.mobileNextBtn.disabled{
    background-image: url(../framework_images/nav_images/gui_br_right_disabled.png)!important;
	opacity: 0.6;
}

.interfaceBtn.slide_right.bottomRight, .interfaceBtn.slide_left.bottomRight { 
    filter: drop-shadow(5px 5px 5px #000);
}

#mobileNext.interfaceBtn.mobileNextBtn, #mobileBack.interfaceBtn.mobileBackBtn  { 
    filter: drop-shadow(2px 2px 2px #000);
}

.mobileNextBtn, .mobileBackBtn {
    height: 30px;
    width: 45px;
}

/**************************************
 Course components updates
****************************************/
.glossary_definition_holder.goldClient_color_2,
#alphabet .goldClient_color_2,
.resource_item .goldUniversal_color_2,
.help_item .goldClient_color_2 {
	color: #000000;
}

.help_item .goldClient_color_2 strong{
	color: #7A00E6;
}

#glossaryTemplate {
    background-color: #23004C;
}

/**************************************
 t_vertical_timeline_lozenge updates
****************************************/

#wrapper.inverseColors #vertTimeItemsDark {
    border-left: 1px solid #23004C;
}

#wrapper.inverseColors .popslideArrow {
    border-color: transparent transparent transparent #23004C;
}

#wrapper .vertBtnStyle.vbDark {
    background-color: #F4F2F6;
    border: 1px solid #7A00E6;
}

.vertBtnStyle.vbDark.current {
    background-color: #23004C !important;
}

.vertBtnStyle.vbDark.current .goldUniversal_color_2 {
    color: #ffffff !important;
}

.vertBtnStyle.vbDark.current .clickIcon.viewed .clickIconImg {
    background-image: url(../framework_images/click_icon_viewed.png) !important;
}

.sansFont {
    font-family: "Sanofi_Sans_Regular";
    color:#000000;
}

/**************************************
 menu updates
****************************************/

body:not(.xs) .createMenuHere[data-menu_type="leftscreen"] {
    height: auto !important;
    width: 50%;
}

body.lg .createMenuHere[data-menu_type="leftscreen"] {
    height: auto !important;
    width: 40%;
}

body.xl .createMenuHere[data-menu_type="leftscreen"] {
    height: auto !important;
    width: 20%;
}

body:not(.xs) .createMenuHere[data-menu_type="leftscreen"] {
    min-height: 600px;
}

.gm_leftmenuItem {
    background-color: #F4F2F6;
    border: 1px solid #7A00E6;
    width: 555px;
    min-height: 95px;
}

.gm_leftmenuItem.menu_completed {
    background-color: #23004C;
}

.gm_leftmenuItem.menu_completed .goldClient_color_3 {
    color: #ffffff !important;
}

.gm_leftmenuItem .menu_progress {
    background-color: #ffffff;
}

body .gm_leftmenuItem:not(.disabledMenuItem).menu_completed:hover div[data-inject_text*="title"], 
body:not(.touch_device) .gm_leftmenuItem:not(.disabledMenuItem).menu_completed:hover .menu_num {
    color: #ffffff !important;
}

body:not(.touch_device) .gm_leftmenuItem:not(.menu_completed):hover {
    /* background-color: rgba(255, 255, 255, 1); */
    background-color: #F4F2F6;
}

.menu_txt_2.goldClient_color_2,
#menuItems .btn_txt_1.goldClient_color_3,
.menu_num.goldClient_color_3,
body .gm_leftmenuItem:not(.disabledMenuItem):hover div[data-inject_text*="title"], 
body:not(.touch_device) .gm_leftmenuItem:not(.disabledMenuItem):hover .menu_num {
    color: #000000;
}

.menu_num {
    font-family: "Sanofi_Serif_Italic", Helvetica, Arial, sans-serif; 
}

/**************************************
 t_popup_expand updates
****************************************/
.popExpandHeader {
    background-color: #23004C;
}

/**************************************
 t_intro_tc updates
****************************************/

#wrapper.inverseColors[data-template="t_intro_tc"] .goldClient_border_color_3 {
    border: none;
}

#wrapper[data-template="t_intro_tc"] .goldClient_border_color_3 {
    border: none;
}

/**************************************
 t_text_left updates
****************************************/

#wrapper.snf_01_03_22 .goldClient_border_color_3 {
    border: none;
}

/**************************************
 t_text_right updates
****************************************/
#wrapper.snf_01_02_03 .goldClient_border_color_3 {
    border: none;
}

#wrapper.snf_01_02_03 .label_txt_1 {
    text-align: center;
}

/**************************************
 t_popup_text_left updates
****************************************/

#popupTextBtns {
    padding: 0px 20px 0px 20px;
}

body:not(.touch_device) #wrapper.inverseColors[data-template="t_popup_text_left"] .popTxtBtn.current:not(.disabled):hover, 
#wrapper.inverseColors[data-template="t_popup_text_left"] .popTxtBtn.current {
    background-color: #23004C;
}

#wrapper.inverseColors[data-template="t_popup_text_left"] .popTxtBtn.current .goldUniversal_color_2 {
    color:#ffffff;
}

#wrapper.inverseColors[data-template="t_popup_text_left"] .popTxtBtn:not(.current) .clickIcon.viewed .clickIconImg {
    background-image: url(../framework_images/click_icon_viewed_grey.png);
}

#wrapper[data-template="t_popup_text_left"] #popupTextBtns .body_txt_1,
#wrapper[data-template="t_popup_text_left"] .pt_textHolder .title_txt_1 {
    font-family: "Sanofi_Serif_Italic",sans-serif;
}

/**************************************
 t_accordion_statement updates
****************************************/

#wrapper.inverseColors .accordionHolder.open .accordionSlide {
    background-color: #F4F2F6 !important;
}

#wrapper:not(.sm) .accordionHolder {
    background: rgb(255,255,255,0.5);
}

body:not(.xs):not(.sm) .accordionHolder:not(.minimised) .accordionSlide .accordionSlideTxt {
    bottom: 120px !important;
    color: #000000 !important;
}

#wrapper[data-template="t_accordion_statement"] .clickIcon.viewed .clickIconImg {
    background-image: url(../framework_images/click_icon_viewed_grey.png);
}

body:not(.xs) .accordionSlide::before {
    top: 58% !important;
    font-size: 65px;
}

body:not(.xs) .accordionHolder.minimised .accordionSlide::before {
    top: 68% !important;
}

.accordionSlideTxt {
    font-size: 16px;
}

#wrapper.inverseColors .accordionHolder:nth-child(odd) .accordionSlide {
    background-color: rgba(255,255,255,0.2);
}

body.sm #wrapper.inverseColors .accordionHolder:nth-child(odd) .accordionSlide {
    background-color: rgba(255,255,255,0.7);
}

body:not(.xs) .accordionHolder.minimised .accordionSlide .accordionSlideTxt {
    bottom: 260px;
}

.accordionSlideTxt,
#accordionItems .title_txt_1,
.accordionSlide::before {
    font-family: "Sanofi_Serif_Italic";
}

/**************************************
 t_text_top updates
****************************************/

#wrapper.snf_01_03_24 .label_txt_1,
#wrapper.snf_01_03_27 .label_txt_1 {
    padding-top: 12%;
}

#wrapper.snf_01_03_09 .centerVerticalPanel,
#wrapper.snf_01_03_10 .centerVerticalPanel,
#wrapper.snf_01_03_26 .centerVerticalPanel {
    top: 15px !important;
}

#wrapper.snf_01_03_07 .centerVerticalPanel {
    top: 10px !important;
}

#wrapper.snf_01_03_27 .tt_left,
#wrapper.snf_01_03_27 .tt_right {
    padding: 0px 20px 40px 60px;
}

#wrapper.snf_01_03_27 .centerVerticalPanel {
    top: 0px !important;
}

/**************************************
 t_coverflow updates
****************************************/

#wrapper[data-template="t_coverflow"] .clickIcon.viewed .clickIconImg {
    background-image: url(../framework_images/click_icon_viewed_grey.png);
}

#wrapper[data-template="t_coverflow"].inverseColors .goldUniversal_background_color_2 {
    background-color: #23004C;
}

#wrapper[data-template="t_coverflow"] .cf-indicator {
    color: #000000;
}

#wrapper[data-template="t_coverflow"] #cardTextTitle.title_txt_1.goldClient_color_3 {
    color: #000000;
}

/**************************************
 t_video_full_res_tl updates
****************************************/

#wrapper[data-template="t_video_full_res_tl"] .centerVertical.goldClient_border_color_3 {
    border: none;
} 

#wrapper.snf_01_03_07 .background_video {
	min-width: 100%;
    height: auto;
    top: 48%;
    width: 100%;
	background-color: #F4F2F6;
}


@media screen and (min-width : 768px) {
	#wrapper.snf_01_02_07 .title_txt_1[data-inject_text^="subtitle_"] {
		white-space:nowrap;
		font-weight:normal;
		position: absolute;
		padding-top: 1em;
		padding-bottom: 1em;
		text-align:center;
	}

	#wrapper.snf_01_02_07 .title_txt_1[data-inject_text^="subtitle_"]:after {
		content:"\00A0";
		left:50%;
		border-left:1px solid white;
		position:absolute;
		height:0.75em;
		bottom:-0.25em;
		width:1px;
	}


	#wrapper.snf_01_02_07 .label_txt_1 {
		text-align: center;
	}

	#wrapper.snf_01_02_07 .title_txt_1[data-inject_text^="subtitle_"]:nth-child(4):after, #wrapper.snf_01_02_07 .title_txt_1[data-inject_text^="subtitle_"]:nth-child(5):after {
		bottom: auto;
		top: -0.25em;
	}

	#wrapper.snf_01_02_07 .title_txt_1[data-inject_text="subtitle_1"] {
		bottom: 110%;
		right: 70%;
	}

	#wrapper.snf_01_02_07 .title_txt_1[data-inject_text="subtitle_2"] {
		left:50%;
		bottom: 110%;
	}

	#wrapper.snf_01_02_07 .title_txt_1[data-inject_text="subtitle_3"] {
		right: 80%;
		top:calc(110% - 1em);
	}

	#wrapper.snf_01_02_07 .title_txt_1[data-inject_text="subtitle_4"] {
		left:40%;
		top:calc(110% - 1em);
	}
}

@media screen and (max-width : 1280px) {
	.popupTextItem div[data-inject_css="panelColor"] {
		max-width: 50%;
		background-color: transparent !important;
	}

	#wrapper[data-template="t_popup_text_left"] .changerBG {
		background-size: contain;
		background-color: #f2f2f4;
		background-position: right 20%;
	}
}

body:not(.xs) .accordionHolder.minimised .accordionSlide .accordionSlideTxt {
    padding-left: 125px !important;
}