.vertBtnStyle:not(.vbDark).current {
    background-color: #808d38;
    box-shadow: none;
}

/*****************************************
Update GUI icons using png instead of svg
******************************************/

#interfaceRegular #glossary.interfaceBtn.iconBtn {
    background-image: url(../tools/interface_1/images/glossary.png);
}

#interfaceRegular #glossary.interfaceBtn.iconBtn:hover {
    background-image: url(../tools/interface_1/images/glossary_hover.png);
}

#interfaceRegular #transcript.interfaceBtn.iconBtn {
    background-image: url(../tools/interface_1/images/icon_transcript.png);
}

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

#interfaceRegular #resources.interfaceBtn.iconBtn {
    background-image: url(../tools/interface_1/images/icon_resources.png);
}

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

#interfaceRegular #help.interfaceBtn.iconBtn {
    background-image: url(../tools/interface_1/images/icon_help.png);
}

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

#interfaceRegular #audio.interfaceBtn.iconBtn {
    background-image: url(../tools/interface_1/images/icon_audio.png);
}

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

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

#interfaceRegular .iconBtn {
    background-size: contain;
    background-position: center top;
    margin-top: 0px;
    padding-top: 10px;
    background-repeat: no-repeat !important;
}

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


/**************************************
Update global button color and style
****************************************/
.iconBtn {
    height: 40px;
    min-width: 60px;
}

.btnStyle1{
    background-color: #db1a16;
    min-width: 150px;
    height: 45px;
    padding-top: 3px;
    padding-right: 67px;
}

.btnStyle1.goldUniversal_border_color_2 {
    border: 3px solid #db1a16;
}

/**************************************
Update multimedia button 
****************************************/
#audioOverlay .btnStyle1{
    padding-right: 20px;
}

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


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

.mobileNextBtn{
    background-image: url(../framework_images/nav_images/nav_arrow_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/nav_arrow_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/nav_arrow_left.png)!important;
}

.slide_right.bottomRight.disabled{
    opacity: 0.5;
}
.slide_left.bottomRight.disabled{
    opacity: 0.5;
}

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

.slide_right.bottomRight {
    right: 30px;
}

.slide_left.bottomRight {
    right: 125px;
}

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

#mobileBack.mobileBackBtn{
	background-size: contain;
    background-image: url(../framework_images/nav_images/nav_arrow_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/nav_arrow_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/nav_arrow_left.png);
	opacity: 0.6;
}

#mobileNext.mobileNextBtn.disabled{
    background-image: url(../framework_images/nav_images/nav_arrow_right.png);
	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);
}

/**************************************
t_video_full_res_tl template edits 
****************************************/
.vid_intro_content .label_txt_1 p{
    line-height: 0.8;
}

/**************************************
t_accordion_statement template edits 
****************************************/

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

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

/**************************************
t_parallax_left_icon template edits 
****************************************/

body:not(.xs) .parallaxContentPanel {
    background-image: url(../course/assets/cmns_10_m4_01_06/clipboard.png) !important;
    background-repeat: no-repeat !important;
    background-size: 100% auto !important;
    padding-top: 26%;
    padding-left: 12%;
}

#wrapper.inverseColors .parallaxIcon.goldClient_borderTop_color_3 {
    border-top: none;
}

 .parallaxIcon {
    top: -15px;
}

#parallaxItems .parallaxIconsPanel .margin_top_20.title_txt_1 {
    margin-top: 13px;
}

#parallaxItems .label_txt_1 span{
    font-size: 0.5em;
}

#parallaxItems .label_txt_1 {
    line-height: 0.8;
    padding-bottom: 10px;
    padding-right: 40px;
}

/**************************************
t_popup_click template edits 
****************************************/
#wrapper.cmns_10_m4_00_12 #popupClick {
    min-height: 654px;
}

#wrapper #popupClick .pcBtnStyle .clickIcon {
    top: 20%;
    left: unset;
    right: 20%;
}

.pcBtnHolder {
    padding-top: 100px;
}


/**************************************
t_text_bottom template edits 
****************************************/
@media (min-width: 1366px){
    #wrapper.cmns_10_m4_00_04.inverseColors .goldGradient_bt_3 {
        background: #e8e8e8;
        background: -moz-linear-gradient(top, rgba(232,232,232,0.9) 75%, rgba(255,255,255,0.9) 100%);
        background: -webkit-linear-gradient(top, rgba(232,232,232,0.9) 75%,rgba(255,255,255,0.9) 100%);
        background: linear-gradient(to bottom, rgba(255,255,255,0.9) 75%,rgba(255,255,255,0.9) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(232,232,232,0.9)', endColorstr='rgba(255,255,255,0.9)',GradientType=0 );
    }
}