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