.player-container{text-transform: none !important;letter-spacing: 0.0em !important;}
.player-container button { color: #fff; }
.fav-list { list-style-type: none; padding: 0; margin: 0; }
.fav-list li { border: 1px solid #ddd; margin-top: -1px; /* Prevent double borders */ background-color: #f6f6f6; padding: 4px; text-decoration: none;
  font-size: 16px;
  color: black;
  display: block;
  position: relative;
}

.fav-list li:hover {
  background-color: #eee;
}

.close {
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 0%;
  padding: 5px 16px;
  transform: translate(0%, -50%);
}

.close:hover {background: #bbb;}
.sm-btn{width:25px; height:25px;}
.clip-count{font-size:1.25em;color:grey;text-align:center;margin:auto;max-width:600px;}
.player-title{font-size:1.5em;background-color:black;color:white;text-align:center;margin:auto;max-width:600px;border-radius:10px 10px 0px 0px;}
.player-search{font-size:1.5em;background-color:black;color:white;text-align:center;margin:auto;max-width:600px;border-radius:0px 0px 10px 10px;}
.card-body{text-align:left !important;}
.search-input {
  background-image: url('searchicon.png');
  background-position: 10px 12px;
  background-repeat: no-repeat;
  margin:auto;
  max-width:600px;
  font-size: 16px;
  padding: 12px 20px 12px 40px;
  border: 1px solid #ddd;
  margin-bottom: 12px;
  text-transform: none !important;
  letter-spacing: 0.0em !important;  
}
.max-cnt { color: red; font-weight: bold; }

#FavsContainer{ display: block; margin-top: 10px; }