/* GLANOS Talk Lab V67 — search clear/mobile QA hotfix */

/* Reserve one rail for the custom clear button and submit arrow. */
.tl-main > .hero form.search-form[data-root-search] .search-input,
.tl-search-page-form input[type="search"]{
  padding-right:92px!important;
}

/* The generic .tl-search-page-form button rule must never size/repaint the clear control. */
.tl-search-page-form .tl-v65-search-clear{
  position:absolute!important;
  z-index:4!important;
  top:50%!important;
  right:50px!important;
  transform:translateY(-50%)!important;
  width:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  height:30px!important;
  min-height:30px!important;
  padding:0!important;
  border:0!important;
  border-radius:7px!important;
  background:transparent!important;
  color:#8e97a4!important;
  font-size:17px!important;
  font-weight:600!important;
  line-height:30px!important;
  box-shadow:none!important;
}
.tl-search-page-form .tl-v65-search-clear:hover{
  background:#f5f7fa!important;
  color:#4f5968!important;
}
.tl-search-page-form .tl-v65-search-clear[hidden]{display:none!important}

/* Use one clear control on Safari/iOS; the site supplies the accessible button. */
.search-input::-webkit-search-cancel-button,
.tl-search-page-form input[type="search"]::-webkit-search-cancel-button{
  -webkit-appearance:none;
  appearance:none;
}

@media(max-width:640px){
  .tl-main > .hero form.search-form[data-root-search] .search-input,
  .tl-search-page-form input[type="search"]{
    padding-right:90px!important;
  }
  .tl-search-page-form .tl-v65-search-clear{
    right:48px!important;
    width:28px!important;
    min-width:28px!important;
    max-width:28px!important;
    height:28px!important;
    min-height:28px!important;
    line-height:28px!important;
    font-size:16px!important;
  }
}