body, html{ margin: 0px; background-color: #000; font-family: 'Open Sans', sans-serif; font-size: 14px; }
iframe { border: 0px; }
iframe#player{ width: 1140px; height: 620px; margin: auto; display: block; }
.tabs{ margin: 0px; padding: 0px; list-style: none; display: flex; justify-content: space-around; }
.tabs button{ background: none; color: #fff; cursor: pointer; width: 100%; text-align: center; padding: 7px 0px; text-transform: uppercase; font-size: 13px; border: 0;}
.tabs button.active,.tabs button:focus { color: #000; font-weight: bold; background-color: #fff; outline-color: #ffbb37; outline-style: solid; outline-width: 2px; }
.tab-content{ display: none; /*height: 575px;*/height: calc(100vh - 32px); overflow: hidden; position: relative;}
.tab-content.active{ display: inherit; }
#video-tab .able-wrapper { max-width: 100% !important; }
#video-tab.active{ display: flex; align-items: center; justify-content: center; }
#virtual-tab iframe{ width: 100%; height: 100%;}
#video-tab .able-transcript-area { height: 100%; width: 30%; max-width: 315px;}
#video-tab .able-transcript {height: 545px;}
#audio-tab{ position: relative; }
#audio-tab .able-wrapper{ position: absolute; top: 50%; left: 50%;  transform: translate(-50%, -50%); }
.hide{ display: none !important; }

.able-captions { font-family: 'Open Sans', sans-serif !important; font-size: 13px !important; }

.ada-container{position: relative;}
.ada-btn{position: absolute; top: 0; right: 0; background-color: transparent; border: 0;width: 30px; border-radius: 10px; padding: 5px 0px; margin: 5px;}
.ada-btn:hover{ background-color: #f7ecec7d; cursor: pointer; }

button.able-big-play-button.icon-play {  width: 100% !important;  height: 100% !important; }
.able-vidcap-container  .able-captions-wrapper.able-captions-below { position: absolute; bottom: 0; background-color: transparent !important;}
.able-media-container { position: relative; }
.able-media-container video#video { object-fit: cover !important; height: calc(100vh - 115px) !important; }

.able-player.able-video{ opacity: 1 !important; }

.able-right-controls .able-button-handler-captions,
.able-right-controls .able-button-handler-preferences, 
.able-right-controls .able-button-handler-fullscreen { display: none !important; }

.ada-open-window {  position: absolute; z-index: 5001; left: 0; top: 0; background-color: #262626; border: 0; width: 25px; height: 25px; border-radius: 2px; padding: 0; margin: 5px; }
.ada-open-window:hover{ background-color: #464646; cursor: pointer; }
.ada-open-window:focus{ outline-color: #ffbb37; outline-style: solid; outline-width: 2px;  }

html .fullscreen-player-container #video, 
html .fullscreen-player-container #audio { height: calc(100vh - 105px) !important; min-height: 100%; }
html .fullscreen-player-container #virtual {height: 99vh; width: 100%;}
.fullscreen-player-container .able-wrapper { margin: auto; max-width: 100vw !important; }
.fullscreen-player-container .able-wrapper .able { margin: 0; }
.fullscreen-player-container .able-player.able-video{ opacity: 1 !important; }

.able-right-controls .able-button-handler-transcript { display: none !important }