@font-face {
  font-family: 'StagSansWeb-Light';
  src: url("https://www.which.co.uk/global/fonts/StagSansWeb/StagSansWeb-Light/StagSansWeb-Light.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'StagSansWeb-Book';
  src: url("https://www.which.co.uk/global/fonts/StagSansWeb/StagSansWeb-Book/StagSansWeb-Book.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'StagSansWeb-Medium';
  src: url("https://www.which.co.uk/global/fonts/StagSansWeb/StagSansWeb-Medium/StagSansWeb-Medium.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'StagSansWeb-Semibold';
  src: url("https://www.which.co.uk/global/fonts/StagSansWeb/StagSansWeb-Semibold/StagSansWeb-Semibold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSans-Regular';
  src: url("https://www.which.co.uk/global/fonts/open-sans/opensans_regular/OpenSans-Regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSans-Semibold';
  src: url("https://www.which.co.uk/global/fonts/open-sans/opensans_semibold/OpenSans-Semibold-webfont.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Which-Icons';
  src: url("https://www.which.co.uk/global/fonts/WhichIcons/WhichIcons.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'CELL-icons';
  src: url("https://www.which.co.uk/global/fonts/CELL-icons/CELL-icons.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

/* line 8, app/assets/stylesheets/widgets/search/traders.sass */
body {
  margin: 0;
}

/* line 11, app/assets/stylesheets/widgets/search/traders.sass */
.widget-search-traders {
  background-color: #fff;
  color: #000000;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 0 20px 40px 20px;
  min-width: 280px;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-image: url(/assets/widgets/trader-illustrations_widget-illustration-a3df805909bfb344ac5373ae9385613dbc26d6148c15c1e8c63dc3e2291f9834.svg);
  background-position: 310px 71px;
  background-size: 450px;
  max-width: 778px;
  margin: 0 auto;
}

/* line 25, app/assets/stylesheets/widgets/search/traders.sass */
.widget-search-traders__which-logo {
  background: url(/assets/widgets/which_logo_pos_rgb_v-c3d486ab5e8fa57a5fc5218b3f89b532633975661b989e6986dadf0bffe215b3.svg);
  width: 115px;
  height: 48px;
  margin-left: -10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* line 32, app/assets/stylesheets/widgets/search/traders.sass */
.widget-search-traders__header {
  font-family: "National2-Medium", "Arial" !important;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 23px;
}

/* line 37, app/assets/stylesheets/widgets/search/traders.sass */
.widget-search-traders__form {
  position: relative;
}

/* line 39, app/assets/stylesheets/widgets/search/traders.sass */
.widget-search-traders__button {
  background-color: #0050B3;
  color: #ffffff;
  border-radius: 50px;
  padding: 10px 22px;
  font-family: "National2-Medium", "Arial" !important;
  font-size: 18px;
  line-height: 25px;
  border: none;
  cursor: pointer;
  text-decoration: none;
  margin-top: 10px;
}

/* line 11, app/assets/stylesheets/seatbelt/buttons.sass */
.widget-search-traders__button:hover {
  background-color: #0d386d;
}

/* line 43, app/assets/stylesheets/widgets/search/traders.sass */
.widget-search-traders__button .icon-search {
  width: 16px;
  height: 20px;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/assets/seatbelt/icons/search-icon-white-c0173c14ba7d1fbc52b76937134f56345505728ca7984e9886e3df2ea2452905.svg);
  background-size: contain;
  margin-right: 3px;
  position: relative;
  top: 4px;
}

/* line 56, app/assets/stylesheets/widgets/search/traders.sass */
.widget-search-traders__button--processing {
  background-image: url(/assets/seatbelt/buttons/button-processing-cce92f5a55004d0e43e4aa7a00c41d558d1fd83775e10f4400ccfc029c8807e5.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 35%;
  color: transparent !important;
}

/* line 58, app/assets/stylesheets/widgets/search/traders.sass */
.widget-search-traders__button--processing .icon-search {
  display: none;
}

/* line 61, app/assets/stylesheets/widgets/search/traders.sass */
.widget-search-traders__dropdown-container {
  position: relative;
  min-height: 44px;
  overflow: visible;
}

/* line 65, app/assets/stylesheets/widgets/search/traders.sass */
.widget-search-traders__dropdown {
  width: 100%;
  max-width: 278px;
  box-sizing: border-box;
  position: absolute;
  z-index: 1;
  background-color: white;
  border: 1px solid gray;
  border-radius: 5px;
}

/* line 74, app/assets/stylesheets/widgets/search/traders.sass */
.widget-search-traders__dropdown--with-focus {
  border: 1px solid #0050B3;
}

/* line 76, app/assets/stylesheets/widgets/search/traders.sass */
.widget-search-traders__dropdown input {
  font-family: "National2-Regular", "Arial" !important;
  font-size: 16px;
  line-height: 20px;
  padding: 7px 7px 8px 7px;
  width: 100%;
  box-sizing: border-box;
  border: none;
  outline: none;
  border-radius: 5px;
}

/* line 81, app/assets/stylesheets/widgets/search/traders.sass */
.widget-search-traders__dropdown .clear-field {
  visibility: hidden;
  position: absolute;
  right: 0;
  top: 8px;
  border-left: 1px solid #0050B3;
  background-color: #ffffff;
  padding: 0 10px 0 26px;
  min-height: 20px;
  cursor: pointer;
}

/* line 91, app/assets/stylesheets/widgets/search/traders.sass */
.widget-search-traders__dropdown .clear-field:after {
  position: absolute;
  top: 1px;
  left: 8px;
  content: ' ';
  height: 18px;
  width: 18px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/assets/seatbelt/icons/close-icon-circle-ce96f8b8b023bff1c59d5f628a73d3a05da2782173e7cf8d52417150ef127f53.svg);
}

/* line 102, app/assets/stylesheets/widgets/search/traders.sass */
.widget-search-traders__dropdown .results {
  color: #000000;
  font-size: 16px;
  line-height: 20px;
}

/* line 106, app/assets/stylesheets/widgets/search/traders.sass */
.widget-search-traders__dropdown .results--active {
  padding: 20px 0 0 0;
  border-top: 1px solid #cccccc;
}

/* line 110, app/assets/stylesheets/widgets/search/traders.sass */
.widget-search-traders__dropdown .results .heading {
  font-family: "National2-Regular", "Arial" !important;
  color: #000000;
  line-height: 40px;
  padding: 0 20px;
}

/* line 116, app/assets/stylesheets/widgets/search/traders.sass */
.widget-search-traders__dropdown .results .selectable {
  display: block;
  font-family: "National2-Regular", "Arial" !important;
  text-decoration: none;
  color: #0050B3;
  cursor: pointer;
  line-height: 40px;
  padding: 0 20px;
}

/* line 124, app/assets/stylesheets/widgets/search/traders.sass */
.widget-search-traders__dropdown .results .selectable:hover, .widget-search-traders__dropdown .results .selectable.selected {
  background-color: #dff2fb;
}

/* line 126, app/assets/stylesheets/widgets/search/traders.sass */
.widget-search-traders__dropdown .results .selectable .icon-location-pin {
  width: 16px;
  height: 26px;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/assets/seatbelt/icons/location-pin-1eb544e90f02fecad818d2cf734a7bf764266505815815c2b8418abd8ea7f9ee.svg);
  background-size: contain;
  margin-right: 10px;
  position: relative;
  top: 5px;
}

/* line 138, app/assets/stylesheets/widgets/search/traders.sass */
.widget-search-traders__dropdown--with-error {
  border: 1px solid #d32f2f;
}

/* line 140, app/assets/stylesheets/widgets/search/traders.sass */
.widget-search-traders__services, .widget-search-traders__places {
  position: relative;
}

/* line 142, app/assets/stylesheets/widgets/search/traders.sass */
.widget-search-traders__services label, .widget-search-traders__places label {
  display: block;
  font-family: "National2-Medium", "Arial" !important;
  margin-bottom: 7px;
}

/* line 145, app/assets/stylesheets/widgets/search/traders.sass */
.widget-search-traders__services .error-feedback, .widget-search-traders__places .error-feedback {
  font-family: "National2-Regular", "Arial" !important;
  margin: 4px 0;
  color: #d32f2f;
  font-size: 12px;
  line-height: 15px;
  min-height: 15px;
  font-size: 16px;
  margin-top: 0px;
  margin-bottom: 5px;
}

/* line 150, app/assets/stylesheets/widgets/search/traders.sass */
.widget-search-traders__services {
  z-index: 2;
}

/* line 152, app/assets/stylesheets/widgets/search/traders.sass */
.widget-search-traders__places {
  z-index: 1;
}

/* line 155, app/assets/stylesheets/widgets/search/traders.sass */
.widget-search-traders__spacer {
  background-color: transparent;
  padding-bottom: 200px;
}

/* line 159, app/assets/stylesheets/widgets/search/traders.sass */
.widget-search-traders__new-tab-info {
  font-family: "National2-Regular", "Arial" !important;
  font-size: 12px;
  position: absolute;
  bottom: -26px;
  color: #676767;
}

/* line 166, app/assets/stylesheets/widgets/search/traders.sass */
.widget-search-traders--dark {
  background-color: #484b9a;
  color: #ffffff;
}

/* line 170, app/assets/stylesheets/widgets/search/traders.sass */
.widget-search-traders--dark .widget-search-traders__services .error-feedback, .widget-search-traders--dark .widget-search-traders__places .error-feedback {
  color: #ffdfdf;
}

/* line 172, app/assets/stylesheets/widgets/search/traders.sass */
.widget-search-traders--dark .widget-search-traders__new-tab-info {
  color: white;
}

/* line 175, app/assets/stylesheets/widgets/search/traders.sass */
.widget-search-traders--local {
  padding: 26px 20px 40px 20px;
}

/* line 177, app/assets/stylesheets/widgets/search/traders.sass */
.widget-search-traders--local .widget-search-traders__which-logo {
  display: none;
}

/* line 179, app/assets/stylesheets/widgets/search/traders.sass */
.widget-search-traders--local .widget-search-traders__button {
  background-color: #0050B3;
}

/* line 22, app/assets/stylesheets/seatbelt/buttons.sass */
.widget-search-traders--local .widget-search-traders__button:hover {
  background-color: #00224d;
}

/* line 183, app/assets/stylesheets/widgets/search/traders.sass */
.widget-search-traders--local.widget-search-traders--dark .widget-search-traders__button {
  background-color: #ffffff;
  border: 2px solid #0050B3;
  color: #0050B3;
  border: none;
}

/* line 29, app/assets/stylesheets/seatbelt/buttons.sass */
.widget-search-traders--local.widget-search-traders--dark .widget-search-traders__button:hover {
  background-color: #d7effa;
}

/* line 186, app/assets/stylesheets/widgets/search/traders.sass */
.widget-search-traders--local.widget-search-traders--dark .widget-search-traders__button .icon-search {
  background-image: url(/assets/seatbelt/icons/search-icon-blue-77dcbba91034896a8672e668bb7087719199a65a7f94c073ab1db3cdc0bb1c4c.svg);
}