/* Universal Viewer */
#uv div.viewportNavButton:focus-visible,
#uv .centerPanel .content .viewer .paging.btn.next:focus-visible,
#uv .centerPanel .content .viewer .paging.btn.prev:focus-visible,
#uv a:focus-visible,
#uv .openseadragon-container .wdzt-row-layout .wdzt-cell-layout:focus-within,
#uv span > div:focus-visible img {
    outline: 2px solid #ffffff !important; 
    outline-offset: 0px;
}

#uv .openseadragon-canvas:focus-visible {
    outline: 2px solid #ffffff !important; 
    outline-offset: -1px;

}

#uv .search a.go:hover,
#uv .search a.go:focus{
    color: white !important;
}

#uv .btn:focus {
    box-shadow: none;
}

.uv .btn:focus i {
    outline: 2px solid #ffffff !important; 
    opacity: 1;
}

.uv .slider-seek.focus [role="slider"],
.uv .aria-slider.focus [role="slider"] {
  color: #ffffff;
}

.uv .headerPanel .centerOptions input:focus-visible {
    outline: 2px solid #2980b9 !important; 
    outline-offset: 0px;
}

/* Video Visor */
.uv .mejs__controls button:focus-visible ,
.uv .mejs__controls .mejs__time-slider:focus-within,
.uv .mejs__inner .mejs__overlay-button:focus-visible  {
    outline: 2px solid #ffffff !important; 
    outline-offset: 0px;
}


/* altoxml openseadragon */


/* Mirador  */

/* Embed */

.viewer.idle .controls .general-controls:focus-within {
    opacity: 1;
}

/* UV Visor */
.volume .volume-slider:focus-within {
    outline: 2px solid #2980b9 !important; 
    outline-offset: 0px;
}

/* videojs styles */

#container_av_player .vjs-control-bar button:focus-visible,
#container_av_player .vjs-control-bar .vjs-progress-control.vjs-control:focus-within,
#container_av_player .vjs-control-bar .vjs-volume-panel.vjs-slider-active,
#container_av_player #transcript button:focus-visible,
#transcript_search button.skip:focus-visible,
#transcript_search button.control-button:focus-visible,
#translation_search button.skip:focus-visible,
#translation_search button.control-button:focus-visible,
#container_av_player #transcript-containers input:focus-visible,
#container_av_player #social_media_links a:focus-visible i:before{
    outline: 2px solid #ffffff !important; 
    outline-offset: 0px;
}

#container_av_player #ModalShare .nav-tabs a:focus-visible,
#container_av_player #ModalShare input:focus-visible,
#container_av_player #ModalShare button.copy-icon:focus-visible,
#container_av_player #ModalShare button.close_buttom:focus-visible,
#container_av_player #ModalImgCarousel button:focus-visible,
#container_av_player ul#image-gallery li:focus-within .title > div,
#container_av_player ul.content-slider li:focus-within .title > div {
    outline: 2px solid #000000 !important; 
    outline-offset: 0px;
}


#container_av_player #ModalShare input:focus-visible{
    border-color:transparent;
}

#container_av_player #ModalShare .custom-control-input:focus-visible~.custom-control-label::before {
    box-shadow: none;    
    outline: 2px solid #2980b9 !important; 
    outline-offset: 0px;
}

#container_av_player #ModalShare #social_media_links a:focus-visible i {
    outline: 2px solid #2980b9 !important; 
    padding: 0.1rem;
}

#container_av_player #transcript_search {

}

#transcript_search button.skip:active,
#transcript_search button.skip:focus,
#transcript_search button.skip:hover {
    left: 0;
    top: 0;
    width: auto;
    height: auto;
    overflow: visible;
    color: #ffffff;
    position: unset;
}


/* PDF */

#pdfVisor .toolbarButton:focus-visible,
#pdfVisor #scaleSelectContainer:focus-within,
#pdfVisor #scaleSelect:focus-visible,
#pdfVisor .secondaryToolbarButton:focus-visible 
{
    outline: 2px solid #000000 !important;
}

#pdfVisor #thumbnailView a:focus-visible img.thumbnailImage {
    outline: 2px solid #ffffff !important;
}

#pdfVisor  ul#image-gallery li:focus-within .title > div {
    outline: 2px solid #ffffff !important;
}

/*   Media Query    */

#uv .openseadragon-container > div:not(.openseadragon-canvas) > div:focus-within{
    opacity: 1 !important;
}