.search-inputBoxLarge {
  width: 36%;
  display: inline-block;
}

@media screen and (-ms-high-contrast: active) {
  .search-inputBoxLarge .search-context--label {
    border-right:  1px solid;
    border-right-color: rgba( 200, 200, 200 ,  1 );
  }
}

.search-inputBoxLarge .search-context--label {
  border-top:  1px solid;
  border-top-color: rgba( 200, 200, 200 ,  1 );
  border-top-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  border-bottom:  1px solid;
  border-bottom-color: rgba( 200, 200, 200 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  border-left:  1px solid;
  border-left-color: rgba( 200, 200, 200 ,  1 );
  border-left-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
  padding-left: 10px;
  padding-right: 10px;
  height: 32px;
  display: inline-block !important;
  vertical-align: top;
  text-align: center;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  white-space: nowrap;
}

.search-inputBoxLarge .input--container {
  width: 100%;
}

.search-inputBoxLarge .input--container .searchBox {
  width: calc(100% - 32px);
  min-width: calc(100% - 32px);
  height: 32px;
  font-size: 14px;
  display: inline-flex;
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  border-left: none;
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.search-inputBoxLarge .input--container .searchBox > input {
  height: 30px;
  min-width: 0px;
  border: none;
  padding: 5px 5px 5px 8px;
  flex: 1 0 auto;
  width: calc(100% - 30px);
  background: transparent;
}

.search-inputBoxLarge .input--container .searchBox > input::-ms-clear {
  display: none;
}

.search-inputBoxLarge .input--container .searchBox .remove-icon {
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  height: 30px;
  width: 30px;
  line-height: 30px;
  cursor: pointer;
  vertical-align: top;
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  font-size: 12px;
  flex: 0 1 auto;
}

.search-inputBoxLarge .input--container .search-icon {
  color: white;
  line-height: 30px;
  height: 32px;
  width: 32px;
  cursor: pointer;
  background: #007acc;
  border: 1px solid #007acc;
  vertical-align: top;
}

.search-inputBoxLarge .input--container .search-icon:focus {
  outline: 1px solid rgba( 102, 102, 102 ,  1 );
  outline: 1px solid rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
}

.search-inputBoxLarge .search-help-callout {
  z-index: 100;
}