.search-inputBoxLarge {
  min-width: 40%; }
  @media screen and (-ms-high-contrast: active) {
    .search-inputBoxLarge .search-context--label {
      border-right:  1px solid;
      border-right-color: rgba( 200, 200, 200 ,  1 ); } }
  @media only screen and (max-width: 600px) {
    .search-inputBoxLarge {
      max-width: 100%; } }
  .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;
    padding-bottom: 5px;
    padding-top: 5px;
    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;
        display: inline-block;
        text-align: center; }
    .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;
      font-size: 14px;
      display: inline-block;
      text-align: center; }
      .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; }

.main-search-help-callout {
  width: 440px; }