/* portrait */
@media screen and (orientation : portrait) {
  [id^='baumplayer_'] {
    width: 100% !important;
  }
  .kavedo-player_0-dimensions.vjs-fluid:not(.vjs-fullscreen) {
    padding-top: 56.25% !important;
  }
  .video-js .vjs-mode-control {
    display: none;
  }
}

@media screen and (orientation : landscape) {
  .kavedo-player_0-dimensions.vjs-fluid:not(.vjs-fullscreen) {
    padding-top: 56.25% !important;
  }
}

.vjs-fullscreen > .vjs-control-bar > .vjs-mode-control {
  display: none;
}

body {
  margin: 0px;
}


/* Start Player colors */
:root {
  --kaplayerheight: 100vh;
  /* color for the Player */
  --playercolor: 255,168,34;
  /* color for the chat */
  --buttoncolor: 255,168,34;
  /* color for the agenda link and active */
  --agendacolor: 255,168,34;
  /* color for the lower third */
  --lowercolor: 255,168,34;
  /* color icons controlbar */
  --iconcolor:255,255,255;
  /* color icons hover controlbar */
  --hoviconcolor:255,255,255;
  /* color menu */
  --menucolor:255,255,255;
  /* color menu hover */
  --hovmenucolor:255,255,255;
  /* timeline position point */
  --timepointcolor:255,255,255;
  /* timeline agenda marker */
  --markercolor:255,255,255;
  /* HD Icon color */
  --hdiconcolor:255,255,255;
  --bghdicon: 0,0,0;
}

.video-js .vjs-control-bar{
  color:rgba(var(--iconcolor), 1);
}
/* timeline position point */
.video-js .vjs-progress-control .vjs-play-progress:before{
  background: rgba(var(--timepointcolor), 1);
}
/* agenda timeline marker */
.video-js .vjs-viostream-marker{
  background: rgba(var(--timepointcolor), 1);
}

.video-js .vjs-control-bar .vjs-button:hover {
  color:rgba(var(--hoviconcolor), 1);
}
.video-js .vjs-control-bar .vjs-menu{
  color:rgba(var(--menucolor), 1);
}
.video-js .vjs-control-bar .vjs-menu li:hover,
.video-js .vjs-menu .vjs-menu-content .vjs-checked,
.video-js .vjs-zoom-menu .vjs-zoom-reset:hover{
  color:rgba(var(--hovmenucolor), 1);
}

.video-js .vjs-current-time-display,
.video-js .vjs-duration-display{
  color:rgba(var(--iconcolor), 1);
}

.video-js .vjs-auto-mute:after {
    color:rgba(var(--iconcolor), 1);
}
.video-js .vjs-auto-mute:hover:after {
    color:rgba(var(--hoviconcolor), 1);
}
.video-js .vjs-volume-bar.vjs-slider-vertical{
    background-color: rgba(var(--playercolor), 0.3) !important;
}
.video-js .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge):hover{
  background-color: rgba(var(--playercolor), 1);
  color:rgba(var(--hoviconcolor), 1);
}

.vjs-menu-title {
  background-color: rgba(var(--playercolor), 1) !important;
}

.video-js .vjs-cog-menu-button{
  display: none;
}
.active-jumpmark {
  position: static;
}
.klive{
  padding: 0 1em;
}

.active-jumpmark .klive {
  background: rgba(var(--agendacolor), 0.5);
  font-weight: bold;
  border-radius: 1em;
}

.active-jumpmark .webt::before,
.active-jumpmark .person::before {
  color: rgba(var(--agendacolor), 1);
}

.vjs-has-mouse .vjs-big-play-button:hover,
.video-js .vjs-volume-level,
.video-js .vjs-menu .vjs-menu-content .vjs-checked,
.video-js .vjs-menu .vjs-menu-content .vjs-selected,
.video-js .vjs-progress-control .vjs-play-progress,
.video-js .vjs-zoom-menu .vjs-zoom-level,
.video-js .vjs-has-mouse .vjs-zoom-menu .vjs-zoom-reset:hover {
  background-color: rgba(var(--playercolor),1);
}
.vjs-has-mouse .vjs-menu .vjs-menu-content li:hover{
  background: rgba(var(--playercolor), 0.5);
}
.vjs-has-mouse .vjs-button:hover{
  background: rgba(var(--playercolor), 1);
}
.video-js .vjs-auto-mute {
  background: rgba(var(--playercolor), 0.5);
  border: none !important;
}

.video-js .vjs-menu-settings .vjs-menu-content li:hover,
.video-js .vjs-menu-settings .vjs-menu-content .vjs-current {
  background-color: rgba(var(--playercolor), 0.6);
}

.vjs-sharing-container .vjs-share-icon:hover:before {
  color: rgba(var(--playercolor), 0.6);
}

.video-js .vjs-progress-control .vjs-load-progress,
.video-js .vjs-zoom-menu .vjs-zoom-back {
  background-color: rgba(var(--playercolor), .4);
}

.video-js .vjs-progress-control .vjs-slider:before {
  background: rgba(var(--playercolor), .2);
}

.video-js .vjs-big-play-button {
  border-radius: 20px;
  border: none;
  line-height: 0px;
  width: 100px !important;
  height: 100px !important;
  margin-left: -50px;
  margin-top: -50px;

}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before{
  vertical-align: middle;
}

.video-js .vjs-menu .vjs-hd-icon {
  color: rgba(var(--hdiconcolor), 1);
  background: rgba(var(--bghdicon), 1);
  font-family: sans-serif;
}
.video-js .item-quality:hover .vjs-hd-icon {
  background: rgba(var(--bghdicon), 1);
}

.vjs-quality-button span .vjs-hd-icon{
  color: rgba(var(--hdiconcolor), 1);
  font-family: sans-serif;
}
/* End Player colors */

/* chat button color */
[id^=submitmsg_chat_], [id^=enter_chat_] {
    background-color: rgba(var(--playercolor), 1) !important;
}
.red {
  color: rgba(var(--playercolor), 1) !important;
}

.vjs-modal-dialog .vjs-modal-dialog-content {
  line-height: 0px !important;
}

.vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text::before {
  content: "go ";
}

#kavedo-player_0_html5_api {
  z-index: 3;
  background: none;
  background-color: transparent;
}

.video-js.vjs-16-9 {
  /* padding-top: 56.2%; */
}

[id^=playerdiv_] {
  margin-top: 0px !important;
}

[id^="playerdiv_"],
[id^="k_chat_container_"] {
  box-shadow: none !important;
}

[id^='baumplayer_'] {
  position: sticky;
  position: -webkit-sticky;
  top: 0px;
  float: left;
  flex-grow: 2;
  /* z-index: 3; */
}



.vjs-480 .vjs-remaining-time {
  display: none;
}


.cinema{
  width:100%;
  max-width: 100%;
  max-height:100% !important;
  height:auto !important;
}
.cinemaplayer{
  width:100%;
  max-width: 100%;
  z-index: 3;
 position: sticky;
}