.custom_icon{
    position: fixed;
    width: 32px;
    height: 32px;
    background-color: #fff;
    background-size: cover;
}

.custom_icon.completed{
    background-image: url(../framework_images/menu_images/menu_tick_grey.png); 
    background-position: 0% 0px;
    width: 28px;
    height: 28px;
}

.custom_icon.incompleted{
    width: 26px;
    height: 26px;
    background-image: url(../framework_images/menu_images/menu_arrow_grey.png);
    background-position: 0% 0px;
}

body.sm .custom_icon, body.xs .custom_icon{
    width: 20px;
    height: 20px;
}


.resource_item_num {
    display: none;
}
.resource_item_text {
    padding-left: initial;
}

#interfaceTxt {
    padding-top: 20px;
}

#transcriptHolder {
    padding: 5px 10px;
}

#custom_btn{
    display: inline-block;
}

div[data-inject_common="txt_label_skip_to"]#t_branch_btn.btnStyle1 {
    height: fit-content;
    line-height: 26px !important;
    padding: 9px 45px 9px 20px;
    background-position: 96% center;
    margin-top: 10px;
}

body.rtl div[data-inject_common="txt_label_skip_to"]#t_branch_btn.btnStyle1 {
    padding: 9px 18px 9px 34px;
}

div[data-inject_common="txt_label_skip_to"]#t_branch_btn.btnStyle1:hover {
    background-position: 99% center;
}

/* Fix to stop title overlapping close button on accordian */
.accordionPanel .title_txt_1{
    width: 90%;
}

.btnStyle1, 
.qqStart.goldClient_background_color_3 {
    color: #ffffff !important;
    background-color: rgba(255, 102, 0, 1) !important;
    border: none !important;
    background-image: none !important;
    line-height: 35px !important;
    border-radius: 0;
    height: 40px;
    text-align: center;
    padding: 4px;
    width: auto;
    min-width: 130px;
    text-transform: uppercase;
}

/* Fixed an issue on ultra wide monitors with RTL languages in tq_question_right template. Where the unused feedback panel covers the options making them unclickable.  */
#feedbackICTOverlay {
    display: none;
}

/**custom grey out text class for inactive letters in glossary **/
.grey_out_letter{
    color: #AAAAAA!important;
}

.grey_out_letter.active{
    color: #fff!important;
}



/* Fixed issue in tq_question_video_ict where the indicators were showing up as white. */
#wrapper.inverseColors .qi_optionsHolder.samc .qiOpt:not(.selected).indicatorIncorrect .qiOptIndicator.greyIcon, #wrapper.inverseColors .qi_optionsHolder.nasba .qiOpt:not(.selected).indicatorIncorrect .qiOptIndicator.greyIcon, #wrapper:not(.inverseColors) .qi_optionsHolder.samc .qiOpt:not(.selected).indicatorIncorrect .qiOptIndicator.whiteIcon, #wrapper:not(.inverseColors) .qi_optionsHolder.nasba .qiOpt:not(.selected).indicatorIncorrect .qiOptIndicator.whiteIcon{
	background-image: url(../framework_images/question_images/samc_incorrect.png);
}
#wrapper.inverseColors .qi_optionsHolder.samc .qiOpt:not(.selected).indicatorCorrect .qiOptIndicator.greyIcon, #wrapper.inverseColors .qi_optionsHolder.nasba .qiOpt:not(.selected).indicatorCorrect .qiOptIndicator.greyIcon, #wrapper:not(.inverseColors) .qi_optionsHolder.samc .qiOpt:not(.selected).indicatorCorrect .qiOptIndicator.whiteIcon, #wrapper:not(.inverseColors) .qi_optionsHolder.nasba .qiOpt:not(.selected).indicatorCorrect .qiOptIndicator.whiteIcon {
    background-image: url(../framework_images/question_images/samc_correct.png);
}

/* Updated color of text */
.dropdown-list li {
    color: #333333;
}

/* Template: t_intro_start */
.t_intro_start [data-inject_text="label_1"],
.t_intro_start [data-inject_text="label_2"],
.t_intro_start [data-inject_text="label_3"] {
    color: #4d148c;
}
@media only screen and  (max-width: 767px){ 
        .t_intro_start [data-inject_text="title_1"] {
        color: #4d148c;
    }
}

/* Template: t_reflection_clientcolours */

.t_reflection_clientcolours .reflectionThumbSVG {
    fill: #4d148c;
}
.t_reflection_clientcolours [data-inject_text="title_1"] {
    color: #4d148c;
}
.t_reflection_clientcolours [data-inject_text="body_1"],
.t_reflection_clientcolours [data-inject_text="body_2"] {
    color: #333333;
}
@media only screen and  (max-width: 767px){ 
    .t_reflection [data-inject_text="title_1"],
    .t_reflection [data-inject_text="body_1"],
    .t_reflection [data-inject_text="body_2"] {
        color: #ffffff;
    }
}

/* Template: t_reflection */
@media only screen and  (min-width: 767px){ 
    .t_reflection .speakUpSVG {
        fill: #4d148c !important;
    }
    .t_reflection [data-inject_text="title_1"] {
        color: #4d148c;
    }
}

/* Template: t_video_full_res_tl */

body.md .centreContentContainer.videoNav .pillNav,body.sm .centreContentContainer.videoNav .pillNav {
    bottom: 80px;
    width: 110px;
    background-color: rgb(255 255 255 / 25%);
    border: 2px solid #d4d4d4;
}

.t_video_full_res_tl [data-inject_text="body_1"] {
    color: #4d148c;
}
.t_video_full_res_tl .vidIconBtn:not(.disablePulse):before {
    border-style: none;
}
@media only screen and  (max-width: 767px){ 
    .t_video_full_res_tl [data-inject_text="title_1"] {
        color: #4d148c;
    }   
}

/* Template: tq_question_video_ict */

.tq_question_video_ict #wrapper.inverseColors [data-inject_text="title_1"],
.tq_question_video_ict #wrapper.inverseColors [data-inject_text="body_1"] {
    color: #ffffff;
}
.tq_question_video_ict .flipQuestionPanel .flipCard,
.tq_question_video_ict .qi_optionsHolder .qiOpt {
    border-radius: 0;
}

/* Template: tq_quickQuiz */
.tq_quickQuiz #sqStart {
    background-color: rgba(255, 102, 0, 1);
}
.tq_quickQuiz .qi_optionsHolder.samc .qiOpt.flipPanel .flipPanelFront:before {
    background-color: #4d148c;
}

/* Template: t_accordion_statement */
@media only screen and  (min-width: 767px){ 
    .t_accordion_statement .accordionSlide {
        background-color: rgba(77,20,140,0.6);
    }
    .t_accordion_statement .accordionStatement {
        background-color: rgba(77,20,140,0.8);
    }
    .t_accordion_statement .accordionPanelTxt .title_txt_1,
    .t_accordion_statement .accordionPanelTxt .body_txt_1 {
        color: #333333;
    }
    .t_accordion_statement .closeAccordBtn {
        background-image: url(../framework_images/accordion_images/accordion_close_grey.png);
    }
}
@media only screen and  (max-width: 767px){ 
    .t_accordion_statement .accordionPanel::before {
        color: #4a4a4a;
    }
}

/* Template: tq_question_right */ 
.tq_question_right #wrapper.inverseColors .goldUniversal_panel_light_color_1 {
    background-color: rgba(255,255,255,0.8);
}
.tq_question_right .goldUniversal_panel_light_color_1 {
    border-radius: 0px;
}
/* this is to account for options disappearing in IE11 in tq_question_right */
body.ie:not(.touch_device) .qi_optionsHolder .qiOpt:not(.disabled) {
	-ms-transform: scale(1);
	transform: scale(1);
}
body.ie:not(.touch_device) .qi_optionsHolder :not(.disabled).qiOpt:hover {
    -ms-transform: scale(1.02);
	transform: scale(1.02);
}

/* Template: tq_question_center */
.tq_question_center .ictDark {
    background-color: #4d148c;
}

.tq_question_center .qi_optionsHolder.samc .qiOpt.selected .qiOptIndicator {
    background-image: url(../framework_images/question_images/samc_selected_white.png);
}
.tq_question_center .qi_optionsHolder.samc .qiOpt:not(.selected).indicatorIncorrect .qiOptIndicator {
    background-image: url(../framework_images/question_images/mamc_incorrect_white.png);
}
.tq_question_center .qi_optionsHolder.samc .qiOpt:not(.selected).indicatorCorrect .qiOptIndicator {
    background-image: url(../framework_images/question_images/mamc_correct_white.png);
}

/* Template: t_timeline_tt_image_panel */
.t_timeline_tt_image_panel .CGpanel .title_txt_1 {
    color: #4d148c;
}

/* tq_question_center */
.tq_question_center .qi_optionsHolder .qiOpt {
    border-radius: 0;
}
.tq_question_center .qi_optionsHolder .qiOpt.selected {
    background-image: none;
}

@media only screen and (min-width : 1441px) {
    .label_txt_1 {
        font-size: 44px;
    }
}

@media only screen and (min-width : 1441px) {
    .label_txt_1 {
        font-size: 44px;
    }
}

@media only screen and (min-width: 1367px){
    .label_txt_1 {
        font-size: 44px;
    }
}

a.highlighted {
    background-color: #4d148c;
    color: #fff;
    padding: 1px 5px;
    border-radius: 5px;
}


p.highlighted {
    background-color: #4d148c;
    color: #fff;
    padding: 7px 7px;
    border-radius: 5px;
}

p.highlighted.inverse {
    background-color: #fff;
    color: #4d148c;
    padding: 7px 7px;
    border-radius: 5px;
}

.helpImgHolder.link_icon img{
    height: 100px;
}

#help_Panel {
    padding-top: 160px;
}