/* Ad playback */
.vjs-ad-playing.vjs-ad-playing .vjs-progress-control {
  pointer-events: none;
}
.vjs-ad-playing.vjs-ad-playing .vjs-play-progress {
  background-color: #e0006f;
}

/* Ad loading */
.vjs-ad-playing.vjs-ad-loading .vjs-loading-spinner {
  display: block;
}

.preroll-skip-button {
    display: block;
    position: absolute;
    top: 5px;
    right: 0;
    width: auto;
    background-color: #000;
    color: #AAA;
    font-size: 12px;
    font-style: italic;
    line-height: 12px;
    padding: 10px;
    z-index: 2;
}

.preroll-skip-button.enabled {
    cursor: pointer;
    color: #fff;
}

.preroll-skip-button.enabled:hover {
    cursor: pointer;
    background: #333;
}

.preroll-blocker {
    display: block;
    position: absolute;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.vjs-default-skin .vjs-play-progress,
.vjs-default-skin .vjs-volume-level {
  background-color: #e0006f; /*#ff53a8;*/
}

.vjs-default-skin .vjs-hd-button {
  cursor: pointer !important;
  float: right;
}

.vjs-default-skin .vjs-menu {
  /*display: block !important;*/
}

.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
  background-color: rgba(7, 20, 30, 0.85);
  box-shadow: none;
  padding: 5px 0;
}

.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
  color: #e0006f;
  font-weight: bold;
  background-color: transparent;
}

.vjs-default-skin .vjs-menu-button ul li:focus,
.vjs-default-skin .vjs-menu-button ul li:hover,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
  color: #e0006f;
  background-color: transparent;
  box-shadow: none;
}

.vjs-default-skin .vjs-control-content:hover:before {
  text-shadow: 0em 0em 1em #FFF;
}

.vjs-default-skin .vjs-hd-button .vjs-control-content:before {
  content: "";
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0iI2NjY2NjYyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIsMTE2SDIxOS4yMkE5MS4xLDkxLjEsMCwwLDAsMjEzLDkyLjc5bDExLjA4LTYuNGExMiwxMiwwLDEsMC0xMi0yMC43OEwyMDEsNzJhOTIuODUsOTIuODUsMCwwLDAtMTctMTdsNi40MS0xMS4xMWExMiwxMiwwLDEsMC0yMC43OC0xMkwxNjMuMjEsNDNBOTEuMSw5MS4xLDAsMCwwLDE0MCwzNi43OFYyNGExMiwxMiwwLDAsMC0yNCwwVjM2Ljc4QTkxLjEsOTEuMSwwLDAsMCw5Mi43OSw0M2wtNi40LTExLjA4YTEyLDEyLDAsMCwwLTIwLjc4LDEyTDcyLDU1QTkyLjg1LDkyLjg1LDAsMCwwLDU1LDcyTDQzLjkzLDY1LjYxYTEyLDEyLDAsMCwwLTEyLDIwLjc4TDQzLDkyLjc5QTkxLjEsOTEuMSwwLDAsMCwzNi43OCwxMTZIMjRhMTIsMTIsMCwwLDAsMCwyNEgzNi43OEE5MS4xLDkxLjEsMCwwLDAsNDMsMTYzLjIxbC0xMS4wOCw2LjRhMTIsMTIsMCwxLDAsMTIsMjAuNzhMNTUsMTg0YTkyLjg1LDkyLjg1LDAsMCwwLDE3LDE3bC02LjQxLDExLjExYTEyLDEyLDAsMSwwLDIwLjc4LDEyTDkyLjc5LDIxM0E5MS4xLDkxLjEsMCwwLDAsMTE2LDIxOS4yMlYyMzJhMTIsMTIsMCwwLDAsMjQsMFYyMTkuMjJBOTEuMSw5MS4xLDAsMCwwLDE2My4yMSwyMTNsNi40LDExLjA4YTEyLDEyLDAsMCwwLDIwLjc4LTEyTDE4NCwyMDFhOTIuODUsOTIuODUsMCwwLDAsMTctMTdsMTEuMTEsNi40MWExMiwxMiwwLDEsMCwxMi0yMC43OEwyMTMsMTYzLjIxQTkxLjEsOTEuMSwwLDAsMCwyMTkuMjIsMTQwSDIzMmExMiwxMiwwLDAsMCwwLTI0Wk0xMjgsNjBhNjguMSw2OC4xLDAsMCwxLDY2LjkyLDU2aC02MGwtMzAtNTJBNjcuNjEsNjcuNjEsMCwwLDEsMTI4LDYwWk02MCwxMjhBNjcuOSw2Ny45LDAsMCwxLDg0LjE2LDc2LjA3bDMwLDUxLjkzLTMwLDUxLjkzQTY3LjksNjcuOSwwLDAsMSw2MCwxMjhabTY4LDY4YTY3LjYxLDY3LjYxLDAsMCwxLTIzLjA3LTRsMzAtNTJoNjBBNjguMSw2OC4xLDAsMCwxLDEyOCwxOTZaIj48L3BhdGg+PC9zdmc+');
  background-size: cover;
  vertical-align: middle;
  display: block;
  width: 20px;
  height: 20px;
  margin: 0.4em auto 0;
}

.vjs-default-skin .vjs-hd-button.active .vjs-control-content:before {
  color: #e0006f;
  font-weight: bold;
  text-shadow: 0 0 1em #ff53a8;
}

a.vignette {
  display: none;
}