/**
* Custom colors
* Name That Color
**/
@media (max-width: 768px) {
  .dateTab {
    padding: 0;
    max-height: 48px;
  }
}
.dateTab ul {
  list-style: none;
  background: #F3F3F3;
  border-radius: 8px;
  min-height: 76px;
}
@media (max-width: 768px) {
  .dateTab ul {
    border-radius: 0;
    min-height: 48px;
    max-height: 48px;
    margin: 0;
  }
}
.dateTab ul li {
  padding: 16px 0;
}
@media (max-width: 768px) {
  .dateTab ul li {
    padding: 0;
  }
}
.dateTab ul li a {
  padding: 12px;
  font-weight: 700;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: 0.0125em;
  color: #6D3B8F !important;
  text-decoration: none;
  border-radius: 8px;
  -webkit-transition: background-color 0.3s ease, color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.dateTab ul li a.active {
  background-color: #6D3B8F;
  color: #FFFFFF !important;
}
.dateTab ul li .btn-base {
  background-color: transparent;
  padding: 0;
}
@media (max-width: 768px) {
  .dateTab ul li span {
    padding: 15px 16px;
  }
}