.userprogramselection {
  display: flex;
  width: 100%;
  padding-left: 300px;
  padding-top: 20px;
  flex-direction: column;
}

.userprogramselection .dateAndTypeContainer {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.userprogramselection .programSelectionContainer {
  display: flex;
  width: 100%;
  flex-direction: column;
}

.userprogramselection .programHeaderContainer {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 20px;
}

.userprogramselection .programHeaderContainer .previousPrograms {
  font-family: 'Metropolis Bold';
  font-size: 28px;
  line-height: 1.25;
  letter-spacing: 3.6px;
  color: #333333;
}

.userprogramselection .programHeaderContainer .programDate {
  font-family: 'Metropolis Bold';
  font-size: 20px;
  line-height: 1.25;
  letter-spacing: 3.6px;
  color: #333333;
}

.userprogramselection .programHeaderContainer .programName {
  font-family: 'Metropolis Bold';
  font-size: 20px;
  line-height: 1.21;
  letter-spacing: 4.32px;
  color: #0eb5fe;
  padding-top: 15px;
  padding-bottom: 5px;
  cursor: pointer;
  padding-left: 6%;
  text-transform: uppercase;
  display: flex;
}

.userprogramselection .programHeaderContainer .programName.hide {
  display: none;
}

.userprogramselection .programHeaderContainer .gameNameAndTime {
  display: flex;
  justify-content: space-between;
}

.userprogramselection .programHeaderContainer .gameNameAndTime .gameTime {
  display: none;
}

.userprogramselection .programHeaderContainer .gameName, .userprogramselection .programHeaderContainer .programTime {
  font-family: 'Metropolis Regular';
  font-size: 18px;
  line-height: 1.21;
  letter-spacing: 2.5px;
  color: #333333;
  margin: 7px 0;
  cursor: pointer;
}

.userprogramselection .programHeaderContainer .programTime.hide {
  display: none;
}

.userprogramselection .programHeaderContainer .gameNameAndTime.individualGames .gameName {
  font-family: 'Metropolis Bold';
  font-size: 18px;
  color: #0eb5fe;
  display: flex;
  width: 90%;
}

.userprogramselection .programHeaderContainer .gameNameAndTime.individualGames .gameTime {
  display: flex;
}

.userprogramselection .programHeaderContainer .gameName:hover {
  color: #0EB5FE;
}

.userprogramselection .playlistTime{
  font-family: 'Metropolis Bold';
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: 3px;
  text-align: left;
  color: #333333;
  text-transform: uppercase;
  padding-left: 3%;
  padding-top: 20px;
}
.userprogramselection .titleContiner, .userprogramselection .nameAndTime {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: flex-end;
}

.userprogramselection .programHeaderContainer .programsContainer {
  padding-left: 6%;
}

.userprogramselection .programHeaderContainer .gameNameAndTime .gameName .labelsforsessions {
  display: none;
}

.userprogramselection .programHeaderContainer .gameNameAndTime.individualGames .gameName .labelsforsessions {
  display: flex;
}