.SearchBar {
  display: flex;
  flex-direction: row;
  position: absolute;
  left: 55px;
  top: 15px;
  width: 250px;
  height: 2rem;
  background-color: white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  z-index: 1000;
}
.SearchBar > button {
  outline: none;
}
.SearchBar > .menu {
  margin-left: -5px;
  flex: 0 0 auto;
  width: 3em;
  background-color: transparent;
  background-position: 1.6em;
  background-size: 1.6em;
  background: no-repeat center center;
  border: none;
  cursor: pointer;
  position: relative;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBkPSJNMCAyaDE2djJIMHptMCA1aDE2djJIMHptMCA1aDE2djJIMHoiIGZpbGw9IiM2ZjczN2EiLz48L3N2Zz4=");
}
.SearchBar > .menu:after {
  border-right: 0.1em solid #f1f1f2;
  content: "";
  height: 2em;
  position: absolute;
  right: 0;
  top: 0.5em;
  width: 0;
  z-index: 53;
  flex: 1 0 auto;
}
.SearchBar > input {
  flex: 1 1 auto;
  min-width: 0;
  background-color: transparent;
  background-position: -1.4em center;
  background-repeat: no-repeat;
  background-size: 1em;
  border: none;
  border-left: 2em solid transparent;
  box-shadow: none;
  color: #0f1621;
  line-height: 2.5em;
  margin: 0;
  outline: none;
  padding: 0;
  padding-top: 2px;
  text-overflow: ellipsis;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NCIgaGVpZ2h0PSI0NCIgdmlld0JveD0iMCAwIDQ0IDQ0Ij48cGF0aCBmaWxsPSJibGFja19ibHVlIiBkPSJNMzkuMzggNDMuOTU3YTIuOTYgMi45NiAwIDAgMS0yLjEwOC0uODczbC04LjQyOS04LjQyN2ExOC42OTggMTguNjk4IDAgMCAxLTEwLjA1NyAyLjkxOUM4LjQyNyAzNy41NzQgMCAyOS4xNDUgMCAxOC43ODggMCA4LjQyOCA4LjQyNyAwIDE4Ljc4NiAwYzEwLjM2IDAgMTguNzg4IDguNDI4IDE4Ljc4OCAxOC43ODggMCAzLjU4NS0xLjAwNyA3LjA0OC0yLjkxOCAxMC4wNTdsOC40MjggOC40MjdhMi45NiAyLjk2IDAgMCAxIC44NzEgMi4xMDhjMCAuNzk4LS4zMSAxLjU0OC0uODcxIDIuMTA5bC0xLjU5NiAxLjU5NWEyLjk1NiAyLjk1NiAwIDAgMS0yLjEwOC44NzN6TTE4Ljc4NiA2Ljg2OGMtNi41NzIgMC0xMS45MTkgNS4zNDctMTEuOTE5IDExLjkyIDAgNi41NzEgNS4zNDcgMTEuOTE5IDExLjkxOSAxMS45MiA2LjU3My0uMDAxIDExLjkyMS01LjM0OSAxMS45MjEtMTEuOTIgMC02LjU3NC01LjM0OC0xMS45Mi0xMS45MjEtMTEuOTJ6Ii8+PC9zdmc+");
}
.SearchBar > .input::-ms-clear {
  display: none;
}
.SearchBar > .clear {
  flex: 0 0 auto;
  width: 2em;
  background-color: transparent;
  background: no-repeat center center;
  border: none;
  cursor: pointer;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBmaWxsPSIjNmY3MzdhIiBkPSJNOS43MDMgOGw0LjA4Ny00LjA4NmEuNzI2LjcyNiAwIDAgMCAwLTEuMDIxbC0uNjgzLS42ODNhLjcyNC43MjQgMCAwIDAtMS4wMjEgMEw4IDYuMjk4IDMuOTEyIDIuMjFhLjcyMi43MjIgMCAwIDAtMS4wMiAwbC0uNjgyLjY4MmEuNzI0LjcyNCAwIDAgMCAwIDEuMDIxTDYuMjk2IDggMi4yMSAxMi4wODZhLjcyNC43MjQgMCAwIDAgMCAxLjAyMWwuNjgyLjY4MmEuNzIyLjcyMiAwIDAgMCAxLjAyIDBMOCA5LjcwMWw0LjA4NyA0LjA4OGEuNzI0LjcyNCAwIDAgMCAxLjAyMSAwbC42ODMtLjY4MmEuNzI2LjcyNiAwIDAgMCAwLTEuMDIxTDkuNzAzIDh6Ii8+PC9zdmc+");
  display: none;
}
.SearchBar > .busy {
  flex: 0 0 auto;
  width: 2em;
  background-color: transparent;
  background: no-repeat center center;
  border: none;
  cursor: wait;
  padding-top: 6px;
  display: none;
}
.SearchBar > .result {
  top: 2rem;
  position: absolute;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  width: 100%;
  background: white;
}
.SearchBar > .result > div.group {
  padding: 0.3em 0.5em 0;
  color: #0078d7;
  font-weight: bold;
  border-bottom: 1px solid #0078d7;
  cursor: default;
}
.SearchBar > .result > div.record {
  padding: 0.3em 0.5em;
  height: auto;
  cursor: pointer;
}
.SearchBar > .result > div.record:hover {
  background-color: #0078d7;
  color: white;
}
.SearchBar > .result > div > .type {
  display: none;
}
.SearchBar > .result > div.selected {
  background-color: #0078d7;
  color: white;
}

/*# sourceMappingURL=SearchBar.css.map */