@charset "UTF-8";
#companies,
#countries,
#job-descriptions,
#posts,
#services,
body > #sitemaps {
  background: #fff;
  padding-bottom: 40px;
  padding-top: 40px;
}
#companies:nth-child(2n),
#countries:nth-child(2n),
#job-descriptions:nth-child(2n),
#posts:nth-child(2n),
#services:nth-child(2n),
body > #sitemaps:nth-child(2n) {
  background-color: #e1fcf3;
}
section .button-primary {
  margin-top: 40px;
  padding: 12px 40px;
}
.section-title {
  color: #000;
  font-family: work-sans, Arial, sans-serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 26px;
  margin-bottom: 0;
  text-align: center;
}
.section-description {
  color: #4d5562;
  margin-top: 10px;
  text-align: center;
}
.search-box-container {
  padding-bottom: 154px;
  padding-top: 154px;
  position: relative;
  width: 100%;
}
.search-box-container .search-box-img-home {
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
.search-box-container .search-box-wrapper {
  background-color: #fff;
  border-radius: 6px;
  float: none;
  margin: 0 auto;
  padding: 33px 35px 50px;
}
.search-box-container .search-box-wrapper .search-box-title {
  align-items: center;
  display: flex;
  margin-bottom: 25px;
  padding-left: 15px;
  padding-right: 15px;
}
.search-box-container
  .search-box-wrapper
  .search-box-title
  .search-box-title-label {
  font-family: work-sans, Arial, sans-serif;
  font-size: 28px;
}
.search-box-container .search-box-wrapper .search-box-title .search-box-logo {
  height: 38px;
  margin-bottom: -14px;
  margin-left: 8px;
}
.search-box-container .search-box-wrapper .search-box-contracts {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
}
.search-box-container
  .search-box-wrapper
  .search-box-contracts
  .search-box-contract
  .contract-checkbox-input {
  display: none;
}
.search-box-container
  .search-box-wrapper
  .search-box-contracts
  .search-box-contract
  .contract-checkbox-input:checked
  + .contract-checkbox-label {
  background-color: #002977;
  border-color: #002977;
  border-radius: 20px;
  color: #fff;
  display: flex;
  font-family: work-sans, Arial, sans-serif;
  font-size: 15px;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 6px;
  min-width: 127px;
  padding: 6px 26px 5px;
}
.search-box-container
  .search-box-wrapper
  .search-box-contracts
  .search-box-contract
  .contract-checkbox-input:checked
  + .contract-checkbox-label
  .contract-checkbox-icon {
  display: inline-block;
  margin-left: -17px;
  margin-top: 4px;
  position: absolute;
}
.search-box-container
  .search-box-wrapper
  .search-box-contracts
  .search-box-contract
  .contract-checkbox-input:checked
  + .contract-checkbox-label
  .contract-checkbox-label-title {
  width: 100%;
}
.search-box-container
  .search-box-wrapper
  .search-box-contracts
  .search-box-contract
  .contract-checkbox-label {
  background-color: #fff;
  border: 1px solid #002977;
  border-radius: 20px;
  color: #000;
  cursor: pointer;
  font-family: work-sans, Arial, sans-serif;
  font-size: 15px;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 6px;
  min-width: 127px;
  padding: 6px 26px 5px;
  text-align: center;
  white-space: nowrap;
}
.search-box-container
  .search-box-wrapper
  .search-box-contracts
  .search-box-contract
  .contract-checkbox-label
  .contract-checkbox-icon {
  color: #fff;
  display: none;
  font-size: 12px;
  font-weight: 700;
  margin-right: 4px;
}
.search-box-container .search-box-wrapper .container-searchbox {
  padding: 0;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .search-box-container {
    padding-bottom: 100px;
    padding-top: 100px;
  }
}
@media (max-width: 991.98px) {
  section .button-primary {
    width: 100%;
  }
  .section-title {
    font-size: 22px;
  }
  .search-box-container {
    margin-top: -84px;
    padding-bottom: 10px;
    padding-top: 84px;
  }
  .search-box-container .search-box-wrapper {
    background: transparent;
    padding: 0;
  }
  .search-box-container .search-box-wrapper .search-box-title {
    display: none;
  }
  .search-box-container .search-box-wrapper #header-search-box {
    background: transparent;
  }
  .search-box-container .search-box-wrapper .search-box-contracts {
    display: none;
  }
}
.telegramme-container {
  padding-bottom: 30px;
  padding-top: 30px;
}
.telegramme-container .telegramme-title {
  font-size: 14px;
  font-weight: 600;
  padding-bottom: 15px;
}
.telegramme-container .telegramme-category {
  font-size: 12px;
  padding-bottom: 10px;
}
.telegramme-container .telegramme-category .telegramme-category-title {
  padding-right: 4px;
}
.telegramme-container .telegramme-category .telegramme-link {
  color: #002977;
}
.telegramme-container .telegramme-category .telegramme-separator {
  padding: 0 2px;
}
#companies .company-list {
  margin-top: 20px;
}
#companies .company-list .company-wrapper {
  align-items: center;
  background-color: #fff;
  border: 1px solid #d1d9ed;
  color: #4d5562;
  display: flex;
  margin-bottom: 10px;
  padding: 10px;
  text-decoration: none;
}
#companies .company-list .company-wrapper:hover {
  background-color: #d1d9ed;
}
#companies .company-list .company-wrapper:last-child {
  margin-bottom: 0;
}
#companies .company-list .company-wrapper img {
  border: 1px solid #d1d9ed;
  height: 50px;
  margin-right: 15px;
  width: 50px;
}
#companies .company-list .company-wrapper .icon-office {
  border: 1px solid #d1d9ed;
  color: #d1d9ed;
  font-size: 20px;
  line-height: 50px;
  margin-right: 15px;
  text-align: center;
  width: 50px;
}
#companies .company-list .company-wrapper .company {
  font-size: 0;
}
#companies .company-list .company-wrapper .company .label {
  font-family: work-sans, Arial, sans-serif;
  font-size: 19px;
  margin-right: 15px;
}
#companies .company-list .company-wrapper .company .rating {
  color: #fff;
  font-size: 0;
  white-space: nowrap;
}
#companies .company-list .company-wrapper .company .rating .icon-star {
  font-size: 16px;
  margin-right: 3px;
}
#companies .company-list .company-wrapper .company .rating .icon-star-on {
  color: #ff7c58;
}
#companies .company-list .company-wrapper .company .details {
  display: block;
  font-size: 14px;
  margin-top: 10px;
}
#companies .company-list .company-wrapper .company .details .detail {
  margin-right: 5px;
}
#countries h2 {
  margin-bottom: 35px;
}
#countries .country img {
  margin-right: 10px;
}
#countries .country a {
  color: #000;
  display: inline-block;
  font-family: work-sans, Arial, sans-serif;
  font-size: 16px;
  margin: 5px 0;
}
#job-descriptions .card-wrapper {
  margin-top: 40px;
}
#job-descriptions .card-wrapper .card {
  border: 1px solid #d1d9ed;
  display: inline-block;
  padding: 10px;
  text-decoration: none;
}
#job-descriptions .card-wrapper .card:hover h3 {
  color: #001d54;
  text-decoration: underline;
}
#job-descriptions .card-wrapper .card img {
  height: auto;
  width: 100%;
}
#job-descriptions .card-wrapper .card h3 {
  color: #002977;
  font-size: 15px;
  font-weight: 600;
  margin-top: 10px;
  text-align: center;
}
#posts .card-wrapper {
  margin-top: 40px;
}
#posts .card-wrapper .card {
  border: 1px solid #d1d9ed;
  display: inline-block;
  padding: 10px;
  text-decoration: none;
}
#posts .card-wrapper .card:hover h3 {
  color: #001d54;
  text-decoration: underline;
}
#posts .card-wrapper .card img {
  height: auto;
  width: 100%;
}
#posts .card-wrapper .card h3 {
  color: #002977;
  font-size: 15px;
  font-weight: 600;
  margin-top: 10px;
  text-align: center;
}
#posts .card-wrapper .card .summary {
  color: #4d5562;
  font-size: 14px;
  text-align: center;
}
#services .service {
  margin-top: 40px;
  text-align: center;
}
#services .service .title {
  color: #000;
  font-family: work-sans, Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  margin-top: 10px;
}
#services .service .description {
  color: #4d5562;
  font-size: 16px;
  font-weight: 500;
  margin-top: 10px;
}
#services .service .link {
  display: inline-block;
  font-weight: 600;
  margin-top: 15px;
}
#sitemaps .sitemap-wrapper {
  margin-top: 40px;
}
#sitemaps .sitemap-wrapper .sitemap {
  background-color: #fff;
  border: 1px solid #d1d9ed;
  padding: 20px;
  position: relative;
}
#sitemaps .sitemap-wrapper .sitemap .title {
  color: #000;
  font-family: work-sans, Arial, sans-serif;
  font-size: 19px;
  text-align: center;
}
#sitemaps .sitemap-wrapper .sitemap .description {
  color: #4d5562;
  font-size: 16px;
  margin: 0 auto;
  padding: 20px 15px 10px;
  text-align: center;
}
#sitemaps .sitemap-wrapper .sitemap ul {
  list-style: none;
  margin-bottom: 0;
}
#sitemaps .sitemap-wrapper .sitemap ul li {
  border-top: 1px solid #d1d9ed;
  font-weight: 600;
  padding: 14px 0 14px 20px;
  position: relative;
  text-align: left;
}
#sitemaps .sitemap-wrapper .sitemap ul li:last-child {
  border-bottom: 1px solid #d1d9ed;
}
#sitemaps .sitemap-wrapper .sitemap ul li a {
  color: #002977;
}
#sitemaps .sitemap-wrapper .sitemap .company-wrapper {
  align-items: center;
  border: 1px solid #d1d9ed;
  color: #4d5562;
  display: flex;
  margin-bottom: 10px;
  padding: 10px;
  text-decoration: none;
}
#sitemaps .sitemap-wrapper .sitemap .company-wrapper:hover {
  background-color: #d1d9ed;
}
#sitemaps .sitemap-wrapper .sitemap .company-wrapper:last-child {
  margin-bottom: 0;
}
#sitemaps .sitemap-wrapper .sitemap .company-wrapper img {
  border: 1px solid #d1d9ed;
  height: 50px;
  margin-right: 15px;
  width: 50px;
}
#sitemaps .sitemap-wrapper .sitemap .company-wrapper .icon-office {
  border: 1px solid #d1d9ed;
  color: #d1d9ed;
  font-size: 20px;
  line-height: 50px;
  margin-right: 15px;
  text-align: center;
  width: 50px;
}
#sitemaps .sitemap-wrapper .sitemap .company-wrapper .name {
  margin-right: 15px;
}
#sitemaps .sitemap-wrapper .sitemap .company-wrapper .rating {
  color: #d1d9ed;
  font-size: 0;
  white-space: nowrap;
}
#sitemaps .sitemap-wrapper .sitemap .company-wrapper .rating .icon-star {
  font-size: 16px;
  margin-right: 3px;
}
#sitemaps .sitemap-wrapper .sitemap .company-wrapper .rating .icon-star-on {
  color: #ff7c58;
}
#sitemaps .sitemap-wrapper .sitemap .link_more {
  color: #002977;
  cursor: pointer;
  font-weight: 600;
  margin: 20px 0 0 35px;
}
#sitemaps .morebox {
  display: none;
  padding-bottom: 20px;
  padding-top: 20px;
}
#sitemaps .morebox ul {
  list-style: none;
}
#sitemaps .morebox ul li {
  padding: 2px 20px;
}
#sitemaps .morebox ul li a {
  color: #4d5562;
  font-weight: 600;
  text-decoration: none;
}
#sitemaps .morebox .region {
  color: #4d5562;
  margin-left: 20px;
}
#sitemaps .morebox .more {
  color: #002977;
  font-weight: 600;
  margin-left: 20px;
}
@media (max-width: 991.98px) {
  #sitemaps .sitemap-wrapper .sitemap {
    padding-left: 0;
    padding-right: 0;
  }
  #sitemaps .sitemap-wrapper .sitemap ul li {
    padding-left: 10px;
    padding-right: 10px;
  }
  #sitemaps .sitemap-wrapper .company-wrapper:nth-child(n + 4),
  #sitemaps .sitemap-wrapper .sitemap ul li:nth-child(n + 4) {
    display: none;
  }
  #sitemaps .morebox {
    display: none !important;
  }
}
.corner.company {
  border-color: transparent #87aef8 transparent transparent;
  border-style: solid;
  border-width: 0 50px 50px 0;
  height: 0;
  position: absolute;
  right: -1px;
  top: -1px;
  width: 0;
}
.corner.company:after {
  color: #002977;
  content: "";
  font-family: icomoon;
  font-size: 16px;
  left: 28px;
  position: absolute;
  top: 5px;
}
.corner.jobtitle {
  border-color: transparent #ffd257 transparent transparent;
  border-style: solid;
  border-width: 0 50px 50px 0;
  height: 0;
  position: absolute;
  right: -1px;
  top: -1px;
  width: 0;
}
.corner.jobtitle:after {
  color: #836000;
  content: "";
  font-family: icomoon;
  font-size: 16px;
  left: 28px;
  position: absolute;
  top: 5px;
}
.corner.locality {
  border-color: transparent #97f3d4 transparent transparent;
  border-style: solid;
  border-width: 0 50px 50px 0;
  height: 0;
  position: absolute;
  right: -1px;
  top: -1px;
  width: 0;
}
.corner.locality:after {
  color: #067c55;
  content: "";
  font-family: icomoon;
  font-size: 16px;
  left: 28px;
  position: absolute;
  top: 5px;
}
.corner.sector {
  border-color: transparent #ff7c58 transparent transparent;
  border-style: solid;
  border-width: 0 50px 50px 0;
  height: 0;
  position: absolute;
  right: -1px;
  top: -1px;
  width: 0;
}
.corner.sector:after {
  color: #982100;
  content: "";
  font-family: icomoon;
  font-size: 16px;
  left: 28px;
  position: absolute;
  top: 5px;
}
body {
  background-color: #fff !important;
}
body .perso-container .perso-title {
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  body .perso-container .perso-title {
    padding-top: 30px;
  }
}
body .perso-container .perso-title .perso-back {
  position: absolute;
}
body .perso-container .perso-title .perso-back:hover {
  text-decoration: none;
}
body .perso-container .perso-title .perso-back .back-icon {
  color: #4d5562;
}
@media (max-width: 991.98px) {
  body .perso-container .perso-title .perso-back .back-icon {
    margin-left: 15px;
  }
}
body .perso-container .perso-title .perso-back .back-label {
  color: #4d5562;
  font-family: work-sans, Arial, sans-serif;
  font-size: 18px;
}
body .perso-container .perso-title .perso-h1 {
  color: #002977;
  font-family: work-sans, Arial, sans-serif;
  font-size: 24px;
  margin-bottom: 30px;
  margin-top: 30px;
  position: relative;
}
@media (max-width: 991.98px) {
  body .perso-container .perso-title .perso-h1 {
    padding-left: 25px;
    padding-right: 15px;
    text-align: center;
  }
}
body .perso-container .perso-title .perso-h1 .perso-h1-icon:before {
  font-size: 24px;
}
body .perso-container .perso-title .perso-h1 .perso-h1-label {
  bottom: 2px;
  margin-left: 6px;
  position: relative;
}
body .perso-container .perso-card {
  border: 1px solid #d1d9ed;
  border-radius: 8px;
  margin-bottom: 30px;
}
@media (max-width: 991.98px) {
  body .perso-container .perso-card .card-body {
    padding-left: 0;
    padding-right: 0;
  }
}
body .perso-container .perso-card .card-body .perso-links {
  background-color: #fff;
  border-radius: 0;
  color: #4d5562;
  font-family: work-sans, Arial, sans-serif;
  font-size: 16px;
  margin-left: 16px;
  margin-right: 16px;
  padding-bottom: 14px;
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 991.98px) {
  body .perso-container .perso-card .card-body .perso-links {
    font-size: 13px;
    padding-bottom: 6px;
  }
}
body .perso-container .perso-card .card-body .perso-link-job.active {
  border-bottom: 2px solid #002977;
  color: #002977;
}
body .perso-container .perso-card .perso-legend {
  color: #4d5562;
  font-family: open-sans, Arial, sans-serif;
  font-size: 14px;
  margin-left: 16px;
  margin-right: 16px;
}
@media (max-width: 991.98px) {
  body .perso-container .perso-card .perso-preferences-container-link {
    text-align: center;
  }
}
body
  .perso-container
  .perso-card
  .perso-preferences-container-link
  .perso-preferences-link {
  background-color: #fff;
  border: 1px solid #002977;
  border-radius: 20px;
  color: #002977;
  font-size: 14px;
}
body
  .perso-container
  .perso-card
  .perso-preferences-container-link
  .perso-preferences-link
  .icon-cog {
  margin-right: 7px;
}
@media (max-width: 991.98px) {
  body
    .perso-container
    .perso-card
    .perso-preferences-container-link
    .perso-preferences-link {
    position: relative;
  }
}
body .perso-container .perso-card .card-search-link {
  font-family: work-sans, Arial, sans-serif;
  font-size: 18px;
}
body .perso-container .perso-card .card-search-description {
  color: #4d5562;
  font-family: open-sans, Arial, sans-serif;
  font-size: 16px;
}
body .perso-container .perso-card .card-icon-bell:before {
  font-size: 24px;
}
body .perso-container .perso-card .icon-bell-ring {
  transform: rotate(331deg);
}
body .perso-container .perso-card .card-has-alert {
  cursor: default;
}
body .perso-container .perso-card .btn-outline-secondary:hover,
body .perso-container .perso-card .btn-secondary,
body .perso-container .perso-card .btn-secondary:hover {
  color: #fff;
}
body .perso-container .perso-ad-card {
  border: 1px solid #d1d9ed;
  border-radius: 8px;
  font-family: work-sans, Arial, sans-serif;
  margin-bottom: 20px;
}
body .perso-container .perso-ad-card .card-link {
  border-radius: 40px;
  margin-right: 50px;
}
@media (max-width: 991.98px) {
  body .perso-container .perso-ad-card .card-link {
    margin-right: 0;
    margin-top: 20px;
  }
}
body .perso-container .perso-ad-card .icon-save-ad {
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 20px;
}
body .perso-container .perso-ad-card .icon-save-ad:before {
  color: #002977;
  font-size: 16px;
}
body .perso-container .perso-ad-card .offer-link:hover {
  text-decoration: none;
}
body .perso-container .perso-ad-card .card-title {
  color: #000;
  font-size: 18px;
}
body .perso-container .perso-ad-card .card-ad-infos {
  color: #4d5562;
  font-family: open-sans, Arial, sans-serif;
  font-size: 14px;
}
body .perso-container .perso-ad-card .card-ad-infos .card-ad-info {
  margin-bottom: 3px;
  width: 50%;
}
@media (min-width: 768px) {
  body .perso-container .perso-ad-card .card-ad-infos .card-ad-info {
    margin-bottom: 0;
    width: auto;
  }
}
body .perso-container .perso-ad-card .infos-publication-date {
  color: #002977;
  font-family: open-sans, Arial, sans-serif;
  font-size: 10px;
  font-style: italic;
}
body .perso-container .perso-ad-card .legend-expired-ad {
  color: #002977;
  font-family: open-sans, Arial, sans-serif;
  font-size: 14px;
}
body .perso-container .btn-expired-ad,
body .perso-container .btn-expired-ad:hover {
  background-color: #f5f7fc;
  border: 1px solid #f5f7fc;
  color: #6c727f;
  margin-top: 10px;
}
@media (min-width: 768px) {
  body .perso-container .btn-expired-ad,
  body .perso-container .btn-expired-ad:hover {
    margin-right: 50px;
    margin-top: 0;
  }
}
body .perso-container .new-search-link {
  border-radius: 50px;
  color: #fff;
  font-family: work-sans, Arial, sans-serif;
  font-size: 18px;
  margin-bottom: 30px;
  padding: 16px;
}
body .perso-container .new-search-link:hover {
  text-decoration: none;
}
body .perso-container .new-search-link .new-search-text {
  margin-left: 18px;
}
body .perso-container .new-search-link .new-search-icon-wrapper {
  background-color: #fff;
  border-radius: 50px;
  height: 46px;
  padding: 10px;
  width: 46px;
}
body
  .perso-container
  .new-search-link
  .new-search-icon-wrapper
  .new-search-icon:before {
  font-size: 26px;
}
body .perso-container #card-job .new-search-link {
  background-color: #002977;
}
body .perso-container #card-job .new-search-link .new-search-icon:before {
  color: #002977;
}
.thumbnailIcon {
  width: 66px;
}
.perso-container .perso-preferences-card {
  border: 1px solid #d1d9ed;
  margin-bottom: 40px;
}
.perso-container .perso-preferences-card .preferences-card-title {
  color: #000;
  font-family: work-sans, Arial, sans-serif;
  font-size: 16px;
  margin-left: 5px;
  margin-top: 5px;
}
@media (min-width: 992px) {
  .perso-container .perso-preferences-card .preference-card-content {
    margin-left: 54px;
    margin-right: 54px;
  }
}
.perso-container
  .perso-preferences-card
  .preference-card-content
  .preference-card-item {
  margin-bottom: 25px;
  margin-top: 25px;
}
.perso-container
  .perso-preferences-card
  .preference-card-content
  .preference-card-item
  .card-item-title {
  color: #000;
  font-family: work-sans, Arial, sans-serif;
  font-size: 16px;
}
.perso-container
  .perso-preferences-card
  .preference-card-content
  .preference-card-item
  .card-item-description {
  color: #4d5562;
  font-family: open-sans, Arial, sans-serif;
  font-size: 14px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.perso-container
  .perso-preferences-card
  .preference-card-content
  .preference-card-item
  .card-item-link {
  color: #002977;
  font-family: open-sans, Arial, sans-serif;
  font-size: 14px;
}
.perso-container
  .perso-preferences-card
  .preference-card-content
  .preference-card-item
  .card-item-link:hover {
  text-decoration: none;
}
.perso-container
  .perso-preferences-card
  .preference-card-content
  .preference-card-item
  .card-item-link
  .icon-caret-right2 {
  font-size: 10px;
  margin-left: 8px;
}
.perso-container
  .perso-preferences-card
  .preference-card-content
  .preference-card-item
  .item-city-label {
  color: #000;
  font-family: open-sans, Arial, sans-serif;
  font-size: 12px;
}
.perso-container
  .perso-preferences-card
  .preference-card-content
  .preference-card-item
  .item-city-input {
  background-color: #fff;
  border: 1px solid #4d5562;
  border-radius: 20px;
  color: #4d5562;
  font-family: open-sans, Arial, sans-serif;
  font-size: 12px;
  height: 37px;
  margin-top: 10px;
}
.perso-container
  .perso-preferences-card
  .preference-card-content
  .preference-card-item
  .preference-card-checkbox {
  opacity: 0;
  position: absolute;
}
.perso-container
  .perso-preferences-card
  .preference-card-content
  .preference-card-item
  .preference-card-switch {
  background: #d1d9ed;
  border-radius: 1em;
  display: inline-block;
  font-size: 20px;
  height: 20px;
  position: absolute;
  width: 35px;
}
.perso-container
  .perso-preferences-card
  .preference-card-content
  .preference-card-item
  .preference-card-switch:hover {
  cursor: pointer;
}
.perso-container
  .perso-preferences-card
  .preference-card-content
  .preference-card-item
  .preference-card-switch-circle {
  background: #002977;
  border-radius: 1em;
  box-shadow: 0 2px 4px #92929226;
  height: 14px;
  left: 4px;
  margin-left: 0;
  margin-top: 3px;
  position: relative;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  transition: all 0.1s;
  width: 14px;
}
.perso-container
  .perso-preferences-card
  .preference-card-content
  .preference-card-item
  .preference-card-checkbox:checked
  + .preference-card-switch {
  background-color: #002977;
}
.perso-container
  .perso-preferences-card
  .preference-card-content
  .preference-card-item
  .preference-card-checkbox:checked
  + .preference-card-switch
  .preference-card-switch-circle {
  background: #f2f6ff;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.perso-container
  .perso-preferences-card
  .preference-card-content
  .preference-card-item
  #newsletter_where
  .loader {
  display: inline-block;
  height: 20px;
  position: absolute;
  right: 15px;
  top: 16px;
  width: 20px;
}
.perso-container
  .perso-preferences-card
  .preference-card-content
  .preference-card-item
  #newsletter_where
  .loader:after {
  animation: loader 0.5s linear infinite;
  border-color: #002977 transparent;
  border-radius: 50%;
  border-style: solid;
  border-width: 2px;
  content: " ";
  display: block;
  height: 20px;
  margin: 2px;
  width: 20px;
}
@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.suggestListBox {
  background: #fff;
  border-radius: 6px;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.suggestListBox .as-list {
  list-style-type: none;
  padding: 0;
}
.suggestListBox .as-list .as-result-item {
  border: 1px solid;
  border-color: #fff #fff #f5f7fc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  color: #4d5562;
  cursor: pointer;
  font-family: open-sans, Arial, sans-serif;
  font-size: 12px;
  margin: 0;
  padding: 5px;
}