.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;
}

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


#custom_btn{
    display: inline-block;
}

#qPanelInfo [data-inject_text="title_1"] {
    color: #fff;
}

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;
}

body.rtl #framework_preloader input{
    margin-right: -75px;
}

.xs .attestHolder.showAll .attestBtn {
    right: 15px;
}

#languageList .dropdown-list li:nth-of-type(3n) {
    color: #fff;
}

body:not(.touch_device) .gm_leftmenuItem:not(.disabledMenuItem):hover {
    box-shadow: none;
}

/* Menu Styles: Start */
.goldMenuBtn, 
.goldMenuBtn.menu_completed {
    border: 2px solid #4d148c;
}
body:not(.touch_device) .gm_leftmenuItem:not(.disabledMenuItem):hover {
    background-color: rgba(234, 233, 234, 0.95);
}

.gm_leftmenuItem .menu_num, .gm_leftmenuItem .btn_txt_1 {
    color: #4d148c !important;
}

#interfaceTxt {
    padding-top: 20px;
}

.gm_leftmenuItem {
    background-color:white;
    min-height: 105px;
}
.gm_leftmenuItem.menu_completed {
    background-color: rgba(234, 233, 234, 0.95);
}

.goldMenuBtn .menu_txt_2, 
.gm_leftmenuItem.menu_completed div[data-inject_text*="duration"]{
    color: #ff6200;
}
.goldMenuBtn .menu_progress_bar {
    background-color: white;
}

.goldMenuBtn .menu_icon,
.goldMenuBtn.disabledMenuItem .menu_icon {
	background-image:url(../framework_images/menu_images/topic_icons.png);
	background-size:auto 100%;
	background-position: 0px 0px;
}
.goldMenuBtn.disabledMenuItem .menu_icon {
    filter: grayscale(1);
}
.goldMenuBtn.menu_completed .menu_icon{
    background-image: url(../framework_images/menu_images/menu_tick_grey.png);
}
#menuItems > .goldMenuBtn:nth-child(3) .menu_icon {
    background-position: 20% 0px;
}
#menuItems > .goldMenuBtn:nth-child(5) .menu_icon {
	background-position: 40% 0px;
}
#menuItems > .goldMenuBtn:nth-child(7) .menu_icon {
	background-position: 60% 0px;
}
#menuItems > .goldMenuBtn:nth-child(9) .menu_icon {
	background-position: 80% 0px;
}
#menuItems > .goldMenuBtn.disabledMenuItem:nth-child(11) .menu_icon {
    background-position: 100% 0px;
}
#menuItems > .goldMenuBtn:nth-child(11) .menu_icon {
    background-position: 0% 0px;
}
/* Menu Styles: End */

/* HUD: Start */

body.sm .interfaceSubHeading, body.md .interfaceSubHeading {
    padding-top: 0px;
}

.pillNav {
    background-color: #ffffff;
    border-color: #4d148c;
}
#interfaceRegular {
    background-color: #4d148c;
}
.iconBtn svg .btnColor {
    fill: #ffffff !important;
}
.iconBtn .iconBtnTxt {
    color: #ffffff !important;
}
#interfaceTxt .interfaceHeading, 
#interfaceTxt .interfaceSubHeading {
    color: #ffffff;
}  
.dashProgressIndicator {
    width: 100%;
}
.tempEditorMessage {
    color: #ffffff !important;
}

/* HUD: End */
/* Glossary */
.glossaryElements [data-inject_text="title_1"] {
    color: white;
}
#alphabet .active{
    color: #ff6200;
}
/* Resources */
.resourceElements [data-inject_text="title_1"]{
    color: white;
}
/* All Buttons */
.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: 40px !important;
    border-radius: 0;
    height: 40px;
    text-align: center;
    padding: 0;
    text-transform: uppercase;
}

#audioOverlay .goldClient_color_3 {
    font-family: "Roboto_Bold",sans-serif;
    color: #ffffff;
}

/* This just removes the coloured accent and the rounded corners from the panels. */
.ss_txtPanel, .CGpanel, .questionStemPanelBack {
    border: none !important;
    border-radius: 0;
}
/* This just removes the border around the dots. */
.ss_dot.ss_current::after {
    border: none;
}

/* Dropdown lists to coloured with White */
.dropdown-list li {
    color: #333333;
}
.dropdown-list li:nth-of-type(3n+1) {
    background-color: rgb(255, 255, 255) !important;
}
.dropdown-list li:nth-of-type(3n+2) {
    background-color: rgb(206, 206, 206) !important;
}

/* Disabled pulse for all video buttons */
.vidIconBtn:not(.disablePulse):before {
    animation: none;
    border: none;
}

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

/* Template: t_profiler */
.t_profiler .dropdown {
    width: 100%;
}
.t_profiler .centerVertical {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 50px;
}
.t_profiler [data-inject_text="body_1"] {
    color: #333333;
}

/* Template: t_text_right */
.t_text_right #wrapper.inverseColors [data-inject_text="title_1"] {
    color: #4d148c;
}

/* Template: tq_quickQuiz */
.tq_quickQuiz .goldClient_color_3 {
    color: rgb(255, 255, 255);
}

.tq_question_right #wrapper.inverseColors [data-inject_text="q_stem"].goldClient_color_3, 
.tq_question_right #wrapper.inverseColors [data-inject_text="title_1"].goldClient_color_3 {
    color: #4d148c;
}
/* Template: tq_question_video_ict */
.tq_question_video_ict [data-inject_text="q_stem"] {
    color: rgb(255, 255, 255);
}
.tq_question_video_ict #wrapper.inverseColors [data-inject_text="q_stem"] {
    color: #333333;
}
.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 .goldClient_panel_color_3,
.tq_question_video_ict #wrapper.inverseColors .goldClient_panel_color_3 {
    background-color: #4d148c;
    border-radius: 0px !important;
}
.tq_question_video_ict #wrapper.inverseColors .qifeedbackTxt {
    color: #ffffff;
}
.tq_question_video_ict #wrapper.inverseColors .flipbackbtn.whiteFlipBtn, .flipbackbtn {
    background-image: url(../framework_images/question_images/feedback_toggle_white.png);
}
.tq_question_video_ict .flipbackbtn.whiteFlipBtn, #wrapper.inverseColors .flipbackbtn {
    background-image: url(../framework_images/question_images/feedback_toggle.png);
}
.flipQuestionPanel.bottomAlignPanel .t_popup_text_image,
.flipQuestionPanel.bottomAlignPanel .questionStemPanelBack {
    padding: 30px;
}

.tq_grid #qiToggle{
    padding: 0px 10px;
    width: auto;
}

.tq_grid .btnStyle1{
    padding: 0px 5px;
}

/* Template: tq_question */
@media only screen and  (min-width: 767px) {
    .tq_question [data-inject_text="q_stem"],
    .tq_question [data-inject_text="prompt"] {
        color: white;
    }
}

.flipbackbtn {
    top: 5px;
    right: 8px;
}

/* Template: t_popup_click */
.t_popup_click #wrapper #popupClick .pcBtnStyle .clickIcon {
    top: 15%;
    left: 90%;
}
/* removing greyscale and replacing it with white overlay */
#wrapper #popupClick .pcBtnStyle:not(.viewed) .pcImg {
    -webkit-filter: none;
    -moz-filter: none;
    -o-filter: none;
    filter: none;
}
.t_popup_click .pcBtnStyle:not(.viewed) .fedex_image_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(255, 255, 255, .5);
}

/* Template: tq_grid*/
.tq_grid .qiGridStag .qiGridBox.normal {
	min-width: 100px;
}
.tq_grid .qiGridStag .qiGridStagOpts{
	width: 250px;
}
.tq_grid .qiGridStag .qiGridStagTxt {
    width: calc(100% - 250px);
}

/* Template: t_popup_text_image */
.t_popup_text_image [data-inject_css="panelColor"] {
    /* background-color: transparent; */
}
.t_popup_text_image .clickIconImg {
    background-image: none;
}
.t_popup_text_image .clickIcon:not(.viewed).pulse::before {
    animation: none;
    background-color: transparent;
}
.t_popup_text_image #wrapper.pt_btnNumbers .popTxtBtn::before {
    content: none;
}
.t_popup_text_image .ptBtn div.body_txt_1 {
    padding-left: 10px;
    text-align: left;
}
/* Template: t_accordion_statement */
.t_accordion_statement .accordionSlide::before {
    color: #ff6200;
}

body:not(.xs) .accordionHolder.minimised .accordionSlide .accordionSlideTxt {
    padding-right: 50px;
}

.t_accordion_statement .accordionHolder:nth-child(odd) .accordionSlide {
    background-color: rgba(255,255,255,0.8);
}
.t_accordion_statement .accordionHolder:nth-child(even) .accordionSlide:hover {
    background-color: rgba(255,255,255,0.9) !important;
}
.t_accordion_statement .accordionHolder:nth-child(even) .accordionSlide .accordionSlideTxt.goldClient_color_3,
.t_accordion_statement .accordionHolder:nth-child(odd) .accordionSlide:hover .accordionSlideTxt.goldClient_color_3
{
    color: white;
}
.t_accordion_statement .accordionHolder:nth-child(odd) .accordionSlide .accordionSlideTxt.goldClient_color_3,
.t_accordion_statement .accordionHolder:nth-child(even) .accordionSlide:hover .accordionSlideTxt.goldClient_color_3
{
    color: #4d148c;
}
@media only screen and  (min-width: 767px) {
    .t_accordion_statement .accordionPanel::before {
        content: none;
    }
}

/* Assessment styles */
.t_exam_intro [data-inject_text="title_1"], 
.tq_mc_bubbles [data-inject_text="title_1"], 
.tq_mc_blocks [data-inject_text="title_1"], 
.t_exam_summary .label_txt_1.goldClient_color_3 {
    color: white;
}

.t_attestation #wrapper.inverseColors .attestBtn {
    background-image: url(../framework_images/attestation_icons/attest_selected_white.png);
}

.t_attestation #wrapper.inverseColors .attestHolder.selected .attestBtn {
    background-image: url(../framework_images/attestation_icons/attest_standard_white.png);
}

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


.t_accordion_statement .accordionHolder:nth-child(odd) .accordionPanelTxt p,
.t_accordion_statement .accordionHolder:nth-child(odd) .accordionPanelTxt ul {
color: #4d148c !important;
}

body.xs .t_accordion_statement .accordionHolder:nth-child(odd) .accordionPanelTxt p,body.xs .t_accordion_statement .accordionHolder:nth-child(odd) .accordionPanelTxt ul {
    color: #ffffff !important;
}


@media only screen and  (max-width: 1080px) {
.t_accordion_statement .accordionHolder:nth-child(even) .accordionSlide:hover {
    background-color: #4d148c !important;
}
}

.goldMenuBtn .menu_progress_bar{
    background-color: #666666;
}

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

#wrapper.md .createMenuHere[data-menu_type="leftscreen"]{
	height: 700px !important;
}
#wrapper.lg .createMenuHere[data-menu_type="leftscreen"]{
	height: 700px !important;
}
#wrapper.xl .createMenuHere[data-menu_type="leftscreen"]{
	height: 800px !important;
}


#resourcesTemplate > div:nth-child(7) > div.resource_item_num{
    display: none;
}
#resourcesTemplate > div:nth-child(7) > div.resource_item_text{
    padding-left: 0px;
}

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

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

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

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

#help_Panel {
    padding-top: 160px;
}