/*!
 * videojs-iplayer-skin
 * A Video.JS skin modelled on iPlayer.
 *
 * @author Vijay Dubb
 * @version 2.0.0
 * Copyright 2013. MIT licensed.
 */

.video-js .vjs-loading-spinner,
.vjs-default-skin .vjs-loading-spinner {
  border-color: #E66A6A;
}
.video-js .vjs-loading-spinner:before, .video-js .vjs-loading-spinner:after,
.vjs-default-skin .vjs-loading-spinner:before,
.vjs-default-skin .vjs-loading-spinner:after {
  border-color: #E66A6A;
}
.video-js .vjs-big-play-button,
.vjs-default-skin .vjs-big-play-button {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  margin: 0;
  border-radius: 0;
  border: none;
  width: 85px;
  height: 85px;
  bottom: 0;
  left: 0;
  top: auto;
  box-shadow: none;
}
.video-js .vjs-big-play-button:hover, .video-js .vjs-big-play-button:focus,
.vjs-default-skin .vjs-big-play-button:hover,
.vjs-default-skin .vjs-big-play-button:focus {
  background-color: #E66A6A;
}
.video-js .vjs-big-play-button:before,
.vjs-default-skin .vjs-big-play-button:before {
  font-size: 60px;
  height: auto;
  padding: 0;
  margin: 0;
  line-height: 85px;
}
.video-js:hover .vjs-big-play-button,
.video-js:hover .vjs-big-play-button:focus, .video-js:focus .vjs-big-play-button,
.video-js:focus .vjs-big-play-button:focus,
.vjs-default-skin:hover .vjs-big-play-button,
.vjs-default-skin:hover .vjs-big-play-button:focus,
.vjs-default-skin:focus .vjs-big-play-button,
.vjs-default-skin:focus .vjs-big-play-button:focus {
  border-color: transparent;
  box-shadow: none;
  background-color: #E66A6A;
}
.video-js .vjs-progress-control,
.vjs-default-skin .vjs-progress-control {
  width: auto;
  height: 50px;
  bottom: 50px;
  top: auto;
  background-color: rgba(51, 51, 51, 0.5);
  position: absolute;
  left: 0;
  right: 0;
}
.video-js .vjs-progress-control .vjs-slider,
.vjs-default-skin .vjs-progress-control .vjs-slider {
  height: 10px;
  margin: 0 10px;
}
.video-js .vjs-progress-control .vjs-slider-handle,
.vjs-default-skin .vjs-progress-control .vjs-slider-handle {
  top: 40%;
}
.video-js .vjs-load-progress,
.vjs-default-skin .vjs-load-progress {
  background: #e0e0e0;
}
.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div,
.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress div {
  height: 10px;
  line-height: 50px;
}
.video-js .vjs-volume-level,
.video-js .vjs-play-progress,
.vjs-default-skin .vjs-volume-level,
.vjs-default-skin .vjs-play-progress {
  background-color: #E66A6A;
}
.video-js .vjs-volume-level:before,
.video-js .vjs-play-progress:before,
.vjs-default-skin .vjs-volume-level:before,
.vjs-default-skin .vjs-play-progress:before {
  right: -8px;
  font-size: 0.9em;
  height: 25px;
  width: 10px;
  background: #FFFFFF;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: '';
}
.video-js.vjs-has-started .vjs-control-bar,
.vjs-default-skin.vjs-has-started .vjs-control-bar {
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.video-js .vjs-control-bar,
.vjs-default-skin .vjs-control-bar {
  background-color: #000000;
}
.video-js .vjs-control:before,
.vjs-default-skin .vjs-control:before {
  font-size: 30px;
  height: auto;
  padding: 0;
  margin: 0;
  line-height: 50px;
  width: 50px;
}
.video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before,
.vjs-default-skin .vjs-control:focus:before,
.vjs-default-skin .vjs-control:hover:before {
  box-shadow: none;
  text-shadow: none;
}
.video-js .vjs-live-control,
.vjs-default-skin .vjs-live-control {
  width: auto;
  height: 20px;
  bottom: 50px;
  top: -55px;
  position: absolute;
  left: 0;
  right: 0;
}
.video-js .vjs-current-time,
.video-js .vjs-remaining-time,
.vjs-default-skin .vjs-current-time,
.vjs-default-skin .vjs-remaining-time {
  right: 82px;
}
.video-js .vjs-duration,
.vjs-default-skin .vjs-duration {
  right: 50px;
}
.video-js .vjs-time-divider,
.vjs-default-skin .vjs-time-divider {
  right: 75px;
  bottom: 0;
}
.video-js .vjs-playback-rate .vjs-menu,
.vjs-default-skin .vjs-playback-rate .vjs-menu {
  width: 50px;
}
.video-js .vjs-playback-rate .vjs-playback-rate-value,
.vjs-default-skin .vjs-playback-rate .vjs-playback-rate-value {
  line-height: 50px;
}
.video-js .vjs-current-time,
.video-js .vjs-duration,
.video-js .vjs-time-divider,
.vjs-default-skin .vjs-current-time,
.vjs-default-skin .vjs-duration,
.vjs-default-skin .vjs-time-divider {
  position: absolute;
  height: 50px;
  display: block;
}
.video-js .vjs-current-time > div,
.video-js .vjs-duration > div,
.video-js .vjs-time-divider > div,
.vjs-default-skin .vjs-current-time > div,
.vjs-default-skin .vjs-duration > div,
.vjs-default-skin .vjs-time-divider > div {
  line-height: 50px;
  height: 50px;
}
.video-js .vjs-remaining-time,
.vjs-default-skin .vjs-remaining-time {
  display: none;
}
.video-js .vjs-play-control,
.video-js .vjs-fullscreen-control,
.video-js .vjs-subtitles-button,
.video-js .vjs-playback-rate,
.video-js .vjs-captions-button,
.video-js .vjs-chapters-button,
.video-js .vjs-mute-control,
.video-js .vjs-volume-menu-button,
.video-js .vjs-quality-button,
.video-js .vjs-descriptions-button,
.video-js .vjs-audio-button,
.vjs-default-skin .vjs-play-control,
.vjs-default-skin .vjs-fullscreen-control,
.vjs-default-skin .vjs-subtitles-button,
.vjs-default-skin .vjs-playback-rate,
.vjs-default-skin .vjs-captions-button,
.vjs-default-skin .vjs-chapters-button,
.vjs-default-skin .vjs-mute-control,
.vjs-default-skin .vjs-volume-menu-button,
.vjs-default-skin .vjs-quality-button,
.vjs-default-skin .vjs-descriptions-button,
.vjs-default-skin .vjs-audio-button {
  width: 50px;
  height: 50px;
  border-right: 1px solid #e0e0e0;
  right: auto;
  left: auto;
  display: inline-block;
}
.video-js .vjs-play-control:hover, .video-js .vjs-play-control:focus,
.video-js .vjs-fullscreen-control:hover,
.video-js .vjs-fullscreen-control:focus,
.video-js .vjs-subtitles-button:hover,
.video-js .vjs-subtitles-button:focus,
.video-js .vjs-playback-rate:hover,
.video-js .vjs-playback-rate:focus,
.video-js .vjs-captions-button:hover,
.video-js .vjs-captions-button:focus,
.video-js .vjs-chapters-button:hover,
.video-js .vjs-chapters-button:focus,
.video-js .vjs-mute-control:hover,
.video-js .vjs-mute-control:focus,
.video-js .vjs-volume-menu-button:hover,
.video-js .vjs-volume-menu-button:focus,
.video-js .vjs-quality-button:hover,
.video-js .vjs-quality-button:focus,
.video-js .vjs-descriptions-button:hover,
.video-js .vjs-descriptions-button:focus,
.video-js .vjs-audio-button:hover,
.video-js .vjs-audio-button:focus,
.vjs-default-skin .vjs-play-control:hover,
.vjs-default-skin .vjs-play-control:focus,
.vjs-default-skin .vjs-fullscreen-control:hover,
.vjs-default-skin .vjs-fullscreen-control:focus,
.vjs-default-skin .vjs-subtitles-button:hover,
.vjs-default-skin .vjs-subtitles-button:focus,
.vjs-default-skin .vjs-playback-rate:hover,
.vjs-default-skin .vjs-playback-rate:focus,
.vjs-default-skin .vjs-captions-button:hover,
.vjs-default-skin .vjs-captions-button:focus,
.vjs-default-skin .vjs-chapters-button:hover,
.vjs-default-skin .vjs-chapters-button:focus,
.vjs-default-skin .vjs-mute-control:hover,
.vjs-default-skin .vjs-mute-control:focus,
.vjs-default-skin .vjs-volume-menu-button:hover,
.vjs-default-skin .vjs-volume-menu-button:focus,
.vjs-default-skin .vjs-quality-button:hover,
.vjs-default-skin .vjs-quality-button:focus,
.vjs-default-skin .vjs-descriptions-button:hover,
.vjs-default-skin .vjs-descriptions-button:focus,
.vjs-default-skin .vjs-audio-button:hover,
.vjs-default-skin .vjs-audio-button:focus {
  background-color: #E66A6A;
}
.video-js .vjs-play-control,
.vjs-default-skin .vjs-play-control {
  position: absolute;
  left: 0px;
}
.video-js .vjs-fullscreen-control,
.vjs-default-skin .vjs-fullscreen-control {
  border-right-width: 0;
  margin-left: 85px;
}
.video-js .vjs-volume-menu-button,
.vjs-default-skin .vjs-volume-menu-button {
  border-right-width: 0;
  position: absolute;
  left: 50px;
}
.video-js .vjs-volume-menu-button:hover, .video-js .vjs-volume-menu-button:focus,
.vjs-default-skin .vjs-volume-menu-button:hover,
.vjs-default-skin .vjs-volume-menu-button:focus {
  border-right-width: 1;
  background-color: transparent;
}
.video-js .vjs-volume-menu-button:hover:before, .video-js .vjs-volume-menu-button:focus:before,
.vjs-default-skin .vjs-volume-menu-button:hover:before,
.vjs-default-skin .vjs-volume-menu-button:focus:before {
  background-color: #E66A6A;
}
.video-js .vjs-volume-menu-button:before,
.vjs-default-skin .vjs-volume-menu-button:before {
  width: 50px;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
}
.video-js .vjs-menu,
.vjs-default-skin .vjs-menu {
  bottom: 20px;
}
.video-js .vjs-volume-bar,
.video-js .vjs-volume-level,
.vjs-default-skin .vjs-volume-bar,
.vjs-default-skin .vjs-volume-level {
  height: 10px;
}
.video-js .vjs-volume-bar,
.vjs-default-skin .vjs-volume-bar {
  width: 90%;
  top: 20%;
  margin: 0;
}
.video-js .vjs-seek-handle,
.vjs-default-skin .vjs-seek-handle {
  height: auto;
}
.video-js .vjs-slider-handle:before,
.video-js .vjs-volume-bar .vjs-volume-handle:before,
.vjs-default-skin .vjs-slider-handle:before,
.vjs-default-skin .vjs-volume-bar .vjs-volume-handle:before {
  width: 10px;
  height: 20px;
  background-color: #FFFFFF;
  position: absolute;
  right: 0;
  top: -5px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  content: "";
  font-family: none;
}
.video-js .vjs-live-controls,
.vjs-default-skin .vjs-live-controls {
  display: none;
}
.video-js .vjs-menu-button-inline:hover, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline.vjs-slider-active,
.vjs-default-skin .vjs-menu-button-inline:hover,
.vjs-default-skin .vjs-menu-button-inline:focus,
.vjs-default-skin .vjs-menu-button-inline.vjs-slider-active {
  width: 14em;
}
.video-js .vjs-menu-button-inline .vjs-menu,
.vjs-default-skin .vjs-menu-button-inline .vjs-menu {
  left: 97px;
}
.video-js .vjs-menu-button-inline .vjs-menu .vjs-menu-content,
.vjs-default-skin .vjs-menu-button-inline .vjs-menu .vjs-menu-content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  overflow: visible;
  height: auto;
  width: 8em;
}
.video-js.vjs-no-flex .vjs-menu-button-inline,
.vjs-default-skin.vjs-no-flex .vjs-menu-button-inline {
  width: 14em;
}
.video-js .vjs-time-tooltip:after,
.video-js .vjs-mouse-display:after,
.video-js .vjs-play-progress:after,
.vjs-default-skin .vjs-time-tooltip:after,
.vjs-default-skin .vjs-mouse-display:after,
.vjs-default-skin .vjs-play-progress:after {
  line-height: 10px;
}

/*# sourceMappingURL=videojs-iplayer-theme.css.map */