/* Change all text and icon colors in the player. */
.vjs-matrix.video-js {
  color: #fff;
  background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
  height: 350px;
}

/* Change the border of the big play button. */
.vjs-matrix .vjs-big-play-button {
  border-color: #fff;
}

/* Change the color of various "bars". */
.vjs-matrix .vjs-volume-level,
.vjs-matrix .vjs-play-progress,
.vjs-matrix .vjs-slider-bar {
  background: #fff;
}

#my-video {
  width: 100%;
  max-width: 740px;
  height: 350px;
}

.vjs-matrix .vjs-poster {
  background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
  height: 350px;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.video-js .vjs-big-play-button {
    background-color: rgba(25, 103, 138, 0.9);
}

.video-js .vjs-control-bar {
    background-color: rgba(25, 103, 138, 0.9);
}