.cwb-video-player {
  .play-controls-wrapper {
    display: flex;
  }

  .vjs-play-progress {
    background: #00aaff;
    border-radius: 6.5px;
  }

  .vjs-progress-holder {
    background-color: #e0e4e9;
    height: 4px;
    border-radius: 6.5px;
  }

  .vjs-load-progress div {
    background-color: #e0e4e9;
    border-radius: 6.5px;
  }

  .vjs-big-play-button {
    display: none;
  }

  .vjs-volume-level {
    background: white;
    height: 4px;
    border-radius: 100px;

    &:before {
      font-size: 14px;
      width: 14px;
      color: white;
      border-radius: 16px;
      box-shadow: 0 1px 1px 0 rgba(35, 53, 57, 0.07),
        0 0 1px 1px rgba(35, 53, 57, 0.11), 0 3px 2px 0 rgba(35, 53, 57, 0.1),
        0 4px 9px 4px rgba(35, 53, 57, 0.08);
      background: white;
      top: -5px;
      right: -5px;
    }
  }

  .video-js .vjs-volume-control.vjs-volume-horizontal {
    width: 80px;
  }

  .vjs-volume-bar {
    background-color: #e0e4e9;
    border-radius: 100px;
    height: 4px;
    width: 100%;
  }

  .video-js .vjs-time-control {
    display: block;
  }

  .video-js .vjs-current-time {
    display: block;
    padding: 0px;
    margin-left: 20px;

    span {
      color: white;
      font-size: 14px;
    }
  }

  .video-js .vjs-duration {
    display: block;
    padding: 0px;

    span {
      color: white;
      font-size: 14px;
    }
  }

  .vjs-time-divider {
    padding: 0px;
    margin: 0px;
    min-width: 10px;

    span {
      color: white;
      font-size: 14px;
    }
  }

  .vjs-play-progress:before {
    display: none;
  }

  .vjs-play-control .vjs-icon-placeholder:before {
    font-size: 26px;
    line-height: 30px;
  }

  .vjs-fullscreen-control .vjs-icon-placeholder:before {
    font-size: 26px;
    line-height: 30px;
  }

  .previous-track-btn {
    margin-left: 10px;
    cursor: pointer;

    &.disabled-control {
      cursor: unset;
      opacity: 0.5;
    }
  }

  .control-spacer {
    flex-grow: 1;
  }

  .next-track-btn {
    cursor: pointer;

    &.disabled-control {
      cursor: unset;
      opacity: 0.5;
    }
  }

  .video-js {
    width: 100%;
    height: 100%;
  }

  .vjs-control-bar {
    background: transparent;
  }

  .vjs-play-control span {
    color: white;
  }

  .vjs-mute-control {
    margin-left: 15px;
    width: 20px;

    span {
      color: white;
    }
  }

  .vjs-fullscreen-control span {
    color: white;
  }

  .top-control-bar {
    bottom: 25px;
  }

  .bottom-control-bar {
    display: flex;
  }
}