/********************************************** 
partSearchBar
**********************************************/

/* Configuration */
.partSearchBar                      {height: 36px; width: 100%; border:solid 1px #999; border-radius: 4px; overflow: hidden;}
  .searchBarInput                   {padding-right: 36px; padding-left: 10px;  font-family: inherit; font-size: 18px; font-weight: 400;}
  .searchBarButton, .searchBarReset {width: 36px;} 

  .searchBarInput                   {background-color:#fff; color: #000; transition: border-color 0.3s; border:none;}
  .searchBarInput:focus             {border-color:#000;}
  .searchBarInput::placeholder      {color:#999;}

  .searchBarReset                   {border:none; background-color:transparent;}
  .searchBarReset svg               {width: 10px; height: 10px; fill: #000;}

  .searchBarButton                  {background-color:#fff; transition:background-color 0.3s; border-left: solid 1px #bbb;}  
  .searchBarButton svg              {width: 18px; height: 18px; fill: #000;}
  .searchBarButton:hover            {background-color: #bbb;}

/* Fundementals */
.partSearchBar                      {display:flex;} 

  .searchBarContainer                {flex: 1 1 auto; position: relative; display:flex;}
    .searchBarInput                   {width:100%; height:100%;}
    .searchBarReset                   {position:absolute; top:0; right:0; height:100%; display: flex; align-items: center; justify-content: center; transition: opacity 0.3s; cursor:pointer;}  
    .searchBarReset.active            {visibility: visible; opacity: 1;}
  
  .searchBarButton                  {flex: 0 0 auto; height:100%; display: flex; align-items: center; justify-content: center; cursor:pointer;}  

/* Form reset */
.partSearchBar input[type=search], .partSearchBar button            {-webkit-appearance: none; border-radius:0; outline: none;}
.partSearchBar button                                               {padding:0;}
.partSearchBar input[type=search]::-ms-clear                          {display: none;}
.partSearchBar input[type=search]::-webkit-search-cancel-button       {-webkit-appearance: none;}