.sidebar-menu-search {
  margin-bottom: 0.875rem;
}

.sidebar-menu-search .input-group {
  border: 1px solid rgba(90, 108, 138, 0.18);
  border-radius: 0.5rem;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 10px 24px rgba(20, 34, 58, 0.08);
}

.sidebar-menu-search .input-group-text,
.sidebar-menu-search .form-control,
.sidebar-menu-search .btn {
  border: 0;
  background: transparent;
}

.sidebar-menu-search .form-control {
  min-height: 2.25rem;
  font-size: 0.82rem;
}

.sidebar-menu-search .form-control:focus {
  box-shadow: none;
}

.sidebar-menu-search .input-group:focus-within {
  border-color: rgba(6, 101, 208, 0.45);
  box-shadow: 0 0 0 0.18rem rgba(6, 101, 208, 0.12), 0 10px 24px rgba(20, 34, 58, 0.1);
}

.sidebar-menu-search-clear {
  color: #6c757d;
}

.sidebar-menu-search-clear.is-empty {
  pointer-events: none;
  opacity: 0.4;
}

#sidebar .nav-main.is-searching .nav-main-heading {
  display: none;
}

#sidebar .nav-main.is-searching .nav-main-heading.has-menu-search-results,
#sidebar .nav-main .nav-main-item.has-menu-search-results {
  display: block;
}

#sidebar .nav-main .nav-main-item.is-menu-search-hidden,
#sidebar .nav-main .nav-main-heading.is-menu-search-hidden {
  display: none !important;
}

.sidebar-menu-highlight {
  display: inline;
  border-radius: 0.25rem;
  padding: 0 0.16rem;
  color: inherit;
  background: rgba(255, 214, 102, 0.55);
  box-shadow: inset 0 -0.08rem 0 rgba(230, 159, 23, 0.38);
  font-weight: inherit;
}

body.sidebar-dark #sidebar .sidebar-menu-search .input-group,
#sidebar.sidebar-dark .sidebar-menu-search .input-group {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: none;
}

body.sidebar-dark #sidebar .sidebar-menu-search .input-group-text,
body.sidebar-dark #sidebar .sidebar-menu-search .form-control,
body.sidebar-dark #sidebar .sidebar-menu-search .btn,
#sidebar.sidebar-dark .sidebar-menu-search .input-group-text,
#sidebar.sidebar-dark .sidebar-menu-search .form-control,
#sidebar.sidebar-dark .sidebar-menu-search .btn {
  color: rgba(255, 255, 255, 0.82);
}

body.sidebar-dark #sidebar .sidebar-menu-search .form-control::placeholder,
#sidebar.sidebar-dark .sidebar-menu-search .form-control::placeholder {
  color: rgba(255, 255, 255, 0.48);
}