.vid-container {
  background-color: transparent;
}

/* Hide scrollbar for Chrome, Safari and Opera */
#vid-list::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
#vid-list {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
#vid-list:hover, .vid-list-container:focus {
  overflow-y: auto;
}
  
ol#vid-list {
  margin:0;
  padding:0;
  background: #222;
  overflow: hidden;
}

ol#vid-list li {
  list-style: none;
}

ol#vid-list li a {
  text-decoration: none;
  background-color:#222;
  height:74px;
  display:block;
  padding:10px;
}

ol#vid-list li a:hover {
  background-color:#666666;
}

.vid-selected {
  background-color:#f26522 !important;
}

.vid-thumb {
  float:left;
  margin-right: 8px;
}

#vid-list .desc {
  color: #ecf0f1;
  font-size: 10pt;
  height: 54px;
  display: table-cell;
  vertical-align: middle;
  font-family: 'Raleway Regular', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

}


/* ------------------------------------- MOBILE AND TABLET ---------------------------------------- */
@media screen and (max-width: 1024px) {
  #vid-list {
    height: 250px !important;
  }

  .vid-container {
    background-color: black;
  }
}