/* openseadragon styles */
#openseadragon1 {
	width: 100%;
	height: calc(100% - 43px);
	background: linear-gradient( rgba(204, 204, 204, 0.45), rgba(0, 0, 0, 0.71) );
}

.openbuttons {
	background-color: #333;
	height: auto;
	padding: 5px;
}

.openbuttons img {
	padding: 5px;
	opacity: 0.6;
	margin: 0px 3px;
	width: 33px;
	height: auto !important;
}

.openbuttons img:hover {
	opacity: 1;
}

/* sketchfab styles */
.no_model{
	background-color:#555;
	width:100%;
	text-align:center;
	color:#fff;
	display:flex;
	align-items:center;
	height: 100vh;
}

.no_model_text{
	display:flex;
	height:100%;
	width:100%;
	background:#555;
	justify-content:center;
	align-items:center;
}
.no_model_text p{
	padding:30px;
	margin:0 20px;
	font-size:16px;
	background-color:rgba(0,0,0,.6);
	border-radius:6px;
}

iframe.sketchfab {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Universal Viewer */
#uv {
    width: 100%;
    height: 100vh;
}

.uv .leftPanel .views .thumbsView .thumbs .thumb .wrap img {
    margin: 0 auto;
}

.uv .leftPanel .tabs .tab.on {
    color: #2980b9 !important;
}

.uv .leftPanel .views .thumbsView .thumbs .thumb .info .searchResults {
    color: #2980b9  !important;
    background-image: none !important;
    padding-left : 0 !important;
}

.uv .leftPanel .views .thumbsView .thumbs .thumb .info .searchResults:not(:empty):before {
    font-family: "Font Awesome 5 Free";
    content: "\f002";
    margin-right: 3px;
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.uv .iiif-tree-component ul li a.selected {
    color: #2980b9 !important;
}

.uv .btn-primary {
    color: #ffffff !important;
    background-color: #98002E !important;
    border-color: #98002E !important;
}

.uv a {
    color: #2980b9 ;
    text-decoration: none;
}

.uv a:hover,
.uv a:focus {
    color: #2980b9  !important;
    text-decoration: underline !important;
    outline: inherit !important;
}

.uv .iiif-metadata-component .groups .group .items .item .value a.toggle {
    color: #2980b9;
    font-weight: normal;
}

.uv .mejs__time {
    height: 25px;
}

.uv .centerPanel .content .searchOverlay.current {
    background-color: #fee720 !important;
}

.uv .footerPanel .search .searchTextContainer .searchText {
    outline: inherit;
    padding-left: 5px !important;
}

.uv .footerPanel .searchResults .placeMarkerDetails {
    z-index: 11 !important;
}

.uv .footerPanel .searchResults .searchResultPlacemarker {
    z-index: 10 !important;
}

.uv .footerPanel .searchResults .searchResultPlacemarker {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiBmb2N1c2FibGU9ImZhbHNlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIg0KCSB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDM4NCA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM4NCA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiMyOTgwQjk7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNzIuMyw1MDEuN0MyNywyOTEsMCwyNjkuNCwwLDE5MkMwLDg2LDg2LDAsMTkyLDBzMTkyLDg2LDE5MiwxOTJjMCw3Ny40LTI3LDk5LTE3Mi4zLDMwOS43DQoJQzIwMi4yLDUxNS40LDE4MS44LDUxNS40LDE3Mi4zLDUwMS43TDE3Mi4zLDUwMS43eiIvPg0KPC9zdmc+DQo=') !important;
}

.uv .footerPanel .searchPager .controls a.clearSearch {
    color: #2980b9 !important;
}

.uv .footerPanel .searchOptions {
    left: 0 !important;
}

.uv .mobileFooterPanel .options .btn.fullScreen {
    display: inline-block !important;
}

.uv .headerPanel .centerOptions .autocompleteText {
    width: 30px !important;
    height: 28px !important;
    margin-top: 0 !important;
    border-radius: 0;
    text-align: center;
    border: 0;
}

.uv .headerPanel .centerOptions .autocomplete {
    display: none !important;
}

.uv ::-webkit-scrollbar {
    width: 7px !important;
}

.uv .footerPanel {
    display: none !important;
    visibility: hidden !important;
}

.uv .footerPanel .minimiseButtons {
    display: none !important;
    visibility: hidden !important;
}

.iiif-icon{
    background: transparent url("./logo-iiif-34x30.png") center 8px no-repeat;
    display: block;
    font-size: 0;
    height: 40px;
    margin: 0 auto;
    margin-left: 5px;
    margin-right: 5px;
    width: 38px;
    float: right;
    background-position-y: center;
}

/* altoxml openseadragon */
.highlightviewer{
    background-color: #ffbf0899;
    position: absolute;
    /*display: none;*/
    cursor: pointer;
}

.search-alto {
    border: 1px solid #929292;
    background-color: #fff !important;
    border-radius: 0;
    color: #383838 !important;
}

.container-alto {
    border-left: 5px solid #c3c3c3;
    padding-right: 0px;
    max-height: 100%;
    background-color: #fff;
}

.text-alto {
    height:100%;
    overflow-y:scroll;
    margin-bottom:0;
    padding:10px 15px;
}

.openwaybackmachine {
    background: none;
}

.openwaybackmachine .select2-container--default .select2-selection--single{
    border-radius: 0 !important;
}

.openwaybackmachine .card-header {
    background: rgb(52, 58, 64);
}

.btn-custom{
    position: fixed;
    right: 0%;
    margin: 0px 25px;
    z-index: 999999;
    border: 0;
    bottom: 5%;
    padding: 8px 16px;
    border-radius: 3px;
    color: #fff;
    background-color: #3e8ed2;
    cursor: pointer;
    text-shadow: 0px 2px #333;
    text-decoration: none;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.btn-custom:hover {
    background-color: #357bb7;
}

.btn-custom.active {
    -webkit-transform: translateY(-120%);
    -moz-transform: translateY(-120%);
    -ms-transform: translateY(-120%);
    -o-transform: translateY(-120%);
    transform: translateY(-120%);
}

:focus {
    outline: none !important;
}

/* Mirador  */

#mirador ::-webkit-scrollbar {
    width: 5px;
    height: 7px;
}

#mirador  ::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}

#mirador ::-webkit-scrollbar-thumb {
    background: #525965;
    border: 0px none #ffffff;
    border-radius: 0px;
}

#mirador  ::-webkit-scrollbar-thumb:hover {
    background: #525965;
}

#mirador ::-webkit-scrollbar-thumb:active {
    background: #525965;
}

#mirador ::-webkit-scrollbar-track {
    background: transparent;
    border: 0px none #ffffff;
    border-radius: 50px;
}

#mirador  ::-webkit-scrollbar-track:hover {
    background: transparent;
}

#mirador  ::-webkit-scrollbar-track:active {
    background: transparent;
}

#mirador  ::-webkit-scrollbar-corner {
    background: transparent;
}

/* videojs styles */

#container_av_player #transcript_search {
    height: 8%;
    margin-top: 3%;
    padding-left: 2%;
    padding-right: 2%;
}

#container_av_player #transcript_search #transcriptSearch {
    background-color: rgb(28 30 35);
    border-color: black;
    color:white;
    border-radius: 0px;
}


#container_av_player #transcript_search .search_transcript_buttons .input-group-text{
    background-color: rgb(28 30 35)  !important;
    border-color: black;
    color:white;
    border-radius: 0px;
    cursor: pointer;
}

#container_av_player #transcript_search .current_search_div{
    font-size: 10px;
    margin-left: 1%;
}



#container_av_player #transcript {
    height: 87%;
    overflow: scroll;
    padding: 2%;
    padding-left: 3%;
    margin-top: 2%;
}

#container_av_player #transcript p {
    cursor: pointer;
    padding: 1% 8%;
    padding-left: 2%;
}

#container_av_player #transcript-containers {
    height: 480px;
    background-color: black;
    color: white;
    padding-right: 0;
    padding-left: 0;
    border-left: 1px solid #525965;
}

#container_av_player #transcript-containers #transcript {
    overflow-x: unset;
}

#container_av_player #transcript .transcription:hover,
#container_av_player #transcript .selected-transcript {
    font-weight: bold;
    background-color: #98002Ee0 !important;
    border-color: #98002Ee0 !important;
}

#container_av_player #transcript .highlight {
    background-color: rgb(113 130 6);
    padding: 1%;
    font-weight: bold;
    font-style: oblique;
}

#container_av_player .video-js .vjs-control-bar {
    z-index: 200;
    display:flex;
}

#container_av_player .video-js #next-video-js           .vjs-icon-placeholder,
#container_av_player .video-js #prev-video-js           .vjs-icon-placeholder,
#container_av_player .video-js #share-video-js          .vjs-icon-placeholder,
#container_av_player .video-js .vjs-play-control        .vjs-icon-placeholder,
#container_av_player .video-js .skip-back               .vjs-icon-placeholder,
#container_av_player .video-js .skip-forward            .vjs-icon-placeholder,
#container_av_player .video-js .vjs-mute-control        .vjs-icon-placeholder,
#container_av_player .video-js .vjs-fullscreen-control  .vjs-icon-placeholder {
    font-family: "Font Awesome 5 Free";
    font-weight: bold;      
}

#container_av_player .video-js #next-video-js           .vjs-icon-placeholder:before,
#container_av_player .video-js #prev-video-js           .vjs-icon-placeholder:before,
#container_av_player .video-js #share-video-js          .vjs-icon-placeholder::before,
#container_av_player .video-js .vjs-play-control        .vjs-icon-placeholder::before,
#container_av_player .video-js .skip-back               .vjs-icon-placeholder::before,
#container_av_player .video-js .skip-forward            .vjs-icon-placeholder::before,
#container_av_player .video-js .vjs-mute-control        .vjs-icon-placeholder::before,
#container_av_player .video-js .vjs-fullscreen-control  .vjs-icon-placeholder::before   {
    font-size: 13px;
    margin-top: 4px;
}

#container_av_player .video-js .vjs-play-control .vjs-icon-placeholder::before,
#container_av_player .video-js .vjs-paused .vjs-icon-placeholder::before {
    content: "\f04b";
}

#container_av_player .video-js .vjs-playing .vjs-icon-placeholder::before {
    content: "\f04c";
}

#container_av_player .video-js .vjs-ended .vjs-icon-placeholder::before {
    content: "\f0e2";
}

#container_av_player .video-js #next-video-js .vjs-icon-placeholder:before {
    content: "\f051";
}

#container_av_player .video-js #prev-video-js .vjs-icon-placeholder:before {
    content: "\f048";
}

#container_av_player .video-js #share-video-js .vjs-icon-placeholder::before {
    content: "\f1e0";
}

#container_av_player .video-js .skip-back       .vjs-icon-placeholder::before,
#container_av_player .video-js .skip-forward    .vjs-icon-placeholder::before {
    content: "\f1da";
}

#container_av_player .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder::before {
    content: "\f026";
}

#container_av_player .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder::before {
    content:"\f026";
}

#container_av_player .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder::before {
    content:"\f027";
}

#container_av_player .video-js .vjs-mute-control .vjs-icon-placeholder::before {
    content:"\f028";
}

#container_av_player .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: "\f065";
}

#container_av_player .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: "\f066";
}

#container_av_player .video-js .skip-forward    .vjs-icon-placeholder::before {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
#container_av_player .vjs-playback-rate .vjs-playback-rate-value {
    line-height: 2.3;
    font-size: 13px;
}

#container_av_player #images_chapter ul {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
}

#container_av_player #images_chapter img {
    width: 100%;
    max-height: 180px;
    cursor: pointer;
}

#container_av_player #ModalImgCarousel img {
    width: 100%;
    height: 100%;
} 

#container_av_player #ModalImgCarousel .modal-content {
    border: 0px;
    border-radius: 0px;
}

#container_av_player #ModalImgCarousel .modal-body {
    height: 70vh; 
    padding:0%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

#container_av_player #ModalImgCarousel .modal-footer {
    display:none;
}

#container_av_player #chapters-containers {
    margin-top:0.5%;
}

#container_av_player #chapters-containers .content-slider li {
    text-align: center;
    color: #FFF;
}

#container_av_player {
    width: 100%;
    margin: auto;
}

#container_av_player .row {
    margin-left:0%;
    margin-right:0%;
}

#container_av_player #image-gallery .active-video .middle, 
#container_av_player #image-gallery li:hover .middle {
    opacity: 0;
}

#container_av_player #image-gallery .middle {
    opacity: 1;
    position: relative;
    top: 0;
    text-align: center;
    transition: 1s ease;   
    background: rgba(0, 0, 0, 0.5);
    color: #f1f1f1;
    width: 100%;
    height: 100%;
}

#container_av_player #image-gallery .middle i {
    position: absolute;
    top: 40%;
    left: 40%;
    width: 20%;
    font-size: 48px;
}

#container_av_player #image-gallery .title {
    color:black;
}

#container_av_player #image-gallery .image {
    width: 100%;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
  
#container_av_player #image-gallery li div.title {
    font-size: 10px;
    margin-top: 2%;
}

#container_av_player #ModalShare .modal-dialog {
    min-width: 80%;
}

#container_av_player #ModalShare .modal-content {
    max-height: 88vh;
    border: 0px;
    border-radius: 0px;
}

#container_av_player #ModalShare .modal-header {
    display:none;
}

#container_av_player #ModalShare .modal-body {
    background-color: #eeeeee;
}

#container_av_player #ModalShare .copy-share-buttom:hover {
    font-weight: bold;
    background-color: rgb(214 219 224);
}

#container_av_player #ModalShare .form-check input[type="checkbox"] {
    position: relative;
    right: 0;
}

#container_av_player #ModalShare input, 
#container_av_player #ModalShare a {
    border-radius:0px;
}

#container_av_player #input_share_link,
#container_av_player #input_share_embed_link{
    padding-right: 30px;
}

#container_av_player #ModalShare .active {
    border-color:white;
}

#container_av_player #ModalShare .show-responsive-buttons {
    display: block !important;
}

#container_av_player #ModalShare .div_input_url {
    position: relative;
}

#container_av_player #ModalShare .copy-icon {
    position: absolute;
    right: 5px;
    top: 10%;
    font-size: 20px;
    cursor: pointer;
    padding: 5px;
}

#container_av_player #ModalShare .label_time {
    padding-right: 10px;
    padding-left: 10px;
    display: -webkit-inline-box;
}

#container_av_player #ModalShare #social_media_links {
    width: 70%;
    list-style: none;
    position: absolute;
    left: 0;
    margin: 0;
    bottom: 0;
}

#container_av_player #ModalShare #social_media_links li {
    float:left;
    font-size: 28px;
    padding: 10px;
}

#container_av_player #ModalShare input.input-time {
    margin-top: -1%;
    margin-left: 7px;
    margin-right: 8px;
    width: 15%;
}

#container_av_player #ModalShare #social_media_links a {
    color: #98002E;
    transition: .5s;
}

#container_av_player #ModalShare #social_media_links a:hover {
    color: #98002Ee0;
}

#container_av_player #ModalShare .copy-icon {
    color: #98002E;
    transition: .5s;
}

#container_av_player #ModalShare .copy-icon:hover {
    color: #98002Ee0;
}

#container_av_player #ModalShare .close_buttom {
    background-color: #98002E;
    border: #98002E;
}

#container_av_player #ModalShare .close_buttom:hover {
    background-color: #98002Ee0;
    border: #98002Ee0;
}

#container_av_player .lSSlideOuter .lSPager.lSpg > li:hover a, 
#container_av_player .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #98002Ee0 !important;
    border-color: #98002Ee0 !important;
}

#container_av_player .ui-tooltip {
    opacity: 0.9;
    background-color: #dc3545;
    border-color:#dc3545;
    color:white;
    font-size: 10px;
}

#container_av_player .video-js .vjs-menu *:focus:not(:focus-visible) {
    background-color: #fff;
}

#container_av_player .transcription-block .transcription-block-div{
    cursor: pointer;
    background-color: #636060;
    padding: 1% 8% !important;
    padding-left: 2% !important;
    font-size: 1.1rem !important;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
}

#container_av_player .transcription-block .show_hide_transcript,
#container_av_player .transcription-block .show_hide_transcript{
    position: relative;
    float: right;
    right: 2px;
}

#container_av_player .transcription-block .show_hide_transcript.show:before,
#container_av_player .transcription-block .show_hide_transcript.hide:before{
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
}

#container_av_player .transcription-block .show_hide_transcript.show:before{
    content: "\f106";
}

#container_av_player .transcription-block .show_hide_transcript.hide:before{
    content: "\f107";
}

#container_av_player .transcription-block .header_block_object_name{
    width:80%;
}


.download .uv-icon-download {
 /*   display: none !important; */
}

/*   Media Query    */

@media (max-width: 575px) {

    #container_av_player #videojs_video {
        height: 40vh !important;
    }

    #container_av_player #videojs_video.full_visor{
        height: 70vh !important;
    }

    #container_av_player #transcript-containers {
        height: 30vh !important;
    }

    #container_av_player #chapters-containers #image-gallery{
        height: 25vh !important;
    }

    #container_av_player #image-gallery .image {
        height: 20vh !important;
    }

    #container_av_player #image-gallery .middle i {
        font-size: 24px !important;
    }
    
    #container_av_player #transcript p {
        font-size: 10px !important;
        padding: 0% 2% !important;
    }    

    #container_av_player #transcript_search{
        margin-top: 1% !important;
    }

    #container_av_player #transcript_search #transcriptSearch {
        font-size: 10px !important;
    }

    #container_av_player #ModalImgCarousel .modal-body{
        height: 60vh !important;
    }

    #container_av_player .video-js .vjs-control {
        width: 2em !important;
    }

    #container_av_player .vjs-menu-button-popup{
        visibility: hidden !important;
    }

    #container_av_player #ModalShare {
        font-size:10px !important;
    }

    #container_av_player #ModalShare .modal-footer {
        padding: 3% !important;
    }

    #container_av_player #ModalShare #input_share_link, 
    #container_av_player #ModalShare #input_share_embed_link {
        font-size: 10px !important;
    }

    #container_av_player #ModalShare .form-check label {
        font-size: 9px !important;
    }

    #container_av_player #ModalShare .copy-icon, 
    #container_av_player #ModalShare .close_buttom {
        font-size: 10px !important;
    }

    #container_av_player  #ModalShare #social_media_links {
        padding: 10px !important;
    }

    #container_av_player #ModalShare #social_media_links li {
        font-size: 16px !important;
        padding: 2% !important;
    }
    
    #container_av_player #ModalShare input.input-time {
        margin-top: 0% !important;
        margin-left: 1px !important;
        margin-right: 1px !important;
        width: 18% !important;
        height: 10px !important;
        font-size: 10px !important;
    }

    #container_av_player #transcript {
        height: 73%;
        margin-top: 4%;
    }

    #container_av_player #transcript_search {
        padding-left: 0%;
        padding-right: 0%;
    }


    #container_av_player #transcript.full_height_transcript {
        height: 95%;
        margin-top: 1%;
    }

    #container_av_player .transcription-block .transcription-block-div{
        font-size: 10px !important;
    }

    #container_av_player #ModalShare .label_time {
        padding-right: 3px;
        padding-left: 2px;
    }
}

@media (min-width: 576px) {

    #container_av_player #videojs_video {
        height: 45vh !important;
    }

    #container_av_player #videojs_video.full_visor {
        height: 75vh !important;
    }

    #container_av_player #transcript-containers {
        height: 30vh !important;
    }

    #container_av_player #chapters-containers #image-gallery {
        height: 20vh !important;
    }

    #container_av_player #image-gallery .image {
        height: 15vh !important;
    }

    #container_av_player #image-gallery .middle i {
        font-size: 24px !important;
    }
    
    #container_av_player #transcript p {
        font-size: 10px !important;
        padding: 0% 2% !important;
    }    

    #container_av_player #transcript_search {
        margin-top: 1% !important;
    }

    #container_av_player #transcript_search #transcriptSearch {
        font-size: 10px !important;
    }

    #container_av_player #social_media_links li {
        font-size: 20px !important;
    }
    
    #container_av_player #ModalShare input.input-time {
        margin-top: -1% !important;
        margin-left: 2px !important;
        margin-right: 5px !important;
        width: 15% !important;
    }

    #container_av_player #ModalImgCarousel .modal-body {
        height: 70vh !important;
    }

    #container_av_player #ModalShare .modal-body {
        height: 70vh !important;
    }

    #container_av_player #ModalShare .modal-footer {
        height: 15vh !important;
    }

    #container_av_player #transcript {
        height: 75%;
    }

    #container_av_player #transcript.full_height_transcript {
        height: 90%;
        margin-top: 1%;
    }

    #container_av_player .transcription-block .transcription-block-div{
        font-size: 10px !important;
    }
    
    #container_av_player #ModalShare .label_time {
        padding-right: 5px;
        padding-left: 5px;
    }
}

@media (min-width: 703px) {
    .uv .footerPanel {
        display: block !important;
        visibility: visible !important;
    }
}

@media (min-width: 768px) {

    #container_av_player #videojs_video {
        height: 45vh !important;
    }

    #container_av_player #videojs_video.full_visor {
        height: 75vh !important;
    }

    #container_av_player #transcript-containers {
        height: 30vh !important;
    }

    #container_av_player #chapters-containers #image-gallery {
        height: 20vh !important;
    }

    #container_av_player #image-gallery .image {
        height: 15vh !important;
    }

    #container_av_player #image-gallery .middle i {
        font-size: 24px !important;
    }
    
    #container_av_player #transcript p {
        font-size: 10px !important;
        padding: 0% 2% !important;
    }    

    #container_av_player #transcript_search {
        margin-top: 1% !important;
    }

    #container_av_player #transcript_search #transcriptSearch {
        font-size: 10px !important;
    }

    #container_av_player #ModalShare #social_media_links li {
        font-size: 24px !important;
    }
    
    #container_av_player #ModalShare .modal-body {
        height: 70vh !important;
    }

    #container_av_player #ModalShare .modal-footer {
        height: 14vh !important;
    }

    #container_av_player #transcript {
        height: 70%;
    }

    #container_av_player #transcript.full_height_transcript {
        height: 91%;
        margin-top: 1%;
    }


}

@media (min-width: 992px) {

    #container_av_player #videojs_video, #container_av_player #transcript-containers {
        height: 70vh !important;
    }

    #container_av_player #videojs_video.full_visor {
        height: 70vh !important;
    }

    #container_av_player #chapters-containers #image-gallery {
        height: 25vh !important;
    }

    #container_av_player #image-gallery .image {
        height: 22vh !important;
    }
  
    #container_av_player #image-gallery .middle i {
        font-size: 36px !important;
    }
    
    #container_av_player #transcript p {            
        font-size: 0.8rem !important;   
        padding: 1% 8% !important;
        padding-left: 2% !important;
    }    

    #container_av_player #transcript_search {
        margin-top: 1% !important;
    }

    #container_av_player #transcript_search #transcriptSearch {
        font-size: 1rem !important;
    }

    #container_av_player #ModalShare #social_media_links li {
        font-size: 26px !important;
    }

    #container_av_player #ModalShare input.input-time {
        margin-top: -1% !important;
        margin-left: 7px !important;
        margin-right: 8px !important;
        width: 15% !important;
    }

    #container_av_player #ModalShare .modal-body {
        height: 60vh !important;
    }

    #container_av_player #ModalShare .modal-footer {
        height: 10vh !important;
    }

    #container_av_player #transcript {
        height: 89%;
    }

    #container_av_player #transcript.full_height_transcript {
        height: 98%;
        margin-top: 1%;
    }

    #container_av_player .transcription-block .transcription-block-div{
        font-size: 1rem !important;
    }

    #container_av_player #ModalShare .label_time {
        padding-right: 10px;
        padding-left: 10px;
    }
}

@media (min-width: 1199px) {
    #container_av_player #videojs_video, #container_av_player #transcript-containers {
        height: 70vh !important;
    }

    #container_av_player #chapters-containers #image-gallery {
        height: 25vh !important;
    }

    #container_av_player #image-gallery .image {
        height: 22vh !important;
    }

    #container_av_player #image-gallery .middle i {
        font-size: 36px !important;
    }

    #container_av_player #transcript p {          
        font-size: 1rem !important;
    }

    #container_av_player #ModalImgCarousel .modal-body {
        height: 70vh !important;
    }

    #container_av_player .transcription-block .transcription-block-div{
        font-size: 1.1rem !important;
    }

    .uv .footerPanel .minimiseButtons {
        display: block !important;
        visibility: visible !important;
    }
}

@media (min-width: 1399px) {

    #container_av_player #videojs_video, #container_av_player #transcript-containers {
        height: 70vh !important;
    }

    #container_av_player #chapters-containers #image-gallery {
        height: 26vh !important;
    }

    #container_av_player #image-gallery .image {
        height: 23vh !important;
    }

    #container_av_player #ModalShare #social_media_links li {
        font-size: 28px !important;
    }

}

@media (min-width: 1699px) {
    
    #container_av_player #videojs_video, #transcript-containers {
        height: 70vh !important;
    }

    #container_av_player #chapters-containers #image-gallery {
        height: 27vh !important;
    }

    #container_av_player #image-gallery .image {
        height: 24vh !important;
    }

}

.uv .leftPanel .views .thumbsView .thumbs .thumb.twoCol .wrap,
.uv .leftPanel .views  .thumbsView .thumbs .thumb.oneCol .wrap{
    height: 100% !important;
}

@media (max-width: 1200px) {
    .uv .centerPanel .content .viewer div.viewportNavButton, .uv .centerPanel .content .viewer .viewportNavButton {
      /*  display: none !important; */
    }
    .uv .mobileFooterPanel {
        display: block !important;
        visibility: visible !important;
    }
}