/**
  * GLOBAL
  */

/* .video-js {
  max-width: 300px;
  max-height: 150px;
} */

.vjs-fluid {
  padding-top: 56.25%
}

/** REMOVE ME TO HIDE CHAPTERS MENU */
/* .video-js .vjs-menu-button .vjs-hidden, */
/** /REMOVE ME TO HIDE CHAPTERS MENU */
.vjs-chapters-button .vjs-menu {
  right: -105px !important;
  bottom: 30px !important;
  width: 250px !important;

  /** REMOVE ME TO HIDE CHAPTERS MENU */
  /* display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  -webkit-transform: scale(1) !important;
  transform: scale(1) !important; */
  /** /REMOVE ME TO HIDE CHAPTERS MENU */
}

.vjs-menu .vjs-menu-content .vjs-selected {
  text-overflow: ellipsis;
  overflow: hidden;
}

/**
  * CHAPTERS
  */

.vjs-chapters-button .vjs-menu .vjs-menu-content {
  max-width: 250px;
}

.video-js .vjs-menu-settings .vjs-menu-div {
  padding-bottom: 0 !important;
}

.vjs-chapters-button .vjs-menu .vjs-menu-content .vjs-menu-title,
.vjs-submenu .vjs-menu-content .vjs-settings-item,
.vjs-chapters-button .vjs-menu .vjs-menu-content .vjs-menu-item:not(.vjs-selected) {
  /* used by title */
  display: list-item;
  text-overflow: ellipsis;
  overflow: hidden;
}

.vjs-chapters-button .vjs-menu .vjs-menu-content .vjs-menu-item span::after {
  left: 55px;
  display: block;
  line-height: 1em;
}


.vjs-chapters-button .vjs-menu .vjs-menu-content .vjs-menu-title {
  /* height: 100px !important; */
}

.vjs-chapters-button .vjs-menu .vjs-menu-content .vjs-menu-item {
  padding: 0 10px;
  height: 50px;
  display: flex !important;
  align-items: flex-start;
}

.vjs-chapters-button .vjs-menu .vjs-menu-content .vjs-menu-item span {
  padding: 0 5px;
}

.vjs-chapters-button .vjs-menu .vjs-menu-content .vjs-menu-item::before {
  width: 40px;
  height: 24px;
  position: relative;
  background-size: 40px 24px;
  display: inline-block;
  top: 5px;
  content: "";
}

/**
  * SETTINGS
  */
canvas {
  left: 0;
}

.vjs-settings-div {
  width: auto !important;
  height: auto !important;
}