/***BEGIN ExpandableSearchBox.css***/
.region-header .expandable-search-header {
  align-items: stretch;
  flex-shrink: 0;
  padding: 8px 0px;
  margin-right: 12px; }
  .region-header .expandable-search-header .search-context--label {
    padding: 1px 10px;
    white-space: nowrap;
    text-align: center;
    border-style: solid;
    border-color: rgba( 102, 102, 102 ,  1 );
    border-color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
    border-width: 1px 0px 1px 1px;
    border-radius: 2px 0px 0px 2px; }

.region-header .search-popup {
  align-items: stretch;
  bottom: 0;
  display: flex;
  padding: 5px 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 250px; }

.region-header .search .search-input {
  align-self: stretch;
  background: transparent;
  width: 100%;
  overflow: hidden; }

.region-header .search .search-icon {
  margin: 0 5px 0 5px; }

.region-header .header-button-command.search-command {
  margin-right: 5px; }

.search-help-callout {
  animation-delay: 0.4s; }
  .search-help-callout .expandable-header-search-help {
    width: 298px; }
    .search-help-callout .expandable-header-search-help.instant-search.lower-resolution {
      width: 550px; }
    .search-help-callout .expandable-header-search-help.instant-search.higher-resolution {
      width: 690px; }
/***END ExpandableSearchBox.css***/

/***BEGIN SearchHeader.css***/
.header .search-header {
  align-items: stretch;
  flex-shrink: 0;
  width: 320px; }

.header .search-popup {
  align-items: stretch;
  bottom: 0;
  display: flex;
  padding: 5px 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 250px; }

.header .search .search-input {
  align-self: stretch;
  background: transparent;
  min-width: 150px;
  padding: 0 5px; }

.header .search .search-icon {
  margin: 0 5px 0 5px; }
/***END SearchHeader.css***/

/***BEGIN SearchHelp.css***/
.search-help {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  max-height: calc(60vh);
  overflow-x: hidden;
  overflow-y: auto; }

.search-help > div {
  padding: 0 10px 0 10px; }

.search-help > div:first-child {
  padding-top: 10px; }

.search-help > div:last-child {
  padding-bottom: 10px; }

.search-filter-caption {
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  font-weight: bold;
  padding-right: 5px; }

.search-filter-list {
  margin: 0;
  padding: 5px 0 10px 0; }

.search-filter-item {
  cursor: pointer;
  list-style: none;
  outline: none;
  padding: 0 5px 0 5px;
  position: relative; }

.search-filter-item:hover,
.search-filter-item:focus {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 ); }

.search-filter-item:focus::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  border:  1px solid;
  border-color: rgba( 16, 110, 190 ,  1 );
  border-color: rgba( var(--palette-primary-shade-10,16, 110, 190) ,  1 ); }

.search-filter-list.compact .search-filter-item {
  display: inline;
  margin-right: 10px; }

.search-filter-text {
  color: rgba( 16, 110, 190 ,  1 );
  color: rgba( var(--palette-primary-shade-10,16, 110, 190) ,  1 );
  display: inline-block; }

.search-filter-hint {
  display: inline-block; }

.search-filter-list.detailed .search-filter-text {
  min-width: 70px; }

.search-filter-list.compact .search-filter-hint {
  display: none; }

.search-filter-expander {
  color: rgba( 16, 110, 190 ,  1 );
  color: rgba( var(--palette-primary-shade-10,16, 110, 190) ,  1 );
  margin-top: 5px; }

.search-filter-expander .search-filter-expander-icon {
  padding-right: 5px; }

.search-filter-footer {
  margin-top: 5px; }

.search-link {
  color: rgba( 16, 110, 190 ,  1 );
  color: rgba( var(--palette-primary-shade-10,16, 110, 190) ,  1 );
  padding: 0 2px 0 2px;
  text-decoration: none; }
/***END SearchHelp.css***/

/***BEGIN SearchInput.css***/
.search {
  flex-grow: 1;
  padding: 1px; }
  .search .search-input {
    border: none;
    flex-grow: 1;
    outline: none;
    padding: 2px 3px; }
    .search .search-input::-ms-clear {
      display: none; }
  .search .search-icon {
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    margin: 0 2px;
    padding: 2px 2px; }
  .search .clear-text-icon {
    padding: 4px 5px 3px 5px; }
/***END SearchInput.css***/