.lib-cal-events-calendar-search-filter .dropdown-menu {
  width: 110%;
  left: -5%;
  padding: 5px;
  max-height: 500px;
  overflow-y: auto;
}

.lib-cal-events-calendar-search-filter .dropdown-menu .checkbox {
  margin-bottom: 0;
  margin-top: 0;
}

.lib-cal-events-calendar-search-filter .dropdown-menu .checkbox>label {
  width: 100%;
}

.lib-cal-events-calendar-search-filter .dropdown-menu .checkbox:not(:last-child) {
  margin-bottom: 10px;
  margin-top: 0;
}

.lib-cal-events-calendar-search-filter .search,
.lib-cal-events-calendar-search-filter .error,
.lib-cal-events-calendar-search-filter .btn-group {
  margin-bottom: 5px;
  padding-inline: 5px;
}

.lib-cal-events-calendar-search-filter .dropdown-menu .lib-cal-search-btn {
  background-color: #007596;
}

.lib-cal-events-calendar-search-filter .dropdown-menu .lib-cal-search-btn:hover {
  background-color: #005f73;
}

#lib-cal-events-calendar .event-listing-item {
  margin: 0;
  float: none;
  width: 100%;
  margin-bottom: 40px;
  padding: 20px;
  /* height: 365px; */
}

#lib-cal-events-calendar .search-string {
  width: fit-content;
  margin-top: 5px;
  margin-bottom: 0;
  padding: 4px 10px;
}

#lib-cal-events-calendar .search-string-item:not(:last-child) {
  margin-right: 20px;
}

#lib-cal-events-calendar[v-cloak] {
  display: none;
}

@media (min-width: 1200px) {
  #lib-cal-events-calendar .breaker-sm {
    display: none;
  }
}

@media (min-width: 768px) {
  .lib-cal-events-calendar-search-filter .dropdown-menu {
    padding: 5px;
    width: 250px;
    left: 0;
    max-height: 500px;
    overflow-y: auto;
  }

  /* .lib-cal-events-calendar-search-filter .btn-group {
    width: auto;
  } */
}

@media (min-width: 992px) {
  .lib-cal-events-calendar-search-filter .btn-group {
    width: auto;
  }
}