.vjs-menu-button-popup .vjs-chapter-thumbnails-menu {
  left: auto;
  right: 0;
  width: auto;
}



.vjs-has-started .vjs-chapter-thumbnails-menu .vjs-menu-content {
  opacity: 0.6;
  transition: visibility 0.1s, opacity 0.1s;
  visibility: visible;
}
.vjs-has-started .vjs-chapter-thumbnails-menu .vjs-menu-content:hover {
    opacity: 1;
}

.vjs-has-started .vjs-chapter-thumbnails-menu .vjs-menu-content:hover span.vjs-chapters-thumbnails-item-link {
    color: white;
    transition: 0.2s;
 }
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-chapter-thumbnails-menu .vjs-menu-content {
  opacity: 0;
  transition: visibility 1s, opacity 1s;
  visibility: visible;
}

.vjs-menu-button-popup .vjs-chapter-thumbnails-menu .vjs-menu-content {
    width: 250px;
}

/* Chapter Thumbnails Menu Item */

.vjs-menu .vjs-chapter-thumbnails-menu-item {
  padding: 0;
}

/* Chapter Thumbnails Item */

.vjs-chapters-thumbnails-item {
  cursor: pointer;
  overflow: hidden;
  padding: 5px 5px 5px;
  text-align: left;
}

.vjs-chapters-thumbnails-item-image {
  float: left;
  margin-right: 10px;
  width: 70px;
}

.vjs-chapters-thumbnails-item-title {
  display: block;
  text-transform: capitalize;
}

button.vjs-chapters-button {
    display: none;
}

div.vjs-chapters-button .vjs-menu {
    display: block;
    position: absolute;
    right: 0;
    bottom: 1rem;
    left: -52px;
    height: unset;
    width: 100%;
}

ul.vjs-menu-content {
    overflow: hidden !important;
}

div.vjs-chapters-button .vjs-menu ul li.vjs-menu-title {
    display: none;
}

div.vjs-chapters-button .vjs-menu ul li.vjs-menu-item {
    display: none;
    text-transform: none;
    text-align: left;
}

.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button.vjs-chapter-thumbnails-button.vjs-chapters-button {
    width: 0px;
}

div.vjs-chapters-button .vjs-menu ul li.vjs-menu-item.vjs-selected {
    display: list-item;
}

div.vjs-chapters-button span.vjs-icon-placeholder{
    display: none;
}

.vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover{
    color: white;
    background-color: transparent;
    outline: 0;
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content{
    background-color: rgba(44, 49, 56, 0.82);
}

/* Chapter Thumbnails Menu Content */
span.vjs-chapters-thumbnails-item-link{
    display: flex;
    text-align: center;
    vertical-align: middle;

}
span.vjs-chapters-thumbnails-item-link i{
   color: whitesmoke !important;
   font-size: 15px;
   padding-right: 5px;
}

span.vjs-chapters-thumbnails-item-link {
    text-transform: capitalize;
    color: white;
    font-weight: bold;
    padding-top: 5px;
    font-size: 11px;
    padding-bottom: 5px;
}

span.vjs-chapters-thumbnails-item-date {
    color: #a4a4a4;
    font-weight: bold;
}



span.vjs-chapters-thumbnails-item-info strong{
    text-decoration: none;
    text-transform: lowercase;
    color: white;
   
}

span.vjs-chapters-thumbnails-item-info a{
    text-decoration: none;
    padding-right: 2px;
    text-transform: lowercase;
    font-weight: normal;
    color: #a4a4a4;
   

    
}

span.vjs-chapters-thumbnails-item-title h3{
    margin-top: 5px;
    border-bottom: 1px dashed #a4a4a4;
    margin-bottom: 10px;


}