/* $body-font-family: 'Noto Sans HK', sans-serif; */
.attendance-toolbar .toolbar-left-items {
  width: 100%;
  max-width: 100% !important;
  align-items: center;
}
.attendance-toolbar__item {
  padding: 1em;
  color: #505050;
  font-size: 0.875rem;
  font-weight: 500;
}
.package-item {
  display: flex;
  justify-content: space-between;
  max-width: 200px;
}
.package-item * {
  font-size: 0.875rem;
  color: #505050;
  font-weight: 500;
}
@media (max-width: 992px) {
.attendance-toolbar .custom-input {
    width: 100% !important;
    max-width: unset !important;
}
.attendance-toolbar__item {
    width: 25%;
}
}
@media (max-width: 550px) {
.attendance-toolbar__item {
    width: 50%;
}
}