.yt-list-thumbnail {
  height: 180px;
  object-fit: cover;
}

.ytvideo-title {
  height: 2.5em;
  overflow: hidden;
}

.ytvideo-description {
  height: 3em;
  overflow: clip;
}

.ytVideoImg {
  object-fit: none;
  height: 250px;
}

.loginIcon {
  font-size: 80px;
}

#gymStopBtn {
  font-size: 20px;
  margin-right: 7px;
  padding-bottom: 3px;
}

.logoIcon {
  font-size: 90px;
  margin-bottom: 5px;
}

.logoIcon2 {
  font-size: 80px;
  margin-bottom: 10px;
}

.display-inline {
  display: inline;
}

/* Bootstrap Datepicker Dark mode */
[data-bs-theme=dark] .bootstrap-datetimepicker-widget.dropdown-menu {
  background-color: var(--bs-dropdown-bg)
}

[data-bs-theme=dark] .bootstrap-datetimepicker-widget table td.day:hover,
[data-bs-theme=dark] .bootstrap-datetimepicker-widget table td.hour:hover,
[data-bs-theme=dark] .bootstrap-datetimepicker-widget table td.minute:hover,
[data-bs-theme=dark] .bootstrap-datetimepicker-widget table td.second:hover {
  background: var(--bs-tertiary-bg);
  cursor: pointer
}

[data-bs-theme=dark] .bootstrap-datetimepicker-widget table td span:hover,
[data-bs-theme=dark] .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background: var(--bs-tertiary-bg)
}