.ti-quick-search {
  background: #f9f9f9;
  display: block;
  padding: 1.5em 2.5em;
  max-width: 100%;
  overflow: hidden;
  margin: 0 0 2em 0; }
  .ti-quick-search #step3ErrorMessage {
    display: none; }
  .ti-quick-search h2 {
    line-height: 150%; }
  .ti-quick-search .quick-para {
    display: table-cell;
    padding: 0 0 0 2em;
    width: 34em; }
    .ti-quick-search .quick-para select, .ti-quick-search .quick-para label {
      margin-left: 8px; }
    .ti-quick-search .quick-para select {
      padding: 0 0 0 7px;
      height: 2em; }
    .ti-quick-search .quick-para .qsDescription {
      margin-bottom: 6px; }
    .ti-quick-search .quick-para .qsDescription h5, .ti-quick-search .quick-para .qsDescription select {
      display: inline;
      width: 290px; }
      .ti-quick-search .quick-para .qsDescription h5:first-child, .ti-quick-search .quick-para .qsDescription select:first-child {
        margin-right: 0px; }
  .ti-quick-search .quick-search {
    display: table-cell;
    border-right: 1px dotted #e0e0e0;
    width: 28em; }
    .ti-quick-search .quick-search .qsDescription h5:first-child, .ti-quick-search .quick-search .qsDescription select:first-child {
      margin-right: 4px; }
    .ti-quick-search .quick-search .row {
      margin: 0 0 .8em; }
      .ti-quick-search .quick-search .row:last-child {
        margin: 0; }
    .ti-quick-search .quick-search input[type=text] {
      width: 120px; }
    .ti-quick-search .quick-search label {
      text-align: left; }
    .ti-quick-search .quick-search .c9 label {
      display: block;
      position: relative; }
  .ti-quick-search label {
    display: block; }
  .ti-quick-search .checkboxAndRadioStyle, .ti-quick-search[for="hirel"] .checkbox, .ti-quick-search[for="param-rating"] .checkbox {
    color: #555555;
    cursor: default;
    font-size: 16px;
    align-self: center;
    margin-right: 4px; }
  .ti-quick-search[for="hirel"] ti-check-box .chbx-row, .ti-quick-search[for="param-rating"] ti-check-box .chbx-row {
    display: flex;
    flex-direction: row;
    padding: 2px 5px; }
  .ti-quick-search[for="hirel"] .checkbox::before, .ti-quick-search[for="param-rating"] .checkbox::before {
    content: "\e835"; }
  .ti-quick-search[for="hirel"] .checkbox.checked::before, .ti-quick-search[for="param-rating"] .checkbox.checked::before {
    content: "\e834"; }
  .ti-quick-search[for="param-rating"] .quick-search {
    width: 20em; }

.parametric-search-rating-table {
  width: 100%;
  font-family: "roboto", "Open Sans", sans-serif !important;
  border-top: 3px solid #118899; }
  .parametric-search-rating-table thead {
    background: #f9f9f9; }
  .parametric-search-rating-table th, .parametric-search-rating-table td {
    border-bottom: 1px solid #e0e0e0;
    vertical-align: top;
    padding: .6em; }
  .parametric-search-rating-table th {
    border-width: 2px;
    text-align: left;
    vertical-align: middle;
    color: #333;
    padding: .7em .6em;
    font-size: .9em;
    font-weight: 500; }
    .parametric-search-rating-table th > span {
      display: block;
      position: relative; }
    .parametric-search-rating-table th .search-parts {
      font-size: 1.125em;
      float: left;
      margin-top: .5em;
      position: relative; }
      .parametric-search-rating-table th .search-parts::before {
        position: absolute;
        right: .2em;
        top: .25em;
        font-size: 1.4em;
        content: "\e8b6"; }
      .parametric-search-rating-table th .search-parts input {
        width: 14em;
        padding: .25em .3em; }
        .parametric-search-rating-table th .search-parts input[type=button] {
          border: none;
          cursor: pointer;
          position: absolute;
          background: none;
          top: 0;
          right: 0;
          bottom: 0;
          padding: 0;
          width: 2em; }
      .parametric-search-rating-table th .search-parts.reset::before {
        content: "\e14c"; }
      .parametric-search-rating-table th .search-parts.reset .btn-reset {
        display: block; }
      .parametric-search-rating-table th .search-parts.reset .btn-search {
        display: none; }
      .parametric-search-rating-table th .search-parts .auto-complete {
        background: white;
        position: absolute;
        z-index: 10;
        width: 100%;
        max-height: 20em;
        overflow-y: auto;
        border: 1px solid silver;
        box-shadow: 3px 3px 3px rgba(200, 200, 200, 0.6);
        font-weight: normal; }
        .parametric-search-rating-table th .search-parts .auto-complete ul {
          padding: 0;
          margin: 0; }
        .parametric-search-rating-table th .search-parts .auto-complete li {
          background: none;
          margin: 0;
          padding: .3em;
          cursor: pointer; }
          .parametric-search-rating-table th .search-parts .auto-complete li:hover {
            background: #f0f0f0; }
          .parametric-search-rating-table th .search-parts .auto-complete li.active {
            background: #f0f0f0; }
          .parametric-search-rating-table th .search-parts .auto-complete li span {
            background: #ffffb3; }
    .parametric-search-rating-table th tbody tr:hover {
      background: #edf7f8; }

@-webkit-keyframes fadeOut {
  50% {
    background: #edf7f8; }
  100% {
    background: rgba(237, 247, 248, 0); } }

@keyframes fadeOut {
  50% {
    background: #edf7f8; }
  100% {
    background: rgba(237, 247, 248, 0); } }

.parametric-search-rating-head {
  position: relative;
  border-top: 1px solid #118899; }

.parametric-search-rating-head.default button {
  float: right; }

.parametric-search-rating-head.default div {
  float: left;
  margin-top: 16px; }

.parametric-search-rating-load-more button {
  background: #f9f9f9;
  border-bottom: 1px solid #e0e0e0;
  border-top: 0;
  border-color: #e0e0e0;
  color: #007c8c;
  display: block;
  font-size: 1.1em;
  font-weight: 500;
  margin: 0 0 1em 0;
  position: relative;
  text-align: center;
  width: 100%; }
  .parametric-search-rating-load-more button:hover {
    background: #f0f0f0; }
  .parametric-search-rating-load-more button::before {
    margin: .2em 0 0 .2em;
    position: absolute;
    left: 50%;
    top: 12px;
    margin-left: 2.8em; }

ti-rst-button.flat button, button.flat {
  background: #FFFFFF;
  border: none;
  border-radius: 0.2em;
  color: #189;
  cursor: pointer;
  font-weight: 500;
  outline: 0; }
  ti-rst-button.flat button:hover, button.flat:hover {
    background: #f0f0f0; }

.loader {
  border: 3px solid #f3f3f3;
  border-top: 3px solid #118899;
  border-right: 3px solid #118899;
  border-left: 3px solid #118899;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  animation: spin .8s linear infinite; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }