.tour-detail-date-item {
  margin-left: 12px;
}
.tour-detail-date-item .card {
  border: 2px solid #DBDEE8;
  transition: all 0.15s ease-out;
  margin-bottom: 0.625rem;
}
.tour-detail-date-item .card:hover {
  cursor: pointer;
  border-color: #2F3742;
  box-shadow: none !important;
}
.tour-detail-date-item .card-body {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 70px !important;
  line-height: 23px;
  color: #949CA7;
  font-weight: bold;
}
.tour-detail-date-item .card-body .date {
  display: flex;
  flex-direction: column;
  width: calc(50% - 15px);
}
.tour-detail-date-item .card-body .date:last-of-type {
  align-items: flex-end;
  text-align: left;
}
.tour-detail-date-item .card-body .date > span {
  color: #949CA7;
  font-size: 10px;
}
.tour-detail-date-item .card-body .date > span > span {
  color: #949CA7;
  font-size: 14px;
}
@media (max-width: 1399.98px) {
.tour-detail-date-item .card-body .date > span > span {
    display: block;
}
}
.tour-detail-date-item .card-body .arrow-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 30px;
  flex-shrink: 0;
}
.tour-detail-date-item .card-body .arrow-icon small {
  width: 24px;
  height: 24px;
  background-color: #BE1049;
  border-radius: 50%;
  text-align: center;
  line-height: 28px;
  font-size: 18px;
  color: #fff;
  font-weight: bold;
}
.tour-detail-date-item .card-body .arrow-icon i {
  font-size: 26px;
}
.tour-detail-date-item .active {
  border-color: #0197F6 !important;
}
.tour-detail-date-item .active:hover {
  border-color: #0197F6;
}
.tour-detail-date-item .active .date > span {
  color: #2F3742;
}
.tour-detail-date-item .active .date > span > span {
  color: #0197F6;
}
.tour-detail-date-item__disabled {
  pointer-events: none;
  opacity: 0.9;
}
.rating-with-action {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.rating-with-action__bullets-count {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 0.625rem;
}
.rating-with-action__bullets-count .bullets {
  display: flex;
  flex-direction: row-reverse;
  color: #FF725E;
}
.rating-with-action__bullets-count .bullets i {
  margin-right: 3px;
}
.rating-with-action__bullets-count .bullets i:before {
  margin: 0 2px 0 0 !important;
  width: 18px;
  height: 17px;
}
.rating-with-action__bullets-count .bullets__lg {
  font-size: 20px;
}
.rating-with-action__bullets-count .bullets__md {
  font-size: 16px;
}
.rating-with-action__bullets-count .bullets__sm {
  font-size: 14px;
}
.rating-with-action__bullets-count .count {
  justify-content: flex-end;
  display: flex;
  color: white;
  font-size: 14px;
}