#simple_video_holder {
  padding: 0;
  width: 100%;
  position: relative;
  height: auto;
  top: 0px;
  left: 0px;
  margin: 0 auto;
  color: white;
  display: none;
  font-size: 1.1em;
}

.video-js .vjs-control .vjs-icon-placeholder {
  color: white;
}

.video-js .vjs-time-control {
  line-height: 1.5em;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.1em;
  line-height: 1.17;
}

.video-js .vjs-time-divider,
.video-js .vjs-current-time,
.video-js .vjs-remaining-time,
.video-js.video-js .vjs-fullscreen-control {
  display: none;
}

.video-js .vjs-progress-control.vjs-control,
.video-js .vjs-progress-control .vjs-progress-holder,
.video-js .vjs-mute-control.vjs-control.vjs-button,
.video-js .vjs-volume-horizontal {
  display: block;
}

.video-js.vjs-playing .vjs-tech {
  pointer-events: none;
}

.video-js .vjs-control,
.video-js .vjs-control-bar {
  height: 2em;
  display: block;
}

/* ---------- */

.vjs-has-started .vjs-control-bar {
  display: flex;
  top: calc(100vh - 179px);
  bottom: auto;
}

.video-js .vjs-progress-control.vjs-control {
  padding-top: 14px;
}

.video-js .vjs-remaining-time.vjs-time-control.vjs-control {
  padding-top: 5px;
}

.video-js .vjs-current-time.vjs-time-control.vjs-control {
  padding-top: 5px;
}

.video-js .vjs-duration.vjs-time-control.vjs-control {
  padding-top: 5px;
}

.video-js .vjs-duration,
.video-js .vjs-volume-panel.vjs-control.vjs-volume-panel-vertical,
.vjs-duration .vjs-time-control .vjs-control,
.video-js .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  display: none !important;
}

.video-js
  .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button {
  font-size: 12px;
}

.video-js .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal {
  max-width: 72px;
}

.video-js .vjs-current-time,
.video-js .vjs-remaining-time,
.video-js .vjs-progress-control.vjs-control,
.video-js .vjs-progress-control .vjs-progress-holder,
.video-js .vjs-mute-control.vjs-control.vjs-button,
.video-js .vjs-volume-horizontal,
.vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal {
}

.video-js.vjs-playing .vjs-tech {
}

.video-js .vjs-duration,
.video-js .vjs-volume-panel.vjs-control.vjs-volume-panel-vertical,
.vjs-duration .vjs-time-control .vjs-control,
.video-js .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
}

.vjs-menu-button-popup .vjs-menu {
  left: -7em;
}

.video-js .vjs-time-divider,
.video-js.video-js .vjs-fullscreen-control,
.vjs-menu-item.vjs-texttrack-settings,
.vjs-fullscreen-control.vjs-control.vjs-button,
.vjs-volume-panel.vjs-control.vjs-volume-panel-vertical {
  display: none;
}

.vjs-menu-item.vjs-selected,
.vjs-menu-item.vjs-captions-menu-item.vjs-selected {
  background-color: rgba(115, 133, 159, 0.5) !important;
}

video::cue {
  font-size: 1em;
  color: #fff;
  line-height: 1em;
  padding: 8px 12px;
  margin: 4px;
  text-align: justify;
}

#simple_video_holder #simple_video_wrapper {
  background-color: #e7e6e7;
}

@media only screen and (min-width: 10px) and (max-width: 1024px) {
  #simple_video_wrapper {
    overflow: hidden;
  }
}

@media only screen and (min-width: 10px) and (max-width: 1023px) {
  .vjs-has-started .vjs-control-bar,
  #simple_video_holder .vjs-has-started .vjs-control-bar {
    top: calc(100% - 70px) !important;
  }
}

.vjs-control-bar .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal {
  display: flex;
  min-width: 160px;
}

.vjs-control-bar .vjs-volume-control.vjs-control.vjs-volume-horizontal {
  margin-top: -7px;
}
.simple_video_1-dimensions.vjs-fluid {
  padding-top: 34.5%;
  width: 64% !important;
  float: left;
}

#ccText_popup_video {
  position: absolute;
  width: 100%;
  bottom: 7px;
  height: fit-content;
  left: 50%;
  z-index: 0;
  margin: auto;
  transform: translateX(-50%);
}