@supports (interpolate-size: allow-keywords) {
  :root {
    interpolate-size: allow-keywords;
  }
}
:root {
  --font-heading: "Inter", sans-serif;
  --font-body: "Inter", sans-serif;
  --color-base: #4b4f54;
  --color-danger: #b02a2a;
  --color-dark: #000;
  --color-gray-100: #f2f2f2;
  --color-gray-300: #b3b3b3;
  --color-gray-500: #9ea2a2;
  --color-gray-700: #4b4f54;
  --color-gray-900: #1a1a1a;
  --color-danger-hs: 351, 88%;
  --color-warning-hs: 49, 89%;
  --color-info-hs: 217, 69%;
  --color-success-hs: 134, 61%;
  --color-gray-hs: 0, 0%;
  --space-1: 8px;
  --space-2: 10px;
  --space-3: 10px;
  --space-5: 36px;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-black: 900;
  --trs-inertia: cubic-bezier(0.5, -0.53, 0.14, 1.23);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

* {
  margin: 0;
}

body {
  line-height: 1.5;
  font-family: var(--font-body);
  color: var(--color-base);
  -webkit-font-smoothing: antialiased;
}
@media screen and (min-width: 769px) {
  body {
    padding: var(--space-5);
  }
}

a {
  color: var(--color-ats);
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

:where(img, picture, video, canvas, svg) {
  display: block;
  max-width: 100%;
}

:where(input, button, textarea, select) {
  font: inherit;
}

:where(p, h1, h2, h3, h4, h5, h6) {
  overflow-wrap: break-word;
}

:where(h1, h2, h3, h4, h5, h6) {
  font-family: var(--font-heading);
  color: #000;
  text-wrap: balance;
}
:where(h1, h2, h3, h4, h5, h6) strong {
  font-weight: inherit;
  color: var(--color-ats);
}

:where(h1, .h1) {
  font-size: clamp(1.875rem, 1.0417rem + 1.7361vw, 3.125rem);
  font-weight: 800;
  margin-bottom: 0.4em;
}

:where(h2, .h2) {
  font-size: clamp(1.625rem, 1.25rem + 0.7813vw, 2.1875rem);
  line-height: 1.2;
  font-weight: 800;
}

:where(h3, .h3) {
  font-size: clamp(1.4375rem, 1.3542rem + 0.1736vw, 1.5625rem);
  font-weight: 600;
}

:where(h4, .h4) {
  font-size: 1.25rem;
  font-weight: 600;
}

:where(h5, .h5) {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 35px;
}

:where(h6, .h6) {
  font-size: 1rem;
  color: #000;
}

.overline {
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  font-size: 0.75rem;
}

@media screen and (max-width: 768.8px) {
  .main:has(.login-screen) {
    display: flex;
    align-items: center;
    min-height: 100vh;
  }
}

.register-screen {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: var(--color-gray-100);
  border-radius: 30px;
}
@media screen and (max-width: 768.8px) {
  .register-screen {
    padding: 20dvh 2rem 4rem;
  }
}
@media screen and (min-width: 769px) {
  .register-screen {
    height: calc(100dvh - var(--space-5) * 2);
  }
}

.register-screen__header {
  position: absolute;
  padding: 40px;
  background-color: #fff;
}
@media screen and (max-width: 768.8px) {
  .register-screen__header {
    width: -moz-max-content;
    width: max-content;
    top: 0;
    left: 50%;
    translate: -50%;
    border-radius: 0 0 30px 30px;
  }
}
@media screen and (min-width: 769px) {
  .register-screen__header {
    top: 2rem;
    left: 2rem;
    border-radius: 0 0 30px 0;
  }
}

.register-screen__heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-block-end: var(--space-5);
  text-align: center;
}

.register-form {
  width: min(580px, 100%);
}

.login-screen {
  display: flex;
  align-items: center;
  gap: 100px;
  background-color: var(--color-gray-100);
}
.login-screen .form {
  padding-block-end: 3rem;
}
@media screen and (max-width: 768.8px) {
  .login-screen {
    width: 100%;
    padding: 2rem;
    min-height: 100vh;
  }
}
@media screen and (min-width: 769px) {
  .login-screen {
    width: min(70dvw, 100%);
    border-radius: 30px;
    padding-inline: 4rem;
    min-height: calc(100dvh - var(--space-5) * 2);
  }
}

.login-screen-lang {
  position: absolute;
  bottom: 4rem;
  left: 4rem;
}
.login-screen-lang .lang-selector__trigger {
  opacity: 0.5;
  background-color: var(--color-dark);
  color: #fff;
}
.login-screen-lang .lang-selector__trigger:hover {
  opacity: 1;
}
.login-screen-lang .lang-selector.is-open .lang-selector__trigger {
  opacity: 1;
}

.login-screen__heading {
  margin-block-end: var(--space-5);
}
.login-screen__heading h1 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: clamp(2.125rem, 1.6667rem + 0.9549vw, 2.8125rem);
  letter-spacing: 0.0313rem;
}
.login-screen__heading h1 strong {
  font-weight: inherit;
  color: var(--color-ats);
}

.login-screen__ctn {
  margin-inline-start: auto;
}
@media screen and (max-width: 768.8px) {
  .login-screen__ctn {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .login-screen__ctn {
    width: 580px;
  }
}

.login-screen__header {
  margin-block: 3rem;
}
.login-screen__header svg {
  max-width: 163px;
}
.login-screen__header img {
  max-height: 46px;
}

@media screen and (max-width: 768.8px) {
  .login-screen__pic {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .login-screen__pic {
    flex-shrink: 0;
    overflow: hidden;
    margin-inline-end: -29dvw;
    width: 40dvw;
    height: 85dvh;
    border-top-right-radius: 300px;
    background-color: #000;
  }
}
.login-screen__pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.account {
  display: flex;
}
@media screen and (max-width: 768.9px) {
  .account {
    flex-direction: column;
  }
}
.account:not(.aside-is-hidden) .box-logo {
  display: none;
}
.account.aside-is-hidden .box-logo {
  position: absolute;
  padding: 40px;
  background-color: #fff;
}
@media screen and (max-width: 768.8px) {
  .account.aside-is-hidden .box-logo {
    width: -moz-max-content;
    width: max-content;
    top: 0;
    left: 50%;
    translate: -50%;
    border-radius: 0 0 30px 30px;
  }
}
@media screen and (min-width: 769px) {
  .account.aside-is-hidden .box-logo {
    top: 2rem;
    left: 2rem;
    border-radius: 0 0 30px 0;
  }
}
.account.aside-is-hidden .account-aside {
  display: none;
}

.account-aside {
  position: relative;
  z-index: 100;
}
.account-aside .account-aside__logo svg {
  max-width: 163px;
}
.account-aside .account-aside__logo img {
  max-height: 46px;
}
@media screen and (min-width: 769px) {
  .account-aside {
    position: sticky;
    flex-shrink: 0;
    max-inline-size: 17dvw;
    min-inline-size: -moz-max-content;
    min-inline-size: max-content;
    block-size: calc(100dvh - var(--space-5) * 2);
    inset-block-start: var(--space-5);
  }
}
@media screen and (max-width: 768.9px) {
  .account-aside {
    position: relative;
    padding: 30px 18px;
  }
}
@media screen and (min-width: 769px) {
  .is-shrink .account-aside {
    width: auto;
    padding-inline-end: clamp(1rem, 0.4167rem + 1.2153vw, 1.875rem);
  }
  .is-shrink .account-aside .account-nav__link {
    position: relative;
  }
  .is-shrink .account-aside .account-nav__link .account-nav__label {
    position: absolute;
    z-index: 1;
    inset: 50% auto auto 100%;
    font-size: 12px;
    width: -moz-max-content;
    width: max-content;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 0.5rem 0.75rem;
    border-radius: 1rem;
    translate: -10% -50%;
    opacity: 0;
    scale: 0.9 1;
    transform-origin: center left;
    display: none;
  }
  .is-shrink .account-aside .account-nav__link .account-nav__icon:hover + .account-nav__label {
    transition: all 0.4s;
    opacity: 1;
    scale: 1 1;
    translate: 10% -50%;
    color: var(--color-dark);
    display: block;
  }
  .is-shrink .account-aside .account-aside__footer .btn {
    font-size: 0 !important;
    aspect-ratio: 1;
    width: clamp(2.5rem, 1.6667rem + 1.7361vw, 3.75rem) !important;
    padding: 0;
    gap: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: none;
  }
  .is-shrink .account-aside .account-aside__logo img {
    max-height: 16px;
  }
  .is-shrink .account-aside .account-nav-collapse .account-nav__icon {
    rotate: 180deg;
  }
}

.account-nav-collapse {
  all: unset;
  cursor: pointer;
}

.account-aside__nav {
  padding-top: 20px;
}
@media screen and (max-width: 768.9px) {
  .account-aside__nav {
    position: absolute;
    inset: 100% 0 auto 0;
    background-color: #fff;
    z-index: 100;
    padding: 30px 18px;
    translate: 0 -10%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s;
    box-shadow: 0 40vmax 0 40vmax rgba(0, 0, 0, 0.2);
  }
  .account-aside__nav.is-open {
    translate: 0 0;
    opacity: 1;
    visibility: visible;
  }
}

.account-aside__ctn {
  display: flex;
  gap: 30px;
}
@media screen and (min-width: 769px) {
  .account-aside__ctn {
    height: 100%;
    padding-block-start: 60px;
    flex-direction: column;
  }
}
@media screen and (max-width: 1366px) {
  .account-aside__ctn {
    padding-block-start: 45px;
    gap: 70px;
  }
}
@media screen and (max-width: 768.9px) {
  .account-aside__ctn {
    align-items: center;
    justify-content: space-between;
  }
}

@media screen and (min-width: 769px) {
  .account-aside__footer {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    gap: 1rem;
  }
  .account-aside__footer a:not(.btn) {
    color: var(--color-dark);
    font-family: var(--font-heading);
    font-size: 18px;
    font-weight: 500;
  }
}
@media screen and (max-width: 768.9px) {
  .account-aside__footer {
    display: none;
  }
}

.account-body {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: stretch;
  background-color: var(--color-gray-100);
}
@media screen and (min-width: 769px) {
  .account-body {
    flex-grow: 1;
    padding: 50px;
    border-radius: 30px;
  }
  .accueil .account:not(.is-shrink) .account-body {
    max-inline-size: calc(100dvw - (17vw + var(--space-5) * 2));
  }
  .accueil .account:is(.is-shrink) .account-body {
    max-inline-size: calc(100dvw - (90px + var(--space-5) * 2));
  }
}
@media screen and (max-width: 768.9px) {
  .account-body {
    padding: 40px 18px;
    min-height: 91dvh;
  }
}
.account-body .form {
  width: 100%;
}
.account-body .form.my-jobs-form {
  width: 50dvw;
  margin-inline: auto;
}
.account-body .form.my-jobs-form .form__field_checkbox input {
  vertical-align: middle;
  margin-right: 10px;
}
.account-body .form.my-jobs-form .form__field_checkbox label {
  display: inline-flex;
  margin: 0;
  cursor: pointer;
}

@media screen and (max-width: 768.98px) {
  .account-body__content {
    margin-block-start: 1.5rem;
  }
}

@media screen and (min-width: 769px) {
  .account-body__heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (max-width: 768.98px) {
  .account-body__heading {
    margin-block-end: 3.125rem;
  }
}

.account-help-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.65rem;
  padding-block-start: 2rem;
}
@media screen and (min-width: 1441px) {
  .account-help-box {
    margin: auto -2rem -2rem 0;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .account-help-box {
    margin: auto 0 0 0;
  }
}
@media screen and (max-width: 768.98px) {
  .account-help-box {
    margin-block-start: auto;
    padding-block-start: 2rem;
  }
}

.account-contact {
  position: relative;
  display: flex;
  gap: 0.75rem;
}
.account-contact:is(.is-open) .account-contact__info {
  display: flex;
}
.account-contact:is(.is-open) .account-contact__trigger {
  opacity: 1;
}

.account-contact__trigger,
.account__exit {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 40px;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: var(--color-dark);
  border: 0;
  border-radius: 100vmax;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: 0.3;
  transition: opacity 0.4s;
}
.account-contact__trigger:hover,
.account__exit:hover {
  opacity: 1;
}
.account-contact__trigger:focus-visible,
.account__exit:focus-visible {
  box-shadow: 0 0 0 3px hsla(var(--color-ats-hs), 64%, 0.1);
  outline: 3px solid transparent;
}

.account__exit {
  opacity: 1;
  background-color: var(--color-dark);
  transition: background-color 0.4s;
}
.account__exit:hover {
  background-color: hsl(var(--color-danger-hs), 42%);
}

.account-contact__info {
  position: absolute;
  bottom: 110%;
  right: 0;
  flex-direction: column;
  gap: 0.5rem;
  width: -moz-max-content;
  width: max-content;
  padding: 1.5rem 1rem;
  color: var(--color-gray-100);
  font-size: 0.875rem;
  background-color: var(--color-dark);
  border-radius: 20px;
  display: none;
}
.account-contact__info ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.account-contact__info ul li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.account-contact__info a {
  color: var(--color-gray-100);
}

.app-banner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(17, 24, 39, 0.75);
  color: white;
  z-index: 99999;
  transform: translateY(-100%);
  animation: slideDown 0.35s ease forwards;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.15);
  height: 100%;
  display: none;
}
@keyframes slideDown {
  to {
    transform: translateY(0);
  }
}
.app-banner .app-banner-content {
  margin: 0 auto;
  max-width: 800px;
  padding: 14px 18px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  background-color: rgb(17, 24, 39);
  border-radius: 20px;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-height: 130px;
  width: 100%;
}
.app-banner .app-banner-content .app-banner-left {
  display: flex;
  align-items: center;
  gap: 14px;
}
.app-banner .app-banner-content .app-banner-left .app-banner-icon {
  font-size: 24px;
  align-self: flex-start;
}
.app-banner .app-banner-content .app-banner-left .app-banner-title {
  font-weight: 700;
  font-size: 15px;
}
.app-banner .app-banner-content .app-banner-left .app-banner-text {
  font-size: 13px;
  opacity: 0.82;
  margin-top: 2px;
}
.app-banner .app-banner-content .app-banner-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
.app-banner .app-banner-content .app-banner-actions .app-banner-btn {
  background: white;
  color: #111827;
  text-decoration: none;
  padding: 10px 14px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  transition: 0.2s ease;
}
.app-banner .app-banner-content .app-banner-actions .app-banner-btn:hover {
  text-decoration: none;
  opacity: 0.9;
  transform: translateY(0);
}
.app-banner .app-banner-content .app-banner-actions .app-banner-close {
  border: none;
  background: transparent;
  color: white;
  font-size: 18px;
  cursor: pointer;
  opacity: 0.7;
  position: absolute;
  top: -70px;
  right: 0;
  font-size: 45px;
}
.app-banner .app-banner-content .app-banner-actions .app-banner-close:hover {
  opacity: 1;
}
@media (max-width: 640px) {
  .app-banner .app-banner-content {
    align-items: flex-start;
    flex-direction: column;
    max-width: 90%;
  }
  .app-banner .app-banner-content .app-banner-actions {
    width: 100%;
    justify-content: space-between;
  }
  .app-banner .app-banner-content .app-banner-actions .app-banner-btn {
    flex: 1;
    text-align: center;
  }
}

.account-nav {
  display: flex;
  flex-direction: column;
  gap: 20px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.account-nav__item {
  position: relative;
}
.account:not(.is-shrink) .account-nav__item {
  padding-inline-end: var(--space-5);
}
.account-nav__item.item__separator:after {
  content: "";
  height: 1px;
  width: 85%;
  background-color: var(--color-gray-500);
  display: block;
  margin-top: 25px;
}
@media screen and (max-width: 767.98px) {
  .account-nav__item:has(.account-nav-collapse) {
    display: none;
  }
}
.account-nav__item.account-nav__item-has-child-active .account-nav__link {
  color: var(--color-dark);
}
.account-nav__item.account-nav__item-has-child-active .account-nav__link svg {
  color: var(--color-ats);
}

.account-nav__item__create_mission {
  display: none;
}

.account-nav__link {
  display: flex;
  align-items: center;
  gap: 11px;
  font-family: var(--font-heading);
  font-size: 18px;
  font-weight: 500;
  color: var(--color-gray-500);
  transition: color 0.4s;
}
.account-nav__link:hover {
  text-decoration: none;
  color: var(--color-ats);
}
:where(.has-drop-open, .is-active) .account-nav__link {
  color: var(--color-dark);
}
:where(.has-drop-open, .is-active) .account-nav__link svg {
  color: var(--color-ats);
}

.account-nav__icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  inline-size: clamp(2.5rem, 1.6667rem + 1.7361vw, 3.75rem);
  aspect-ratio: 1;
  background: #fff;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.08);
  border-radius: 100vmax;
}

.account-nav__count {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  inset: 0 -3px auto auto;
  block-size: 1.5rem;
  aspect-ratio: 1;
  color: #fff;
  line-height: 0;
  font-weight: 700;
  background-color: #ff2f2f;
  border: 1px solid #ff2f2f;
  font-size: 0.35em;
  border-radius: 100vmax;
}

.account-nav__trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline-start: auto;
  inline-size: 1rem;
  aspect-ratio: 1;
  background-color: #9ea2a2;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: 50%;
          mask-position: 50%;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='currentColor' d='m8 10.267-4-4 .933-.934L8 8.4l3.067-3.067.933.934z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='currentColor' d='m8 10.267-4-4 .933-.934L8 8.4l3.067-3.067.933.934z'/%3E%3C/svg%3E");
  transition: all 0.4s ease-in-out;
}
.has-drop-open .account-nav__trigger {
  rotate: -180deg;
  background-color: #000;
}

.account-nav__item-has-children .account-nav__link {
  cursor: pointer;
}

.account:is(.is-shrink) .acount-nav-drop {
  position: absolute;
  inset: 0 auto auto calc(100% + 1rem);
  inline-size: -moz-max-content;
  inline-size: max-content;
  z-index: 2;
  padding: 0.7rem;
  background-color: #fff;
  border-radius: 0.75rem;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.08);
  translate: -10px 0;
  opacity: 0;
  visibility: hidden;
}
.account:is(.is-shrink) .has-drop-open .acount-nav-drop {
  translate: 0 0;
  opacity: 1;
  visibility: visible;
  transition: all 0.2s ease-in;
}
.account:is(.is-shrink) .account-nav__trigger {
  display: none;
}
.account:not(.is-shrink) .acount-nav-drop {
  block-size: 0;
  overflow: clip;
}
.account:not(.is-shrink) .has-drop-open .acount-nav-drop {
  block-size: -moz-max-content;
  block-size: max-content;
  transition: block-size 0.2s ease-in;
}

.acount-nav-drop {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 0.75rem;
  padding-inline-start: calc(11px + clamp(2.5rem, 1.6667rem + 1.7361vw, 3.75rem));
}

.account-nav-drop__item {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
}
.account-nav-drop__item:first-of-type {
  margin-block-start: 0.75rem;
}
.account-nav-drop__item:last-of-type {
  margin-block-end: 0.75rem;
}
.account-nav-drop__item.is-active .account-nav-drop__link {
  color: #000;
  text-decoration: none;
}

.account-nav-drop__link {
  color: #9ea2a2;
  font-size: 0.938rem;
  font-weight: 500;
  line-height: normal;
}
.account-nav-drop__link:hover {
  color: #000;
  text-decoration: none;
}

.account-nav-drop-notif {
  display: flex;
  justify-content: center;
  align-items: center;
  inline-size: 1.165rem;
  aspect-ratio: 1;
  color: #fff;
  font-size: 0.65rem;
  font-weight: 600;
  border-radius: 100vmax;
  background: #000;
}

.welcome-screen {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: stretch;
  height: 100%;
}

.welcome-screen__heading {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 769px) {
  .welcome-screen__heading {
    align-items: center;
    margin-block-end: 4rem;
    justify-content: center;
  }
}
@media screen and (max-width: 768.9px) {
  .welcome-screen__heading {
    margin-block-end: 1.375rem;
  }
}

.welcome-screen__missions {
  display: flex;
  gap: 40px;
}
@media screen and (min-width: 1440px) {
  .welcome-screen__missions:not(.screen_missions_ats_user) {
    margin-inline-end: -50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1439.98px) {
  .welcome-screen__missions:not(.screen_missions_ats_user) {
    margin-inline-end: -30px;
  }
}
@media screen and (max-width: 768.9px) {
  .welcome-screen__missions {
    flex-direction: column;
  }
}

.bienvenue .slider-missions {
  max-width: none;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .bienvenue .slider-missions {
    max-width: 780px;
    width: 41vw;
  }
}
.bienvenue .slider-missions .job-box {
  position: relative;
}
.bienvenue .slider-missions .job-box .job-box__loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  display: none;
  z-index: 10;
}
.bienvenue .slider-missions .job-box .job-box__subtitile {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.bienvenue .slider-missions .panel-mission .panel-mission__loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  display: none;
  z-index: 10;
}
.bienvenue .slider-missions .panel-mission .panel-mission__row .skills-status {
  margin: 5px 0;
}
.bienvenue .slider-missions .panel-mission .panel-mission__row .skills-status .panel-mission__tags {
  display: inline-flex;
}

.slider-ctn {
  display: flex;
  flex-direction: column;
  gap: 40px;
  inline-size: 100%;
}
@media screen and (min-width: 769px) {
  .slider-ctn {
    align-items: flex-start;
    flex-direction: row;
  }
}

.slider-missions {
  min-width: 0;
  flex: 1;
}
@media screen and (max-width: 768.98px) {
  .slider-missions {
    margin-inline-end: -30px;
  }
}
.slider-missions .swiper {
  width: 100%;
}

@media screen and (min-width: 769px) {
  .slider-missions-nav {
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 5px;
    top: 50%;
    right: -26px;
    translate: 0 -50%;
  }
  .slider-missions-nav .slider-missions-nav-next,
  .slider-missions-nav .slider-missions-nav-prev {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    aspect-ratio: 1;
    background-color: var(--color-gray-500);
    background-repeat: no-repeat;
    border-radius: 100vmax;
    cursor: pointer;
    transition: scale 0.4s;
  }
  .slider-missions-nav .slider-missions-nav-next:hover,
  .slider-missions-nav .slider-missions-nav-prev:hover {
    scale: 0.95;
  }
  .slider-missions-nav .slider-missions-nav-prev {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='20' fill='none'%3E%3Cpath fill='%23fff' d='M9.838 19.346a1 1 0 0 0 1.377 0l1.023-.972a1 1 0 0 0 0-1.449l-6.512-6.2a1 1 0 0 1 0-1.45l6.513-6.2a1 1 0 0 0-.001-1.45l-1.023-.97a1 1 0 0 0-1.377 0L.763 9.274a1 1 0 0 0 0 1.45l9.075 8.62Z'/%3E%3C/svg%3E");
    background-position: 48% 50%;
  }
  .slider-missions-nav .slider-missions-nav-next {
    background-color: var(--color-ats);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='20' fill='none'%3E%3Cpath fill='%23fff' d='M3.162.654a1 1 0 0 0-1.377 0l-1.023.972a1 1 0 0 0 0 1.449l6.512 6.2a1 1 0 0 1 0 1.45l-6.512 6.2a1 1 0 0 0 0 1.45l1.023.97a1 1 0 0 0 1.377 0l9.075-8.62a1 1 0 0 0 0-1.45L3.162.655Z'/%3E%3C/svg%3E");
    background-position: 51% 50%;
  }
}
@media screen and (max-width: 768.9px) {
  .slider-missions-nav {
    display: none;
  }
}

.welcome-screen__msg {
  max-width: 600px;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .welcome-screen__msg {
    margin: auto auto 0;
  }
}
@media screen and (max-width: 768.9px) {
  .welcome-screen__msg {
    margin-block-start: 45px;
  }
}

.account-msg__col {
  flex-shrink: 0;
}
.account-msg__col:has(.account-msg__title) {
  flex: 0 1 auto;
}

.account-msg {
  display: flex;
  align-items: center;
  gap: 40px;
}
@media screen and (max-width: 768.9px) {
  .account-msg {
    flex-direction: column;
    justify-content: flex-start;
  }
}

.job-summary {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 2rem;
  margin: 2rem auto 3rem;
  background-color: #fff;
  border-radius: 30px;
}
@media screen and (min-width: 769px) {
  .job-summary {
    max-width: 40dvw;
  }
}

.contact_method {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .contact_method {
    max-width: 40dvw;
    margin: auto;
  }
}

.job-summary__label {
  text-transform: uppercase;
  font-size: 12px;
  opacity: 0.6;
  letter-spacing: 0.075rem;
}

.job-summary__value {
  font-size: 24px;
  font-family: var(--font-heading);
  color: #000;
}

#map {
  border-radius: 30px;
  overflow: hidden;
}

.missions-list,
.applicants-list,
.jobs-list {
  --_row-count: 6;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-block-start: 40px;
}

.missions-list {
  --_row-count: 5;
}

.missions-list__header,
.applicants-list__header,
.job-list__header {
  font-size: 0.9rem;
  font-weight: 600;
}
@media screen and (min-width: 769px) {
  .missions-list__header,
  .applicants-list__header,
  .job-list__header {
    display: grid;
    grid-template-columns: repeat(var(--_row-count), 1fr);
    align-items: center;
    gap: 1rem;
    padding-inline: 1.5rem;
    margin-block: 2rem 0.5rem;
  }
}
@media screen and (max-width: 768.8px) {
  .missions-list__header,
  .applicants-list__header,
  .job-list__header {
    display: none;
  }
}

.missions-list__row,
.applicants-list__row,
.jobs-list__row {
  background: #fff;
  border-radius: 30px;
}
@media screen and (min-width: 769px) {
  .missions-list__row,
  .applicants-list__row,
  .jobs-list__row {
    display: grid;
    grid-template-columns: repeat(var(--_row-count), 1fr);
    align-items: center;
    gap: 1rem;
    padding: 1.5rem;
    min-height: 116px;
  }
}
@media screen and (max-width: 768.8px) {
  .missions-list__row,
  .applicants-list__row,
  .jobs-list__row {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 1.875rem;
    padding: 1.875rem 2.625rem;
  }
  .missions-list__row > *,
  .applicants-list__row > *,
  .jobs-list__row > * {
    flex-grow: 1;
  }
}
.missions-list__row > *,
.applicants-list__row > *,
.jobs-list__row > * {
  font-weight: 500;
  font-size: 1rem;
  line-height: 20px;
}
.missions-list__row span.ui-msg.ui-msg-information em svg,
.applicants-list__row span.ui-msg.ui-msg-information em svg,
.jobs-list__row span.ui-msg.ui-msg-information em svg {
  color: white;
  width: 50%;
}
.missions-list__row .listed-applicant__salary em,
.applicants-list__row .listed-applicant__salary em,
.jobs-list__row .listed-applicant__salary em {
  font-size: 12px;
  font-style: normal;
  display: block;
}

@media screen and (min-width: 769px) {
  .listed-mission__overline,
  .applicants-list__overline,
  .listed-job__overline {
    display: none;
  }
}
@media screen and (max-width: 768.8px) {
  .listed-mission__overline,
  .applicants-list__overline,
  .listed-job__overline {
    display: block;
    font-weight: 400;
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .listed-mission__desc,
  .listed-job__desc {
    min-width: 250px;
  }
}
@media screen and (max-width: 768.8px) {
  .listed-mission__desc,
  .listed-job__desc {
    flex-basis: 100%;
  }
}

.listed-mission__title {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.listed-mission__title a {
  display: flex;
  padding-inline-end: 1rem;
  text-wrap: balance;
  font-size: 1.15rem;
  font-weight: 700;
}

.listed-job__logo {
  width: 80px;
}

@media screen and (min-width: 769px) {
  .listed-job__btn {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-inline-start: auto;
  }
}
@media screen and (max-width: 768.8px) {
  .listed-job__btn {
    flex-grow: 1;
    flex-basis: 100%;
  }
  .listed-job__btn > * {
    width: 100%;
  }
}

.mission-preview {
  --_columns: 2;
  --_gap: 5rem;
  gap: var(--_gap);
  display: flex;
}
@media screen and (min-width: 1120px) {
  .mission-preview {
    flex-wrap: wrap;
  }
  .mission-preview > * {
    width: calc(100% / var(--_columns) - var(--_gap) + var(--_gap) / var(--_columns));
  }
}
@media screen and (max-width: 1119.98px) {
  .mission-preview {
    flex-direction: column;
  }
}

.mission-preview__col {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.mission-preview__row:not(.full):has(.mission-preview__item) {
  --_columns: 2;
  --_gap: 2rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--_gap);
}
.mission-preview__row:not(.full):has(.mission-preview__item) > * {
  width: calc(100% / var(--_columns) - var(--_gap) + var(--_gap) / var(--_columns));
}

.mission-preview__row:is(.full) {
  display: flex;
  align-items: center;
  gap: 2rem;
  justify-content: space-between;
}

.mission-preview__map iframe {
  height: 400px;
}

.mission-preview__tags {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  list-style: none;
  margin: 0;
  padding: 0;
}

.box-desc {
  padding: 2rem;
  background-color: #fff;
  border-radius: 1.5rem;
}

.box-desc-contact {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.box-desc-contact img {
  width: 100px;
  aspect-ratio: 1;
  border-radius: 1.5rem;
}

.panel-mission {
  position: fixed;
  inset: 0 0 0 auto;
  z-index: 200;
  background-color: #fff;
  border-radius: 30px 0 0 30px;
  box-shadow: -100px 0 0 100vmax rgba(0, 0, 0, 0.4);
  overscroll-behavior-y: contain;
  overflow-y: auto;
  translate: 100%;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
}
@media screen and (min-width: 769px) {
  .panel-mission {
    width: 60dvw;
  }
}
@media screen and (max-width: 768.98px) {
  .panel-mission {
    width: 95dvw;
  }
}
.panel-mission:is(.is-open) {
  translate: 0;
  visibility: visible;
}

.panel-mission__close {
  position: absolute;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  color: #fff;
  background-color: var(--color-ats);
  border-radius: 100vmax;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .panel-mission__close {
    inset: 2rem 2rem auto auto;
    inline-size: 60px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 768.98px) {
  .panel-mission__close {
    inset: 1rem 1rem auto auto;
    inline-size: 40px;
    font-size: 1.3rem;
  }
}

@media screen and (min-width: 769px) {
  .panel-mission__inner {
    padding: 5dvw;
  }
}
@media screen and (max-width: 768.98px) {
  .panel-mission__inner {
    padding: 4rem 2rem 2rem;
  }
}

.panel-mission__content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.panel-mission__content span.status small {
  font-size: 0.875rem;
}

.panel-mission__item:not(:has(.panel-mission__row)) {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.panel-mission__item:has(.panel-mission__row) {
  display: flex;
  gap: 5dvw;
}
@media screen and (min-width: 769px) {
  .panel-mission__item:has(.panel-mission__row) {
    align-items: center;
  }
}
@media screen and (max-width: 768.98px) {
  .panel-mission__item:has(.panel-mission__row) {
    flex-direction: column;
    align-items: flex-start;
  }
}
.panel-mission__item.panel-item__item_card {
  flex-wrap: wrap;
  display: flex;
  gap: 1.5rem 4%;
}
.panel-mission__item.panel-item__item_card .w-50-lg {
  max-width: 48% !important;
  width: 100%;
  margin-bottom: 20px;
}
.panel-mission__item:has(.btn-itinerary) {
  position: relative;
}
.panel-mission__item:has(.btn-itinerary) .btn-itinerary {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 10px;
  right: 0;
  height: 40px;
  font-size: 1rem;
  aspect-ratio: 1;
  border-radius: 100vmax;
  background-color: var(--color-ats);
  color: #fff;
}
.panel-mission__item:has(.btn-itinerary) .btn-itinerary:hover {
  background-color: var(--color-dark);
}

.panel-mission__row {
  flex: 1 0 auto;
}
@media screen and (max-width: 768.98px) {
  .panel-mission__row {
    width: 100%;
  }
}

.panel-mission__map,
.mission-preview__map {
  overflow: hidden;
  border-radius: 30px;
  width: 100%;
}
.panel-mission__map iframe,
.mission-preview__map iframe {
  width: 100%;
}

.panel-mission__tags {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 0.75rem;
}
@media screen and (max-width: 768.98px) {
  .panel-mission__tags {
    flex-direction: column;
    align-items: flex-start;
  }
}
.panel-mission__tags > * {
  display: inline-flex;
  padding: 0.2em 0.6em;
  color: hsl(var(--color-ats-hs), 24%);
  background-color: hsla(var(--color-ats-hs), 94%, 0.7);
  border-radius: 4px;
  align-items: end;
}

.job-box {
  border-radius: 30px;
  background-color: #fff;
}
.job-box:has(.job-box__header) {
  overflow: hidden;
}
.job-box:not(:has(.job-box__header)) {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-inline: clamp(1.875rem, 1.0417rem + 1.7361vw, 3.125rem);
  flex-shrink: 0;
}
@media screen and (min-width: 769px) {
  .job-box:not(:has(.job-box__header)) {
    width: 30vw;
    max-width: 475px;
  }
}

.job-box__header {
  overflow: hidden;
  color: #fff;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  background-image: var(--bg-url);
}
.job-box__header .job-box__header_notif {
  background-color: var(--color-ats);
  text-align: center;
  font-weight: bold;
  padding-block: 0.4em;
}

.job-box__heading {
  position: relative;
  padding: 33px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 60%);
}

.job-box__title {
  color: #fff;
}

.job-box__title,
.job-box__subitle {
  position: relative;
}

.job-box__content {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 33px;
}

.job-box__infos {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.job-box__buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
@media screen and (max-width: 1200px) {
  .job-box__buttons {
    flex-direction: column;
    justify-content: stretch;
  }
  .job-box__buttons .btn {
    inline-size: 100%;
  }
}

.job-box__footer {
  padding: 0 33px 33px;
  display: flex;
  justify-content: center;
}
.job-box__footer a {
  color: var(--color-base);
  text-decoration: underline;
}

.box-info {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--color-ats);
}
.box-info svg {
  flex-shrink: 0;
}

.box-info__label {
  font-family: var(--font-heading);
  font-size: 1rem;
  font-weight: 600;
}

.account-msg__title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}

.mes-informations .current-file img {
  max-width: 200px;
  display: inline-flex;
  vertical-align: top;
}
.mes-informations .area-email-not-verified {
  padding: 15px;
  font-size: 12px;
}
.mes-informations .video-wrapper {
  position: relative;
  display: inline-block;
}
.mes-informations .video-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  pointer-events: none;
  z-index: 10;
  padding: 0.5rem;
  font-size: 12px;
}
.mes-informations .form__field_affiliate_code .ts-wrapper .ts-control {
  padding-block-end: 0px !important;
}
.mes-informations .form__field_affiliate_code .ts-wrapper:after {
  display: none !important;
}
.mes-informations .desc-affiliate-companies ul {
  padding-left: 20px;
}

.informations-societe .company-edit-form .form__field_checkbox {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin-bottom: 1rem;
}
.informations-societe .company-edit-form .form__field_checkbox label {
  margin: 0;
}
.informations-societe .block-manager {
  background: #fff;
  padding: 1.25rem;
  border-radius: 25px;
  margin-top: 30px;
}
.informations-societe .cartouche-info {
  background-color: var(--color-ats);
  color: #fff;
  padding: 7.5px 15px;
  font-weight: 600;
}
.informations-societe .form_row_company_infos {
  border: 1px solid #ccc;
  border-radius: 1rem;
  padding: 1rem;
}
.informations-societe .form_row_company_infos .form__field:last-child {
  text-align: right;
}
.informations-societe span.copy {
  cursor: pointer;
  position: relative;
  transition: all 0.4s ease-out;
  display: inline-block;
}
.informations-societe span.copy:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg class='' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='white' d='M433.941 65.941l-51.882-51.882A48 48 0 0 0 348.118 0H176c-26.51 0-48 21.49-48 48v48H48c-26.51 0-48 21.49-48 48v320c0 26.51 21.49 48 48 48h224c26.51 0 48-21.49 48-48v-48h80c26.51 0 48-21.49 48-48V99.882a48 48 0 0 0-14.059-33.941zM266 464H54a6 6 0 0 1-6-6V150a6 6 0 0 1 6-6h74v224c0 26.51 21.49 48 48 48h96v42a6 6 0 0 1-6 6zm128-96H182a6 6 0 0 1-6-6V54a6 6 0 0 1 6-6h106v88c0 13.255 10.745 24 24 24h88v202a6 6 0 0 1-6 6zm6-256h-64V48h9.632c1.591 0 3.117.632 4.243 1.757l48.368 48.368a6 6 0 0 1 1.757 4.243V112z'%3E%3C/path%3E%3C/svg%3E");
  width: 25px;
  height: 25px;
  border: 2px solid var(--color-ats);
  border-radius: 100%;
  background-size: 70%;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-flex;
  vertical-align: middle;
  margin-left: 5px;
  background-color: var(--color-ats);
  fill: #f2f2f2;
  text-align: center;
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: auto;
  right: -26px;
  z-index: 1;
  transition: all 0.4s ease-out;
  visibility: hidden;
}
.informations-societe span.copy:hover {
  color: var(--color-ats);
}
.informations-societe span.copy:hover:after {
  opacity: 1;
  visibility: visible;
}
.informations-societe .list-other-managers {
  font-size: 0.875rem;
}
.informations-societe .list-other-managers .list-other-managers__item .list-other-managers__item__header, .informations-societe .list-other-managers .list-other-managers__item .list-other-managers__item__row {
  display: grid;
  grid-template-columns: 70% 30%;
  align-items: center;
  gap: 1rem;
  padding-inline: 1.5rem;
  margin-block: 0.5rem 0;
}
.informations-societe .list-other-managers .list-other-managers__item .list-other-managers__item__header {
  font-weight: 600;
}
.informations-societe .list-other-managers .list-other-managers__item .list-other-managers__item__row {
  background-color: #e9e9e9;
  border-radius: 8px;
  min-height: 60px;
}
.informations-societe .list-other-managers .list-other-managers__item .list-other-managers__item__row .list-other-managers__item__active {
  display: flex;
  font-size: 18px;
}
.informations-societe .list-other-managers .list-other-managers__item .list-other-managers__item__row .list-other-managers__item__active.active {
  color: green;
}
.informations-societe .list-other-managers .list-other-managers__item .list-other-managers__item__row .list-other-managers__item__active.inactive {
  color: red;
}
.informations-societe .list-other-managers .list-other-managers__item .list-other-managers__item__row .list-other-managers__item__active.inactive svg {
  height: 16px;
}
.informations-societe .modal .modal__dialog {
  position: relative;
}
.informations-societe .modal .modal__dialog .modal__loading {
  display: none;
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.75);
  height: 100vh;
}
.informations-societe .modal .modal__dialog .modal__loading svg {
  width: 70px;
  height: 70px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.informations-societe .modal .modal__dialog .modal__content form input {
  border: 1px solid #d9d9d9;
}

@media screen and (max-width: 768.98px) {
  .mes-documents .form__row_document {
    padding-block-start: 1rem;
    margin-block-end: 1rem !important;
    border-block-end: 1px solid rgba(0, 0, 0, 0.1);
  }
}
.mes-documents .form__row_document[data-it="1"] .remove-row {
  visibility: visible !important;
}
.mes-documents .form__row_document.has-file-uploaded {
  position: relative;
  align-items: flex-start;
}
@media screen and (min-width: 769px) {
  .mes-documents .form__row_document.has-file-uploaded {
    padding-bottom: 30px;
  }
}
.mes-documents .form__row_document.has-file-uploaded .current-resume {
  padding: 0.5rem;
  justify-content: flex-start;
  max-width: 447px;
}
.mes-documents .form__row_document.has-file-uploaded .current-resume a span {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 70%;
}
.mes-documents .form__row_document.has-file-uploaded .form-input-file.disable-input {
  background-color: siver;
  opacity: 0.35;
  border-color: transparent !important;
}
.mes-documents .form__row_document.has-file-uploaded .form-input-file.disable-input label {
  background-color: siver;
}

.mes-missions .area-affected-missions {
  position: relative;
}
.mes-missions .area-affected-missions .job-list__loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f2f2f2;
  opacity: 0.75;
  display: none;
  z-index: 10;
}
.mes-missions .filters-affected-missions form {
  max-width: 700px;
}
.mes-missions .job-list__header {
  grid-template-columns: repeat(4, 1fr);
}
.mes-missions .job-list__body {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.mes-missions .jobs-list__row {
  grid-template-columns: repeat(4, 1fr);
}
.mes-missions .jobs-list__row .listed-job__download_ics svg {
  max-width: 24px;
}
.mes-missions .jobs-list.screen-upcoming .job-list__header,
.mes-missions .jobs-list.screen-upcoming .jobs-list__row {
  grid-template-columns: repeat(5, 1fr);
}
.mes-missions .panel-mission .panel-mission__loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  display: none;
  z-index: 10;
}
.mes-missions .skills-status {
  margin: 5px 0;
}
.mes-missions .panel-mission__row .skills-status {
  margin: 5px 0;
}
.mes-missions .panel-mission__row .skills-status .panel-mission__tags {
  display: inline-flex;
}

.candidats-mission .area-accepted-applicants,
.screen_missions_ats_user .area-accepted-applicants {
  position: relative;
  flex-grow: 1;
}
.candidats-mission .area-accepted-applicants .applicants-list__loading,
.screen_missions_ats_user .area-accepted-applicants .applicants-list__loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f2f2f2;
  opacity: 0.75;
  display: none;
  z-index: 10;
}
.candidats-mission .area-accepted-applicants .filters-accepted-applicants form,
.screen_missions_ats_user .area-accepted-applicants .filters-accepted-applicants form {
  max-width: 700px;
}
.candidats-mission .area-accepted-applicants .filters-accepted-applicants form .form-field,
.screen_missions_ats_user .area-accepted-applicants .filters-accepted-applicants form .form-field {
  border: 1px solid #9ea2a2;
  color: #4b4f54;
  background-color: transparent;
  padding-top: 0;
}
.candidats-mission .applicants-list,
.screen_missions_ats_user .applicants-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-block-start: 1.25rem;
}
.candidats-mission .applicants-list__header,
.screen_missions_ats_user .applicants-list__header {
  font-size: 0.9rem;
  font-weight: 600;
}
@media screen and (min-width: 769px) {
  .candidats-mission .applicants-list__header,
  .screen_missions_ats_user .applicants-list__header {
    display: grid;
    grid-template-columns: 10% 40% 10% 20% 20%;
    align-items: center;
    gap: 1rem;
    padding-inline: 1.5rem;
    margin-block: 2rem 0.5rem;
  }
}
@media screen and (min-width: 769px) {
  .candidats-mission .applicants-list__row,
  .screen_missions_ats_user .applicants-list__row {
    display: grid;
    grid-template-columns: 10% 40% 10% 20% 20%;
  }
}
.candidats-mission .applicants-list__row .listed-applicant__cv a,
.screen_missions_ats_user .applicants-list__row .listed-applicant__cv a {
  display: inline-block;
}
.candidats-mission .applicants-list__row .listed-applicant__cv a svg,
.screen_missions_ats_user .applicants-list__row .listed-applicant__cv a svg {
  height: 42px;
}
.candidats-mission .applicants-list__row .listed-applicant__skills,
.screen_missions_ats_user .applicants-list__row .listed-applicant__skills {
  display: flex;
  align-items: stretch;
  gap: 0.35rem;
  flex-wrap: wrap;
}
.candidats-mission .applicants-list__row .listed-applicant__skills .skill,
.screen_missions_ats_user .applicants-list__row .listed-applicant__skills .skill {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.15rem 0.75rem;
  font-size: 0.8rem;
  line-height: 1;
  border: 1px solid var(--color-gray-500);
  border-radius: 100vmax;
  color: var(--color-gray-500);
}
.candidats-mission .applicants-list__row .listed-applicant__skills .skill:is(.valid),
.screen_missions_ats_user .applicants-list__row .listed-applicant__skills .skill:is(.valid) {
  color: var(--color-base);
  border-color: var(--color-ats);
  padding: 0.25rem 0.75rem 0.25rem 0.5rem;
}
.candidats-mission .applicants-list__row .listed-applicant__skills .skill:is(.valid) svg,
.screen_missions_ats_user .applicants-list__row .listed-applicant__skills .skill:is(.valid) svg {
  display: flex;
  width: 0.9rem;
  aspect-ratio: 1;
  -o-object-fit: contain;
     object-fit: contain;
  color: var(--color-ats);
}
.candidats-mission .applicants-list__row .listed-applicant__mission a,
.screen_missions_ats_user .applicants-list__row .listed-applicant__mission a {
  color: var(--color-dark);
  font-size: 1.15rem;
  font-weight: 600;
}
.candidats-mission .applicants-list__row .listed-applicant__details,
.screen_missions_ats_user .applicants-list__row .listed-applicant__details {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-block-end: 0.625rem;
  word-wrap: break-word;
}
.candidats-mission .applicants-list__row .listed-applicant__details .applicant-zvoove.not-created,
.screen_missions_ats_user .applicants-list__row .listed-applicant__details .applicant-zvoove.not-created {
  color: #ff2f2f;
}
.candidats-mission .applicants-list__row .listed-applicant__details .applicant-zvoove svg,
.screen_missions_ats_user .applicants-list__row .listed-applicant__details .applicant-zvoove svg {
  border-radius: 100%;
  width: 22px;
  height: 22px;
  padding: 3px;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  background-color: #343f57;
}
.candidats-mission .applicants-list__row .listed-applicant__details a,
.screen_missions_ats_user .applicants-list__row .listed-applicant__details a {
  font-size: 1.15rem;
  font-weight: 700;
}
.candidats-mission .applicants-list__row .listed-applicant__details .listed-applicant__details-name,
.screen_missions_ats_user .applicants-list__row .listed-applicant__details .listed-applicant__details-name {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.candidats-mission .applicants-list__row .listed-applicant__details .already-connected-via-mobile-app,
.screen_missions_ats_user .applicants-list__row .listed-applicant__details .already-connected-via-mobile-app {
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-color: var(--color-ats);
  color: white;
  border-radius: 100%;
  text-align: center;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.candidats-mission .applicants-list__row .listed-applicant__details .already-connected-via-mobile-app svg,
.screen_missions_ats_user .applicants-list__row .listed-applicant__details .already-connected-via-mobile-app svg {
  fill: white;
  width: 16px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.candidats-mission .applicants-list__row .listed-applicant__badges svg,
.screen_missions_ats_user .applicants-list__row .listed-applicant__badges svg {
  height: 20px;
}
.candidats-mission .applicants-list__row .listed-applicant__pic,
.screen_missions_ats_user .applicants-list__row .listed-applicant__pic {
  position: relative;
  width: 80px;
}
.candidats-mission .applicants-list__row .listed-applicant__pic > a,
.screen_missions_ats_user .applicants-list__row .listed-applicant__pic > a {
  display: flex;
  height: 80px;
  aspect-ratio: 1;
  border-radius: 0.875rem;
  overflow: hidden;
}
.candidats-mission .applicants-list__row .listed-applicant__pic > a img,
.screen_missions_ats_user .applicants-list__row .listed-applicant__pic > a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.candidats-mission .applicants-list__row .listed-applicant__pic .applicant-pic-badges,
.screen_missions_ats_user .applicants-list__row .listed-applicant__pic .applicant-pic-badges {
  display: flex;
  flex-direction: column;
  gap: 2px;
  position: absolute;
  top: 50%;
  left: -14px;
  translate: 0 -50%;
}
.candidats-mission .applicants-list__row .listed-applicant__pic .applicant-zvoove,
.candidats-mission .applicants-list__row .listed-applicant__pic .applicant-fav,
.screen_missions_ats_user .applicants-list__row .listed-applicant__pic .applicant-zvoove,
.screen_missions_ats_user .applicants-list__row .listed-applicant__pic .applicant-fav {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  aspect-ratio: 1;
  font-size: 1.15rem;
  background-color: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  border-radius: 100vmax;
}
.candidats-mission .applicants-list__row .listed-applicant__pic .applicant-fav,
.screen_missions_ats_user .applicants-list__row .listed-applicant__pic .applicant-fav {
  background-color: #fff;
  color: hsl(var(--color-warning-hs), 50%);
}
.candidats-mission .applicants-list__row .listed-applicant__pic .applicant-zvoove,
.screen_missions_ats_user .applicants-list__row .listed-applicant__pic .applicant-zvoove {
  color: #fff;
  background-color: #343f57;
}
.candidats-mission .mission-view .panel-mission__row,
.screen_missions_ats_user .mission-view .panel-mission__row {
  flex: 1 0 0;
}
.candidats-mission .mission-view .panel-mission__row .skills-status,
.screen_missions_ats_user .mission-view .panel-mission__row .skills-status {
  margin: 5px 0;
}
.candidats-mission .mission-view .panel-mission__row .skills-status .panel-mission__tags,
.screen_missions_ats_user .mission-view .panel-mission__row .skills-status .panel-mission__tags {
  display: inline-flex;
}

.listed-applicant__btn,
.listed-mission__btn {
  font-size: 0;
  display: flex;
}
.listed-applicant__btn .btn-icon,
.listed-mission__btn .btn-icon {
  border-radius: 0;
  vertical-align: middle;
  block-size: 50px;
  aspect-ratio: 1;
  transition: all 0.2s linear;
}
.listed-applicant__btn .btn-icon:first-child,
.listed-mission__btn .btn-icon:first-child {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.listed-applicant__btn .btn-icon:last-child,
.listed-mission__btn .btn-icon:last-child {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}

.listed-applicant__btn:has(.btn-icon.active:not([data-action="-1"])) .btn-icon:not(.active) {
  opacity: 0.2;
  pointer-events: none;
}
.listed-applicant__btn .btn-icon.active {
  pointer-events: none;
}
.listed-applicant__btn .btn-icon[data-action="1"]:hover, .listed-applicant__btn .btn-icon[data-action="1"].active {
  color: hsl(var(--color-success-hs), 98%);
  background-color: hsl(var(--color-success-hs), 40%);
}
.listed-applicant__btn .btn-icon[data-action="0"]:hover, .listed-applicant__btn .btn-icon[data-action="0"].active {
  color: hsl(var(--color-danger-hs), 98%);
  background-color: hsl(var(--color-danger-hs), 60%);
}
.listed-applicant__btn .btn-icon[data-action="-1"]:hover, .listed-applicant__btn .btn-icon[data-action="-1"].active {
  background-color: hsl(var(--color-info-hs), 50%);
  color: hsl(var(--color-info-hs), 98%);
}

@media screen and (max-width: 768.98px) {
  .listed-mission__btn {
    justify-content: center;
  }
}
.listed-mission__btn .btn-icon[data-color=info]:hover {
  color: hsl(var(--color-info-hs), 98%);
  background-color: hsl(var(--color-info-hs), 50%);
}
.listed-mission__btn .btn-icon[data-color=success]:hover {
  color: hsl(var(--color-success-hs), 98%);
  background-color: hsl(var(--color-success-hs), 40%);
}
.listed-mission__btn .btn-icon[data-color=warning]:hover {
  color: hsl(var(--color-warning-hs), 98%);
  background-color: hsl(var(--color-warning-hs), 60%);
}
.listed-mission__btn .btn-icon[data-color=danger]:hover {
  color: hsl(var(--color-danger-hs), 98%);
  background-color: hsl(var(--color-danger-hs), 60%);
}

.screen_missions_ats_user :is(.applicants-list__header, .applicants-list__row) {
  grid-template-columns: 10% 20% 5% 10% 25% 10% 10%;
}
.screen_missions_ats_user :is(.applicants-list__header, .applicants-list__row).companies-list__header, .screen_missions_ats_user :is(.applicants-list__header, .applicants-list__row).companies-list__row {
  grid-template-columns: 13% 13% 15% 7% 6% 10% 6% 5% 18%;
}
.screen_missions_ats_user :is(.applicants-list__header, .applicants-list__row).companies-list__header > *, .screen_missions_ats_user :is(.applicants-list__header, .applicants-list__row).companies-list__row > * {
  font-size: 0.875rem;
}
.screen_missions_ats_user :is(.applicants-list__header, .applicants-list__row).companies-list__header .recently-created, .screen_missions_ats_user :is(.applicants-list__header, .applicants-list__row).companies-list__row .recently-created {
  background-color: red;
  width: 6px;
  height: 6px;
  min-width: 6px;
  margin-left: -2px;
  border-radius: 100%;
}

.recherche-de-societes .applicants-list__loading svg {
  width: 70px;
  height: 70px;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.recherche-de-societes #form-applicants-search {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d9d9d9;
}
.recherche-de-societes #form-applicants-search #search-input {
  height: 3rem;
  padding-top: 0px;
}
.recherche-de-societes #form-applicants-search .form__field_search_button {
  flex: 0;
}
.recherche-de-societes .introduction-applicants .count-applicants {
  text-align: right;
  font-size: 120%;
}
.recherche-de-societes .introduction-applicants .count-applicants .count {
  font-weight: bold;
  color: var(--color-ats);
}
.recherche-de-societes .companies-list__row .company-status {
  color: #fff;
  display: inline-block;
  border-radius: 8px;
  background-color: hsl(var(--color-danger-hs), 60%);
  font-size: 12px;
  padding: 0px 7.5px;
  margin-left: 0;
}
.recherche-de-societes .companies-list__row .listed-applicant__credits .credits-container {
  display: inline-block;
}
.recherche-de-societes .companies-list__row .listed-applicant__credits .credits-container[data-tooltip]::before {
  max-width: 400px;
  white-space: pre-wrap;
  display: block;
}
.recherche-de-societes .companies-list__row ul {
  padding-left: 0px;
  list-style-type: none;
}
.recherche-de-societes .companies-list__row ul li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  text-transform: capitalize;
}
.recherche-de-societes .companies-list__row ul li span {
  display: flex;
  font-size: 18px;
}
.recherche-de-societes .companies-list__row ul li span.active {
  color: green;
}
.recherche-de-societes .companies-list__row ul li span.inactive {
  color: red;
}
.recherche-de-societes .companies-list__row ul li span.inactive svg {
  height: 16px;
}
.recherche-de-societes .modal .modal__dialog {
  position: relative;
}
.recherche-de-societes .modal .modal__dialog .modal__loading {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.75);
}
.recherche-de-societes .modal .modal__dialog .modal__loading svg {
  width: 70px;
  height: 70px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.recherche-de-societes .modal .modal__dialog .modal__header .h3 span {
  font-weight: bold;
}
.recherche-de-societes .modal .modal__dialog .modal__content input, .recherche-de-societes .modal .modal__dialog .modal__content select {
  border: 1px solid #d9d9d9;
}
.recherche-de-societes .modal .modal__dialog .modal__content .managers-list {
  width: 100%;
}
.recherche-de-societes .modal .modal__dialog .modal__content .managers-list .managers-row {
  display: flex;
  flex-wrap: wrap;
}
.recherche-de-societes .modal .modal__dialog .modal__content .managers-list .managers-row .managers-column {
  flex: 1;
}
.recherche-de-societes .modal .modal__dialog .modal__content .managers-list .managers-header .managers-row .managers-column {
  font-weight: bold;
}
.recherche-de-societes .modal .modal__dialog .modal__content .managers-list .managers-body .managers-row {
  border-bottom: 1px solid #f1f1f1;
  align-items: center;
}
.recherche-de-societes .modal .modal__dialog .modal__content .managers-list .managers-body .managers-row .managers-column {
  padding: 10px 0;
}
.recherche-de-societes .modal .modal__dialog .modal__content .managers-list .managers-body .managers-row .managers-column ul {
  padding-left: 20px;
}
.recherche-de-societes .modal .modal__dialog .modal__content .managers-list .managers-body .managers-row .managers-column ul li {
  text-transform: capitalize;
}
.recherche-de-societes .modal .modal__dialog .modal__content .managers-list .managers-body .managers-row .managers-column .switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
  margin: 0;
}
.recherche-de-societes .modal .modal__dialog .modal__content .managers-list .managers-body .managers-row .managers-column .switch input {
  display: none;
}
.recherche-de-societes .modal .modal__dialog .modal__content .managers-list .managers-body .managers-row .managers-column .switch input:checked + .slider {
  background: var(--color-ats);
}
.recherche-de-societes .modal .modal__dialog .modal__content .managers-list .managers-body .managers-row .managers-column .switch input:checked + .slider:before {
  transform: translateX(20px);
}
.recherche-de-societes .modal .modal__dialog .modal__content .managers-list .managers-body .managers-row .managers-column .slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background: #ccc;
  border-radius: 999px;
  transition: 0.3s;
}
.recherche-de-societes .modal .modal__dialog .modal__content .managers-list .managers-body .managers-row .managers-column .slider:before {
  content: "";
  position: absolute;
  height: 18px;
  width: 18px;
  left: 3px;
  top: 3px;
  background: white;
  border-radius: 50%;
  transition: 0.3s;
}
.recherche-de-societes .modal .modal__dialog .modal__content #form-active-of-company .form__row_active-of-company {
  align-items: center;
}
.recherche-de-societes .modal .modal__dialog .modal__content #form-active-of-company .managers-list .managers-body .managers-row {
  border: 0;
}
.recherche-de-societes .modal .modal__dialog .modal__content #form-active-of-company .managers-list .managers-body .managers-row .managers-column {
  padding: 0px;
  align-items: center;
  display: flex;
}
.recherche-de-societes .modal .modal__dialog .modal__content #form-active-of-company .managers-list .managers-body .managers-row .managers-column .switch {
  margin-right: 10px;
}

.mes-teamers .applicants-list__loading svg {
  width: 70px;
  height: 70px;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.mes-teamers #form-applicants-search {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d9d9d9;
}
.mes-teamers #form-applicants-search #search-input {
  height: 3rem;
  padding-top: 0px;
}
.mes-teamers #form-applicants-search .form__field_rating {
  display: flex;
  justify-content: flex-end;
}
.mes-teamers #form-applicants-search .form__field_rating label {
  margin: 0;
  display: inline-flex;
}
.mes-teamers #form-applicants-search .form__field_rating .rating-stars {
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}
.mes-teamers #form-applicants-search .form__field_rating .rating-stars .star {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.mes-teamers #form-applicants-search .form__field_rating .rating-stars .star svg {
  height: 22px;
  width: 22px;
}
.mes-teamers #form-applicants-search .form__field_rating .rating-stars .star svg path {
  fill: var(--color-gray-500);
}
.mes-teamers #form-applicants-search .form__field_rating .rating-stars .star.filled svg path {
  fill: var(--color-ats, #000);
}
.mes-teamers #form-applicants-search .form__field_search_button {
  flex: 0;
}
.mes-teamers .introduction-teamers .count-teamers {
  text-align: right;
  font-size: 120%;
}
.mes-teamers .introduction-teamers .count-teamers .count {
  font-weight: bold;
  color: var(--color-ats);
}
.mes-teamers .teamers-list__header, .mes-teamers .teamers-list__row {
  grid-template-columns: 20% 25% 15% 10% 20%;
}
.mes-teamers .teamers-list__header > *, .mes-teamers .teamers-list__row > * {
  font-size: 0.875rem;
}
.mes-teamers .teamers-list__header .listed-applicant__cv a svg, .mes-teamers .teamers-list__row .listed-applicant__cv a svg {
  height: 33px;
}
.mes-teamers .teamers-list__row {
  min-height: 80px;
}
.mes-teamers .listed-applicant__rating_applicant .rating-stars {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.mes-teamers .listed-applicant__rating_applicant .rating-stars .rating-stars-container {
  display: flex;
  gap: 0;
}
.mes-teamers .listed-applicant__rating_applicant .rating-stars .rating-stars-container .star {
  position: relative;
  width: 22px;
  height: 22px;
  display: inline-block;
}
.mes-teamers .listed-applicant__rating_applicant .rating-stars .rating-stars-container .star svg {
  display: block;
  width: 22px;
  height: 22px;
  min-width: 22px;
  min-height: 22px;
}
.mes-teamers .listed-applicant__rating_applicant .rating-stars .rating-stars-container .star .star-empty, .mes-teamers .listed-applicant__rating_applicant .rating-stars .rating-stars-container .star .star-fill {
  position: absolute;
  inset: 0;
}
.mes-teamers .listed-applicant__rating_applicant .rating-stars .rating-stars-container .star .star-empty {
  width: 100%;
}
.mes-teamers .listed-applicant__rating_applicant .rating-stars .rating-stars-container .star .star-empty svg {
  fill: var(--color-gray-500);
}
.mes-teamers .listed-applicant__rating_applicant .rating-stars .rating-stars-container .star .star-fill {
  overflow: hidden;
  white-space: nowrap;
  z-index: 1;
}
.mes-teamers .listed-applicant__rating_applicant .rating-stars .rating-stars-container .star .star-fill svg {
  fill: var(--color-ats);
}

.candidats-a-verifier .applicants-list__header,
.candidats-a-verifier .applicants-list__row {
  grid-template-columns: 10% 25% 20% 10% 10% 20%;
}
.candidats-a-verifier .gemini-icon {
  display: inline-block;
  vertical-align: middle;
  cursor: default;
}
.candidats-a-verifier .gemini-icon svg {
  width: 20px;
}
.candidats-a-verifier .table-admin .applicants-list__header,
.candidats-a-verifier .table-admin .applicants-list__row {
  grid-template-columns: 10% 20% 20% 10% 5% 15% 15%;
}

.recherche-de-candidats .introduction-applicants {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.recherche-de-candidats .introduction-applicants .count-applicants {
  text-align: right;
  font-size: 120%;
}
.recherche-de-candidats .introduction-applicants .count-applicants .count {
  font-weight: bold;
  color: var(--color-ats);
}
.recherche-de-candidats #form-applicants-search {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d9d9d9;
}
.recherche-de-candidats #form-applicants-search label,
.recherche-de-candidats #form-applicants-search input,
.recherche-de-candidats #form-applicants-search select {
  font-size: 14px;
}
.recherche-de-candidats #form-applicants-search.advanced-filters-active .form__field.form__field_search_button {
  padding-bottom: 0;
}
.recherche-de-candidats #form-applicants-search .form__field.form__field_fields {
  flex: 0 1 95%;
  display: block;
}
.recherche-de-candidats #form-applicants-search .form__field.form__field_fields .no-results {
  font-size: 0.875rem;
}
.recherche-de-candidats #form-applicants-search .form__field.form__field_fields .form-select .custom-item span {
  font-size: 12px;
  margin-right: 5px;
}
.recherche-de-candidats #form-applicants-search .form__field.form__field_fields input[name^=search-input] {
  height: 3rem;
  padding-top: 0px;
}
.recherche-de-candidats #form-applicants-search .form__field.form__field_row_searches {
  display: block;
}
.recherche-de-candidats #form-applicants-search .form__field.form__field_buttons .button {
  margin-top: 0;
  margin-bottom: 0;
}
.recherche-de-candidats #form-applicants-search .form__field.form__field_search_button {
  flex: 0 1 5%;
  align-self: flex-end;
  padding-bottom: 59px;
}
.recherche-de-candidats #form-applicants-search .form__field.form__field_search_button #btn-filter-applicants {
  height: 3rem;
  width: 100%;
}
.recherche-de-candidats #form-applicants-search .form__field.form__field_search_button #btn-filter-applicants svg {
  max-width: 50px;
}
.recherche-de-candidats #form-applicants-search .form__field .has-floating-label:has(.ts-wrapper.input-active) > label {
  translate: 0 -1.4rem;
}
.recherche-de-candidats #form-applicants-search .form__field .has-floating-label > label {
  top: 1.5rem;
}
.recherche-de-candidats #form-applicants-search .form__field .has-floating-label .ts-wrapper {
  min-height: 3rem;
}
.recherche-de-candidats #form-applicants-search .form__field .has-floating-label .ts-wrapper .ts-control {
  padding-block-start: 0.75rem;
  padding-block-end: 0;
  gap: 0.25rem;
}
.recherche-de-candidats #form-applicants-search .form__field .has-floating-label .ts-wrapper .ts-control .item {
  margin: 0;
  padding: 0 5px;
  font-size: 14px;
}
.recherche-de-candidats #form-applicants-search .form__field .has-floating-label .ts-wrapper .ts-control input {
  min-width: 0;
}
.recherche-de-candidats #form-applicants-search .form__field .has-floating-label .ts-wrapper .ts-dropdown .option {
  font-size: 14px;
}
.recherche-de-candidats #form-applicants-search .form__field .has-floating-label .ts-wrapper .ts-dropdown .option.selected {
  background-color: hsla(var(--color-ats-hs), 94%, 0.9);
}
.recherche-de-candidats #form-applicants-search .form__field .has-floating-label .ts-wrapper .ts-dropdown .option input {
  border: 1px solid #e5e5e5;
  width: 20px;
  vertical-align: bottom;
}
.recherche-de-candidats #form-applicants-search .form__field .has-floating-label .ts-wrapper .ts-dropdown .option input:after {
  width: 12px;
}
.recherche-de-candidats #form-applicants-search .form__field .has-floating-label .ts-wrapper::after {
  top: 40%;
}
.recherche-de-candidats #form-applicants-search .advanced-filters-button {
  font-size: 14px;
  padding: 7.5px 15px;
  background-color: #ebebeb;
  color: var(--color-base);
}
.recherche-de-candidats #form-applicants-search .advanced-filters-button .icons .icon, .recherche-de-candidats #form-applicants-search .advanced-filters-button .icons .btn-icon svg, .btn-icon .recherche-de-candidats #form-applicants-search .advanced-filters-button .icons svg {
  margin-top: 4px;
}
.recherche-de-candidats #form-applicants-search .advanced-filters-button .icons .icon svg, .recherche-de-candidats #form-applicants-search .advanced-filters-button .icons .btn-icon svg svg, .btn-icon .recherche-de-candidats #form-applicants-search .advanced-filters-button .icons svg svg {
  fill: var(--color-base);
}
.recherche-de-candidats #form-applicants-search .advanced-filters-button .icons .icon.filters svg, .recherche-de-candidats #form-applicants-search .advanced-filters-button .icons .btn-icon svg.filters svg, .btn-icon .recherche-de-candidats #form-applicants-search .advanced-filters-button .icons svg.filters svg {
  height: 14px;
}
.recherche-de-candidats #form-applicants-search .advanced-filters-button .icons .icon.cross, .recherche-de-candidats #form-applicants-search .advanced-filters-button .icons .btn-icon svg.cross, .btn-icon .recherche-de-candidats #form-applicants-search .advanced-filters-button .icons svg.cross {
  display: none;
}
.recherche-de-candidats #form-applicants-search .advanced-filters-button.active {
  background-color: var(--color-ats, #000);
  color: white;
}
.recherche-de-candidats #form-applicants-search .advanced-filters-button.active .icons .icon svg, .recherche-de-candidats #form-applicants-search .advanced-filters-button.active .icons .btn-icon svg svg, .btn-icon .recherche-de-candidats #form-applicants-search .advanced-filters-button.active .icons svg svg {
  fill: white;
}
.recherche-de-candidats #form-applicants-search .advanced-filters-button.active .icons .icon.filters, .recherche-de-candidats #form-applicants-search .advanced-filters-button.active .icons .btn-icon svg.filters, .btn-icon .recherche-de-candidats #form-applicants-search .advanced-filters-button.active .icons svg.filters {
  display: none;
}
.recherche-de-candidats #form-applicants-search .advanced-filters-button.active .icons .icon.cross, .recherche-de-candidats #form-applicants-search .advanced-filters-button.active .icons .btn-icon svg.cross, .btn-icon .recherche-de-candidats #form-applicants-search .advanced-filters-button.active .icons svg.cross {
  display: block;
}
.recherche-de-candidats #form-applicants-search .advanced-filters-area {
  padding: 15px;
  background-color: #ebebeb;
  border-radius: 30px;
  width: 100%;
  display: none;
}
.recherche-de-candidats #form-applicants-search .advanced-filters-area .form__row_no_gap {
  gap: 0;
}
.recherche-de-candidats #form-applicants-search .advanced-filters-area .form__field {
  flex: 0 0 20%;
  display: flex;
  align-items: center;
}
.recherche-de-candidats #form-applicants-search .advanced-filters-area .form__field.form__field_2_columns {
  flex: 0 0 50%;
}
.recherche-de-candidats #form-applicants-search .advanced-filters-area .form__field.form__field_text input {
  height: 3rem;
}
.recherche-de-candidats #form-applicants-search .advanced-filters-area .form__field.form__field_text input[type=number] {
  max-width: 220px;
}
.recherche-de-candidats #form-applicants-search .advanced-filters-area .form__field.form__field_checkbox input {
  vertical-align: middle;
  margin-right: 10px;
}
.recherche-de-candidats #form-applicants-search .advanced-filters-area .form__field.form__field_checkbox label {
  display: inline-flex;
  margin: 0;
}
.recherche-de-candidats #form-applicants-search .advanced-filters-area .form__field.form__field_rating label {
  margin: 0;
  display: inline-flex;
}
.recherche-de-candidats #form-applicants-search .advanced-filters-area .form__field.form__field_rating .rating-stars {
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}
.recherche-de-candidats #form-applicants-search .advanced-filters-area .form__field.form__field_rating .rating-stars .star {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.recherche-de-candidats #form-applicants-search .advanced-filters-area .form__field.form__field_rating .rating-stars .star svg {
  height: 22px;
  width: 22px;
}
.recherche-de-candidats #form-applicants-search .advanced-filters-area .form__field.form__field_rating .rating-stars .star svg path {
  fill: white;
}
.recherche-de-candidats #form-applicants-search .advanced-filters-area .form__field.form__field_rating .rating-stars .star.filled svg path {
  fill: var(--color-ats, #000);
}
.recherche-de-candidats .applicants-list__loading svg {
  width: 70px;
  height: 70px;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.recherche-de-candidats .search-applicant-grouped-mail-action-button-icon {
  font-size: 14px;
  padding: 7.5px 15px;
  background-color: #ebebeb;
  color: var(--color-base);
}
.recherche-de-candidats .search-applicant-grouped-mail-action-button-icon:hover {
  background-color: #ebebeb;
}
.recherche-de-candidats .listed-applicant__checkbox .applicant-checkbox {
  border: 1px solid var(--color-ats);
}
.recherche-de-candidats .pemsa-ats-applicants-table-select-all {
  width: 20px;
}
.recherche-de-candidats .pemsa-ats-applicants-table-select-all:after {
  width: 0.75rem;
}
.recherche-de-candidats .listed-applicant__missions {
  display: flex;
  gap: 5px;
}
.recherche-de-candidats .listed-applicant__missions .icon-favorite-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.recherche-de-candidats .listed-applicant__missions .icon-favorite-container:hover {
  background-color: #e9ecef;
  transform: scale(1.1);
}
.recherche-de-candidats .listed-applicant__missions .icon-favorite-container .icon-edit {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.recherche-de-candidats .listed-applicant__missions .icon-favorite-container .icon-edit svg {
  width: 18px;
  height: 18px;
  fill: var(--_color);
}
.recherche-de-candidats .listed-applicant__missions .icon-favorite-container .icon-edit.invisible {
  opacity: 0;
  pointer-events: none;
}
.recherche-de-candidats .listed-applicant__missions .icon-favorite-container .icon-edit-favorite-filled svg {
  fill: #f1c80f !important;
}
.recherche-de-candidats .applicants-list__header .listed-applicant__checkbox {
  font-size: 0;
}
.recherche-de-candidats .applicants-list__header,
.recherche-de-candidats .applicants-list__row {
  grid-template-columns: 2% 22% 5% 7% 13% 7% 13% 8% 4% 16%;
  padding: 0 1rem;
  gap: 0.5rem;
}
.recherche-de-candidats .applicants-list__header > *,
.recherche-de-candidats .applicants-list__row > * {
  font-size: 0.875rem;
}
.recherche-de-candidats .applicants-list__header span,
.recherche-de-candidats .applicants-list__row span {
  display: block;
}
.recherche-de-candidats .applicants-list__header .listed-applicant__availability svg,
.recherche-de-candidats .applicants-list__header .listed-applicant__availability_zvoove svg,
.recherche-de-candidats .applicants-list__row .listed-applicant__availability svg,
.recherche-de-candidats .applicants-list__row .listed-applicant__availability_zvoove svg {
  color: var(--color-ats);
  inline-size: 2rem;
}
.recherche-de-candidats .applicants-list__header .listed-applicant__availability.unavailable svg,
.recherche-de-candidats .applicants-list__row .listed-applicant__availability.unavailable svg {
  height: 25px;
  color: red;
}
.recherche-de-candidats .applicants-list__header .listed-applicant__availability_zvoove.unavailable svg,
.recherche-de-candidats .applicants-list__row .listed-applicant__availability_zvoove.unavailable svg {
  height: 25px;
  color: red;
}
.recherche-de-candidats .applicants-list__header .listed-applicant__details,
.recherche-de-candidats .applicants-list__row .listed-applicant__details {
  gap: 0;
  margin: 0;
}
.recherche-de-candidats .applicants-list__header .listed-applicant__details a,
.recherche-de-candidats .applicants-list__row .listed-applicant__details a {
  font-size: 0.875rem;
}
.recherche-de-candidats .applicants-list__header .listed-applicant__details .applicant-zvoove,
.recherche-de-candidats .applicants-list__row .listed-applicant__details .applicant-zvoove {
  display: inline-block;
}
.recherche-de-candidats .applicants-list__header .listed-applicant__details .applicant-zvoove svg,
.recherche-de-candidats .applicants-list__row .listed-applicant__details .applicant-zvoove svg {
  height: 18px;
  width: 18px;
}
.recherche-de-candidats .applicants-list__header .listed-applicant__details .already-connected-via-mobile-app,
.recherche-de-candidats .applicants-list__row .listed-applicant__details .already-connected-via-mobile-app {
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-color: var(--color-ats);
  color: white;
  border-radius: 100%;
  text-align: center;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.recherche-de-candidats .applicants-list__header .listed-applicant__details .already-connected-via-mobile-app svg,
.recherche-de-candidats .applicants-list__row .listed-applicant__details .already-connected-via-mobile-app svg {
  fill: white;
  width: 16px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.recherche-de-candidats .applicants-list__header .listed-applicant__checkbox .applicant-checkbox,
.recherche-de-candidats .applicants-list__row .listed-applicant__checkbox .applicant-checkbox {
  border: 1px solid var(--color-ats);
  width: 20px;
}
.recherche-de-candidats .applicants-list__header .listed-applicant__checkbox .applicant-checkbox:after,
.recherche-de-candidats .applicants-list__row .listed-applicant__checkbox .applicant-checkbox:after {
  width: 0.75rem;
}
.recherche-de-candidats .applicants-list__header .listed-applicant__pic,
.recherche-de-candidats .applicants-list__row .listed-applicant__pic {
  width: 50px;
}
.recherche-de-candidats .applicants-list__header .listed-applicant__pic > a,
.recherche-de-candidats .applicants-list__row .listed-applicant__pic > a {
  height: 50px;
}
.recherche-de-candidats .applicants-list__header .listed-applicant__pic .applicant-pic-badges .applicant-zvoove,
.recherche-de-candidats .applicants-list__row .listed-applicant__pic .applicant-pic-badges .applicant-zvoove {
  height: 20px;
}
.recherche-de-candidats .applicants-list__header .listed-applicant__pic .applicant-pic-badges .applicant-zvoove svg,
.recherche-de-candidats .applicants-list__row .listed-applicant__pic .applicant-pic-badges .applicant-zvoove svg {
  block-size: 0.675rem;
}
.recherche-de-candidats .applicants-list__header .listed-applicant__cv a svg,
.recherche-de-candidats .applicants-list__row .listed-applicant__cv a svg {
  height: 33px;
}
.recherche-de-candidats .applicants-list__header .listed-applicant__jobs_declared span,
.recherche-de-candidats .applicants-list__row .listed-applicant__jobs_declared span {
  font-style: italic;
  font-size: 0.75rem;
}
.recherche-de-candidats .applicants-list__header .listed-applicant__jobs_declared span.valid,
.recherche-de-candidats .applicants-list__row .listed-applicant__jobs_declared span.valid {
  font-style: normal;
  font-weight: bold;
  font-size: inherit;
  color: var(--color-ats);
}
.recherche-de-candidats .applicants-list__header .listed-applicant__missions .btn-icon,
.recherche-de-candidats .applicants-list__row .listed-applicant__missions .btn-icon {
  block-size: 30px;
}
.recherche-de-candidats .applicants-list__header .listed-applicant__missions .btn-icon.note-view svg,
.recherche-de-candidats .applicants-list__row .listed-applicant__missions .btn-icon.note-view svg {
  inline-size: 0.875rem;
}
.recherche-de-candidats .applicants-list__header .listed-applicant__missions .btn-icon.exchanges-view svg,
.recherche-de-candidats .applicants-list__row .listed-applicant__missions .btn-icon.exchanges-view svg {
  inline-size: 0.8em;
}
.recherche-de-candidats .applicants-list__header .fw-normal,
.recherche-de-candidats .applicants-list__header .fs-normal,
.recherche-de-candidats .applicants-list__row .fw-normal,
.recherche-de-candidats .applicants-list__row .fs-normal {
  font-size: 0.875rem !important;
}
.recherche-de-candidats .applicants-list__row {
  min-height: 82px;
  padding: 1rem;
}
.recherche-de-candidats .applicants-list__row > * {
  font-weight: normal;
}
.recherche-de-candidats .no-result {
  text-align: center;
  padding: 30px 0;
}
.recherche-de-candidats .pagination {
  text-align: center;
  margin-top: 15px;
}
.recherche-de-candidats .pagination #page-info {
  margin: 0 30px;
}
.recherche-de-candidats .pagination button {
  font-size: 14px;
  padding: 5px 15px;
  background-color: black;
}
.recherche-de-candidats .pagination button:hover {
  background-color: white;
  color: black;
}
.recherche-de-candidats .pagination button.disabled {
  opacity: 0.25;
  cursor: default;
}
.recherche-de-candidats .pagination button.disabled:hover {
  background-color: black;
  color: white;
}

.offres-demplois .introduction-jobs-listing {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
.offres-demplois .introduction-jobs-listing .create-job-listing .btn {
  vertical-align: middle;
}
.offres-demplois .introduction-jobs-listing .my-filters {
  display: flex;
  align-items: center;
  width: 50%;
  font-size: 14px;
}
.offres-demplois .introduction-jobs-listing .my-filters .form__row {
  width: 100%;
  margin: 0;
  margin-left: 10px;
  max-width: 300px;
}
.offres-demplois .introduction-jobs-listing .my-filters .form__row .ts-wrapper {
  min-height: 3rem;
  padding: 0 var(--_input-px) !important;
  border-radius: 30px;
  background: transparent !important;
  border: 1px solid #d9d9d9;
}
.offres-demplois .introduction-jobs-listing .my-filters .form__row .ts-wrapper .ts-control {
  padding-block-start: 0 !important;
}
.offres-demplois .introduction-jobs-listing .my-filters .form__row .ts-wrapper .ts-control input {
  min-width: 0 !important;
  width: 0;
  flex: 0;
  padding-inline: 0;
  margin: 0 !important;
  height: 0;
}
.offres-demplois .introduction-jobs-listing .my-filters .form__row .ts-wrapper .option {
  height: 30px;
}
.offres-demplois .introduction-jobs-listing .my-filters .form__row .ts-wrapper .option.selected {
  background-color: hsla(var(--color-ats-hs), 94%, 0.9);
}
.offres-demplois .introduction-jobs-listing .my-filters .form__row .ts-wrapper:after {
  top: 40%;
  right: 30px;
}
.offres-demplois .introduction-jobs-listing .my-filters button {
  padding: 0.95rem 1.5rem;
  width: 70px;
  margin-left: 10px;
}
.offres-demplois .introduction-jobs-listing .my-filters button:hover {
  background-color: var(--color-dark) !important;
}
.offres-demplois .introduction-jobs-listing .my-filters button svg {
  height: 20px;
}
.offres-demplois .introduction-jobs-listing .my-filters button.save-filters {
  background-color: var(--color-ats);
}
.offres-demplois .introduction-jobs-listing .my-filters button#delete-filter {
  background-color: var(--color-danger);
}
.offres-demplois .introduction-jobs-listing .count-jobs-listing {
  font-size: 120%;
  margin-top: 20px;
  text-align: right;
}
.offres-demplois .introduction-jobs-listing .count-jobs-listing .count {
  font-weight: bold;
  color: var(--color-ats);
}
.offres-demplois #form-jobs-listing-search {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d9d9d9;
}
.offres-demplois #form-jobs-listing-search label,
.offres-demplois #form-jobs-listing-search input,
.offres-demplois #form-jobs-listing-search select {
  font-size: 14px;
}
.offres-demplois #form-jobs-listing-search.advanced-filters-active .form__field.form__field_search_button {
  padding-bottom: 0;
}
.offres-demplois #form-jobs-listing-search .form__field.form__field_fields {
  flex: 0 1 95%;
  display: block;
}
.offres-demplois #form-jobs-listing-search .form__field.form__field_fields .form-select .custom-item span {
  font-size: 12px;
  margin-right: 5px;
}
.offres-demplois #form-jobs-listing-search .form__field.form__field_fields #search-input {
  height: 3rem;
}
.offres-demplois #form-jobs-listing-search .form__field.form__field_fields input {
  padding-top: 0px;
  min-width: 5px;
}
.offres-demplois #form-jobs-listing-search .form__field.form__field_row_searches {
  display: block;
}
.offres-demplois #form-jobs-listing-search .form__field.form__field_buttons .button {
  margin-top: 0;
  margin-bottom: 0;
}
.offres-demplois #form-jobs-listing-search .form__field.form__field_search_button {
  flex: 0 1 5%;
  align-self: flex-start;
}
.offres-demplois #form-jobs-listing-search .form__field.form__field_search_button #btn-filter-applicants {
  height: 3rem;
  width: 100%;
}
.offres-demplois #form-jobs-listing-search .form__field.form__field_search_button #btn-filter-applicants svg {
  max-width: 50px;
}
.offres-demplois #form-jobs-listing-search .form__field.form__field_checkbox input {
  vertical-align: middle;
  margin-right: 10px;
}
.offres-demplois #form-jobs-listing-search .form__field.form__field_checkbox label {
  display: inline-flex;
  margin: 0;
}
.offres-demplois #form-jobs-listing-search .form__field.has-floating-label:has(.ts-wrapper.input-active) > label {
  translate: 0 -1.4rem;
}
.offres-demplois #form-jobs-listing-search .form__field.has-floating-label > label {
  top: 1.5rem;
}
.offres-demplois #form-jobs-listing-search .form__field.has-floating-label .ts-wrapper {
  min-height: 3rem;
}
.offres-demplois #form-jobs-listing-search .form__field.has-floating-label .ts-wrapper .ts-control {
  padding-block-start: 1rem;
  gap: 0.25rem;
  padding-block-end: 0;
}
.offres-demplois #form-jobs-listing-search .form__field.has-floating-label .ts-wrapper .ts-control .item {
  margin: 0;
  padding: 0 5px;
  font-size: 14px;
}
.offres-demplois #form-jobs-listing-search .form__field.has-floating-label .ts-wrapper .ts-dropdown .no-results {
  font-size: 14px;
}
.offres-demplois #form-jobs-listing-search .form__field.has-floating-label .ts-wrapper .ts-dropdown .option {
  font-size: 14px;
}
.offres-demplois #form-jobs-listing-search .form__field.has-floating-label .ts-wrapper .ts-dropdown .option.selected {
  background-color: hsla(var(--color-ats-hs), 94%, 0.9);
}
.offres-demplois #form-jobs-listing-search .form__field.has-floating-label .ts-wrapper .ts-dropdown .option input {
  border: 1px solid #e5e5e5;
  width: 20px;
  vertical-align: bottom;
}
.offres-demplois #form-jobs-listing-search .form__field.has-floating-label .ts-wrapper .ts-dropdown .option input:after {
  width: 12px;
}
.offres-demplois #form-jobs-listing-search .form__field.has-floating-label .ts-wrapper::after {
  top: 40%;
}
.offres-demplois .jobs-listing-list__loading svg {
  width: 70px;
  height: 70px;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.offres-demplois .listed-job-listing__checkbox .applicant-checkbox {
  border: 1px solid var(--color-ats);
}
.offres-demplois .pemsa-ats-jobs-listing-table-select-all {
  width: 20px;
}
.offres-demplois .pemsa-ats-jobs-listing-table-select-all:after {
  width: 0.75rem;
}
.offres-demplois .jobs-listing-list__header {
  display: grid;
  align-items: center;
  padding-inline: 1.5rem;
  margin-block: 2rem 0.5rem;
}
.offres-demplois .jobs-listing-list__header .listed-applicant__checkbox {
  font-size: 0;
}
.offres-demplois .jobs-listing-list__header,
.offres-demplois .jobs-listing-list__row {
  grid-template-columns: 5% 20% 15% 9% 9% 8% 7% 7% 12% 3%;
  padding: 0 1rem;
  gap: 0.5rem;
}
.offres-demplois .jobs-listing-list__header > *,
.offres-demplois .jobs-listing-list__row > * {
  font-size: 0.875rem;
}
.offres-demplois .jobs-listing-list__header span,
.offres-demplois .jobs-listing-list__row span {
  display: block;
}
.offres-demplois .jobs-listing-list__header .listed-applicant__icon svg,
.offres-demplois .jobs-listing-list__row .listed-applicant__icon svg {
  color: var(--color-ats);
  inline-size: 2rem;
}
.offres-demplois .jobs-listing-list__header .listed-applicant__icon.unchecked svg,
.offres-demplois .jobs-listing-list__row .listed-applicant__icon.unchecked svg {
  height: 25px;
  color: red;
}
.offres-demplois .jobs-listing-list__header .listed-job-listing__details,
.offres-demplois .jobs-listing-list__row .listed-job-listing__details {
  gap: 0;
  margin: 0;
}
.offres-demplois .jobs-listing-list__header .listed-job-listing__details a,
.offres-demplois .jobs-listing-list__row .listed-job-listing__details a {
  font-size: 0.875rem;
  font-weight: bold;
}
.offres-demplois .jobs-listing-list__header .listed-job-listing__details a .pin_post,
.offres-demplois .jobs-listing-list__row .listed-job-listing__details a .pin_post {
  color: rgba(8, 8, 16, 0.75);
  display: inline-block;
  border-radius: 8px;
  background-color: var(--color-ats);
  font-size: 12px;
  padding: 0px 7.5px;
  margin-left: 5px;
}
.offres-demplois .jobs-listing-list__header .listed-job-listing__details a .pin_post.expired_job,
.offres-demplois .jobs-listing-list__row .listed-job-listing__details a .pin_post.expired_job {
  background-color: #c4f0c4;
}
.offres-demplois .jobs-listing-list__header .listed-job-listing__details a .pin_post.draft,
.offres-demplois .jobs-listing-list__row .listed-job-listing__details a .pin_post.draft {
  background-color: rgba(250, 160, 90, 0.21);
}
.offres-demplois .jobs-listing-list__header .listed-job-listing__details a .pin_post.disabled_job,
.offres-demplois .jobs-listing-list__row .listed-job-listing__details a .pin_post.disabled_job {
  color: #fff;
}
.offres-demplois .jobs-listing-list__header .listed-job-listing__checkbox .job-listing-checkbox,
.offres-demplois .jobs-listing-list__row .listed-job-listing__checkbox .job-listing-checkbox {
  border: 1px solid var(--color-ats);
  width: 20px;
}
.offres-demplois .jobs-listing-list__header .listed-job-listing__checkbox .job-listing-checkbox:after,
.offres-demplois .jobs-listing-list__row .listed-job-listing__checkbox .job-listing-checkbox:after {
  width: 0.75rem;
}
.offres-demplois .jobs-listing-list__header .listed-job-listing__pic,
.offres-demplois .jobs-listing-list__row .listed-job-listing__pic {
  width: 50px;
}
.offres-demplois .jobs-listing-list__header .listed-job-listing__pic > a,
.offres-demplois .jobs-listing-list__row .listed-job-listing__pic > a {
  height: 50px;
}
.offres-demplois .jobs-listing-list__header .listed-job-listing__pic .job-listing-pic-badges .job-listing-zvoove,
.offres-demplois .jobs-listing-list__row .listed-job-listing__pic .job-listing-pic-badges .job-listing-zvoove {
  height: 20px;
}
.offres-demplois .jobs-listing-list__header .listed-job-listing__pic .job-listing-pic-badges .job-listing-zvoove svg,
.offres-demplois .jobs-listing-list__row .listed-job-listing__pic .job-listing-pic-badges .job-listing-zvoove svg {
  block-size: 0.675rem;
}
.offres-demplois .jobs-listing-list__header .listed-job-listing__missions .btn-icon,
.offres-demplois .jobs-listing-list__row .listed-job-listing__missions .btn-icon {
  block-size: 30px;
}
.offres-demplois .jobs-listing-list__header .listed-job-listing__missions .btn-icon.note-view svg,
.offres-demplois .jobs-listing-list__row .listed-job-listing__missions .btn-icon.note-view svg {
  inline-size: 0.875rem;
}
.offres-demplois .jobs-listing-list__header .listed-job-listing__missions .btn-icon.exchanges-view svg,
.offres-demplois .jobs-listing-list__row .listed-job-listing__missions .btn-icon.exchanges-view svg {
  inline-size: 0.8em;
}
.offres-demplois .jobs-listing-list__header .listed-job-listing__applications small,
.offres-demplois .jobs-listing-list__row .listed-job-listing__applications small {
  color: var(--color-ats, #000);
}
.offres-demplois .jobs-listing-list__header .listed-job-listing__actions a,
.offres-demplois .jobs-listing-list__row .listed-job-listing__actions a {
  block-size: 30px;
}
.offres-demplois .jobs-listing-list__header .listed-job-listing__actions a svg,
.offres-demplois .jobs-listing-list__row .listed-job-listing__actions a svg {
  max-width: 18px;
}
.offres-demplois .jobs-listing-list__header .fw-normal,
.offres-demplois .jobs-listing-list__header .fs-normal,
.offres-demplois .jobs-listing-list__row .fw-normal,
.offres-demplois .jobs-listing-list__row .fs-normal {
  font-size: 0.875rem !important;
}
.offres-demplois .jobs-listing-list__row {
  min-height: 82px;
  padding: 1rem;
}
.offres-demplois .jobs-listing-list__row > * {
  font-weight: normal;
}
.offres-demplois .no-result {
  text-align: center;
  padding: 30px 0;
}
.offres-demplois .pagination {
  text-align: center;
  margin-top: 15px;
}
.offres-demplois .pagination #page-info {
  margin: 0 30px;
}
.offres-demplois .pagination button {
  font-size: 14px;
  padding: 5px 15px;
  background-color: black;
}
.offres-demplois .pagination button:hover {
  background-color: white;
  color: black;
}
.offres-demplois .pagination button.disabled {
  opacity: 0.25;
  cursor: default;
}
.offres-demplois .pagination button.disabled:hover {
  background-color: black;
  color: white;
}

.profil-pic {
  position: absolute;
  right: 60px;
  top: 50%;
  block-size: 3.125rem;
  aspect-ratio: 1;
  -o-object-fit: cover;
     object-fit: cover;
  translate: 0 -50%;
  border-radius: 100vmax;
  z-index: 100;
}

.current-resume a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  font-weight: 600;
  font-family: var(--font-heading);
  border: 1px solid var(--color-ats);
  border-radius: 100vmax;
  text-align: center;
  transition: all 0.4s ease;
}
.current-resume a span::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: 1.25rem;
  aspect-ratio: 1;
  transition: all 0.4s ease;
  background-color: var(--color-ats);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23e3e3e3' viewBox='0 -960 960 960'%3E%3Cpath d='M480-320q75 0 127.5-52.5T660-500t-52.5-127.5T480-680t-127.5 52.5T300-500t52.5 127.5T480-320m0-72q-45 0-76.5-31.5T372-500t31.5-76.5T480-608t76.5 31.5T588-500t-31.5 76.5T480-392m0 192q-146 0-266-81.5T40-500q54-137 174-218.5T480-800t266 81.5T920-500q-54 137-174 218.5T480-200m0-80q113 0 207.5-59.5T832-500q-50-101-144.5-160.5T480-720t-207.5 59.5T128-500q50 101 144.5 160.5T480-280'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23e3e3e3' viewBox='0 -960 960 960'%3E%3Cpath d='M480-320q75 0 127.5-52.5T660-500t-52.5-127.5T480-680t-127.5 52.5T300-500t52.5 127.5T480-320m0-72q-45 0-76.5-31.5T372-500t31.5-76.5T480-608t76.5 31.5T588-500t-31.5 76.5T480-392m0 192q-146 0-266-81.5T40-500q54-137 174-218.5T480-800t266 81.5T920-500q-54 137-174 218.5T480-200m0-80q113 0 207.5-59.5T832-500q-50-101-144.5-160.5T480-720t-207.5 59.5T128-500q50 101 144.5 160.5T480-280'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.current-resume a:hover {
  text-decoration: none;
  background-color: var(--color-ats);
  color: #fff;
}
.current-resume a:hover span::before {
  background-color: #fff;
}

.mes-informations .form__row:has(.current-resume) .form__field {
  display: flex;
  gap: 0.5rem;
  flex-direction: column-reverse;
}
.mes-informations .form__row:has(.current-resume) .form__desc {
  margin-block: unset;
}

.missions-crees .missions-list__row,
.missions-crees .job-list__header {
  grid-template-columns: 10% 16% 16% 10% 26% 12%;
}
.missions-crees .missions-list__row.table-archived, .missions-crees .missions-list__row.table-closed,
.missions-crees .job-list__header.table-archived,
.missions-crees .job-list__header.table-closed {
  grid-template-columns: 10% 24% 16% 15% 21% 15%;
}

.missions-crees .missions-list {
  position: relative;
}
.missions-crees .missions-list .missions-list__loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f2f2f2;
  opacity: 0.75;
  display: none;
  z-index: 10;
}
.missions-crees .missions-list__row {
  position: relative;
}
.missions-crees .missions-list__row .badges-list {
  position: absolute;
  top: -10px;
  left: 15px;
}
.missions-crees .missions-list__row .badges-list .badge-search {
  color: #ffffff;
  width: auto;
  padding: 0px 5px;
  font-size: 14px;
  margin-right: 10px;
  border-radius: 5px;
}
.missions-crees .missions-list__row .badges-list .badge-search svg {
  width: 15px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  fill: white;
}
.missions-crees .missions-list__row .badges-list .badge-search.badge-search-completed {
  background-color: hsl(var(--color-success-hs), 45%);
}
.missions-crees .missions-list__row .badges-list .badge-search.badge-search-closed {
  background-color: hsl(var(--color-warning-hs), 42%);
}
.missions-crees .missions-list__row .badges-list .badge-search.badge-search-cancelled {
  background-color: hsl(var(--color-danger-hs), 42%);
}
.missions-crees .missions-list__row .badges-list .badge-search.badge-wanter {
  background-color: var(--color-ats);
}
.missions-crees .missions-list__row .badges-list .badge-search.badge-wanter svg {
  width: 20px;
}
.missions-crees .missions-list__row.search-completed {
  position: relative;
}
.missions-crees .missions-list__row .listed-mission__applicant {
  display: flex;
  padding: 5px 0;
  flex-wrap: wrap;
  gap: 4px;
}
.missions-crees .missions-list__row .listed-mission__applicant .listed-mission__overline {
  width: 100%;
}
.missions-crees .missions-list__row .listed-mission__applicant .ui-msg {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 0 1 auto;
  width: calc(50% - 4px);
  gap: 6px;
  padding: 5px 10px;
  font-size: 85%;
  line-height: 85%;
  border-radius: 8px;
  border: unset;
}
.missions-crees .missions-list__row .listed-mission__applicant .ui-msg[data-modal-trigger] {
  cursor: pointer;
  transition: all 0.4s ease-in-out;
}
.missions-crees .missions-list__row .listed-mission__applicant .ui-msg[data-modal-trigger] em {
  transition: all 0.4s ease-in-out;
}
@media screen and (max-width: 768.98px) {
  .missions-crees .missions-list__row .listed-mission__applicant .ui-msg {
    margin-top: 10px;
  }
}
.missions-crees .missions-list__row .listed-mission__applicant .ui-msg em {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  font-style: normal;
  font-weight: bold;
  font-size: 70%;
  border-radius: 100%;
}
.missions-crees .missions-list__row .listed-mission__applicant .ui-msg.ui-msg-information {
  color: hsl(var(--color-info-hs), 52%);
  background-color: hsl(var(--color-info-hs), 92%);
}
.missions-crees .missions-list__row .listed-mission__applicant .ui-msg.ui-msg-information em {
  color: hsl(var(--color-info-hs), 92%);
  background-color: hsl(var(--color-info-hs), 52%);
}
.missions-crees .missions-list__row .listed-mission__applicant .ui-msg.ui-msg-information[data-modal-trigger]:hover {
  background-color: hsl(var(--color-info-hs), 52%);
  color: hsl(var(--color-info-hs), 92%);
}
.missions-crees .missions-list__row .listed-mission__applicant .ui-msg.ui-msg-information[data-modal-trigger]:hover em {
  background-color: hsl(var(--color-info-hs), 92%);
  color: hsl(var(--color-info-hs), 52%);
}
.missions-crees .missions-list__row .listed-mission__applicant .ui-msg.ui-msg-success {
  color: hsl(var(--color-success-hs), 42%);
  background-color: hsl(var(--color-success-hs), 92%);
}
.missions-crees .missions-list__row .listed-mission__applicant .ui-msg.ui-msg-success em {
  color: hsl(var(--color-success-hs), 92%);
  background-color: hsl(var(--color-success-hs), 42%);
}
.missions-crees .missions-list__row .listed-mission__applicant .ui-msg.ui-msg-success[data-modal-trigger]:hover {
  background-color: hsl(var(--color-success-hs), 42%);
  color: hsl(var(--color-success-hs), 92%);
}
.missions-crees .missions-list__row .listed-mission__applicant .ui-msg.ui-msg-success[data-modal-trigger]:hover em {
  background-color: hsl(var(--color-success-hs), 92%);
  color: hsl(var(--color-success-hs), 42%);
}
.missions-crees .missions-list__row .listed-mission__applicant .ui-msg.ui-msg-warning {
  color: hsl(var(--color-warning-hs), 42%);
  background-color: hsl(var(--color-warning-hs), 92%);
}
.missions-crees .missions-list__row .listed-mission__applicant .ui-msg.ui-msg-warning em {
  color: hsl(var(--color-warning-hs), 92%);
  background-color: hsl(var(--color-warning-hs), 42%);
}
.missions-crees .missions-list__row .listed-mission__applicant .ui-msg.ui-msg-warning[data-modal-trigger]:hover {
  background-color: hsl(var(--color-warning-hs), 42%);
  color: hsl(var(--color-warning-hs), 92%);
}
.missions-crees .missions-list__row .listed-mission__applicant .ui-msg.ui-msg-warning[data-modal-trigger]:hover em {
  background-color: hsl(var(--color-warning-hs), 92%);
  color: hsl(var(--color-warning-hs), 42%);
}
.missions-crees .missions-list__row .listed-mission__applicant .ui-msg.ui-msg-danger {
  color: hsl(var(--color-danger-hs), 42%);
  background-color: hsl(var(--color-danger-hs), 92%);
}
.missions-crees .missions-list__row .listed-mission__applicant .ui-msg.ui-msg-danger em {
  color: hsl(var(--color-danger-hs), 92%);
  background-color: hsl(var(--color-danger-hs), 42%);
}
.missions-crees .missions-list__row .listed-mission__applicant .ui-msg.ui-msg-danger[data-modal-trigger]:hover {
  background-color: hsl(var(--color-danger-hs), 42%);
  color: hsl(var(--color-danger-hs), 92%);
}
.missions-crees .missions-list__row .listed-mission__applicant .ui-msg.ui-msg-danger[data-modal-trigger]:hover em {
  background-color: hsl(var(--color-danger-hs), 92%);
  color: hsl(var(--color-danger-hs), 42%);
}

.espace-societe .cartouche-info {
  background-color: var(--color-ats);
  color: #fff;
  padding: 7.5px 15px;
  font-weight: 600;
}
.espace-societe .block-manager {
  background: #fff;
  padding: 1.25rem;
  border-radius: 25px;
  height: 100%;
}
.espace-societe .summary-manager__item {
  display: flex;
  align-items: start;
  gap: 0.5rem;
  margin-top: 0.75rem;
}
.espace-societe .summary-manager__item.full__width {
  display: block;
}
.espace-societe .summary-manager__item .summary-manager__item__value {
  font-weight: bold;
}
.espace-societe .summary-manager__item ul {
  padding-left: 20px;
  list-style: disc;
  font-weight: bold;
}
.espace-societe .modal .modal__loading {
  display: none;
}
.espace-societe .modal .modal__content form input {
  border: 1px solid #d9d9d9;
}

.nouvelle-mission .form__field_end_date {
  display: none;
}
.nouvelle-mission .form__row_location.not-displayed label {
  display: none;
}
.nouvelle-mission .form__row_location.not-displayed #location {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.nouvelle-mission .tomselected + .form-select .ts-control {
  padding-block-start: 30px !important;
  padding-block-end: 3px !important;
}
.nouvelle-mission .form__row[data-it="1"] {
  margin-block-start: 2rem;
}
.nouvelle-mission .form__row .form__field--radio {
  align-items: start;
}
.nouvelle-mission .form__row .form__field--radio label {
  white-space: nowrap;
  flex-direction: column;
  padding-top: 2px;
}
.nouvelle-mission .form__row.form__row_use_client_address .coche, .nouvelle-mission .form__row.form__row_use_my_company_address .coche {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin-bottom: 1rem;
}
.nouvelle-mission .form__row.form__row_use_client_address .coche label, .nouvelle-mission .form__row.form__row_use_my_company_address .coche label {
  margin-block-end: unset;
}
.nouvelle-mission .form__row.form__row_duration {
  display: block;
}
.nouvelle-mission .form__row.form__row_duration small {
  display: block;
  padding-top: 10px;
  padding-left: 30px;
}
.nouvelle-mission .ts-control {
  gap: 0 0.75rem !important;
}
.nouvelle-mission .ts-control > span {
  margin-top: -5px;
}
.nouvelle-mission .ts-control .custom-item span.data-id, .nouvelle-mission .ts-control .custom-item span.data-group-name {
  font-size: 12px;
  margin-right: 5px;
}
.nouvelle-mission .ts-dropdown .custom-option span.data-id, .nouvelle-mission .ts-dropdown .custom-option span.data-group-name {
  font-size: 12px;
}
.nouvelle-mission [data-screen=criteria] .form__row_contact_only_my_teamers {
  padding-top: 50px;
}
.nouvelle-mission [data-screen=criteria] .form__row_contact_only_my_teamers .coche label {
  font-weight: bold;
}
.nouvelle-mission [data-screen=criteria] .required_transported_area {
  padding-top: 20px;
}
.nouvelle-mission [data-screen=criteria] .required_transported_area .form__row_transported_choices {
  width: 100%;
}
.nouvelle-mission [data-screen=criteria] .required_transported_area .form__row_transported_choices .transported_choice {
  max-width: 135px;
}
.nouvelle-mission [data-screen=criteria] .form__row_disabled {
  display: none;
}
.nouvelle-mission [data-screen=criteria] .form__row_disabled label {
  background-color: #e0dcdc !important;
}
.nouvelle-mission [data-screen=criteria] .form__row_disabled .form__field--radio label {
  background-color: transparent !important;
}
.nouvelle-mission [data-screen=criteria] .form__row_disabled .form__field--radio input {
  background-color: #e0dcdc !important;
  cursor: default;
}
.nouvelle-mission [data-screen=criteria] .form__row_disabled input[type=text], .nouvelle-mission [data-screen=criteria] .form__row_disabled input[type=date], .nouvelle-mission [data-screen=criteria] .form__row_disabled select {
  background-color: #e0dcdc !important;
  cursor: default;
}
.nouvelle-mission [data-screen=criteria] .form__row_disabled .form-select {
  background-color: #e0dcdc !important;
  cursor: default;
}
.nouvelle-mission [data-screen=criteria] .form__row_disabled .form-select input {
  background-color: transparent !important;
}
.nouvelle-mission [data-screen=criteria] .form__row_disabled .add-row, .nouvelle-mission [data-screen=criteria] .form__row_disabled .remove-row {
  display: none;
}
.nouvelle-mission [data-screen=applicants-list] .form__row_introduction_table {
  margin-bottom: 15px;
}
.nouvelle-mission [data-screen=applicants-list] .form__row_introduction_table #search-input {
  padding-top: 0;
  height: 3rem;
}
.nouvelle-mission [data-screen=applicants-list] .form__row_introduction_table .form__field_counter {
  align-items: center;
  display: flex;
  justify-content: end;
}
.nouvelle-mission [data-screen=applicants-list] .table-container {
  width: 100%;
  overflow-x: auto;
}
.nouvelle-mission [data-screen=applicants-list] .table-container .table-striped-custom {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  border-radius: 15px;
  overflow: hidden;
}
.nouvelle-mission [data-screen=applicants-list] .table-container .table-striped-custom thead th {
  background-color: var(--color-ats, #000);
  color: white;
  font-weight: bold;
  text-align: left;
  padding: 6px;
  border: 1px solid #e5e5e5;
}
.nouvelle-mission [data-screen=applicants-list] .table-container .table-striped-custom tbody tr {
  background-color: white;
}
.nouvelle-mission [data-screen=applicants-list] .table-container .table-striped-custom tbody tr:nth-child(even) {
  background-color: #e5e5e5;
}
.nouvelle-mission [data-screen=applicants-list] .table-container .table-striped-custom tbody tr:nth-child(even) td {
  border-color: white;
}
.nouvelle-mission [data-screen=applicants-list] .table-container .table-striped-custom tbody tr.no-result td {
  text-align: center;
}
.nouvelle-mission [data-screen=applicants-list] .table-container .table-striped-custom tbody td {
  padding: 6px;
  border: 1px solid #e5e5e5;
}
.nouvelle-mission [data-screen=applicants-list] .table-container .table-striped-custom tbody td ul {
  padding-left: 20px;
}
.nouvelle-mission [data-screen=applicants-list] .table-container .table-striped-custom tbody td.checkbox-cell-wrapper input {
  border-color: #e5e5e5;
}
.nouvelle-mission [data-screen=applicants-list] .table-container .table-striped-custom tbody td.lastname-cell-wrapper a {
  color: var(--color-base);
}
.nouvelle-mission [data-screen=applicants-list] .table-container .table-striped-custom tbody td.lastname-cell-wrapper a:hover {
  color: var(--color-ats);
}
.nouvelle-mission [data-screen=applicants-list] .table-container .table-striped-custom tbody td.lastname-cell-wrapper .icon-zvoove svg {
  border-radius: 100%;
  width: 16px;
  height: 16px;
  padding: 3px;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  background-color: #343f57;
  margin-right: 5px;
}
.nouvelle-mission [data-screen=applicants-list] .table-container .table-striped-custom tbody td.coordinates-cell-wrapper a {
  color: var(--color-base);
}
.nouvelle-mission [data-screen=applicants-list] .table-container .table-striped-custom tbody td.coordinates-cell-wrapper a:hover {
  color: var(--color-ats, #000);
}
.nouvelle-mission [data-screen=applicants-list] .table-container .table-striped-custom tbody td.cv-cell-wrapper {
  text-align: center;
}
.nouvelle-mission [data-screen=applicants-list] .table-container .table-striped-custom tbody td.cv-cell-wrapper svg {
  height: 42px;
  margin: 0 auto;
}
.nouvelle-mission [data-screen=applicants-list] .pagination {
  text-align: center;
  margin-top: 15px;
}
.nouvelle-mission [data-screen=applicants-list] .pagination #page-indicator {
  margin: 0 30px;
}
.nouvelle-mission [data-screen=applicants-list] .pagination button {
  font-size: 14px;
  padding: 5px 15px;
  background-color: black;
}
.nouvelle-mission [data-screen=applicants-list] .pagination button:hover {
  background-color: white;
  color: black;
}
.nouvelle-mission [data-screen=applicants-list] .pagination button[disabled] {
  opacity: 0.25;
  cursor: default;
}
.nouvelle-mission [data-screen=applicants-list] .pagination button[disabled]:hover {
  background-color: black;
  color: white;
}

select:not([multiple]) + div.ts-wrapper .ts-control {
  padding-block-start: 15px !important;
}
select:not([multiple]) + div.ts-wrapper .ts-control > div {
  background-color: unset !important;
}

select:not(.ajax-fillable) + div.ts-wrapper .ts-control > input {
  display: none !important;
}

.mes-metiers #permits + .ts-wrapper .ts-control span {
  align-items: center;
  display: inline-flex;
  background: #efefef;
  border: 0 solid #dee2e6;
  color: #343a40;
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 1px 5px;
  background-color: hsla(var(--color-ats-hs), 94%, 0.8) !important;
  border-radius: 4px !important;
}

.mission-preview .schedules,
.panel-mission__row .schedules {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin-top: 1rem;
  padding: 2rem;
  border: 1px solid var(--color-gray-100);
  border-radius: 40px;
}
@media screen and (max-width: 768.98px) {
  .mission-preview .schedules,
  .panel-mission__row .schedules {
    grid-template-columns: 2fr;
  }
}
.mission-preview .schedules .date-m .title,
.panel-mission__row .schedules .date-m .title {
  margin-block-end: 0.75rem;
  color: var(--color-base);
  text-align: center;
  font-size: 0.875rem;
  font-weight: 600;
}
.mission-preview .schedules .date-m .details,
.panel-mission__row .schedules .date-m .details {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.mission-preview .schedules .date-m .details span,
.panel-mission__row .schedules .date-m .details span {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.2em 0.6em;
  color: var(--color-gray-700);
  font-size: 0.875rem;
  background-color: var(--color-gray-100);
  border-radius: 4px;
}

.mes-informations .row_country .ts-control .item {
  background-color: transparent !important;
}
.mes-informations .row_country .ts-control .item .remove {
  display: none;
}

.form__row_schedules_area .form__heading {
  margin-block-start: 1.5rem;
}

.form__row_budget_simulator {
  margin-block-end: 0.5rem;
  margin-inline-start: 2em;
  font-size: 80%;
  font-weight: 600;
  display: none;
}

.schedules-area .schedules-body {
  padding: 50px;
  background-color: #ebebeb;
  border-radius: 30px;
  display: none;
}
.schedules-area .schedules-body[data-duration=punctual_duration] .list-days {
  padding-right: 90px;
}
.schedules-area .schedules-body[data-duration=punctual_duration] .list-days .table {
  overflow: visible;
}
.schedules-area .schedules-body[data-duration=punctual_duration] .list-days .table .table-header {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.schedules-area .schedules-body[data-duration=punctual_duration] .list-days .table .table-body {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.schedules-area .schedules-body[data-duration=punctual_duration] .list-days .table .reference-day .minus {
  display: none !important;
}
.schedules-area .schedules-body[data-duration=punctual_duration] .list-days .table .day {
  position: relative;
}
.schedules-area .schedules-body[data-duration=punctual_duration] .list-days .table .day .actions {
  position: absolute;
  left: 100%;
  top: 0;
  width: auto;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
  padding-left: 15px;
}
.schedules-area .schedules-body[data-duration=punctual_duration] .list-days .table .day .actions button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0.85rem;
  gap: 0.5rem;
  width: 50px;
  aspect-ratio: 1;
  color: #fff;
  border: 1px solid rgba(0, 0, 0, 0);
  background-color: var(--color-ats);
  border-radius: 100vmax;
  margin-right: 5px;
  cursor: pointer;
  transition: all 0.4s;
  margin-block: 0.4em;
  font-size: 20px;
}
.schedules-area .schedules-body[data-duration=punctual_duration] .list-days .table .day .actions button.minus {
  background-color: hsl(var(--color-danger-hs), 50%);
}
.schedules-area .schedules-body[data-duration=punctual_duration] .list-days .table .day .date-day {
  position: relative;
}
.schedules-area .schedules-body[data-duration=punctual_duration] .list-days .table .day .date-day input {
  z-index: 1;
  border: 1px solid #ebebeb;
  padding: 0 2rem;
  max-width: 350px;
}
.schedules-area .schedules-body[data-duration=punctual_duration] .list-days .table .day .date-day span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.schedules-area .table {
  border-radius: 10px;
  overflow: hidden;
}
.schedules-area .table .table-header {
  padding: 0.375rem;
  color: var(--color-gray-100);
  text-align: center;
  font-weight: 600;
  background-color: var(--color-base);
}
.schedules-area .table .table-body {
  background-color: #ffffff;
}
.schedules-area .table .table-body:not(:has(.date-day)) {
  padding-block: 1rem;
}
.schedules-area .table .row-table {
  display: flex;
  flex-wrap: wrap;
}
.schedules-area .table .row-table .col-table {
  flex: 1 0 0%;
  display: flex;
  justify-content: center;
}
.schedules-area .table .row-table .col-table .line {
  max-width: 100%;
  width: 16.5rem;
  align-items: center;
  margin: 0;
  display: flex;
  gap: 1rem;
  padding: 0;
}
.schedules-area .table .row-table .col-table .line span {
  display: flex;
  justify-content: flex-end;
  flex-grow: 1;
}
.schedules-area .table .row-table .col-table .line input {
  inline-size: 80%;
  margin-inline-start: auto;
  border: 1px solid var(--color-gray-300);
}
.schedules-area .table .table-body .row-table .line {
  margin: 10px auto;
  align-items: center;
}
.schedules-area .set-schedules-per-day .coche {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin-bottom: 1rem;
}
.schedules-area .set-schedules-per-day .coche label {
  margin-block-end: unset;
}
.schedules-area .typical-week .coche {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin-bottom: 1rem;
}
.schedules-area .typical-week .coche label {
  margin-block-end: unset;
}
.schedules-area .typical-week .table {
  display: none;
}
.schedules-area .list-days .table-body .row-table:not(.is-open) .col-table {
  display: none;
}
.schedules-area .list-days .table-body .row-table:is(.is-open) .date-day::after {
  rotate: 180deg;
}
.schedules-area .list-days .row-table.with-checkbox {
  position: relative;
}
.schedules-area .list-days .row-table.with-checkbox > input[type=checkbox] {
  position: absolute;
  top: 10px;
  left: 15px;
  border-color: var(--color-ats);
}
.schedules-area .list-days .row-table.with-checkbox .date-day {
  padding-left: 4rem;
}
.schedules-area .list-days .day-type {
  display: none;
}
.schedules-area .list-days .month-type {
  display: none;
}
.schedules-area .list-days .list .day-type {
  display: flex;
}
.schedules-area .list-days .list .date-day {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1rem 2rem;
  font-weight: 600;
  font-size: 0.95rem;
  cursor: pointer;
  transition: background-color 0.4s;
}
.schedules-area .list-days .list .date-day:hover {
  background-color: #eee;
}
.schedules-area .list-days .list .date-day::after {
  content: "";
  width: 1rem;
  aspect-ratio: 1;
  background-color: var(--color-dark);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 15 15'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M3.135 6.158a.5.5 0 0 1 .707-.023L7.5 9.565l3.658-3.43a.5.5 0 0 1 .684.73l-4 3.75a.5.5 0 0 1-.684 0l-4-3.75a.5.5 0 0 1-.023-.707Z' clip-rule='evenodd'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 15 15'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M3.135 6.158a.5.5 0 0 1 .707-.023L7.5 9.565l3.658-3.43a.5.5 0 0 1 .684.73l-4 3.75a.5.5 0 0 1-.684 0l-4-3.75a.5.5 0 0 1-.023-.707Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.schedules-area .list-days .list .day:nth-child(even) {
  background-color: #fafafa;
}
.schedules-area .list-days .list .month {
  margin-top: 2rem;
}
.schedules-area .list-days .list .month .month-value {
  margin-block-end: 0.5rem;
  font-size: 1.1rem;
  font-weight: 600;
  text-transform: capitalize;
}
.schedules-area [data-duration=punctual_duration] .list-days .col-table[data-col=name-day] {
  max-width: 20%;
}
.schedules-area [data-duration=punctual_duration] .list-days .col-table[data-col=morning] {
  max-width: 40%;
}
.schedules-area [data-duration=punctual_duration] .list-days .col-table[data-col=afternoon] {
  max-width: 40%;
}
.schedules-area [data-duration=punctual_duration] .list-days .table-body .row-table {
  align-items: center;
}
.schedules-area [data-duration=punctual_duration] .list-days .table-body .row-table .col-table {
  display: block;
  text-align: center;
  padding: 0 10px;
}
.schedules-area [data-duration=punctual_duration] .list-days .table-body .row-table .col-table input {
  height: 50px;
  border: 1px solid var(--color-gray-300);
  padding-top: 0;
}
.schedules-area [data-duration=punctual_duration] .list-days .table-body .row-table .col-table .line {
  max-width: 38%;
  display: inline-flex;
}

.detail-mission .mission-preview__tags {
  padding-left: 20px;
  list-style-type: disc;
}
.detail-mission .mission-preview .mission-preview__client svg {
  border-radius: 100%;
  width: 22px;
  height: 22px;
  padding: 3px;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  background-color: #343f57;
}
.detail-mission .mission-preview .preview_schedules {
  width: 100%;
}
.detail-mission .mission-preview .preview_schedules .schedules {
  padding: 0;
}
.detail-mission .mission-preview .preview_schedules .schedules .date-m .details span {
  background-color: white;
}
.detail-mission .list-required-transported {
  padding-left: 20px;
  font-weight: normal;
}

.missions-crees .filters-missions .form__field {
  max-width: 400px;
}
.missions-crees .filters-missions .form__field select {
  border: 1px solid #9ea2a2;
  color: #4b4f54;
  background-color: rgba(0, 0, 0, 0);
  padding-top: 0;
}

.archived-mission-content span.copy {
  cursor: pointer;
  position: relative;
  transition: all 0.4s ease-out;
  display: inline-block;
}
.archived-mission-content span.copy:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg class='' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='white' d='M433.941 65.941l-51.882-51.882A48 48 0 0 0 348.118 0H176c-26.51 0-48 21.49-48 48v48H48c-26.51 0-48 21.49-48 48v320c0 26.51 21.49 48 48 48h224c26.51 0 48-21.49 48-48v-48h80c26.51 0 48-21.49 48-48V99.882a48 48 0 0 0-14.059-33.941zM266 464H54a6 6 0 0 1-6-6V150a6 6 0 0 1 6-6h74v224c0 26.51 21.49 48 48 48h96v42a6 6 0 0 1-6 6zm128-96H182a6 6 0 0 1-6-6V54a6 6 0 0 1 6-6h106v88c0 13.255 10.745 24 24 24h88v202a6 6 0 0 1-6 6zm6-256h-64V48h9.632c1.591 0 3.117.632 4.243 1.757l48.368 48.368a6 6 0 0 1 1.757 4.243V112z'%3E%3C/path%3E%3C/svg%3E");
  width: 25px;
  height: 25px;
  border: 2px solid #43b02a;
  border-radius: 100%;
  background-size: 70%;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-flex;
  vertical-align: middle;
  margin-left: 5px;
  background-color: #43b02a;
  fill: #f2f2f2;
  text-align: center;
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: auto;
  right: -26px;
  z-index: 1;
  transition: all 0.4s ease-out;
  visibility: hidden;
}
.archived-mission-content span.copy:hover {
  color: #43b02a;
}
.archived-mission-content span.copy:hover:after {
  opacity: 1;
  visibility: visible;
}
.archived-mission-content .panel-mission__item:not(.candidats-mission) {
  align-items: start;
  gap: 5%;
  flex-wrap: wrap;
}
.archived-mission-content .panel-mission__row {
  width: 100%;
  max-width: 30%;
  margin-bottom: 20px;
}
.archived-mission-content .panel-mission__row .schedules {
  border-color: #d1d0d0;
  grid-template-columns: repeat(5, 1fr);
}
.archived-mission-content .panel-mission__row .schedules .date-m .details span {
  background-color: white;
}
.archived-mission-content .panel-mission__row.panel-mission__row_schedules {
  max-width: 100%;
}
.archived-mission-content .applicants-list .applicants-list__header {
  margin: 0;
}
.archived-mission-content .applicants-list .applicants-list__header,
.archived-mission-content .applicants-list .applicants-list__row {
  grid-template-columns: 10% 30% 25% 15% 15%;
  position: relative;
}
.archived-mission-content .applicants-list .listed-applicant__actions form .form__field:last-child {
  width: auto;
  flex: 1;
  position: relative;
}
.archived-mission-content .applicants-list .listed-applicant__actions input {
  height: 40px;
  padding: 0 15px;
  border: 1px solid #9ea2a2;
}
.archived-mission-content .applicants-list .listed-applicant__actions button {
  height: 40px;
  padding: 0 15px;
}
.archived-mission-content .applicants-list .listed-applicant__actions .id_zvoove__loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 10;
}

.candidats-mission .applicants-list__header,
.candidats-mission .applicants-list__row {
  grid-template-columns: 10% 20% 5% 10% 13% 16% 8% 10%;
}
.candidats-mission .applicants-list__row .listed-applicant__confirmed svg {
  width: 30px;
  color: hsl(var(--color-success-hs), 40%);
}
.candidats-mission .applicants-list__row .listed-applicant__rating_applicant .rating-applicant-label .rating-stars {
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}
.candidats-mission .applicants-list__row .listed-applicant__rating_applicant .rating-applicant-label .rating-stars .star {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.candidats-mission .applicants-list__row .listed-applicant__rating_applicant .rating-applicant-label .rating-stars .star svg {
  height: 22px;
  width: 22px;
}
.candidats-mission .applicants-list__row .listed-applicant__rating_applicant .rating-applicant-label .rating-stars .star svg path {
  fill: var(--color-gray-500);
}
.candidats-mission .applicants-list__row .listed-applicant__rating_applicant .rating-applicant-label .rating-stars .star.filled svg path {
  fill: var(--color-ats, #000);
}

.warning-empty-jobs-or-permits {
  max-width: 960px;
  width: 100%;
  margin: 0 auto 30px;
  text-align: center;
}
.warning-empty-jobs-or-permits svg {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

#modalListMissionOfApplicant .modal__dialog,
#modalListExchangeOfApplicant .modal__dialog,
#modalSummaryApplicantsAboutMissionStatus .modal__dialog,
#modalActionCurrentApplicant .modal__dialog {
  max-width: 1200px;
  width: 100%;
}
#modalListMissionOfApplicant .modal__dialog .modal__header p em,
#modalListExchangeOfApplicant .modal__dialog .modal__header p em,
#modalSummaryApplicantsAboutMissionStatus .modal__dialog .modal__header p em,
#modalActionCurrentApplicant .modal__dialog .modal__header p em {
  display: block;
  font-size: 1rem;
}
#modalListMissionOfApplicant .modal__dialog .modal__content .table-container,
#modalListExchangeOfApplicant .modal__dialog .modal__content .table-container,
#modalSummaryApplicantsAboutMissionStatus .modal__dialog .modal__content .table-container,
#modalActionCurrentApplicant .modal__dialog .modal__content .table-container {
  width: 100%;
  overflow-x: auto;
}
#modalListMissionOfApplicant .modal__dialog .modal__content .table-container .table-striped-custom,
#modalListExchangeOfApplicant .modal__dialog .modal__content .table-container .table-striped-custom,
#modalSummaryApplicantsAboutMissionStatus .modal__dialog .modal__content .table-container .table-striped-custom,
#modalActionCurrentApplicant .modal__dialog .modal__content .table-container .table-striped-custom {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  border-radius: 15px;
  overflow: hidden;
  border: 1px solid;
}
#modalListMissionOfApplicant .modal__dialog .modal__content .table-container .table-striped-custom thead th,
#modalListExchangeOfApplicant .modal__dialog .modal__content .table-container .table-striped-custom thead th,
#modalSummaryApplicantsAboutMissionStatus .modal__dialog .modal__content .table-container .table-striped-custom thead th,
#modalActionCurrentApplicant .modal__dialog .modal__content .table-container .table-striped-custom thead th {
  background-color: var(--color-ats, #000);
  color: white;
  font-weight: bold;
  text-align: left;
  padding: 6px;
  border: 1px solid #e5e5e5;
}
#modalListMissionOfApplicant .modal__dialog .modal__content .table-container .table-striped-custom tbody tr,
#modalListExchangeOfApplicant .modal__dialog .modal__content .table-container .table-striped-custom tbody tr,
#modalSummaryApplicantsAboutMissionStatus .modal__dialog .modal__content .table-container .table-striped-custom tbody tr,
#modalActionCurrentApplicant .modal__dialog .modal__content .table-container .table-striped-custom tbody tr {
  background-color: white;
}
#modalListMissionOfApplicant .modal__dialog .modal__content .table-container .table-striped-custom tbody tr:nth-child(even),
#modalListExchangeOfApplicant .modal__dialog .modal__content .table-container .table-striped-custom tbody tr:nth-child(even),
#modalSummaryApplicantsAboutMissionStatus .modal__dialog .modal__content .table-container .table-striped-custom tbody tr:nth-child(even),
#modalActionCurrentApplicant .modal__dialog .modal__content .table-container .table-striped-custom tbody tr:nth-child(even) {
  background-color: #e5e5e5;
}
#modalListMissionOfApplicant .modal__dialog .modal__content .table-container .table-striped-custom tbody tr:nth-child(even) td,
#modalListExchangeOfApplicant .modal__dialog .modal__content .table-container .table-striped-custom tbody tr:nth-child(even) td,
#modalSummaryApplicantsAboutMissionStatus .modal__dialog .modal__content .table-container .table-striped-custom tbody tr:nth-child(even) td,
#modalActionCurrentApplicant .modal__dialog .modal__content .table-container .table-striped-custom tbody tr:nth-child(even) td {
  border-color: white;
}
#modalListMissionOfApplicant .modal__dialog .modal__content .table-container .table-striped-custom tbody tr.no-result td,
#modalListExchangeOfApplicant .modal__dialog .modal__content .table-container .table-striped-custom tbody tr.no-result td,
#modalSummaryApplicantsAboutMissionStatus .modal__dialog .modal__content .table-container .table-striped-custom tbody tr.no-result td,
#modalActionCurrentApplicant .modal__dialog .modal__content .table-container .table-striped-custom tbody tr.no-result td {
  text-align: center;
}
#modalListMissionOfApplicant .modal__dialog .modal__content .table-container .table-striped-custom tbody td,
#modalListExchangeOfApplicant .modal__dialog .modal__content .table-container .table-striped-custom tbody td,
#modalSummaryApplicantsAboutMissionStatus .modal__dialog .modal__content .table-container .table-striped-custom tbody td,
#modalActionCurrentApplicant .modal__dialog .modal__content .table-container .table-striped-custom tbody td {
  padding: 6px;
  border: 1px solid #e5e5e5;
  color: var(--color-base);
}
#modalListMissionOfApplicant .modal__dialog .modal__content .table-container .table-striped-custom tbody td ul,
#modalListExchangeOfApplicant .modal__dialog .modal__content .table-container .table-striped-custom tbody td ul,
#modalSummaryApplicantsAboutMissionStatus .modal__dialog .modal__content .table-container .table-striped-custom tbody td ul,
#modalActionCurrentApplicant .modal__dialog .modal__content .table-container .table-striped-custom tbody td ul {
  padding-left: 20px;
}
#modalListMissionOfApplicant .modal__dialog .modal__content .table-container .table-striped-custom tbody td.checkbox-cell-wrapper input,
#modalListExchangeOfApplicant .modal__dialog .modal__content .table-container .table-striped-custom tbody td.checkbox-cell-wrapper input,
#modalSummaryApplicantsAboutMissionStatus .modal__dialog .modal__content .table-container .table-striped-custom tbody td.checkbox-cell-wrapper input,
#modalActionCurrentApplicant .modal__dialog .modal__content .table-container .table-striped-custom tbody td.checkbox-cell-wrapper input {
  border-color: #e5e5e5;
}
#modalListMissionOfApplicant .modal__dialog .modal__content .table-container .table-striped-custom tbody td.lastname-cell-wrapper .icon-zvoove svg,
#modalListExchangeOfApplicant .modal__dialog .modal__content .table-container .table-striped-custom tbody td.lastname-cell-wrapper .icon-zvoove svg,
#modalSummaryApplicantsAboutMissionStatus .modal__dialog .modal__content .table-container .table-striped-custom tbody td.lastname-cell-wrapper .icon-zvoove svg,
#modalActionCurrentApplicant .modal__dialog .modal__content .table-container .table-striped-custom tbody td.lastname-cell-wrapper .icon-zvoove svg {
  border-radius: 100%;
  width: 16px;
  height: 16px;
  padding: 3px;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  background-color: #343f57;
  margin-right: 5px;
}

#modalInterestApplicant form .has-suffix {
  max-width: 300px;
}
#modalInterestApplicant form input {
  padding-top: 0;
  border: 1px solid #dcdcdc;
  height: 100%;
  min-height: 54px;
}
#modalInterestApplicant form .suffix {
  line-height: 3.8rem;
}
#modalInterestApplicant form .loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  display: none;
  z-index: 10;
}
#modalInterestApplicant form .form__row_type_salary {
  width: 100%;
  gap: 1rem;
}
#modalInterestApplicant form .form__row_type_salary .form__field {
  flex: 0 0 auto;
  gap: 5px;
}
#modalInterestApplicant form .form__row_type_salary .form__field input {
  min-height: 30px;
}

#modalSendEmails .sendType {
  text-align: center;
  margin-bottom: 15px;
}
#modalSendEmails .sendType label {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}
#modalSendEmails .sendType select {
  height: auto;
  padding: 5px;
  max-width: 200px;
  display: inline-block;
  vertical-align: middle;
  background-position: 95% 50%;
}
#modalSendEmails .counters {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 10px;
}
#modalSendEmails .counters #smsCounter {
  font-size: 14px;
  font-weight: bold;
  height: 25px;
  padding-left: 10px;
  color: rgb(85, 85, 85);
}
#modalSendEmails .counters .limit_messages_text {
  font-size: 14px;
  font-weight: bold;
  color: var(--color-base);
}
#modalSendEmails .counters .limit_messages_text #limit_messages_grouped {
  color: var(--color-base);
}
#modalSendEmails .info-phone {
  color: #555;
  font-size: 14px;
  cursor: help;
  margin-bottom: 5px;
}
#modalSendEmails .ql-container {
  margin-bottom: 15px;
}
#modalSendEmails .ql-container .ql-editor {
  height: 200px;
}
#modalSendEmails #actions {
  text-align: center;
  margin-top: 20px;
}
#modalSendEmails #actions button {
  font-size: 16px;
  padding: 7.5px 25px;
}

#modalActionCurrentApplicant .loading-remove, #modalRemoveCurrentJobListing .loading-remove {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-color: hsla(0, 0%, 0%, 0.5);
  display: none;
  z-index: 99999999999;
}
#modalActionCurrentApplicant .loading-remove .icon-loading, #modalRemoveCurrentJobListing .loading-remove .icon-loading {
  width: 100px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
}

#modalListMissionOfApplicant .modal__dialog .modal__content .table-container .table-striped-custom {
  font-weight: 500;
}
#modalListMissionOfApplicant .modal__dialog .modal__content .table-container .table-striped-custom tbody tr.is-sended {
  color: hsl(var(--color-info-hs), 52%);
  background-color: hsl(var(--color-info-hs), 92%);
}
#modalListMissionOfApplicant .modal__dialog .modal__content .table-container .table-striped-custom tbody tr.is-pending {
  color: hsl(var(--color-warning-hs), 42%);
  background-color: hsl(var(--color-warning-hs), 92%);
}
#modalListMissionOfApplicant .modal__dialog .modal__content .table-container .table-striped-custom tbody tr.is-accepted {
  color: hsl(var(--color-success-hs), 42%);
  background-color: hsl(var(--color-success-hs), 92%);
}
#modalListMissionOfApplicant .modal__dialog .modal__content .table-container .table-striped-custom tbody tr.is-declined {
  color: hsl(var(--color-danger-hs), 42%);
  background-color: hsl(var(--color-danger-hs), 92%);
}
#modalListMissionOfApplicant .modal__dialog .modal__content .table-container .table-striped-custom tbody tr.is-disabled {
  background-color: #e5e5e5;
}
#modalListMissionOfApplicant .modal__dialog .modal__content .table-container .table-striped-custom tbody tr td {
  color: inherit;
  border-color: white;
}

.pdf-preview-box-cv-applicant {
  position: absolute;
  z-index: 9999;
  aspect-ratio: 0.7777777778;
  width: 600px;
  max-height: 720px;
  border: 1px solid #ccc;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  display: none;
  transition: top 0.1s, bottom 0.1s;
  pointer-events: none;
}

.fiche-candidat .already-connected-via-mobile-app {
  width: 36px;
  height: 36px;
  background-color: var(--color-ats);
  color: #fff;
  border-radius: 100%;
  text-align: center;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  line-height: 1rem;
  margin-left: 30px;
}
.fiche-candidat .already-connected-via-mobile-app svg {
  fill: white;
  width: 28px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.fiche-candidat .icon-favorite-container {
  position: relative;
  width: 38px;
  height: 38px;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border-radius: 6px;
  border: 1px solid #ddd;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  display: inline-flex;
  margin-left: 30px;
  vertical-align: middle;
}
.fiche-candidat .icon-favorite-container:hover {
  background-color: #e9ecef;
  transform: scale(1.1);
}
.fiche-candidat .icon-favorite-container .icon-edit {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fiche-candidat .icon-favorite-container .icon-edit svg {
  width: 24px;
  height: 24px;
  fill: var(--_color);
}
.fiche-candidat .icon-favorite-container .icon-edit.invisible {
  opacity: 0;
  pointer-events: none;
}
.fiche-candidat .icon-favorite-container .icon-edit-favorite-filled svg {
  fill: #f1c80f !important;
}
.fiche-candidat .form__row:has(.form__field--radio) {
  width: 100%;
  gap: var(--space-2);
}
.fiche-candidat .steps__item {
  width: calc(35% - 24px);
}
.fiche-candidat .desc-affiliate-companies ul {
  padding-left: 20px;
}
.fiche-candidat .form-screen[data-screen=identity] .form__field #agency_relationship-ts-label,
.fiche-candidat .form-screen[data-screen=identity] .form__field #zvoove_id-ts-label {
  background-color: transparent;
}
.fiche-candidat .form-screen[data-screen=identity] .form__field select.tomselected:disabled + .ts-wrapper {
  background-color: #e0dcdc;
}
.fiche-candidat .form-screen[data-screen=identity] .form__field input:disabled {
  background-color: #e0dcdc;
  cursor: default;
}
.fiche-candidat .form-screen[data-screen=identity] .form__field input[onclick*=false] {
  background-color: #e0dcdc;
  cursor: default;
}
.fiche-candidat .form-screen[data-screen=skills] .row-job_list select[data-value=unverified] {
  border-color: orange;
}
.fiche-candidat .form-screen[data-screen=skills] .row-job_list.status-prevalidated_by_ai select {
  border-color: red;
}
.fiche-candidat .form-screen[data-screen=skills] .row-job_list select option[value=pending_ai_validation],
.fiche-candidat .form-screen[data-screen=skills] .row-job_list select option[value=prevalidated_by_ai] {
  display: none;
}
.fiche-candidat .form-screen[data-screen=skills] .form__field_checkbox input {
  vertical-align: middle;
  margin-right: 10px;
}
.fiche-candidat .form-screen[data-screen=skills] .form__field_checkbox label {
  display: inline-flex;
  margin: 0;
  cursor: pointer;
}
.fiche-candidat .form-screen[data-screen=skills] select#permits + .ts-wrapper .ts-control .custom-item {
  align-items: center;
  display: inline-flex;
  background: #efefef;
  border: 0 solid #dee2e6;
  color: #343a40;
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 1px 5px;
  background-color: hsla(var(--color-ats-hs), 94%, 0.8) !important;
  border-radius: 4px !important;
}
.fiche-candidat .form-screen[data-screen=skills] select#permits + .ts-wrapper .ts-control .custom-item span {
  font-size: 12px;
  margin-right: 5px;
}
.fiche-candidat .form-screen[data-screen=multimedias] .form__row[data-it="1"] .remove-row {
  visibility: visible !important;
}
.fiche-candidat .form-screen[data-screen=multimedias] .form__row.has-file-uploaded {
  padding-bottom: 55px;
  position: relative;
}
.fiche-candidat .form-screen[data-screen=multimedias] .form__row.has-file-uploaded .current-resume {
  position: absolute;
  padding: 0;
}
.fiche-candidat .form-screen[data-screen=multimedias] .form__row.has-file-uploaded .current-resume a {
  display: inline-block;
}
.fiche-candidat .form-screen[data-screen=multimedias] .form__row.form__row_cv.has-file-uploaded .current-resume {
  top: 75px;
  left: 2em;
  font-weight: bold;
  text-transform: uppercase;
}
.fiche-candidat .form-screen[data-screen=multimedias] .form__row.form__row_document.has-file-uploaded .current-resume {
  bottom: 0;
  left: 0;
}
.fiche-candidat .form-screen[data-screen=multimedias] .form__row.form__row_document .form-input-file.disable-input {
  background-color: siver;
  opacity: 0.35;
  border-color: transparent !important;
}
.fiche-candidat .form-screen[data-screen=multimedias] .form__row.form__row_document .form-input-file.disable-input label {
  background-color: siver;
}
.fiche-candidat .form-screen[data-screen=exchanges] .form__row[data-it="1"] .remove-row {
  visibility: visible !important;
}
.fiche-candidat .form-screen[data-screen=activities] .table-container {
  width: 100%;
  overflow-x: auto;
}
.fiche-candidat .form-screen[data-screen=activities] .table-container.table-workers .title-cell-wrapper {
  width: 18%;
}
.fiche-candidat .form-screen[data-screen=activities] .table-container.table-workers .postulation_date-cell-wrapper {
  width: 12%;
}
.fiche-candidat .form-screen[data-screen=activities] .table-container.table-workers .status-cell-wrapper {
  width: 12%;
}
.fiche-candidat .form-screen[data-screen=activities] .table-container.table-workers .valuation-cell-wrapper {
  width: 58%;
  max-width: 520px;
}
.fiche-candidat .form-screen[data-screen=activities] .table-container.table-workers .valuation-cell-wrapper .valuation-inner {
  max-height: 150px;
  overflow-y: auto;
}
.fiche-candidat .form-screen[data-screen=activities] .table-container.table-missions .contact-cell-wrapper small {
  display: block;
}
.fiche-candidat .form-screen[data-screen=activities] .table-container .table-striped-custom {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  border-radius: 15px;
  overflow: hidden;
}
.fiche-candidat .form-screen[data-screen=activities] .table-container .table-striped-custom thead th {
  background-color: var(--color-ats, #000);
  color: white;
  font-weight: bold;
  text-align: left;
  padding: 6px;
  border: 1px solid #e5e5e5;
}
.fiche-candidat .form-screen[data-screen=activities] .table-container .table-striped-custom tbody tr {
  background-color: white;
}
.fiche-candidat .form-screen[data-screen=activities] .table-container .table-striped-custom tbody tr:nth-child(even) {
  background-color: #e5e5e5;
}
.fiche-candidat .form-screen[data-screen=activities] .table-container .table-striped-custom tbody tr:nth-child(even) td {
  border-color: white;
}
.fiche-candidat .form-screen[data-screen=activities] .table-container .table-striped-custom tbody tr.no-result td {
  text-align: center;
}
.fiche-candidat .form-screen[data-screen=activities] .table-container .table-striped-custom tbody td {
  padding: 6px;
  border: 1px solid #e5e5e5;
}
.fiche-candidat .form-screen[data-screen=activities] .table-container .table-striped-custom tbody td ul {
  padding-left: 20px;
}
.fiche-candidat .form-screen[data-screen=activities] .table-container .table-striped-custom tbody td.checkbox-cell-wrapper input {
  border-color: #e5e5e5;
}
.fiche-candidat .form-screen[data-screen=activities] .table-container .table-striped-custom tbody td.lastname-cell-wrapper a {
  color: var(--color-base);
}
.fiche-candidat .form-screen[data-screen=activities] .table-container .table-striped-custom tbody td.lastname-cell-wrapper a:hover {
  color: var(--color-ats);
}
.fiche-candidat .form-screen[data-screen=activities] .table-container .table-striped-custom tbody td.lastname-cell-wrapper .icon-zvoove svg {
  border-radius: 100%;
  width: 16px;
  height: 16px;
  padding: 3px;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  background-color: #343f57;
  margin-right: 5px;
}
.fiche-candidat .form-screen[data-screen=activities] .table-container .table-striped-custom tbody td.coordinates-cell-wrapper a {
  color: var(--color-base);
}
.fiche-candidat .form-screen[data-screen=activities] .table-container .table-striped-custom tbody td.coordinates-cell-wrapper a:hover {
  color: var(--color-ats, #000);
}
.fiche-candidat .form-screen[data-screen=activities] .pagination {
  text-align: center;
  margin-top: 15px;
}
.fiche-candidat .form-screen[data-screen=activities] .pagination span {
  margin: 0 30px;
}
.fiche-candidat .form-screen[data-screen=activities] .pagination button {
  font-size: 14px;
  padding: 5px 15px;
  background-color: black;
}
.fiche-candidat .form-screen[data-screen=activities] .pagination button:hover {
  background-color: white;
  color: black;
}
.fiche-candidat .form-screen[data-screen=activities] .pagination button[disabled] {
  opacity: 0.25;
  cursor: default;
}
.fiche-candidat .form-screen[data-screen=activities] .pagination button[disabled]:hover {
  background-color: black;
  color: white;
}
.fiche-candidat .form__field h6 {
  margin-bottom: 10px;
}
.fiche-candidat .form__field .form__field--radio {
  display: inline-flex;
  margin-right: 10px;
  gap: var(--space-1);
}
.fiche-candidat .form__field .form__field--radio:last-child {
  margin: 0;
}
.fiche-candidat .form__field .form__field--radio label {
  translate: 0;
}
.fiche-candidat .company-applicant-view .form__columns {
  gap: 1dvw;
}
.fiche-candidat .company-applicant-view .form__columns .form__column {
  background-color: #fff;
  border-radius: 25px;
  padding: 1.5rem;
  gap: 0;
}
.fiche-candidat .company-applicant-view .form__columns .form__column .info-row {
  display: flex;
  flex-direction: column;
}
.fiche-candidat .company-applicant-view .form__columns .form__column .info-row .label {
  flex: 1;
  font-weight: 600;
}
.fiche-candidat .company-applicant-view .form__columns .form__column .info-row .value {
  flex: 1;
  background-color: var(--color-gray-100);
  padding: 0.75rem 1rem;
  border-radius: 1rem;
}
.fiche-candidat .company-applicant-view .form__columns .form__column .info-row .value ul {
  padding-left: 20px;
}

.offre-demploi .account-help-box .lang-selector {
  display: none;
}
.offre-demploi .account-body__heading {
  margin-bottom: 30px;
}
.offre-demploi .account-body__heading h1 {
  margin: 0;
}
.offre-demploi .account-body__heading .heading-tools {
  display: flex;
  align-items: center;
}
.offre-demploi .account-body__heading .heading-tools .icon-remove-job-listing {
  position: relative;
  width: 38px;
  height: 38px;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border-radius: 6px;
  border: 1px solid #ddd;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  display: inline-flex;
  margin-left: 15px;
  margin-right: 30px;
  vertical-align: middle;
}
.offre-demploi .account-body__heading .heading-tools .icon-remove-job-listing:hover {
  background-color: #e9ecef;
  transform: scale(1.1);
}
.offre-demploi .account-body__heading .heading-tools .btn svg {
  max-width: none;
}
.offre-demploi .steps {
  width: auto;
}
.offre-demploi .steps .steps__item {
  width: calc(16% - 24px);
}
.offre-demploi .steps .steps__item .steps__label {
  white-space: normal;
}
.offre-demploi #user_info_display {
  position: relative;
}
.offre-demploi #user_info_display #user_info_avatar {
  max-width: 254px;
}
.offre-demploi #user_info_display figure.pemsa {
  background-color: #333;
  min-height: 200px;
}
.offre-demploi #user_info_display .dv-member-desc {
  position: absolute;
  left: 0px;
  bottom: 15px;
  overflow: hidden !important;
  transition: all 0.6s linear;
  cursor: pointer;
  backface-visibility: hidden;
  line-height: 1;
}
.offre-demploi #user_info_display .dv-member-desc .dv-member-name {
  background-color: #43b02a;
  color: white;
  font-size: 14px;
  line-height: 1;
  padding: 10px 12px;
  display: inline-block;
}
.offre-demploi #user_info_display .dv-member-desc .dv-member-info {
  background-color: #313131;
  color: white;
  font-size: 11px;
  line-height: 1;
  padding: 10px 12px;
  display: inline-block;
}
.offre-demploi .form__row {
  gap: 1.5rem;
}
.offre-demploi .form__row:not(:last-child) {
  margin-block-end: 1.5rem;
}
.offre-demploi .form_field_box {
  border-radius: 1.5rem;
  padding: 1.5rem;
  flex: 1 1 0px;
  background-color: #fff;
}
.offre-demploi #user_info_display {
  position: relative;
  max-width: 254px;
}
.offre-demploi #user_info_display .loading-contact-pemsa {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(51, 51, 51, 0.75);
  z-index: 1;
}
.offre-demploi #user_info_display .loading-contact-pemsa svg {
  position: absolute;
  max-width: 50px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.offre-demploi #user_info_display #user_info_avatar {
  max-width: 100%;
}
.offre-demploi form #generate_scorecard_button {
  margin-block-start: var(--space-3);
}
.offre-demploi form #generate_scorecard_button[disabled] {
  opacity: 0.5;
  background-color: silver;
  cursor: not-allowed;
}
.offre-demploi form .copy-area-button {
  justify-content: end;
  display: flex;
  margin-top: -15px;
  margin-bottom: -30px;
}
.offre-demploi form .copy-area-button .copy-content {
  font-size: 0.875rem;
  padding: 7.5px 15px;
  z-index: 1;
}
.offre-demploi form .copy-area-button .copy-content svg {
  width: 13px;
  fill: #fff;
}
.offre-demploi form input[data-readonly] {
  background-color: #dadada;
  cursor: default;
}
.offre-demploi form .form-select input {
  border-radius: 0;
}
.offre-demploi form .form__row_hidden {
  display: none;
}
.offre-demploi form .form__row__has_autocomplete_suggestions {
  position: relative;
}
.offre-demploi form .form__row__has_autocomplete_suggestions .loading-div {
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  width: 40px;
  display: none;
}
.offre-demploi form .form__row__has_autocomplete_suggestions .autocomplete-items {
  max-height: 150px;
  overflow-y: auto;
  position: absolute;
  background-color: #fff;
  width: 100%;
  z-index: 1000;
  color: var(--color-gray-500);
  top: 100%;
}
.offre-demploi form .form__row__has_autocomplete_suggestions .autocomplete-items .autocomplete-item {
  padding: 5px 10px;
  cursor: pointer;
}
.offre-demploi form .form__row__has_autocomplete_suggestions .autocomplete-items .autocomplete-item:hover {
  background-color: var(--color-ats);
  color: #fff;
}
.offre-demploi form .form__field_readonly label {
  background-color: #dadada;
}
.offre-demploi form .form__field_readonly input {
  background-color: #dadada;
  cursor: default;
}
.offre-demploi form .form__row_company_client_contact {
  display: none;
}
.offre-demploi form .form__row_company_client_contact.displayed {
  display: block;
}
.offre-demploi form .form__field.form__field_checkbox {
  display: inline-flex;
  margin-right: 10px;
  gap: var(--space-1);
}
.offre-demploi form .form__field.form__field_checkbox label {
  align-items: center;
  margin: 0;
}
.offre-demploi form .form__field.form__field_checkbox input[disabled] {
  background-color: #dadada;
  cursor: default;
}
.offre-demploi form .form__field.form__field_radio {
  display: inline-flex;
  margin-right: 10px;
  gap: var(--space-1);
}
.offre-demploi form .form__field.form__field_radio label {
  align-items: center;
  margin: 0;
}
.offre-demploi form .form__field.form__field_original_job {
  padding-top: 20px;
}
.offre-demploi form .form__field.form__field_wysiwyg .form__field {
  border: 1px solid #ccc;
  border-radius: 30px;
  overflow: hidden;
}
.offre-demploi form .form__field.form__field_wysiwyg .form__field .ql-toolbar {
  border: 0;
}
.offre-demploi form .form__field.form__field_wysiwyg .form__field .ql-container {
  height: 150px;
  background-color: #ffffff;
  border: 0;
}
.offre-demploi form .form__field.form__field_job_photo .jb-photo a {
  display: inline-block;
}
.offre-demploi form .form__field.form__field_job_photo .jb-photo a img {
  max-width: 420px;
}
.offre-demploi form .form__field.form__field_job_photo .jb-btn .btn {
  font-size: 0.875rem;
  padding: 7.5px 15px;
  margin-top: 10px;
}
.offre-demploi form .form__field.form__field_job_photo .jb-btn .btn svg {
  fill: #fff;
  width: 20px;
}
.offre-demploi form .form__field.has-floating-label:has(.ts-wrapper.input-active, .ts-wrapper.has-items) .ts-control {
  padding-block-end: 0;
}
.offre-demploi form .form__field .cant-unselect .item a {
  display: none;
}
.offre-demploi .applicants_list .rating-filter-tabs {
  display: flex;
  gap: 0.5em;
  margin-bottom: 1em;
  align-items: center;
  font-size: 0.875rem;
}
.offre-demploi .applicants_list .rating-filter-tabs .filter-tab,
.offre-demploi .applicants_list .rating-filter-tabs .status-filter {
  background: none;
  border: 1px solid transparent;
  padding: 5px 10px;
  cursor: pointer;
  border-radius: 25px;
  transition: background 0.2s, border-color 0.2s;
}
.offre-demploi .applicants_list .rating-filter-tabs .filter-tab .icon-tab,
.offre-demploi .applicants_list .rating-filter-tabs .status-filter .icon-tab {
  width: 1.2em;
  height: 1.2em;
  fill: #aaa;
  transition: fill 0.2s;
}
.offre-demploi .applicants_list .rating-filter-tabs .filter-tab.active,
.offre-demploi .applicants_list .rating-filter-tabs .status-filter.active {
  background: #f0f0f0;
  border-color: #888;
}
.offre-demploi .applicants_list .rating-filter-tabs .filter-tab[data-own-rating="1"] .icon-tab {
  fill: #7cb342;
}
.offre-demploi .applicants_list .rating-filter-tabs .filter-tab[data-own-rating="2"] .icon-tab {
  fill: #e53935;
}
.offre-demploi .applicants_list .rating-filter-tabs #export-selected {
  border: 0;
  background-color: #333;
  color: #fff;
  font-weight: 600;
  padding: 5px 10px;
  border-radius: 25px;
  cursor: pointer;
}
.offre-demploi .applicants_list .rating-filter-tabs #export-selected[disabled] {
  opacity: 0.15;
  cursor: default;
}
.offre-demploi .applicants_list .table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  border-radius: 15px;
  overflow: hidden;
  margin-bottom: 15px;
  background-color: #fff;
}
.offre-demploi .applicants_list .table thead th {
  background-color: var(--color-ats, #000);
  color: #fff;
  font-weight: bold;
  text-align: left;
  padding: 6px;
  border: 1px solid #e5e5e5;
}
.offre-demploi .applicants_list .table thead th[aria-disabled=false] {
  cursor: pointer;
}
.offre-demploi .applicants_list .table thead th[aria-sort=ascending]::after {
  -webkit-mask: url(../../../../../assets/images/icons/sort-up.svg) no-repeat center/contain;
  mask: url(../../../../../assets/images/icons/sort-up.svg) no-repeat center/contain;
}
.offre-demploi .applicants_list .table thead th[aria-sort=descending]::after {
  -webkit-mask: url(../../../../../assets/images/icons/sort-down.svg) no-repeat center/contain;
  mask: url(../../../../../assets/images/icons/sort-down.svg) no-repeat center/contain;
}
.offre-demploi .applicants_list .table thead th:not(.sortless)::after {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: white;
  width: 15px;
  height: 20px;
  float: right;
}
.offre-demploi .applicants_list .table thead th:not(.sortless)[aria-sort=none]::after {
  -webkit-mask: url(../../../../../assets/images/icons/sort.svg) no-repeat center/contain;
  mask: url(../../../../../assets/images/icons/sort.svg) no-repeat center/contain;
  width: 10px;
}
.offre-demploi .applicants_list .table tbody tr {
  background-color: #fff;
}
.offre-demploi .applicants_list .table tbody tr th {
  padding: 6px;
  text-align: left;
  border: 1px solid #e5e5e5;
}
.offre-demploi .applicants_list .table tbody tr th input {
  border-color: #e5e5e5;
}
.offre-demploi .applicants_list .table tbody tr td {
  padding: 6px;
  border: 1px solid #e5e5e5;
  min-width: 65px;
}
.offre-demploi .applicants_list .table tbody tr td > * {
  display: inline-flex;
}
.offre-demploi .applicants_list .table tbody tr td a {
  color: var(--color-base);
}
.offre-demploi .applicants_list .table tbody tr td a:hover {
  color: var(--color-ats);
}
.offre-demploi .applicants_list .table tbody tr td.nouveau, .offre-demploi .applicants_list .table tbody tr td.neue, .offre-demploi .applicants_list .table tbody tr td.nuovo {
  background-color: rgba(242, 187, 5, 0.25);
}
.offre-demploi .applicants_list .table tbody tr td.pre-selection, .offre-demploi .applicants_list .table tbody tr td.vorauswahl, .offre-demploi .applicants_list .table tbody tr td.pre-selezione {
  background-color: rgba(67, 176, 42, 0.2);
}
.offre-demploi .applicants_list .table tbody tr td.refuse, .offre-demploi .applicants_list .table tbody tr td.abgelehnt, .offre-demploi .applicants_list .table tbody tr td.rifiutato {
  background-color: rgba(210, 46, 46, 0.15);
}
.offre-demploi .applicants_list .table tbody tr td.selection, .offre-demploi .applicants_list .table tbody tr td.auswahl, .offre-demploi .applicants_list .table tbody tr td.selezione {
  background-color: rgba(67, 176, 42, 0.6);
}
.offre-demploi .applicants_list .table tbody tr td[data-label=CV] {
  min-width: 70px;
  width: 4%;
}
.offre-demploi .applicants_list .table tbody tr td[data-label=Name] {
  white-space: normal;
  min-width: 200px;
}
.offre-demploi .applicants_list .table tbody tr td[data-label=Note].positive {
  color: #43b02a;
}
.offre-demploi .applicants_list .table tbody tr td[data-label=Note].negative {
  color: red;
}
.offre-demploi .applicants_list .table tbody tr td.rating-actions {
  width: 4%;
  min-width: 94px;
  white-space: nowrap;
}
.offre-demploi .applicants_list .table tbody tr td.rating-actions .btn-rating {
  background: none;
  border: none;
  padding: 0.2em;
  margin: 0 0.2em;
  cursor: pointer;
}
.offre-demploi .applicants_list .table tbody tr td.rating-actions .btn-rating svg {
  width: 1.2em;
  height: 1.2em;
  fill: #ccc;
  transition: fill 0.2s;
}
.offre-demploi .applicants_list .table tbody tr td.rating-actions .btn-thumbs-up.active svg {
  fill: #7cb342;
}
.offre-demploi .applicants_list .table tbody tr td.rating-actions .btn-thumbs-down.active svg {
  fill: #e53935;
}
.offre-demploi .applicants_list .table tbody tr td.rating-actions .btn-thumbs-up.active svg {
  fill: #7cb342;
}
.offre-demploi .applicants_list .table tbody tr td.rating-actions .btn-reset.active svg {
  fill: #ccc;
}
.offre-demploi .applicants_list .table tbody tr td .actions-list {
  white-space: nowrap;
  display: inline-flex;
  gap: 0 5px;
}
.offre-demploi .applicants_list .table tbody tr td .btn {
  font-size: 12px;
  padding: 5px 10px;
}
.offre-demploi .applicants_list .return_arrow {
  display: inline-block;
  margin: -3px 6px;
  background-image: url("../../../images/icons/curve-arrow.svg");
  background-repeat: no-repeat;
  background-size: 20px;
  width: 20px;
  height: 20px;
}
.offre-demploi .applicants_list .button-small {
  font-size: 12px;
  padding: 5px 10px;
}
.offre-demploi .applicants_list .status_list {
  display: flex;
  width: 97%;
  justify-content: space-between;
  align-items: start;
  list-style-type: none;
  font-size: 0.875rem;
  margin-top: 15px;
}
.offre-demploi .applicants_list .status_list span {
  display: inline-block;
  margin-left: 8px;
  margin-right: 3px;
  width: 20px;
  height: 10px;
}
.offre-demploi .applicants_list .status_list span.nouveau, .offre-demploi .applicants_list .status_list span.neue, .offre-demploi .applicants_list .status_list span.nuovo {
  background-color: rgba(242, 187, 5, 0.25);
}
.offre-demploi .applicants_list .status_list span.pre-selection, .offre-demploi .applicants_list .status_list span.vorauswahl, .offre-demploi .applicants_list .status_list span.pre-selezione {
  background-color: rgba(67, 176, 42, 0.2);
}
.offre-demploi .applicants_list .status_list span.refuse, .offre-demploi .applicants_list .status_list span.abgelehnt, .offre-demploi .applicants_list .status_list span.rifiutato {
  background-color: rgba(210, 46, 46, 0.15);
}
.offre-demploi .applicants_list .status_list span.selection, .offre-demploi .applicants_list .status_list span.auswahl, .offre-demploi .applicants_list .status_list span.selezione {
  background-color: rgba(67, 176, 42, 0.6);
}
.offre-demploi div[data-modal^=ModalRating_] .modal__dialog {
  transform: none;
  height: 90%;
  display: flex;
}
.offre-demploi div[data-modal^=ModalRating_] .modal__dialog .modal__content {
  max-height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  outline: 0;
}
.offre-demploi div[data-modal^=ModalRating_] .modal__dialog .modal__content .modal__header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
  margin: 0;
}
.offre-demploi div[data-modal^=ModalRating_] .modal__dialog .modal__content .modal__header .modal-title {
  font-size: 1rem;
  margin: 0;
  font-weight: bolder;
}
.offre-demploi div[data-modal^=ModalRating_] .modal__dialog .modal__content .modal__body {
  overflow-y: auto;
  position: relative;
  flex: 1 1 auto;
  padding: 1rem 0;
}
.offre-demploi div[data-modal^=ModalRating_] .modal__dialog .modal__content .modal__body .valuation-content h2 {
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.48;
  margin-bottom: 8px;
}
.offre-demploi div[data-modal^=ModalRating_] .modal__dialog .modal__content .modal__body .valuation-content h3 {
  font-size: 1.75rem;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}
.offre-demploi div[data-modal^=ModalRating_] .modal__dialog .modal__content .modal__body .valuation-content dl, .offre-demploi div[data-modal^=ModalRating_] .modal__dialog .modal__content .modal__body .valuation-content ol, .offre-demploi div[data-modal^=ModalRating_] .modal__dialog .modal__content .modal__body .valuation-content ul {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 13px;
  line-height: 1.5;
}
.offre-demploi div[data-modal^=ModalRating_] .modal__dialog .modal__content .modal__body .valuation-content ol, .offre-demploi div[data-modal^=ModalRating_] .modal__dialog .modal__content .modal__body .valuation-content ul {
  padding: 0;
  padding-left: 2rem;
}
.offre-demploi div[data-modal^=ModalRating_] .modal__dialog .modal__content .modal__body .valuation-content li {
  margin-bottom: 6px;
}
.offre-demploi div[data-modal^=ModalRating_] .modal__dialog .modal__content .modal__body .valuation-content ul {
  list-style-type: none;
}
.offre-demploi div[data-modal^=ModalRating_] .modal__dialog .modal__content .modal__body .valuation-content p {
  font-size: 13px;
  line-height: 1.5;
  margin: 1em 0;
}
.offre-demploi div[data-modal^=ModalRating_] .modal__dialog .modal__content .modal__body .valuation-content b, .offre-demploi div[data-modal^=ModalRating_] .modal__dialog .modal__content .modal__body .valuation-content strong {
  font-weight: bolder;
}
.offre-demploi div[data-modal^=ModalRating_] .modal__dialog .modal__content .modal__body .valuation-content table {
  font-size: 13px;
}
.offre-demploi #swal2-html-container.hidden_html_content {
  display: none !important;
}
.offre-demploi #swal2-html-container.hidden_html_content_group .ql-toolbar, .offre-demploi #swal2-html-container.hidden_html_content_group #editor {
  display: none !important;
}
.offre-demploi #swal2-html-container .title-card {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: start;
  padding: 15px;
}
.offre-demploi #swal2-html-container .title-card::before, .offre-demploi #swal2-html-container .title-card::after {
  all: unset;
}
.offre-demploi #swal2-html-container .title-card h4 {
  all: unset;
  font-size: 1rem;
  color: #000;
  font-weight: bold;
}
.offre-demploi #swal2-html-container .sa-card {
  box-shadow: unset;
  border-radius: 25px;
}
.offre-demploi #swal2-html-container .sa-checkbox {
  width: 24px;
}
.offre-demploi #swal2-html-container .sa-checkbox-label {
  margin: 0;
  gap: 0.75rem;
}
.offre-demploi #swal2-html-container .sa-input,
.offre-demploi #swal2-html-container select {
  height: 3rem;
  padding: 0 15px;
}
.offre-demploi #swal2-html-container .sa-input[disabled],
.offre-demploi #swal2-html-container select[disabled] {
  opacity: 0.25;
  background-color: silver;
}
.offre-demploi #swal2-html-container select {
  background-size: 12px;
  background-position: 90% 50%;
  width: 40%;
}
.offre-demploi #swal2-html-container #custom-lang-name {
  height: 3rem;
  padding: 0 15px;
}
.offre-demploi #swal2-html-container #add-custom-language {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0.95rem 2.5rem;
  text-align: center;
  font-weight: 600;
  font-family: var(--font-heading);
  color: #fff;
  border: unset;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-decoration: none;
  border-radius: 100vmax;
  background-color: var(--color-ats, #000);
  font-size: 12px;
  height: 3rem;
  width: 100%;
}
.offre-demploi #swal2-html-container .tag-adder-global #tag-type-select {
  max-width: 15%;
}
.offre-demploi #swal2-html-container .tag-adder-global #tag-value-input {
  max-width: 55%;
  border-radius: var(--_input-radius, 0);
  border: var(--_input-border-w, 1px) solid var(--_input-border-c, #ccc);
  padding: 0 15px;
}
.offre-demploi #swal2-html-container .tag-adder-global #tag-class-select {
  max-width: 15%;
}
.offre-demploi #swal2-html-container .tag-adder-global #add-global-tag {
  max-width: 15%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0.95rem 2.5rem;
  text-align: center;
  font-weight: 600;
  font-family: var(--font-heading);
  color: #fff;
  border: unset;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-decoration: none;
  border-radius: 100vmax;
  background-color: var(--color-ats, #000);
  font-size: 12px;
  height: 3rem;
  width: 100%;
}
.offre-demploi #swal2-html-container #sa-form .sa-card.base {
  flex: 0 0 49%;
  max-width: 49%;
}
.offre-demploi #swal2-html-container #sa-form .sa-card.languages {
  flex: 0 0 49%;
  max-width: 49%;
}
.offre-demploi #swal2-html-container #sa-form .sa-card.tags {
  flex: 0 0 100%;
  max-width: 100%;
}
.offre-demploi .swal2-actions button {
  border-radius: 25px;
  font-weight: 600;
}
.offre-demploi .swal2-actions button.swal2-confirm {
  background-color: var(--color-gray-500);
}
.offre-demploi .swal2-actions button.swal2-deny {
  background-color: var(--color-ats, #000);
}
.offre-demploi .swal2-actions button.swal2-cancel {
  background-color: #333;
}
.offre-demploi .swal2-actions button:hover {
  background-color: #333 !important;
}
.offre-demploi #tag-suggestions .suggestion-pill {
  padding: 0.25rem 0.5rem;
  font-size: 12px;
  text-align: center;
  font-weight: 500;
  font-family: var(--font-heading);
  color: var(--color-gray-700);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-decoration: none;
  border-radius: 100vmax;
  border: 1px solid var(--color-gray-500);
  background-color: #fff;
  transition: background-color 0.4s;
  box-shadow: unset;
}
.offre-demploi #tag-suggestions .suggestion-pill:hover {
  background-color: var(--color-gray-700);
  color: #fff;
}
.offre-demploi .tag-col .tag-pill {
  padding: 0.25rem 0.5rem;
  font-size: 12px;
  text-align: center;
  font-weight: 500;
  font-family: var(--font-heading);
  color: var(--color-gray-700);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-decoration: none;
  border-radius: 100vmax;
  border: 1px solid var(--color-gray-500);
  background-color: #fff;
  transition: background-color 0.4s;
  box-shadow: unset;
}
.offre-demploi .tag-col .tag-pill .remove-tag {
  cursor: pointer;
}

#user_switching_switch_on a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0.95rem 2.5rem;
  text-align: center;
  font-weight: 600;
  font-family: var(--font-heading);
  border: unset;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-decoration: none;
  border-radius: 100vmax;
  background-color: #fff;
  color: black !important;
  border: 1px solid #ccc;
  transition: background-color 0.4s;
  font-size: 0.875rem;
}
#user_switching_switch_on a:hover {
  background: black !important;
  color: #fff !important;
}

.tableau-de-bord .loader-wrapper {
  display: flex;
  width: 100%;
}
.tableau-de-bord .loader-wrapper img {
  margin: 15px auto;
  width: 50px;
}
.tableau-de-bord .card {
  background-color: #fff;
  padding: 0;
  border-radius: 8px;
  overflow: hidden;
}
.tableau-de-bord .card .card-header {
  font-size: 1em;
  padding: 8px 12px;
  color: white !important;
  background-color: var(--color-ats, #000);
  font-weight: bold;
}
.tableau-de-bord .card .card-body {
  padding: 1rem;
  position: relative;
}
.tableau-de-bord .card .card-body .loader {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.75);
  width: 100%;
  height: 100%;
  z-index: 5;
}
.tableau-de-bord .card .card-body .loader img {
  width: 70px;
  height: 70px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.tableau-de-bord .card .card-body .acf-field {
  margin-bottom: 1rem;
}
.tableau-de-bord .card .card-body .acf-field label {
  margin: 0;
  font-weight: bold;
}
.tableau-de-bord .card .card-body .custom-option {
  font-size: 0.875rem;
}
.tableau-de-bord .card .card-body .badge {
  display: inline-block;
  padding: 0.35em 0.65em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  background-color: var(--color-base);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.375rem;
}
.tableau-de-bord .card .card-body .ts-wrapper {
  height: auto;
  min-height: 3rem;
}
.tableau-de-bord .card .card-body .ts-wrapper .ts-control {
  border: 1px solid #9ea2a2;
  color: #4b4f54;
  padding: 0 15px;
  padding-block-start: 0.75rem;
  padding-block-end: 0.75rem;
}
.tableau-de-bord .card .card-body .ts-wrapper .ts-control input {
  display: inline-block !important;
  font-size: 0.875rem;
  border-radius: 0;
}
.tableau-de-bord .card .card-body .ts-wrapper:after {
  top: 0;
  bottom: 0;
  margin: auto;
}
.tableau-de-bord .card .card-body .acf-button {
  border-radius: 8px;
  background-color: #333;
  color: #fff;
  border: 0;
  transition: 0.4s all ease-in-out;
  cursor: pointer;
  padding: 7.5px 15px;
}
.tableau-de-bord .card .card-body .acf-button:hover {
  background-color: #111;
}
.tableau-de-bord .card .card-body .btn-link {
  padding: 0;
  background: transparent;
  color: var(--color-base);
  font-size: 1rem;
  position: relative;
  margin-top: 1rem;
  transition: 0.4s all ease-in;
  clear: both;
  text-align: left;
  float: left;
}
.tableau-de-bord .card .card-body .btn-link:hover {
  color: var(--color-ats, #000);
}
.tableau-de-bord .card .card-body .btn-link span {
  display: inline-block;
  padding: 0.35em 0.65em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  position: absolute;
}
.tableau-de-bord .card .card-body .btn-link span.rounded-pill {
  border-radius: 50rem;
}
.tableau-de-bord .card .card-body .btn-link span.bg-danger {
  background-color: #ff2f2f;
}
.tableau-de-bord .card .card-body .btn-link span.top-0 {
  top: 0;
}
.tableau-de-bord .card .card-body .btn-link span.start-100 {
  left: 100%;
}
.tableau-de-bord .card .card-body .btn-link span.translate-middle {
  transform: translate(-30%, -60%);
}
.tableau-de-bord .card .card-body .btn-link span .visually-hidden {
  display: none;
}
.tableau-de-bord .card .card-footer {
  background-color: #333;
  color: #fff;
  padding: 1rem;
  font-size: 0.875rem;
}
.tableau-de-bord .card .card-footer .badge {
  background-color: var(--color-ats, #000);
  color: #fff;
  font-weight: bold;
  padding: 0.15rem 0.35rem;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.375rem;
  font-size: 0.75rem;
  min-width: 30px;
}
.tableau-de-bord .section_welcome {
  margin-bottom: 30px;
}
.tableau-de-bord .section_welcome .card {
  padding-bottom: 15px;
}
.tableau-de-bord .section_super_admin {
  margin-bottom: 30px;
}
.tableau-de-bord .section_super_admin h2 {
  margin-bottom: 10px;
}
.tableau-de-bord .section_super_admin .row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.tableau-de-bord .section_super_admin .row .col-3 {
  flex: 1 1 calc(25% - 20px);
  max-width: calc(25% - 20px);
  background-color: #fff;
  border-radius: 8px;
  padding: 1rem;
}
.tableau-de-bord .section_super_admin .row .col-3 > ul {
  list-style-type: none;
  padding: 0;
}
.tableau-de-bord .section_super_admin .row .col-3 > ul ul {
  list-style-type: disc;
  padding-left: 15px;
}
.tableau-de-bord #jobboard_current .progress, .tableau-de-bord #jobboard_previous .progress, .tableau-de-bord #jobboard_previous_2 .progress {
  height: 20px;
  margin-bottom: 15px;
  border-radius: 0.375rem;
  background-color: black;
}
.tableau-de-bord #jobboard_current .progress .progress-bar, .tableau-de-bord #jobboard_previous .progress .progress-bar, .tableau-de-bord #jobboard_previous_2 .progress .progress-bar {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: visible;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-ats, #000);
  transition: width 0.6s ease;
  line-height: 20px;
  border-radius: 0.375rem;
}
.tableau-de-bord nav {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  scroll-behavior: smooth;
  padding-top: 10px;
}
.tableau-de-bord nav .nav-tabs {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  flex: 0 0 auto;
  white-space: nowrap;
}
.tableau-de-bord nav .nav-tabs .nav-link {
  margin-right: 25px;
  border: 1px solid transparent;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
  display: block;
  padding: 0.5rem;
  text-decoration: none;
  background-color: #fff;
  position: relative;
  cursor: pointer;
}
.tableau-de-bord nav .nav-tabs .nav-link.active {
  background-color: var(--color-ats, #000);
  color: white;
  cursor: default;
}
.tableau-de-bord nav .nav-tabs .nav-link span {
  display: inline-block;
  padding: 0.35em 0.65em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  position: absolute;
}
.tableau-de-bord nav .nav-tabs .nav-link span.rounded-pill {
  border-radius: 50rem;
}
.tableau-de-bord nav .nav-tabs .nav-link span.bg-danger {
  background-color: #ff2f2f;
}
.tableau-de-bord nav .nav-tabs .nav-link span.top-0 {
  top: 0;
}
.tableau-de-bord nav .nav-tabs .nav-link span.start-100 {
  left: 100%;
}
.tableau-de-bord nav .nav-tabs .nav-link span.translate-middle {
  transform: translate(-50%, -50%);
}
.tableau-de-bord nav .nav-tabs .nav-link span .visually-hidden {
  display: none;
}
.tableau-de-bord .tab-content {
  margin-bottom: 30px;
}
.tableau-de-bord .tab-content .tab-pane {
  background-color: #fff;
  display: none;
  border-bottom-left-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
  padding: 1rem;
}
.tableau-de-bord .tab-content .tab-pane.active {
  display: block;
}
.tableau-de-bord .tab-content .tab-pane .table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
}
.tableau-de-bord .tab-content .tab-pane .table > thead {
  vertical-align: bottom;
}
.tableau-de-bord .tab-content .tab-pane .table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
  padding: 8px;
  text-align: left;
}
.tableau-de-bord .tab-content .tab-pane .table > tbody > tr:nth-of-type(2n+1) {
  background-color: #e5e5e5;
}
.tableau-de-bord .tab-content .tab-pane .table > tbody td {
  padding: 8px;
}
.tableau-de-bord .tab-content .tab-pane .table > tbody td .btn {
  font-size: 0.875rem;
  padding: 7.5px 10px;
}
.tableau-de-bord .tab-content .tab-pane .row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.tableau-de-bord .tab-content .tab-pane .row .col-sm-3 {
  flex: 1 1 calc(25% - 20px);
  max-width: calc(25% - 20px);
}
.tableau-de-bord .tab-content .tab-pane#last-jobs .card {
  box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  height: 100%;
}
.tableau-de-bord .tab-content .tab-pane#last-jobs .card .card-footer {
  margin-top: auto;
}
.tableau-de-bord .stats-ajax-content {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.tableau-de-bord .stats-ajax-content .inside {
  flex: 1 1 calc(50% - 20px);
  max-width: calc(50% - 20px);
  background-color: #fff;
  border-radius: 8px;
  height: -moz-fit-content;
  height: fit-content;
}
.tableau-de-bord .stats-ajax-content .inside h3 {
  font-size: 1em;
  padding: 8px 12px;
  color: white !important;
  background-color: var(--color-ats, #000);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.tableau-de-bord .stats-ajax-content .inside .table {
  width: 100%;
  font-size: 0.875rem;
  border: none;
  border-collapse: collapse;
  padding: 0;
  margin: 0;
}
.tableau-de-bord .stats-ajax-content .inside .table.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #e5e5e5;
}
.tableau-de-bord .stats-ajax-content .inside .table.table-striped > tbody > tr:nth-of-type(odd) > * {
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.tableau-de-bord .stats-ajax-content .inside .table .number_result {
  text-align: right;
}
.tableau-de-bord .stats-ajax-content .inside .table [data-tooltip]::before {
  max-width: 400px;
  white-space: pre-wrap;
  display: block;
}
.tableau-de-bord .stats-ajax-content .inside .table td {
  padding: 8px;
  text-align: left;
  border-bottom: 1px solid #e1e1e1;
  width: 12%;
}
.tableau-de-bord .stats-ajax-content .inside .table td[data-number-indeed="0"], .tableau-de-bord .stats-ajax-content .inside .table td[data-number-jobup="0"] {
  color: red;
}
.tableau-de-bord .stats-ajax-content .inside .table td.text-center {
  text-align: center;
}
.tableau-de-bord .stats-ajax-content .inside .table .first_col {
  width: 16%;
  text-align: left;
}
.tableau-de-bord .stats-ajax-content .inside .table > thead {
  vertical-align: bottom;
}
.tableau-de-bord .stats-ajax-content .inside .table > thead th {
  padding: 8px;
  border-bottom: 1px solid #e1e1e1;
}
.tableau-de-bord .stats-ajax-content .inside .table thead {
  border-bottom: 2px solid;
}
.tableau-de-bord .stats-ajax-content .inside .table tfoot {
  border-top: 2px solid;
}
.tableau-de-bord .stats-ajax-content .inside .table .table-group-divider {
  border-top: calc(var(--bs-border-width) * 2) solid currentcolor;
}
.tableau-de-bord .section_stats h2 {
  margin-bottom: 10px;
}

.sponsorisation .loader-wrapper {
  display: flex;
  width: 100%;
}
.sponsorisation .loader-wrapper img {
  margin: 15px auto;
  width: 50px;
}
.sponsorisation .card {
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
}
.sponsorisation .card .card-header {
  font-size: 1em;
  padding: 8px 12px;
  color: white !important;
  background-color: var(--color-ats, #000);
  font-weight: bold;
}
.sponsorisation .card .card-body {
  padding: 1rem;
  position: relative;
}
.sponsorisation .card .card-body .loader {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.75);
  width: 100%;
  height: 100%;
  z-index: 5;
}
.sponsorisation .card .card-body .loader img {
  width: 70px;
  height: 70px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.sponsorisation .card .card-body .acf-field {
  margin-bottom: 1rem;
}
.sponsorisation .card .card-body .acf-field label {
  margin: 0;
  font-weight: bold;
}
.sponsorisation .card .card-body .custom-option {
  font-size: 0.875rem;
}
.sponsorisation .card .card-body .badge {
  display: inline-block;
  padding: 0.35em 0.65em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  background-color: var(--color-base);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.375rem;
}
.sponsorisation .card .card-body .ts-wrapper {
  height: auto;
  min-height: 3rem;
}
.sponsorisation .card .card-body .ts-wrapper .ts-control {
  border: 1px solid #9ea2a2;
  color: #4b4f54;
  padding: 0 15px;
  padding-block-start: 0.75rem;
  padding-block-end: 0.75rem;
}
.sponsorisation .card .card-body .ts-wrapper .ts-control input {
  display: inline-block !important;
  font-size: 0.875rem;
  border-radius: 0;
}
.sponsorisation .card .card-body .ts-wrapper:after {
  top: 0;
  bottom: 0;
  margin: auto;
}
.sponsorisation .card .card-body .acf-button {
  border-radius: 8px;
  background-color: #333;
  color: #fff;
  border: 0;
  transition: 0.4s all ease-in-out;
  cursor: pointer;
  padding: 7.5px 15px;
}
.sponsorisation .card .card-body .acf-button:hover {
  background-color: #111;
}
.sponsorisation .card .card-body .btn-link {
  padding: 0;
  background: transparent;
  color: var(--color-base);
  font-size: 1rem;
  position: relative;
  margin-top: 1rem;
  transition: 0.4s all ease-in;
  clear: both;
  text-align: left;
  float: left;
}
.sponsorisation .card .card-body .btn-link:hover {
  color: var(--color-ats, #000);
}
.sponsorisation .card .card-body .btn-link span {
  display: inline-block;
  padding: 0.35em 0.65em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  position: absolute;
}
.sponsorisation .card .card-body .btn-link span.rounded-pill {
  border-radius: 50rem;
}
.sponsorisation .card .card-body .btn-link span.bg-danger {
  background-color: #ff2f2f;
}
.sponsorisation .card .card-body .btn-link span.top-0 {
  top: 0;
}
.sponsorisation .card .card-body .btn-link span.start-100 {
  left: 100%;
}
.sponsorisation .card .card-body .btn-link span.translate-middle {
  transform: translate(-30%, -60%);
}
.sponsorisation .card .card-body .btn-link span .visually-hidden {
  display: none;
}
.sponsorisation .card .card-footer {
  background-color: #333;
  color: #fff;
  padding: 1rem;
  font-size: 0.875rem;
}
.sponsorisation .card .card-footer .badge {
  background-color: var(--color-ats, #000);
  color: #fff;
  font-weight: bold;
  padding: 0.15rem 0.35rem;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.375rem;
  font-size: 0.75rem;
  min-width: 30px;
}

.contrats-a-saisir .applicants-list .applicants-list__header,
.contrats-a-saisir .applicants-list .missions-list__row {
  grid-template-columns: 10% 30% 25% 20% 15%;
}
.contrats-a-saisir .applicants-list .listed-mission__nb_applicants .account-nav__count {
  margin: 0;
  position: static;
  font-size: 14px;
  width: 36px;
  height: 36px;
  transition: all 0.4s;
}
.contrats-a-saisir .applicants-list .listed-mission__nb_applicants .account-nav__count:hover {
  text-decoration: none;
  border-color: var(--color-base);
  background-color: var(--color-base);
}

.area-email-not-verified form {
  position: relative;
}
.area-email-not-verified form .loading {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  left: 0;
  display: none;
  z-index: 1;
}
.area-email-not-verified form .resend_verification_email {
  background-color: var(--color-danger);
  font-size: 1.125rem;
  padding: 0.75rem 1.75rem;
}
.area-email-not-verified form.is-loading .resend_verification_email {
  opacity: 0.5;
}

.form__row_label_transported {
  margin-block-end: 0 !important;
}
.form__row_label_transported label {
  font-size: 90%;
  margin-block-end: 0;
}

.transported_choice {
  position: relative;
  max-width: 20%;
}
.transported_choice input {
  display: none;
}
.transported_choice input:checked + label {
  background-color: var(--color-ats);
  color: #ffffff !important;
}
.transported_choice label {
  background-color: #ffffff;
  color: var(--color-ats);
  height: 100%;
  cursor: pointer;
  padding: 1rem;
  text-align: center;
  display: block;
  border-radius: 25px;
  margin: 0;
  position: relative;
}
.transported_choice label svg {
  height: 30px;
  max-width: 45px;
  margin: 0.5rem auto 0.5rem;
}
.transported_choice label span {
  display: block;
  font-size: 90%;
}
.transported_choice label:after {
  content: "";
  display: inline-block;
  transform: rotate(45deg);
  height: 18px;
  width: 10px;
  border-bottom: 5px solid #ffffff;
  border-right: 5px solid #ffffff;
  position: absolute;
  right: 10%;
  top: 10%;
}

.form .add-row-full {
  width: auto;
  aspect-ratio: 0;
}

.new-fixed-missions-availability-container {
  display: none;
}
.new-fixed-missions-availability-container .form__row_fixed_missions_available_from {
  display: none;
}
.new-fixed-missions-availability-container .form__row_fixed_missions_notice_of {
  display: none;
}
.new-fixed-missions-availability-container .form__row_fixed_missions_date_notice_of {
  display: none;
}

@media screen and (max-width: 1780px) {
  body {
    font-size: 0.875rem;
  }
  body .fs-normal {
    font-size: 0.875rem !important;
  }
  .account-nav__link {
    font-size: 16px;
  }
  .listed-mission__title a {
    font-size: 1rem;
  }
  .missions-list__row > *,
  .applicants-list__row > *,
  .jobs-list__row > * {
    font-size: 0.875rem;
  }
  .missions-crees .missions-list__row,
  .missions-crees .job-list__header {
    font-size: 0.875rem;
    grid-template-columns: 9% 22% 10% 10% 24% 12%;
  }
  .missions-crees .missions-list__row .listed-mission__applicant .ui-msg,
  .missions-crees .job-list__header .listed-mission__applicant .ui-msg {
    padding: 3px 10px;
  }
  .missions-crees .missions-list__row .listed-mission__applicant .ui-msg em,
  .missions-crees .job-list__header .listed-mission__applicant .ui-msg em {
    width: 22px;
    height: 22px;
  }
  .listed-applicant__btn .btn-icon .btn-icon,
  .listed-mission__btn .btn-icon {
    block-size: 40px;
    font-size: 1.2rem;
  }
  .candidats-mission .applicants-list,
  .screen_missions_ats_user .applicants-list {
    gap: 0.5rem;
  }
  .candidats-mission .applicants-list__header,
  .screen_missions_ats_user .applicants-list__header {
    font-size: 0.875rem;
  }
  .candidats-mission .applicants-list__row > *,
  .screen_missions_ats_user .applicants-list__row > * {
    font-size: 0.875rem;
  }
  .candidats-mission .applicants-list__row .listed-applicant__skills .skill,
  .screen_missions_ats_user .applicants-list__row .listed-applicant__skills .skill {
    font-size: 0.75rem;
  }
  .candidats-mission .applicants-list__row .listed-applicant__infos .listed-applicant__details a,
  .screen_missions_ats_user .applicants-list__row .listed-applicant__infos .listed-applicant__details a {
    font-size: 1rem;
  }
  .candidats-mission .applicants-list__row .listed-applicant__mission a,
  .screen_missions_ats_user .applicants-list__row .listed-applicant__mission a {
    font-size: 0.875rem;
  }
  .candidats-mission .applicants-list__row .listed-applicant__btn .btn-icon,
  .screen_missions_ats_user .applicants-list__row .listed-applicant__btn .btn-icon {
    block-size: 40px;
    font-size: 1.2rem;
  }
  .offres-demplois .jobs-listing-list__header, .offres-demplois .jobs-listing-list__row {
    grid-template-columns: 6% 15% 15% 8% 8% 8% 9% 9% 12% 3%;
  }
}
@media screen and (max-width: 1440px) {
  body .account-body {
    padding: 30px;
  }
  .screen_missions_ats_user :is(.applicants-list__header, .applicants-list__row) {
    grid-template-columns: 10% 25% 25% 10% 10% 10%;
  }
  .candidats-a-verifier .applicants-list__header,
  .candidats-a-verifier .applicants-list__row {
    grid-template-columns: 10% 25% 20% 10% 10% 20%;
  }
  .account-aside__ctn {
    gap: 50px;
  }
  .account-aside__footer .btn {
    padding: 10px 15px;
    width: 100%;
  }
}
@media screen and (max-width: 1366px) {
  body {
    padding: 1.5rem;
  }
  body .account-aside__footer .btn {
    font-size: 14px !important;
    padding: 7.5px 5px;
  }
}
@media screen and (max-width: 1280px) {
  body .account-aside {
    padding-right: 1.5rem;
  }
  body .account-nav__link {
    font-size: 14px;
  }
  body .account-switch {
    margin-block-end: 2em;
  }
  body .account-switch__item {
    padding: 0.5rem 1.2rem;
  }
  .applicants-list__header {
    display: none !important;
  }
  .screen_missions_ats_user :is(.applicants-list__header, .applicants-list__row) {
    padding: 1rem;
    display: flex;
    flex-wrap: wrap;
  }
  .candidats-mission .applicants-list__row,
  .screen_missions_ats_user .applicants-list__row {
    gap: 0;
  }
  .candidats-mission .applicants-list__row .listed-applicant__pic,
  .screen_missions_ats_user .applicants-list__row .listed-applicant__pic {
    flex: 0 0 15%;
  }
  .candidats-mission .applicants-list__row .listed-applicant__pic > a,
  .screen_missions_ats_user .applicants-list__row .listed-applicant__pic > a {
    height: 80px;
  }
  .candidats-mission .applicants-list__row .listed-applicant__infos,
  .screen_missions_ats_user .applicants-list__row .listed-applicant__infos {
    flex: 0 0 45%;
  }
  .candidats-mission .applicants-list__row .listed-applicant__infos .skill,
  .screen_missions_ats_user .applicants-list__row .listed-applicant__infos .skill {
    font-size: 0.625rem;
  }
  .candidats-mission .applicants-list__row .listed-applicant__infos .skill:is(.valid),
  .screen_missions_ats_user .applicants-list__row .listed-applicant__infos .skill:is(.valid) {
    padding: 0.06rem 0.75rem 0.06rem 0.5rem;
  }
  .candidats-mission .applicants-list__row .listed-applicant__infos .skill:is(.valid) svg,
  .screen_missions_ats_user .applicants-list__row .listed-applicant__infos .skill:is(.valid) svg {
    width: 0.8rem;
  }
  .candidats-mission .applicants-list__row .listed-applicant__cv,
  .screen_missions_ats_user .applicants-list__row .listed-applicant__cv {
    flex: 0 0 20%;
    text-align: center;
  }
  .candidats-mission .applicants-list__row .listed-applicant__salary,
  .screen_missions_ats_user .applicants-list__row .listed-applicant__salary {
    flex: 0 0 20%;
    text-align: center;
  }
  .candidats-mission .applicants-list__row .listed-applicant__mission,
  .screen_missions_ats_user .applicants-list__row .listed-applicant__mission {
    flex: 0 0 60%;
    padding-top: 10px;
  }
  .candidats-mission .applicants-list__row .listed-applicant__mission:before,
  .screen_missions_ats_user .applicants-list__row .listed-applicant__mission:before {
    content: "";
    height: 2px;
    width: 166%;
    display: block;
    background-color: #f2f2f2;
    margin-bottom: 18px;
  }
  .candidats-mission .applicants-list__row .listed-applicant__date,
  .screen_missions_ats_user .applicants-list__row .listed-applicant__date {
    flex: 0 0 20%;
    padding-top: 30px;
    text-align: center;
  }
  .candidats-mission .applicants-list__row .listed-applicant__btn,
  .screen_missions_ats_user .applicants-list__row .listed-applicant__btn {
    flex: 0 0 20%;
    padding-top: 30px;
    justify-content: flex-end;
  }
  .candidats-a-verifier main .applicants-list__row .listed-applicant__infos {
    flex: 0 0 25%;
  }
  .candidats-a-verifier main .applicants-list__row .listed-applicant__contacts {
    flex: 0 0 30%;
  }
  .candidats-a-verifier main .applicants-list__row .listed-applicant__date {
    flex: 0 0 20%;
    padding: 0;
  }
  .candidats-a-verifier main .applicants-list__row .listed-applicant__cv {
    flex: 0 0 10%;
  }
  .candidats-a-verifier main .applicants-list__row .listed-applicant__mission:before {
    margin-bottom: 8px;
  }
  .missions-crees .filters-missions .form__field {
    max-width: 300px;
  }
  .missions-crees .missions-list__row,
  .missions-crees .job-list__header {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
  }
  .missions-crees .job-list__header {
    display: none;
  }
  .missions-crees .missions-list__row .listed-mission__date {
    flex: 0 0 15%;
  }
  .missions-crees .missions-list__row .listed-mission__title {
    flex: 0 0 45%;
  }
  .missions-crees .missions-list__row .listed-mission__responsible {
    flex: 0 0 20%;
  }
  .missions-crees .missions-list__row .listed-mission__user_contact {
    flex: 0 0 20%;
  }
  .missions-crees .missions-list__row .listed-mission__applicant {
    flex: 0 0 60%;
    padding-top: 15px;
  }
  .missions-crees .missions-list__row .listed-mission__btn {
    flex: 0 0 40%;
    justify-content: flex-end;
  }
  .welcome-screen__heading {
    margin-block-end: 3rem;
  }
  .bienvenue .slider-missions {
    width: 56vw;
  }
  .bienvenue .welcome-screen__missions > .job-box > .job-box__content {
    padding: 0;
  }
  .area-affected-missions .btn {
    padding: 0.5rem 1rem;
  }
  .candidats-mission .applicants-list__row {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767.98px) {
  body {
    padding: 0;
    padding-top: 60px;
    overflow-x: hidden;
  }
  body .small.text-center {
    margin: 0 !important;
  }
  body .account-nav {
    gap: 20px;
  }
  body .account-nav__item__create_mission {
    display: block;
  }
  body .welcome-screen__heading {
    margin-block-end: 1rem;
  }
  body .account-aside__ctn {
    padding-block-start: 0;
  }
  body .account-aside__ctn .burger {
    box-shadow: none;
    padding: 0;
    width: auto;
  }
  body .account-aside {
    padding: 15px;
    height: 60px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5;
    background-color: white;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.0784313725);
  }
  body .account-aside .account-aside__logo svg {
    height: 30px;
  }
  body .account-aside .account-aside__logo img {
    max-height: 30px;
  }
  body .account-switch {
    margin: 0 !important;
  }
  body .account-body {
    padding: 1.5rem;
  }
  body .account-body .account-body__heading {
    margin-block-end: 1rem;
  }
  body h1 {
    font-size: 1.25rem;
    margin: 0;
  }
  body h2 {
    font-size: 1.125rem;
  }
  body .fs-5 {
    padding: 7.5px 15px;
    font-size: 0.75rem !important;
  }
  body p {
    font-size: 0.875rem;
    line-height: 1.4;
  }
  body .candidats-mission .applicants-list__row .listed-applicant__pic,
  body .screen_missions_ats_user .applicants-list__row .listed-applicant__pic {
    flex: 0 0 30%;
  }
  body .candidats-mission .applicants-list__row .listed-applicant__pic > a,
  body .screen_missions_ats_user .applicants-list__row .listed-applicant__pic > a {
    height: 60px;
  }
  body .candidats-mission .applicants-list__row .listed-applicant__pic .applicant-pic-badges,
  body .screen_missions_ats_user .applicants-list__row .listed-applicant__pic .applicant-pic-badges {
    display: block;
    height: 30px;
    width: 60px;
    margin-top: 15px;
    margin-left: 15px;
    text-align: center;
  }
  body .candidats-mission .applicants-list__row .listed-applicant__pic .applicant-pic-badges .applicant-zvoove,
  body .screen_missions_ats_user .applicants-list__row .listed-applicant__pic .applicant-pic-badges .applicant-zvoove {
    height: 24px;
    width: 24px;
    display: inline-block;
  }
  body .candidats-mission .applicants-list__row .listed-applicant__pic .applicant-pic-badges .applicant-zvoove .icon, body .candidats-mission .applicants-list__row .listed-applicant__pic .applicant-pic-badges .applicant-zvoove .btn-icon svg, .btn-icon body .candidats-mission .applicants-list__row .listed-applicant__pic .applicant-pic-badges .applicant-zvoove svg,
  body .screen_missions_ats_user .applicants-list__row .listed-applicant__pic .applicant-pic-badges .applicant-zvoove .icon,
  body .screen_missions_ats_user .applicants-list__row .listed-applicant__pic .applicant-pic-badges .applicant-zvoove .btn-icon svg,
  .btn-icon body .screen_missions_ats_user .applicants-list__row .listed-applicant__pic .applicant-pic-badges .applicant-zvoove svg {
    inline-size: 0.8em;
    margin: auto;
    height: 100%;
  }
  body .candidats-mission .applicants-list__row .listed-applicant__pic .applicant-pic-badges .applicant-fav,
  body .screen_missions_ats_user .applicants-list__row .listed-applicant__pic .applicant-pic-badges .applicant-fav {
    height: 24px;
    width: 24px;
    display: inline-block;
  }
  body .candidats-mission .applicants-list__row .listed-applicant__pic .applicant-pic-badges .applicant-fav .icon, body .candidats-mission .applicants-list__row .listed-applicant__pic .applicant-pic-badges .applicant-fav .btn-icon svg, .btn-icon body .candidats-mission .applicants-list__row .listed-applicant__pic .applicant-pic-badges .applicant-fav svg,
  body .screen_missions_ats_user .applicants-list__row .listed-applicant__pic .applicant-pic-badges .applicant-fav .icon,
  body .screen_missions_ats_user .applicants-list__row .listed-applicant__pic .applicant-pic-badges .applicant-fav .btn-icon svg,
  .btn-icon body .screen_missions_ats_user .applicants-list__row .listed-applicant__pic .applicant-pic-badges .applicant-fav svg {
    inline-size: 0.8em;
    margin: auto;
    height: 100%;
  }
  body .candidats-mission .applicants-list__row .listed-applicant__infos,
  body .screen_missions_ats_user .applicants-list__row .listed-applicant__infos {
    flex: 0 0 70%;
  }
  body .candidats-mission .applicants-list__row .listed-applicant__cv,
  body .screen_missions_ats_user .applicants-list__row .listed-applicant__cv {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 2px solid #f2f2f2;
    flex: 0 0 50%;
    text-align: left;
    margin-top: 10px;
  }
  body .candidats-mission .applicants-list__row .listed-applicant__cv a svg,
  body .screen_missions_ats_user .applicants-list__row .listed-applicant__cv a svg {
    width: 30px;
  }
  body .candidats-mission .applicants-list__row .listed-applicant__salary,
  body .screen_missions_ats_user .applicants-list__row .listed-applicant__salary {
    margin-top: 10px;
    padding-top: 20px;
    padding-bottom: 10px;
    border-top: 2px solid #f2f2f2;
    flex: 0 0 50%;
    text-align: right;
  }
  body .candidats-mission .applicants-list__row .listed-applicant__mission,
  body .screen_missions_ats_user .applicants-list__row .listed-applicant__mission {
    flex: 0 0 100%;
    padding: 10px 0;
    border-top: 2px solid #f2f2f2;
    border-bottom: 2px solid #f2f2f2;
  }
  body .candidats-mission .applicants-list__row .listed-applicant__mission:before,
  body .screen_missions_ats_user .applicants-list__row .listed-applicant__mission:before {
    display: none;
  }
  body .candidats-mission .applicants-list__row .listed-applicant__date,
  body .screen_missions_ats_user .applicants-list__row .listed-applicant__date {
    flex: 0 0 50%;
    text-align: left;
    padding-top: 20px;
  }
  body .candidats-mission .applicants-list__row .listed-applicant__btn,
  body .screen_missions_ats_user .applicants-list__row .listed-applicant__btn {
    flex: 0 0 50%;
    padding-top: 10px;
  }
  .mission-preview__map iframe {
    height: 200px;
  }
  .nouvelle-mission .steps {
    display: block;
    margin: 0;
    padding-bottom: 5px;
    margin-bottom: 15px;
    border-bottom: 2px solid silver;
  }
  .nouvelle-mission .steps .steps__item {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
  }
  .nouvelle-mission .steps .steps__item .steps__indicator {
    position: absolute;
    left: 0;
    top: 50%;
    width: 30px;
    transform: translate(0, -50%);
  }
  .nouvelle-mission .steps .steps__item .steps__label {
    width: 100%;
    text-align: left;
    padding-left: 45px;
    font-size: 14px;
  }
  .nouvelle-mission form .job-summary__label {
    font-size: 10px;
  }
  .nouvelle-mission form .job-summary {
    padding: 15px;
    margin-bottom: 30px;
  }
  .nouvelle-mission form .form__heading {
    margin-block-start: 1rem;
  }
  .nouvelle-mission form .form__heading h4 {
    font-size: 1rem;
  }
  .nouvelle-mission form .form__row:not(:has(.form__field--radio)) {
    position: relative;
    gap: 1rem;
  }
  .nouvelle-mission form .form__row.row-job_list, .nouvelle-mission form .form__row.row-permits {
    padding-right: 50px;
    padding-bottom: 15px;
    padding-top: 15px;
    margin-bottom: 0;
    border-bottom: 1px dashed silver;
    margin-block-start: 0;
  }
  .nouvelle-mission form .form__row #mission-map {
    border-radius: 15px !important;
  }
  .nouvelle-mission form .form__row.form__row_use_client_address .coche input {
    height: 24px;
    width: 24px;
  }
  .nouvelle-mission form .form__row.form__row_use_client_address .coche label {
    font-size: 12px;
  }
  .nouvelle-mission form .form__field.has-suffix .suffix {
    height: 40px;
    margin: 0;
    margin-top: auto;
    line-height: 40px;
    width: 50px;
    font-size: 14px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
  }
  .nouvelle-mission form .form__field:has(.add-row), .nouvelle-mission form .form__field:has(.remove-row) {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
  }
  .nouvelle-mission form .form__field:has(.add-row) .add-row,
  .nouvelle-mission form .form__field:has(.add-row) .remove-row, .nouvelle-mission form .form__field:has(.remove-row) .add-row,
  .nouvelle-mission form .form__field:has(.remove-row) .remove-row {
    width: 34px;
    height: 34px;
    margin-right: 0;
  }
  .nouvelle-mission form .form__field:has(.add-row) .add-row, .nouvelle-mission form .form__field:has(.remove-row) .add-row {
    margin-top: 0;
  }
  .nouvelle-mission form .form__field:has(.add-row) .remove-row, .nouvelle-mission form .form__field:has(.remove-row) .remove-row {
    margin-bottom: 0;
  }
  .nouvelle-mission form .form__field label {
    position: static;
    background: transparent;
    margin: 0;
    margin-bottom: 0px;
    scale: 1 !important;
    font-size: 12px !important;
    translate: none !important;
  }
  .nouvelle-mission form .form__field .form-select {
    min-height: 40px;
    border-radius: 15px;
  }
  .nouvelle-mission form .form__field .ts-wrapper:after {
    top: 50%;
    transform: translate(15px, -50%);
  }
  .nouvelle-mission form .form__field .ts-wrapper::after {
    -webkit-mask: unset;
            mask: unset;
    background-repeat: no-repeat;
    background-size: 14px 8px;
    background-color: transparent;
    width: 15px;
    right: 25px;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.007 6.48 1.035.19a.593.593 0 0 0-.86 0 .657.657 0 0 0 0 .905l6.361 6.7a.59.59 0 0 0 .272.163.593.593 0 0 0 .65-.143l6.361-6.699a.657.657 0 0 0 0-.905.593.593 0 0 0-.86 0L7.007 6.48Z' fill='%23000' fill-rule='evenodd'/%3E%3C/svg%3E");
  }
  .nouvelle-mission form .form__field .ts-wrapper.dropdown-active:after, .nouvelle-mission form .form__field .ts-wrapper.input-active:after {
    transform: translate(-15px, -50%);
    margin-top: -15px;
  }
  .nouvelle-mission form .form__field .tomselected + .form-select .ts-control {
    padding: 0 15px !important;
  }
  .nouvelle-mission form .form__field input,
  .nouvelle-mission form .form__field select {
    height: 40px;
    border-radius: 15px;
    padding: 0 15px !important;
  }
  .nouvelle-mission form .form__field input[type=radio],
  .nouvelle-mission form .form__field select[type=radio] {
    height: 24px;
    width: 24px;
    padding: 0 !important;
  }
  .nouvelle-mission form .form__field input[type=radio]:after,
  .nouvelle-mission form .form__field select[type=radio]:after {
    width: 16px;
  }
  .nouvelle-mission form .form__field input[type=checkbox],
  .nouvelle-mission form .form__field select[type=checkbox] {
    height: 20px;
    width: 20px;
    border-radius: 5px;
    padding: 0 !important;
  }
  .nouvelle-mission form .form__field input[type=checkbox]:after,
  .nouvelle-mission form .form__field select[type=checkbox]:after {
    width: 0.8rem;
  }
  .nouvelle-mission form .form__field input:not(.ajax-fillable) + div.ts-wrapper .ts-control > input,
  .nouvelle-mission form .form__field select:not(.ajax-fillable) + div.ts-wrapper .ts-control > input {
    display: block !important;
  }
  .nouvelle-mission form .form__field select {
    background-position: 95% 50%;
  }
  .nouvelle-mission form .form__field textarea {
    padding: 15px;
    height: 130px;
    border-radius: 15px;
  }
  .nouvelle-mission form .form__field .schedules-area .list-days .list .month .month-value {
    font-size: 14px;
  }
  .nouvelle-mission form .form__field .schedules-area .list-days .list .date-day {
    padding: 7.5px 15px;
    font-size: 14px;
  }
  .nouvelle-mission form .form__field .schedules-area .schedules-body {
    padding: 15px;
  }
  .nouvelle-mission form .form__field .schedules-area .table .table-header {
    padding: 0;
  }
  .nouvelle-mission form .form__field .schedules-area .table .table-body {
    padding: 0;
  }
  .nouvelle-mission form .form__field .schedules-area .table .row-table .col-table {
    width: 50%;
    flex: 0 0 50%;
    display: block;
    padding: 5px 15px;
    font-size: 12px;
  }
  .nouvelle-mission form .form__field .schedules-area .table .row-table .col-table .line {
    inline-size: 100%;
    gap: 6px;
  }
  .nouvelle-mission form .form__field .schedules-area .table .row-table .col-table .line input {
    height: 30px;
    padding: 0 5px !important;
  }
  .nouvelle-mission form .form__footer {
    justify-content: center;
  }
  .nouvelle-mission form .form__footer button {
    padding: 0.5rem 1.5rem;
  }
  .nouvelle-mission [data-screen=applicants-list] .form__row_introduction_table #search-input {
    height: 40px;
  }
  .nouvelle-mission [data-screen=applicants-list] .form__field {
    width: 100%;
  }
  .nouvelle-mission [data-screen=applicants-list] .table-container .table-striped-custom {
    font-size: 12px;
  }
  .nouvelle-mission [data-screen=applicants-list] .table-container .table-striped-custom .jobs-cell-wrapper,
  .nouvelle-mission [data-screen=applicants-list] .table-container .table-striped-custom .permits-cell-wrapper,
  .nouvelle-mission [data-screen=applicants-list] .table-container .table-striped-custom .agencies-cell-wrapper,
  .nouvelle-mission [data-screen=applicants-list] .table-container .table-striped-custom .coordinates-cell-wrapper {
    display: none;
  }
  .nouvelle-mission [data-screen=applicants-list] .pagination #page-indicator {
    margin: 0 10px;
  }
  .missions-crees .account-body .account-switch {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    border-radius: 15px;
  }
  .missions-crees .account-body .account-switch .account-switch__item {
    flex: 0 0 50%;
    height: 40px;
    padding: 7.5px 10px;
    line-height: 14px;
  }
  .missions-crees .filters-missions .form__field {
    max-width: 100%;
  }
  .missions-crees .filters-missions .form__field select {
    height: 40px;
    padding: 0 15px;
  }
  .missions-crees .missions-list__row,
  .missions-crees .job-list__header {
    padding: 15px;
  }
  .missions-crees .listed-mission__overline,
  .missions-crees .applicants-list__overline,
  .missions-crees .listed-job__overline {
    font-size: 0.875rem;
  }
  .missions-crees .missions-list__row .badge-search {
    font-size: 12px;
  }
  .missions-crees .missions-list__row .badge-search svg {
    width: 10px;
    margin-right: 0;
  }
  .missions-crees .missions-list__row .listed-mission__title {
    flex: 0 0 100%;
    gap: 0;
    border-bottom: 2px solid #f2f2f2;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .missions-crees .missions-list__row .listed-mission__title .listed-mission__overline {
    display: none;
  }
  .missions-crees .missions-list__row .listed-mission__applicant {
    flex: 0 0 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 2px solid #f2f2f2;
  }
  .missions-crees .missions-list__row .listed-mission__applicant .listed-mission__overline {
    display: none;
  }
  .missions-crees .missions-list__row .listed-mission__applicant .ui-msg {
    margin-top: 0;
    padding: 3px 5px;
  }
  .missions-crees .missions-list__row .listed-mission__date {
    flex: 0 0 100%;
    border-bottom: 2px solid #f2f2f2;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .missions-crees .missions-list__row .listed-mission__date .listed-mission__overline {
    display: inline-block;
  }
  .missions-crees .missions-list__row .listed-mission__responsible {
    flex: 0 0 100%;
  }
  .missions-crees .missions-list__row .listed-mission__responsible .listed-mission__overline {
    display: inline-block;
    width: 25%;
  }
  .missions-crees .missions-list__row .listed-mission__responsible .listed-mission__overline:after {
    content: " :";
  }
  .missions-crees .missions-list__row .listed-mission__user_contact {
    flex: 0 0 100%;
  }
  .missions-crees .missions-list__row .listed-mission__user_contact .listed-mission__overline {
    display: inline-block;
    width: 25%;
  }
  .missions-crees .missions-list__row .listed-mission__user_contact .listed-mission__overline:after {
    content: " :";
  }
  .missions-crees .missions-list__row .listed-mission__btn {
    flex: 0 0 100%;
    justify-content: center;
  }
  .detail-mission .overline {
    font-size: 0.625rem;
    margin-bottom: 0px !important;
  }
  .detail-mission .box-desc {
    padding: 15px;
    border-radius: 15px !important;
    margin-top: 5px;
    margin-bottom: 15px;
  }
  .detail-mission .mission-preview {
    margin: 30px 0 0 !important;
    gap: 0;
  }
  .detail-mission .mission-preview__col {
    gap: 0;
  }
  .detail-mission .mission-preview__row {
    margin-bottom: 30px;
  }
  .detail-mission .mission-preview__row .mission-preview__item {
    margin-bottom: 15px;
  }
  .detail-mission .mission-preview__row .mission-preview__item .h4 {
    font-size: 0.875rem;
  }
  .detail-mission .mission-preview__row .mission-preview__item .mission-preview__tags {
    padding-left: 20px;
    list-style-type: disc;
  }
  .detail-mission .mission-preview__row .box-desc-contact {
    gap: 15px;
  }
  .detail-mission .mission-preview__row .box-desc-contact img {
    width: 80px;
  }
  .detail-mission .mission-preview__row .box-desc-contact br {
    display: none;
  }
  .detail-mission .mission-preview__row:not(.full):has(.mission-preview__item) {
    gap: 0;
    margin: 0 -7.5px;
  }
  .detail-mission .mission-preview__row:not(.full):has(.mission-preview__item) .mission-preview__item {
    flex: 0 0 50%;
    margin-bottom: 15px;
    padding: 0 7.5px;
  }
  .detail-mission .mission-preview__row:not(.full):has(.mission-preview__item) .mission-preview__item.required-skills, .detail-mission .mission-preview__row:not(.full):has(.mission-preview__item) .mission-preview__item.required-permits {
    flex: 0 0 100%;
  }
  .candidats-mission .account-switch {
    margin-bottom: 30px !important;
  }
  .candidats-mission .area-accepted-applicants .filters-accepted-applicants form .form__row {
    gap: 0;
    margin: 0 -7.5px;
  }
  .candidats-mission .area-accepted-applicants .filters-accepted-applicants form .form__row .form__field {
    flex: 0 0 50%;
    padding: 0 7.5px;
  }
  .candidats-mission .area-accepted-applicants .filters-accepted-applicants form .form__row .form__field select {
    height: 40px;
    padding: 0 10px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath fill='%234B4F54' d='M11.294 2.41A.998.998 0 0 0 9.884 1L6.706 4.17a1 1 0 0 1-1.412 0L2.115 1A.998.998 0 0 0 .705 2.41l4.588 4.588a1 1 0 0 0 1.414 0l4.587-4.588Z'/%3E%3C/svg%3E");
    background-position: 95% 50%;
  }
  .candidats-mission .applicants-list__row {
    padding: 15px;
  }
  .candidats-mission .applicants-list__row .listed-applicant__pic {
    flex: 0 0 25%;
    border-bottom: 2px solid #f2f2f2;
    padding-bottom: 10px;
    margin-bottom: 10px;
    min-height: 100px;
  }
  .candidats-mission .applicants-list__row .listed-applicant__pic > a {
    height: 60px;
  }
  .candidats-mission .applicants-list__row .listed-applicant__pic .applicant-pic-badges {
    top: 50px !important;
    bottom: auto;
    translate: none !important;
    height: 30px;
    width: 60px;
    margin-top: 15px;
    margin-left: 15px;
    text-align: center;
    display: block;
  }
  .candidats-mission .applicants-list__row .listed-applicant__pic .applicant-pic-badges .applicant-zvoove {
    height: 24px;
    width: 24px;
    display: inline-block;
  }
  .candidats-mission .applicants-list__row .listed-applicant__pic .applicant-pic-badges .applicant-zvoove .icon, .candidats-mission .applicants-list__row .listed-applicant__pic .applicant-pic-badges .applicant-zvoove .btn-icon svg, .btn-icon .candidats-mission .applicants-list__row .listed-applicant__pic .applicant-pic-badges .applicant-zvoove svg {
    inline-size: 0.8em;
    margin: auto;
    height: 100%;
  }
  .candidats-mission .applicants-list__row .listed-applicant__pic .applicant-pic-badges .applicant-fav {
    height: 24px;
    width: 24px;
    display: inline-block;
  }
  .candidats-mission .applicants-list__row .listed-applicant__pic .applicant-pic-badges .applicant-fav .icon, .candidats-mission .applicants-list__row .listed-applicant__pic .applicant-pic-badges .applicant-fav .btn-icon svg, .btn-icon .candidats-mission .applicants-list__row .listed-applicant__pic .applicant-pic-badges .applicant-fav svg {
    inline-size: 0.8em;
    margin: auto;
    height: 100%;
  }
  .candidats-mission .applicants-list__row .listed-applicant__infos {
    flex: 0 0 75%;
    border-bottom: 2px solid #f2f2f2;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .candidats-mission .applicants-list__row .listed-applicant__cv {
    flex: 0 0 25%;
    text-align: left;
  }
  .candidats-mission .applicants-list__row .listed-applicant__cv a svg {
    width: 30px;
  }
  .candidats-mission .applicants-list__row .listed-applicant__salary {
    flex: 0 0 35%;
    text-align: left;
    padding-top: 10px;
  }
  .candidats-mission .applicants-list__row .listed-applicant__date {
    flex: 0 0 40%;
    padding-top: 10px;
    text-align: right;
  }
  .candidats-mission .applicants-list__row .listed-applicant__btn {
    justify-content: center;
    flex: 0 0 100%;
    padding-top: 10px;
    margin-top: 10px;
    border-top: 2px solid #f2f2f2;
  }
  .candidats-a-verifier .listed-applicant__pic {
    min-height: 0;
  }
  .candidats-a-verifier .listed-applicant__pic.has-badges {
    min-height: 100px;
  }
  .candidats-a-verifier .listed-applicant__pic .applicant-pic-badges {
    top: auto !important;
    bottom: 0;
    translate: none !important;
  }
  .candidats-a-verifier .listed-applicant__contacts {
    flex: 0 0 100% !important;
    padding-top: 10px;
    margin-top: 10px;
    border-top: 2px solid #f2f2f2;
    border-bottom: 2px solid #f2f2f2;
  }
  .candidats-a-verifier .listed-applicant__date {
    padding: 0;
    padding-top: 10px;
  }
  .candidats-a-verifier .listed-applicant__cv {
    text-align: right !important;
    border: 0 !important;
    padding: 0 !important;
  }
  .candidats-a-verifier .listed-applicant__mission {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    border-bottom: 0 !important;
  }
  .fiche-candidat .icon-favorite-container,
  .mes-informations .icon-favorite-container {
    width: 30px;
    height: 30px;
    margin-bottom: -8px;
    margin-left: 15px;
  }
  .fiche-candidat .icon-favorite-container .icon-edit svg,
  .mes-informations .icon-favorite-container .icon-edit svg {
    width: 18px;
    height: 18px;
  }
  .fiche-candidat .steps,
  .mes-informations .steps {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    margin: 0;
    padding-bottom: 5px;
    margin-bottom: 15px;
    border-bottom: 2px solid silver;
  }
  .fiche-candidat .steps .steps__item,
  .mes-informations .steps .steps__item {
    position: relative;
    width: 50%;
    margin-bottom: 10px;
    flex: 0 0 50%;
  }
  .fiche-candidat .steps .steps__item .steps__indicator,
  .mes-informations .steps .steps__item .steps__indicator {
    position: absolute;
    left: 0;
    top: 50%;
    width: 30px;
    transform: translate(0, -50%);
  }
  .fiche-candidat .steps .steps__item .steps__label,
  .mes-informations .steps .steps__item .steps__label {
    width: 100%;
    text-align: left;
    padding-left: 45px;
    font-size: 14px;
  }
  .fiche-candidat form .form__row_transported_choices,
  .mes-informations form .form__row_transported_choices {
    gap: 0 !important;
    margin: 0 -7.5px !important;
  }
  .fiche-candidat form .form__row_transported_choices .transported_choice,
  .mes-informations form .form__row_transported_choices .transported_choice {
    max-width: 33.33%;
    padding: 0 7.5px;
  }
  .fiche-candidat form .form__row_transported_choices .transported_choice label,
  .mes-informations form .form__row_transported_choices .transported_choice label {
    background-color: #ffffff !important;
    padding: 5px;
    height: auto;
    border-radius: 15px;
  }
  .fiche-candidat form .form__row_transported_choices .transported_choice label:after,
  .mes-informations form .form__row_transported_choices .transported_choice label:after {
    border-width: 4px;
    height: 14px;
    width: 10px;
  }
  .fiche-candidat form .form__row_transported_choices .transported_choice label svg,
  .mes-informations form .form__row_transported_choices .transported_choice label svg {
    margin: 0.25rem auto 0.25rem;
    height: 20px;
  }
  .fiche-candidat form .form__row_transported_choices .transported_choice input[type=checkbox]:checked + label,
  .mes-informations form .form__row_transported_choices .transported_choice input[type=checkbox]:checked + label {
    background-color: var(--color-ats) !important;
  }
  .fiche-candidat form .job-summary__label,
  .mes-informations form .job-summary__label {
    font-size: 10px;
  }
  .fiche-candidat form .form__heading,
  .mes-informations form .form__heading {
    margin-block-start: 1rem;
  }
  .fiche-candidat form .form__heading h4,
  .mes-informations form .form__heading h4 {
    font-size: 1rem;
  }
  .fiche-candidat form .form__row,
  .mes-informations form .form__row {
    display: block;
  }
  .fiche-candidat form .form__row:not(:has(.form__field--radio)),
  .mes-informations form .form__row:not(:has(.form__field--radio)) {
    position: relative;
    gap: 0;
    display: flex;
    margin: 0;
  }
  .fiche-candidat form .form__row.row-job_list,
  .mes-informations form .form__row.row-job_list {
    padding-right: 50px;
    padding-bottom: 15px;
    padding-top: 15px;
    margin-bottom: 0;
    border-bottom: 1px dashed silver;
    margin-block-start: 0;
  }
  .fiche-candidat form .form__row #map,
  .mes-informations form .form__row #map {
    border-radius: 15px !important;
  }
  .fiche-candidat form .form__field,
  .mes-informations form .form__field {
    flex: 0 0 100%;
    margin-bottom: 10px;
    padding: 0;
    background: transparent;
    border: 0;
    height: auto;
  }
  .fiche-candidat form .form__field h6,
  .mes-informations form .form__field h6 {
    font-size: 14px;
  }
  .fiche-candidat form .form__field.form__field--radio,
  .mes-informations form .form__field.form__field--radio {
    margin-right: 5px;
    gap: 5px;
  }
  .fiche-candidat form .form__field .iti,
  .mes-informations form .form__field .iti {
    background: white;
    border-radius: 15px;
    padding: 0 10px;
  }
  .fiche-candidat form .form__field.has-suffix .suffix,
  .mes-informations form .form__field.has-suffix .suffix {
    height: 40px;
    margin: 0;
    margin-top: auto;
    line-height: 40px;
    width: 50px;
    font-size: 14px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
  }
  .fiche-candidat form .form__field:has(.add-row), .fiche-candidat form .form__field:has(.remove-row),
  .mes-informations form .form__field:has(.add-row),
  .mes-informations form .form__field:has(.remove-row) {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
  }
  .fiche-candidat form .form__field:has(.add-row) .add-row,
  .fiche-candidat form .form__field:has(.add-row) .remove-row, .fiche-candidat form .form__field:has(.remove-row) .add-row,
  .fiche-candidat form .form__field:has(.remove-row) .remove-row,
  .mes-informations form .form__field:has(.add-row) .add-row,
  .mes-informations form .form__field:has(.add-row) .remove-row,
  .mes-informations form .form__field:has(.remove-row) .add-row,
  .mes-informations form .form__field:has(.remove-row) .remove-row {
    width: 34px;
    height: 34px;
    margin-right: 0;
  }
  .fiche-candidat form .form__field:has(.add-row) .add-row, .fiche-candidat form .form__field:has(.remove-row) .add-row,
  .mes-informations form .form__field:has(.add-row) .add-row,
  .mes-informations form .form__field:has(.remove-row) .add-row {
    margin-top: 0;
  }
  .fiche-candidat form .form__field:has(.add-row) .remove-row, .fiche-candidat form .form__field:has(.remove-row) .remove-row,
  .mes-informations form .form__field:has(.add-row) .remove-row,
  .mes-informations form .form__field:has(.remove-row) .remove-row {
    margin-bottom: 0;
  }
  .fiche-candidat form .form__field:has(.add-row-full),
  .mes-informations form .form__field:has(.add-row-full) {
    position: static;
    transform: none;
  }
  .fiche-candidat form .form__field:has(.add-row-full) .add-row-full,
  .mes-informations form .form__field:has(.add-row-full) .add-row-full {
    width: auto;
    height: auto;
    white-space: nowrap;
    margin: auto;
  }
  .fiche-candidat form .form__field label,
  .mes-informations form .form__field label {
    position: static;
    background: transparent;
    margin: 0;
    margin-bottom: 0px;
    scale: 1 !important;
    font-size: 12px !important;
    translate: none !important;
  }
  .fiche-candidat form .form__field .form-select,
  .mes-informations form .form__field .form-select {
    min-height: 40px;
    border-radius: 15px;
  }
  .fiche-candidat form .form__field .ts-wrapper:after,
  .mes-informations form .form__field .ts-wrapper:after {
    top: 50%;
    transform: translate(15px, -50%);
  }
  .fiche-candidat form .form__field .ts-wrapper.dropdown-active:after, .fiche-candidat form .form__field .ts-wrapper.input-active:after,
  .mes-informations form .form__field .ts-wrapper.dropdown-active:after,
  .mes-informations form .form__field .ts-wrapper.input-active:after {
    transform: translate(-15px, -50%);
    margin-top: -10px;
  }
  .fiche-candidat form .form__field .tomselected + .form-select .ts-control,
  .mes-informations form .form__field .tomselected + .form-select .ts-control {
    padding: 0 15px !important;
    gap: 0;
  }
  .fiche-candidat form .form__field input,
  .fiche-candidat form .form__field select,
  .mes-informations form .form__field input,
  .mes-informations form .form__field select {
    height: 40px;
    border-radius: 15px;
    padding: 0 15px !important;
  }
  .fiche-candidat form .form__field input[type=radio],
  .fiche-candidat form .form__field select[type=radio],
  .mes-informations form .form__field input[type=radio],
  .mes-informations form .form__field select[type=radio] {
    height: 24px;
    width: 24px;
    padding: 0 !important;
  }
  .fiche-candidat form .form__field input[type=radio]:after,
  .fiche-candidat form .form__field select[type=radio]:after,
  .mes-informations form .form__field input[type=radio]:after,
  .mes-informations form .form__field select[type=radio]:after {
    width: 16px;
  }
  .fiche-candidat form .form__field input:not(.ajax-fillable) + div.ts-wrapper .ts-control > input,
  .fiche-candidat form .form__field select:not(.ajax-fillable) + div.ts-wrapper .ts-control > input,
  .mes-informations form .form__field input:not(.ajax-fillable) + div.ts-wrapper .ts-control > input,
  .mes-informations form .form__field select:not(.ajax-fillable) + div.ts-wrapper .ts-control > input {
    display: block !important;
  }
  .fiche-candidat form .form__field textarea,
  .mes-informations form .form__field textarea {
    padding: 15px;
    height: 130px;
    border-radius: 15px;
  }
  .fiche-candidat form .form__field select,
  .mes-informations form .form__field select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath fill='%234B4F54' d='M11.294 2.41A.998.998 0 0 0 9.884 1L6.706 4.17a1 1 0 0 1-1.412 0L2.115 1A.998.998 0 0 0 .705 2.41l4.588 4.588a1 1 0 0 0 1.414 0l4.587-4.588Z'/%3E%3C/svg%3E");
    background-position: 95% 50%;
  }
  .fiche-candidat form .form__field .ts-control,
  .mes-informations form .form__field .ts-control {
    gap: 0;
  }
  .fiche-candidat form .form__field .ts-control input,
  .mes-informations form .form__field .ts-control input {
    min-width: 1rem;
    flex: 0 0 auto;
  }
  .fiche-candidat form .form__footer,
  .mes-informations form .form__footer {
    justify-content: center;
  }
  .fiche-candidat .form-screen[data-screen=multimedias] .form__desc,
  .mes-informations .form-screen[data-screen=multimedias] .form__desc {
    padding: 7.5px 15px;
  }
  .fiche-candidat .form-screen[data-screen=multimedias] .profil-pic,
  .mes-informations .form-screen[data-screen=multimedias] .profil-pic {
    z-index: 1;
    block-size: 2rem;
  }
  .fiche-candidat .form-screen[data-screen=multimedias] .form-input-file,
  .mes-informations .form-screen[data-screen=multimedias] .form-input-file {
    height: 40px;
    padding: 0 90px 0 15px;
    margin-top: 20px;
  }
  .fiche-candidat .form-screen[data-screen=multimedias] .form-input-file label,
  .mes-informations .form-screen[data-screen=multimedias] .form-input-file label {
    top: 0;
    left: 0;
    background: transparent;
  }
  .fiche-candidat .form-screen[data-screen=multimedias] .file-name,
  .mes-informations .form-screen[data-screen=multimedias] .file-name {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
  }
  .fiche-candidat .form-screen[data-screen=multimedias] .form__row.form__row_document.has-file-uploaded .current-resume,
  .mes-informations .form-screen[data-screen=multimedias] .form__row.form__row_document.has-file-uploaded .current-resume {
    bottom: 10px;
    left: 0;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 100%;
  }
  .fiche-candidat .form-screen[data-screen=exchanges] .form__row,
  .mes-informations .form-screen[data-screen=exchanges] .form__row {
    border-bottom: 2px dashed silver;
    padding-bottom: 10px;
    margin-bottom: 10px;
    padding-right: 50px;
  }
  .fiche-candidat .form-screen[data-screen=exchanges] .form__row.row--to-duplicate:last-child,
  .mes-informations .form-screen[data-screen=exchanges] .form__row.row--to-duplicate:last-child {
    border: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .fiche-candidat .form-screen[data-screen=activities] .form__row.row--to-duplicate,
  .mes-informations .form-screen[data-screen=activities] .form__row.row--to-duplicate {
    border-bottom: 2px dashed silver;
    padding-bottom: 10px;
    margin-bottom: 10px;
    padding-right: 50px;
  }
  .fiche-candidat .form-screen[data-screen=activities] .form__row.row--to-duplicate.row--to-duplicate:last-child,
  .mes-informations .form-screen[data-screen=activities] .form__row.row--to-duplicate.row--to-duplicate:last-child {
    border: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .fiche-candidat .form-screen[data-screen=activities] .form__row.row--to-duplicate textarea,
  .mes-informations .form-screen[data-screen=activities] .form__row.row--to-duplicate textarea {
    height: 130px;
  }
  .mes-informations form .form__column {
    gap: 0;
  }
}
@media screen and (max-width: 767.98px) and (max-width: 767.98px) {
  .mes-informations form .form__column {
    gap: 0.4rem;
  }
}
@media screen and (max-width: 767.98px) {
  .mes-informations form #capturePhotoBtn {
    padding: 7.5px 15px;
    font-size: 14px;
    width: 100%;
    margin-bottom: 15px;
  }
  .mes-informations form .form__row {
    display: flex;
  }
  .mes-informations form .form__row .form__field {
    width: 100%;
  }
  .mes-informations form .form__row .form__field.form__field--radio {
    flex: 0 0 auto;
    width: auto;
  }
  .mes-informations form .form__row .form__desc {
    padding: 7.5px 15px;
  }
  .mes-informations form .form__row .profil-pic {
    z-index: 1;
    block-size: 2rem;
  }
  .mes-informations form .form__row .form-input-file {
    height: 40px;
    padding: 0 90px 0 15px;
    margin-top: 20px;
    flex-wrap: wrap;
  }
  .mes-informations form .form__row .form-input-file label {
    top: 0;
    left: 0;
    background: transparent;
  }
  .mes-informations form .form__row .file-name {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
  }
  .mes-informations form .form__row .form__row.form__row_document.has-file-uploaded .current-resume {
    bottom: 10px;
    left: 0;
    font-size: 12px;
  }
  .mes-informations form .form__row .current-resume {
    padding: 0;
    font-size: 12px;
    margin-top: 5px;
  }
  .mes-informations form #cv_file + label {
    margin-top: -30px;
    margin-left: -15px;
  }
  .mes-informations form .form__columns {
    gap: 0;
  }
  .mes-informations form .form__heading {
    margin: 0 !important;
  }
  .mes-informations form .form__footer {
    margin-top: 15px;
  }
  .mes-metiers .form__row .form__field label {
    translate: none !important;
    scale: 1 !important;
    font-size: 12px;
    position: static;
    background: transparent;
  }
  .mes-metiers .form__row .form__field .ts-wrapper {
    border-radius: 15px;
  }
  .mes-metiers .form__row .form__field .ts-wrapper .ts-control {
    padding: 15px !important;
    gap: 0;
  }
  .mes-metiers .form__row .form__field .ts-wrapper .ts-control input {
    flex: 0 0 auto;
  }
  .mes-metiers .form__footer {
    margin-top: 15px;
  }
  .contrats-a-saisir .filters-applicants .form__field {
    max-width: 100%;
  }
  .contrats-a-saisir .filters-applicants .form__field select {
    height: 40px;
    padding: 0 15px;
  }
  .contrats-a-saisir .applicants-list__row .listed-applicant__salary {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }
  .contrats-a-saisir .applicants-list__row .listed-applicant__contacts {
    max-width: 50%;
  }
  .contrats-a-saisir .applicants-list__row .listed-applicant__actions {
    padding-top: 10px;
  }
  .contrats-a-saisir .applicants-list__row .listed-applicant__actions .form__row {
    gap: 0;
  }
  .contrats-a-saisir .applicants-list__row .listed-applicant__actions .form__row .form__field:first-child {
    flex: 0 0 75%;
  }
  .contrats-a-saisir .applicants-list__row .listed-applicant__actions .form__row .form__field:last-child {
    flex: 0 0 20% !important;
    margin-left: 5%;
    width: 100% !important;
  }
  .contrats-a-saisir .applicants-list__row .listed-applicant__actions .form__row .form__field:last-child button {
    width: 100%;
  }
  body.connexion,
  body.inscription,
  body.perte-mot-de-passe {
    padding-top: 0;
  }
  body.connexion .login-screen,
  body.inscription .login-screen,
  body.perte-mot-de-passe .login-screen {
    padding: 15px;
  }
  body.connexion .login-screen .login-screen__header,
  body.inscription .login-screen .login-screen__header,
  body.perte-mot-de-passe .login-screen .login-screen__header {
    margin: 0;
    margin-bottom: 30px;
  }
  body.connexion .login-screen .login-screen__header svg,
  body.inscription .login-screen .login-screen__header svg,
  body.perte-mot-de-passe .login-screen .login-screen__header svg {
    max-width: 140px;
    margin: auto;
  }
  body.connexion .login-screen .login-screen__header img,
  body.inscription .login-screen .login-screen__header img,
  body.perte-mot-de-passe .login-screen .login-screen__header img {
    margin: auto;
    max-height: 36px;
  }
  body.connexion .login-screen .login-screen__form .login-screen__heading,
  body.inscription .login-screen .login-screen__form .login-screen__heading,
  body.perte-mot-de-passe .login-screen .login-screen__form .login-screen__heading {
    margin-bottom: 30px;
  }
  body.connexion .login-screen .login-screen__form .login-screen__heading h1,
  body.inscription .login-screen .login-screen__form .login-screen__heading h1,
  body.perte-mot-de-passe .login-screen .login-screen__form .login-screen__heading h1 {
    text-align: center;
    font-size: 1.125rem;
  }
  body.connexion .login-screen .login-screen__form form,
  body.inscription .login-screen .login-screen__form form,
  body.perte-mot-de-passe .login-screen .login-screen__form form {
    padding-block-end: 4rem;
  }
  body.connexion .login-screen .login-screen__form form .field-infos,
  body.inscription .login-screen .login-screen__form form .field-infos,
  body.perte-mot-de-passe .login-screen .login-screen__form form .field-infos {
    font-size: 12px;
    width: 100%;
    text-align: center;
  }
  body.connexion .login-screen .login-screen__form form .form__field label,
  body.inscription .login-screen .login-screen__form form .form__field label,
  body.perte-mot-de-passe .login-screen .login-screen__form form .form__field label {
    position: static;
    translate: none;
    background-color: transparent;
    font-size: 12px;
    scale: 1;
  }
  body.connexion .login-screen .login-screen__form form .form__field input,
  body.inscription .login-screen .login-screen__form form .form__field input,
  body.perte-mot-de-passe .login-screen .login-screen__form form .form__field input {
    height: 40px;
    padding: 0 15px;
    border-radius: 15px;
  }
  body.connexion .login-screen .login-screen__form form .form__field .password-field__btn,
  body.inscription .login-screen .login-screen__form form .form__field .password-field__btn,
  body.perte-mot-de-passe .login-screen .login-screen__form form .form__field .password-field__btn {
    right: 5px;
  }
  body.connexion .login-screen .login-screen__form form .form__footer,
  body.inscription .login-screen .login-screen__form form .form__footer,
  body.perte-mot-de-passe .login-screen .login-screen__form form .form__footer {
    margin-block-start: 10px;
  }
  body.connexion .login-screen .login-screen__form form .form__footer button,
  body.inscription .login-screen .login-screen__form form .form__footer button,
  body.perte-mot-de-passe .login-screen .login-screen__form form .form__footer button {
    padding: 9.5px 15px;
  }
  body.connexion .login-screen .login-screen__form form .form__footer p,
  body.inscription .login-screen .login-screen__form form .form__footer p,
  body.perte-mot-de-passe .login-screen .login-screen__form form .form__footer p {
    font-size: 12px;
  }
  body.connexion .login-screen .login-screen__form form .form__row_phone .form__field,
  body.inscription .login-screen .login-screen__form form .form__row_phone .form__field,
  body.perte-mot-de-passe .login-screen .login-screen__form form .form__row_phone .form__field {
    padding: 0;
    background: transparent;
    border: 0;
  }
  body.connexion .login-screen .login-screen__form form .form__row_phone .form__field .iti,
  body.inscription .login-screen .login-screen__form form .form__row_phone .form__field .iti,
  body.perte-mot-de-passe .login-screen .login-screen__form form .form__row_phone .form__field .iti {
    background-color: #ffffff;
    border-radius: 15px;
  }
  body.connexion .login-screen .login-screen-lang,
  body.inscription .login-screen .login-screen-lang,
  body.perte-mot-de-passe .login-screen .login-screen-lang {
    bottom: 15px;
    right: 15px;
    left: auto;
    position: fixed;
  }
  body.change-mot-de-passe {
    padding: 0;
  }
  body.change-mot-de-passe .login-screen__header img {
    margin: auto;
    max-height: 36px;
  }
  body.change-mot-de-passe .login-screen__heading h1 {
    text-align: center;
    font-size: 1.125rem;
    margin-bottom: 10px;
  }
  body.change-mot-de-passe .login-screen__heading p {
    text-align: center;
  }
  body.change-mot-de-passe .login-screen {
    padding: 15px;
  }
  body.change-mot-de-passe .login-screen .login-screen__form form .form__field label {
    position: static;
    translate: none;
    background-color: rgba(0, 0, 0, 0);
    font-size: 12px;
    scale: 1;
  }
  body.change-mot-de-passe .login-screen .login-screen__form form .form__field input {
    height: 40px;
    padding: 0 15px;
    border-radius: 15px;
  }
  body.change-mot-de-passe .login-screen .login-screen__form form .form__footer {
    margin-block-start: 10px;
  }
  body.change-mot-de-passe .login-screen .login-screen__form form .form__footer button {
    padding: 9.5px 15px;
  }
  body.change-mot-de-passe .login-screen .login-screen__form form .form__footer p {
    font-size: 12px;
  }
  body.change-mot-de-passe .login-screen .login-screen-lang {
    bottom: 15px;
    right: 15px;
    left: auto;
    position: fixed;
  }
  .bienvenue .welcome-screen__missions > .job-box {
    padding: 15px;
    border-radius: 15px;
  }
  .bienvenue .welcome-screen__missions > .job-box .job-box__content {
    gap: 0;
  }
  .bienvenue .slider-missions {
    width: 100%;
  }
  .bienvenue .slider-missions .swiper-slide .job-box {
    border-radius: 15px;
  }
  .bienvenue .slider-missions .swiper-slide .job-box__header .job-box__heading {
    padding: 15px;
  }
  .bienvenue .slider-missions .swiper-slide .job-box__header .job-box__heading .job-box__title {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 5px;
  }
  .bienvenue .slider-missions .swiper-slide .job-box__content {
    gap: 15px;
    padding: 15px;
  }
  .bienvenue .slider-missions .swiper-slide .job-box__content .job-box__infos {
    gap: 5px;
  }
  .bienvenue .slider-missions .swiper-slide .job-box__content .job-box__infos .box-info svg {
    scale: 0.85;
  }
  .bienvenue .slider-missions .swiper-slide .job-box__content .job-box__infos .box-info .box-info__label {
    font-size: 14px;
  }
  .bienvenue .slider-missions .swiper-slide .job-box__content .job-box__buttons .btn {
    padding: 7.5px 15px;
  }
  .bienvenue .slider-missions .swiper-slide .job-box__footer {
    padding: 0 15px 15px;
    font-size: 12px;
  }
  .account-body .form.my-jobs-form {
    width: 100%;
  }
}
@media screen and (max-width: 767.98px) and (max-width: 767.98px) {
  .account-body .alert {
    margin-top: 1rem;
  }
}
@media screen and (max-width: 767.98px) {
  .mes-missions .account-body .account-switch {
    margin: 15px 0 30px !important;
  }
  .mes-missions .area-affected-missions .filters-affected-missions .form__row .form__field label {
    scale: 1;
    translate: none;
    position: static;
    background: none;
    font-size: 12px;
  }
  .mes-missions .area-affected-missions .filters-affected-missions .form__row .form__field input {
    height: 40px;
    padding: 0 15px;
  }
  .mes-missions .jobs-list {
    margin-block-start: 15px;
  }
  .mes-missions .jobs-list__row {
    padding: 15px;
    border-radius: 15px;
    gap: 15px;
  }
  .mes-missions .jobs-list__row .listed-job__overline {
    font-size: 14px;
  }
  .mes-missions .jobs-list__row .listed-job__btn {
    text-align: center;
    border-top: 2px solid #f2f2f2;
    padding-top: 15px;
  }
  .mes-missions .jobs-list__row .listed-job__btn .btn {
    padding: 7.5px 15px;
    width: auto;
  }
  .mes-missions .jobs-list__row .listed-job__download_ics {
    display: none;
  }
  .panel-mission .panel-mission__content {
    gap: 15px;
  }
  .panel-mission .panel-mission__inner {
    padding: 30px 15px;
  }
  .panel-mission .panel-mission__inner .panel-mission__close {
    inset: 15px 15px auto auto;
    inline-size: 30px;
  }
  .panel-mission .panel-mission__inner .panel-mission__item.panel-mission__item__title {
    padding-right: 20px;
  }
  .panel-mission .panel-mission__inner .panel-mission__item:not(:has(.panel-mission__row)) {
    gap: 0;
  }
  .panel-mission .panel-mission__inner .panel-mission__item .panel-mission__map,
  .panel-mission .panel-mission__inner .panel-mission__item .mission-preview__map {
    border-radius: 15px;
  }
  .panel-mission .panel-mission__inner .panel-mission__item:has(.btn-itinerary) .btn-itinerary {
    font-size: 12px;
    padding: 5px 15px;
    height: auto;
    border-radius: 15px;
    aspect-ratio: auto;
    position: static;
    width: 110px;
    margin-top: 5px;
  }
  .panel-mission .panel-mission__inner .panel-mission__item .overline {
    font-size: 10px;
  }
  .panel-mission .panel-mission__inner .panel-mission__item .is-flex {
    display: block;
  }
  .panel-mission .panel-mission__inner .panel-mission__item .h6 {
    font-size: 14px;
  }
  .panel-mission .panel-mission__inner .panel-mission__item span.status {
    font-size: 16px;
  }
  .panel-mission .panel-mission__inner .panel-mission__item span.status small {
    font-size: 12px;
    line-height: 16px;
    display: block;
  }
  .panel-mission .panel-mission__inner .panel-mission__item span.actions {
    display: block;
    margin-top: 5px;
  }
  .panel-mission .panel-mission__inner .panel-mission__item span.actions a {
    padding: 7.5px 10px;
  }
  .panel-mission .panel-mission__inner .panel-mission__item .box-desc-contact {
    gap: 15px;
  }
  .panel-mission .panel-mission__inner .panel-mission__item .box-desc-contact img {
    width: 60px;
    border-radius: 15px;
  }
  .modal:is(.is-visible) .modal__dialog {
    padding: 15px;
  }
  .modal:is(.is-visible) .modal__dialog button[type=submit] {
    padding: 7.5px 15px;
    display: block;
    margin: auto;
  }
  .modal:is(.is-visible) .modal__close {
    height: 30px;
    width: 30px;
  }
  #modalInterestApplicant form .suffix {
    line-height: 2.5rem;
    font-size: 14px;
  }
  #modalInterestApplicant form input {
    min-height: 40px;
  }
  #modalCloseMission .modal__header,
  #modalCancelMission .modal__header {
    margin-bottom: 15px;
  }
  #modalCloseMission .h4,
  #modalCancelMission .h4 {
    font-size: 14px;
  }
  #modalCloseMission .btn-group,
  #modalCancelMission .btn-group {
    gap: 5px;
    justify-content: center;
  }
  #modalCloseMission .btn-group .btn,
  #modalCancelMission .btn-group .btn {
    padding: 7.5px 15px;
  }
  #modalCloseMission label[for=custom_message],
  #modalCancelMission label[for=custom_message] {
    scale: 1;
    translate: none;
    position: static;
    font-size: 12px;
  }
  #modalCloseMission #custom_message,
  #modalCancelMission #custom_message {
    padding: 15px;
    border-radius: 15px;
    height: 130px;
  }
  #modalCancelMission .modal__dialog {
    min-height: 360px;
  }
  .synthese-mission .panel-mission__content {
    margin-top: 30px;
  }
  .synthese-mission .panel-mission__item:has(.panel-mission__row) {
    flex-direction: initial;
  }
  .synthese-mission .panel-mission__item .panel-mission__row {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
  .synthese-mission .panel-mission__item .panel-mission__row .overline {
    font-size: 10px;
  }
  .synthese-mission .panel-mission__item.candidats-mission .listed-applicant__contact {
    flex: 0 0 700%;
  }
  .synthese-mission .panel-mission__item.candidats-mission .listed-applicant__salary {
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    flex: 0 0 30%;
  }
  .synthese-mission .panel-mission__item.candidats-mission .listed-applicant__actions .form__row {
    gap: 0;
  }
  .synthese-mission .panel-mission__item.candidats-mission .listed-applicant__actions .form__field:first-child {
    flex: 0 0 75%;
  }
  .synthese-mission .panel-mission__item.candidats-mission .listed-applicant__actions .form__field:last-child {
    flex: 0 0 20%;
    margin-left: 5%;
    justify-content: flex-end;
  }
  .synthese-mission .panel-mission__item.candidats-mission .listed-applicant__actions .form__field:last-child button {
    width: 100%;
  }
  .form__msg {
    right: 0 !important;
    left: 0 !important;
    margin: auto !important;
    max-width: 90%;
    translate: 0 !important;
  }
  .form__msg .toastr-alert {
    font-size: 12px !important;
    padding: 7.5px 10px 7.5px 40px !important;
  }
  .form__msg p {
    font-size: 12px !important;
  }
  body .ui-msg--error {
    padding: 15px;
  }
  body .account-body .alert {
    font-size: 14px;
  }
  body .area-email-not-verified form .resend_verification_email {
    font-size: 14px;
    padding: 7.5px 15px;
  }
  .candidats-mission .applicants-list__row,
  .screen_missions_ats_user .applicants-list__row {
    position: relative;
  }
  .candidats-mission .applicants-list__row .listed-applicant__confirmed,
  .screen_missions_ats_user .applicants-list__row .listed-applicant__confirmed {
    position: absolute;
    background-color: white;
    border-radius: 100%;
    padding: 5px;
    left: -15px;
    top: -15px;
  }
  .recherche-de-candidats #form-applicants-search > .form__row {
    position: relative;
  }
  .recherche-de-candidats #form-applicants-search .form__row {
    flex-wrap: wrap;
  }
  .recherche-de-candidats #form-applicants-search .form__row .form__field:first-child {
    flex: 0 1 100%;
  }
  .recherche-de-candidats #form-applicants-search .form__row .form__field:last-child {
    flex: 0 1 100%;
  }
  .recherche-de-candidats #form-applicants-search .form__row .form__field .form__row_search {
    gap: 0;
  }
  .recherche-de-candidats #form-applicants-search .form__row .form__field .form__row_search .form__field:first-child {
    flex: 0 1 70%;
  }
  .recherche-de-candidats #form-applicants-search .form__row .form__field .form__row_search .form__field:last-child {
    flex: 0 1 30%;
  }
  .recherche-de-candidats #form-applicants-search .form__row .form__field .advanced-filters-area .form__row {
    margin: 0 -7.5px;
    gap: 0;
  }
  .recherche-de-candidats #form-applicants-search .form__row .form__field .advanced-filters-area .form__row .form__field {
    flex: 0 0 50%;
    padding: 0 7.5px;
    margin-bottom: 15px;
  }
  .recherche-de-candidats #form-applicants-search .form__row .form__field .advanced-filters-area .form__row .form__field.form__field_rating {
    display: block;
  }
  .recherche-de-candidats #form-applicants-search .form__row .form__field .advanced-filters-area .form__row .form__field.form__field_2_columns {
    flex: 0 0 100%;
  }
  .recherche-de-candidats #form-applicants-search .form__row .form__field.form__field_search_button {
    flex: 0 0 auto;
    width: 100px;
    position: absolute;
    bottom: 10px;
    right: 0;
    padding: 0;
  }
  .recherche-de-candidats #form-applicants-search .form__row .form__field.form__field_search_button #btn-filter-applicants {
    height: 40px;
  }
  .recherche-de-candidats #form-applicants-search #btn-filter-applicants {
    height: 40px;
    padding: 0;
    width: 100%;
  }
  .recherche-de-candidats #form-applicants-search #search-input {
    height: 40px;
    padding: 0 15px;
  }
  .recherche-de-candidats .screen_missions_ats_user .introduction-applicants {
    display: block;
  }
  .recherche-de-candidats .screen_missions_ats_user .introduction-applicants .count-applicants {
    text-align: left;
    font-size: 100%;
    margin-top: 10px;
  }
  .recherche-de-candidats .screen_missions_ats_user .applicants-list__row .listed-applicant__contacts {
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    margin-top: 10px;
    padding-top: 10px;
    flex: 0 1 100%;
  }
  .recherche-de-candidats .screen_missions_ats_user .applicants-list__row .listed-applicant__checkbox {
    flex: 0 0 100%;
    margin-bottom: 5px;
  }
  .recherche-de-candidats .screen_missions_ats_user .applicants-list__row .listed-applicant__date {
    flex: 0 0 33%;
    padding-top: 10px;
  }
  .recherche-de-candidats .screen_missions_ats_user .applicants-list__row .listed-applicant__cv {
    flex: 0 0 33%;
    border: 0;
    text-align: center;
    padding: 0;
  }
  .recherche-de-candidats .screen_missions_ats_user .applicants-list__row .listed-applicant__cv svg {
    margin-top: -10px;
  }
  .recherche-de-candidats .screen_missions_ats_user .applicants-list__row .listed-applicant__missions {
    flex: 0 0 33%;
    text-align: right;
    padding-top: 10px;
  }
  .recherche-de-candidats .screen_missions_ats_user .applicants-list__row .listed-applicant__metiers {
    flex: 0 0 100%;
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #dedede;
  }
  .recherche-de-candidats .screen_missions_ats_user .applicants-list__row .listed-applicant__date {
    flex: 0 0 100%;
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #dedede;
  }
  .recherche-de-candidats .screen_missions_ats_user .applicants-list__row .listed-applicant__jobs_declared {
    flex: 0 0 100%;
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #dedede;
  }
  .recherche-de-candidats .screen_missions_ats_user .applicants-list__row .listed-applicant__agencies {
    flex: 0 0 100%;
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #dedede;
  }
  .recherche-de-candidats .screen_missions_ats_user .applicants-list__row .listed-applicant__cv {
    flex: 0 0 30%;
    max-width: 30%;
    text-align: left;
  }
  .recherche-de-candidats .screen_missions_ats_user .applicants-list__row .listed-applicant__missions {
    flex: 0 0 70%;
    max-width: 70%;
    justify-content: end;
  }
  .recherche-de-candidats .screen_missions_ats_user .applicants-list__row .listed-applicant__pic .applicant-pic-badges {
    text-align: center;
    width: 60px;
    height: auto;
    position: absolute;
    bottom: auto;
    left: 0;
    margin: 0;
    font-size: 0;
    top: 60px;
    transform: none;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .recherche-de-candidats .screen_missions_ats_user .applicants-list__row .listed-applicant__infos {
    flex: 0 0 80%;
    max-width: 80%;
  }
  .recherche-de-candidats .screen_missions_ats_user .applicants-list__row .listed-applicant__availability {
    flex: 0 0 10%;
    max-width: 10%;
    text-align: center;
  }
  .recherche-de-candidats .screen_missions_ats_user .applicants-list__row .listed-applicant__availability svg {
    margin: auto;
    display: block;
  }
  .recherche-de-candidats .screen_missions_ats_user .applicants-list__row .listed-applicant__availability_zvoove {
    flex: 0 0 10%;
    max-width: 10%;
    text-align: center;
  }
  .recherche-de-candidats .screen_missions_ats_user .applicants-list__row .listed-applicant__availability_zvoove svg {
    margin: auto;
    display: block;
  }
  .recherche-de-candidats .pagination #page-info {
    margin: 0 15px;
  }
  #modalListMissionOfApplicant .modal__dialog .modal__header,
  #modalSummaryApplicantsAboutMissionStatus .modal__dialog .modal__header {
    margin-block-end: 15px;
  }
  #modalListMissionOfApplicant .modal__dialog .modal__header p em,
  #modalSummaryApplicantsAboutMissionStatus .modal__dialog .modal__header p em {
    font-size: 0.75rem;
  }
  #modalListMissionOfApplicant .modal__dialog .modal__content .table-container .table-striped-custom,
  #modalSummaryApplicantsAboutMissionStatus .modal__dialog .modal__content .table-container .table-striped-custom {
    font-size: 12px;
  }
  .panel-mission__item.panel-item__item_card .w-50-lg {
    margin: 0;
  }
  .offre-demploi {
    overflow-x: hidden;
  }
  .offre-demploi .swal2-container {
    z-index: 10000000000;
  }
  .offre-demploi .swal2-container .swal2-modal {
    width: 100% !important;
  }
  .offre-demploi .swal2-container .swal2-icon {
    width: 3em;
    height: 3em;
    line-height: 3rem;
  }
  .offre-demploi .swal2-container .swal2-icon .swal2-icon-content {
    font-size: 2.75em;
  }
  .offre-demploi .swal2-container .swal2-actions {
    margin-top: 5px;
  }
  .offre-demploi .swal2-container .swal2-actions button {
    font-size: 0.875rem;
    margin: 0 3px;
    padding: 7.5px 10px;
  }
  .offre-demploi .swal2-container #editor {
    max-height: 200px;
  }
  .offre-demploi #swal2-html-container {
    padding: 0 !important;
    margin: 15px 0 !important;
  }
  .offre-demploi #swal2-html-container #sa-form .sa-card.base {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offre-demploi #swal2-html-container #sa-form .sa-card.languages {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offre-demploi #swal2-html-container #sa-form .sa-card .sa-line {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
  }
  .offre-demploi #swal2-html-container #sa-form .sa-card .sa-line label {
    margin-bottom: 5px;
    width: 100%;
  }
  .offre-demploi #swal2-html-container #sa-form .sa-card .sa-line .sa-input {
    flex: 0 0 50%;
  }
  .offre-demploi #swal2-html-container #sa-form .sa-card .sa-line select {
    flex: 0 0 50%;
  }
  .offre-demploi #swal2-html-container #sa-form .sa-card .sa-line[data-id=age-range] > div {
    width: 50%;
  }
  .offre-demploi #swal2-html-container #sa-form .sa-card .sa-line[data-id=age-range] #sa-age-min, .offre-demploi #swal2-html-container #sa-form .sa-card .sa-line[data-id=age-range] #sa-age-max {
    max-width: 60px;
  }
  .offre-demploi #swal2-html-container #sa-form .sa-card.tags .tag-adder-global #tag-type-select {
    max-width: 50%;
  }
  .offre-demploi #swal2-html-container #sa-form .sa-card.tags .tag-adder-global #add-global-tag {
    max-width: 50%;
  }
  .offre-demploi #swal2-html-container #sa-form .sa-card.tags .tag-adder-global #tag-class-select {
    max-width: 50%;
  }
  .offre-demploi #swal2-html-container #sa-form .sa-card.tags .tag-columns {
    display: block !important;
  }
  .offre-demploi #swal2-html-container #sa-form .sa-card.tags .tag-columns .tag-col {
    margin-bottom: 15px;
  }
  .offre-demploi #swal2-html-container #add-custom-language {
    margin-top: 0;
    height: 2.25rem;
  }
  .offre-demploi .account-body__heading h1 {
    text-wrap: auto;
  }
  .offre-demploi .account-body__heading .heading-tools {
    justify-content: space-between;
    margin-top: 10px;
  }
  .offre-demploi .account-body__heading .heading-tools .icon-remove-job-listing {
    width: 32px;
    height: 32px;
    margin: 0;
  }
  .offre-demploi .account-body__heading .heading-tools .icon-remove-job-listing svg {
    width: 24px;
  }
  .offre-demploi .account-body {
    padding: 30px 15px;
  }
  .offre-demploi .account-body__content {
    margin-top: 0;
  }
  .offre-demploi .steps {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 1rem;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #ccc;
    display: none;
  }
  .offre-demploi .steps .steps__item {
    width: calc(50% - 24px);
    display: flex;
    flex: 0 0 auto;
    flex-direction: row;
    gap: 5px;
    position: relative;
    padding-left: 35px;
  }
  .offre-demploi .steps .steps__item .steps__indicator {
    width: 30px;
    position: absolute;
    top: 8px;
    left: 0;
  }
  .offre-demploi .steps .steps__item .steps__indicator:after {
    width: 100%;
  }
  .offre-demploi .steps .steps__item .steps__label {
    text-align: left;
  }
  .offre-demploi form .copy-area-button {
    margin-top: -10px;
    margin-bottom: -30px;
  }
  .offre-demploi form .form-screen {
    display: block !important;
    margin-bottom: 20px;
  }
  .offre-demploi form .form__row {
    gap: 15px;
  }
  .offre-demploi form .form__row:not(:last-child) {
    margin-block-end: 1rem;
  }
  .offre-demploi form .form__row + .form__heading {
    margin-block-start: 20px;
  }
  .offre-demploi form .copy-area-button .copy-content {
    font-size: 0.75rem;
    padding: 5px 10px;
    gap: 5px;
  }
  .offre-demploi form .copy-area-button .copy-content svg {
    width: 12px;
  }
  .offre-demploi form .form__heading {
    margin-block-end: 5px;
  }
  .offre-demploi form .form__field label {
    translate: 0 !important;
    position: static;
    background: transparent;
  }
  .offre-demploi form .form__field .ql-snow .ql-editor h1 {
    font-size: 1.25rem;
  }
  .offre-demploi form .form__field.has-floating-label input {
    height: 40px;
    padding-top: 0;
    padding: 0 15px;
  }
  .offre-demploi form .form__field textarea {
    padding: 15px;
  }
  .offre-demploi form .form__field.form__field_job_photo .jb-photo a img {
    max-width: 100%;
  }
  .offre-demploi form .form__field.form__field_job_photo .jb-btn .btn {
    font-size: 0.75rem;
  }
  .offre-demploi form .form__field.form__field_job_photo .jb-btn .btn svg {
    width: 16px;
  }
  .offre-demploi form .form__field.form__field_checkbox {
    gap: 10px;
    width: calc(50% - 15px);
    margin: 0;
    margin-bottom: 10px;
  }
  .offre-demploi form .form__field.form__field_checkbox input {
    height: 30px;
  }
  .offre-demploi form .form__field.form__field_checkbox:only-child {
    width: calc(100% - 15px);
  }
  .offre-demploi form .form__field .ts-wrapper {
    min-height: 40px;
  }
  .offre-demploi form .form__field .ts-wrapper .ts-control {
    padding-block-start: 0;
    padding: 8px 15px 0px;
    gap: 0.25rem;
  }
  .offre-demploi form .form__field .ts-wrapper .ts-control input {
    height: 0;
  }
  .offre-demploi form .form__field .ts-wrapper:after {
    top: 15px;
    right: 15px;
  }
  .offre-demploi form #generate_scorecard_button {
    padding: 7.5px 15px;
  }
  .offre-demploi .form_field_box {
    padding: 1rem;
  }
  .offre-demploi .form_field_box h4 {
    font-size: 1rem;
  }
  .offre-demploi .applicants_list .rating-filter-tabs {
    display: block;
    border: 1px solid #ccc;
    padding: 15px;
  }
  .offre-demploi .applicants_list .rating-filter-tabs .filter_title {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-weight: bold;
  }
  .offre-demploi .applicants_list .rating-filter-tabs > span {
    display: block;
    font-size: 0;
    border-bottom: 1px solid #ccc;
    padding: 0;
    margin: 0 0 5px !important;
    padding-bottom: 5px;
  }
  .offre-demploi .applicants_list .table {
    border-radius: 0;
  }
  .offre-demploi .applicants_list .table thead {
    display: none;
  }
  .offre-demploi .applicants_list .table tbody tr {
    display: flex;
    font-size: 0;
    flex-flow: wrap;
    align-items: stretch;
  }
  .offre-demploi .applicants_list .table tbody tr:after {
    content: "";
    display: block;
    height: 15px;
    width: 100%;
    background: #f2f2f2;
  }
  .offre-demploi .applicants_list .table tbody tr th {
    border: 0;
  }
  .offre-demploi .applicants_list .table tbody tr td {
    font-size: 0.875rem;
    border: 0;
    min-width: 0 !important;
    width: 100%;
    display: flex;
    align-items: center;
    max-width: none !important;
  }
  .offre-demploi .applicants_list .table tbody tr td a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .offre-demploi .applicants_list .table tbody tr td > * {
    display: inline-block;
  }
  .offre-demploi .applicants_list .table tbody tr td.smallcol {
    width: 50%;
  }
  .offre-demploi .applicants_list .table tbody tr td[data-label=Name] {
    width: 50%;
  }
  .offre-demploi .applicants_list .table tbody tr td[data-label=Email] {
    width: 50%;
  }
  .offre-demploi .applicants_list .table tbody tr td.rating-actions {
    width: 50%;
  }
  .offre-demploi .applicants_list .table tbody tr td[data-label=CV] {
    width: 50%;
    justify-content: right;
  }
  .offre-demploi .applicants_list .table tbody tr td[data-label=Date] {
    width: 50%;
  }
  .offre-demploi .applicants_list .table tbody tr td.rating {
    width: 25%;
    justify-content: right;
  }
  .offre-demploi .applicants_list .table tbody tr td[data-label=Note] {
    width: 25%;
    justify-content: center;
  }
  .offre-demploi .applicants_list .table tbody tr td.actions {
    justify-content: center;
  }
  .offre-demploi .applicants_list .status_list {
    margin-top: 30px;
    padding: 0;
  }
  .offre-demploi .applicants_list .status_list span {
    display: block;
    margin: 0 auto;
  }
  #user_switching_switch_on {
    bottom: 70px !important;
    left: 0 !important;
    margin: auto !important;
    text-align: center !important;
    right: 0 !important;
  }
  .offres-demplois .account-body {
    padding: 30px 15px;
  }
  .offres-demplois .jobs-listing-list__header, .offres-demplois .jobs-listing-list__row {
    display: flex;
  }
  .offres-demplois .jobs-listing-list__header > *, .offres-demplois .jobs-listing-list__row > * {
    flex: 0 0 auto;
  }
  .offres-demplois .jobs-listing-list__header {
    display: none;
  }
  .offres-demplois .jobs-listing-list__row {
    flex-flow: wrap;
    align-items: stretch;
  }
  .offres-demplois .jobs-listing-list__row > * {
    display: flex;
    align-items: center;
  }
  .offres-demplois .jobs-listing-list__row .listed-job-listing__id {
    width: 100%;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #f2f2f2;
  }
  .offres-demplois .jobs-listing-list__row .listed-job-listing__name {
    width: 100%;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #f2f2f2;
  }
  .offres-demplois .jobs-listing-list__row .listed-job-listing__activity {
    width: 100%;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #f2f2f2;
  }
  .offres-demplois .jobs-listing-list__row .listed-job-listing__township {
    width: 50%;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #f2f2f2;
  }
  .offres-demplois .jobs-listing-list__row .listed-job-listing__city {
    width: 50%;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #f2f2f2;
  }
  .offres-demplois .jobs-listing-list__row .listed-job-listing__advise {
    width: 100%;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #f2f2f2;
  }
  .offres-demplois .jobs-listing-list__row .listed-job-listing__created_at {
    width: 50%;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #f2f2f2;
  }
  .offres-demplois .jobs-listing-list__row .listed-job-listing__expire_at {
    width: 50%;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #f2f2f2;
  }
  .offres-demplois .jobs-listing-list__row .listed-job-listing__applications {
    width: 50%;
    flex-wrap: wrap;
  }
  .offres-demplois .jobs-listing-list__row .listed-job-listing__applications span {
    flex: 0 0 100%;
  }
  .offres-demplois .jobs-listing-list__row .listed-job-listing__actions {
    width: 50%;
    justify-content: end;
  }
  .offres-demplois .introduction-jobs-listing {
    display: block;
  }
  .offres-demplois .introduction-jobs-listing .create-job-listing {
    margin-bottom: 20px;
  }
  .offres-demplois .introduction-jobs-listing .create-job-listing a {
    padding: 7.5px 10px;
    gap: 5px;
  }
  .offres-demplois .introduction-jobs-listing .count-jobs-listing {
    font-size: 0.875rem;
  }
  .offres-demplois .account-body__content {
    margin-top: 0;
  }
  .offres-demplois .applicants_-list {
    margin-top: 10px;
  }
  .offres-demplois .jobs-listing-list__loading svg {
    z-index: 10;
  }
  .offres-demplois #form-jobs-listing-search #search-input {
    margin-bottom: 5px;
  }
  .offres-demplois #form-jobs-listing-search .form__row {
    gap: 0;
    display: block;
  }
  .offres-demplois #form-jobs-listing-search .form__row .form__field {
    margin-bottom: 5px;
  }
  .offres-demplois #form-jobs-listing-search .form__row .form__field > label {
    position: static;
    background: transparent;
    translate: 0 !important;
    scale: 0.75 !important;
    margin-bottom: -5px;
  }
  .offres-demplois #form-jobs-listing-search .form__row .form__field_fields .form__row:last-child {
    display: flex;
    margin: 0 -7.5px;
  }
  .offres-demplois #form-jobs-listing-search .form__row .form__field_fields .form__row:last-child .form__field {
    flex: 0 0 auto;
    width: 50%;
    padding: 0 7.5px;
  }
  .offres-demplois #form-jobs-listing-search .form__row #btn-filter-jobs-listing {
    position: absolute;
    top: -50px;
    right: 0;
    height: 40px;
    padding: 0 30px;
  }
  .offres-demplois #form-jobs-listing-search .form__field.form__field_fields #search-input {
    height: 40px;
    padding: 0 15px;
  }
  .offres-demplois #form-jobs-listing-search .form__field.has-floating-label .ts-wrapper {
    min-height: 40px;
  }
  .offres-demplois #form-jobs-listing-search .form__field.has-floating-label .ts-wrapper:after {
    right: 15px;
  }
  .offres-demplois #form-jobs-listing-search .form__field.has-floating-label .ts-wrapper .ts-control {
    padding: 0 15px;
  }
  .tableau-de-bord .card .card-body {
    padding: 0.5rem;
  }
  .tableau-de-bord .card .card-body .btn-link {
    font-size: 0.875rem;
    margin-right: 20px;
  }
  .tableau-de-bord .card .card-footer {
    padding: 0.5rem;
    font-size: 0.75rem;
  }
  .tableau-de-bord .account-body__content nav {
    display: block;
    white-space: normal;
    padding: 0;
    overflow: hidden;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    margin-top: 10px;
  }
  .tableau-de-bord .account-body__content nav .nav-tabs .nav-link {
    margin: 0;
    width: 50%;
    white-space: normal;
    border: 1px solid #ccc;
    border-radius: 0;
    padding: 10px 5px;
  }
  .tableau-de-bord .account-body__content nav .nav-tabs .nav-link span {
    left: auto !important;
    right: 0 !important;
    top: 0 !important;
    border-radius: 0 !important;
    transform: none !important;
    padding: 1px 5px;
    line-height: 16px;
  }
  .tableau-de-bord .section_super_admin .row {
    display: flex;
    flex-wrap: wrap;
    gap: 4%;
  }
  .tableau-de-bord .section_super_admin .row .col-3 {
    flex: 0 0 auto;
    max-width: 48%;
    width: 48%;
    margin-bottom: 4%;
  }
  .tableau-de-bord .section_super_admin .row .col-3 > ul ul {
    list-style-type: none;
    padding-left: 0;
  }
  .tableau-de-bord .tab-content .tab-pane {
    padding: 0.5rem;
  }
  .tableau-de-bord .tab-content .tab-pane .p-3 {
    padding: 0.5rem !important;
  }
  .tableau-de-bord .tab-content .tab-pane .row {
    gap: 0;
    margin: 0 -7.5px;
  }
  .tableau-de-bord .tab-content .tab-pane .row .col-sm-3 {
    flex: 1 1 50%;
    max-width: 50%;
    padding: 0 7.5px;
  }
  .tableau-de-bord .stats-ajax-content .inside {
    flex: 1 1 100%;
    max-width: 100%;
  }
  .tableau-de-bord .stats-ajax-content .inside .table > thead th {
    white-space: nowrap;
    font-size: 0.75rem;
  }
  .tableau-de-bord #nav-tab-jobboard button {
    border-radius: 0;
    border: 1px solid #ccc;
  }
  .tableau-de-bord #nav-tab-jobboard #nav-jobboard_current {
    width: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    overflow: hidden;
  }
}
.btn-group {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.btn-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  block-size: 40px;
  aspect-ratio: 1;
  color: #000;
  font-size: 1.4rem;
  border-radius: 6px;
  border: 0;
  background-color: var(--color-gray-100);
  cursor: pointer;
}
.btn-icon:is(.is-info) {
  color: #fff;
  background-color: hsl(var(--color-info-hs), 60%);
}
.btn-icon:is(.is-success) {
  color: #fff;
  background-color: hsl(var(--color-success-hs), 45%);
}
.btn-icon:is(.is-danger) {
  color: #fff;
  background-color: hsl(var(--color-danger-hs), 50%);
}
.btn-icon:is(.is-dark) {
  color: #fff;
  background-color: var(--color-gray-900);
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0.95rem 2.5rem;
  font-size: clamp(0.875rem, 0.625rem + 0.5208vw, 1.25rem);
  text-align: center;
  font-weight: 600;
  font-family: var(--font-heading);
  color: #fff;
  border: unset;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-decoration: none;
  border-radius: 100vmax;
  background-color: var(--color-ats, #000);
  transition: background-color 0.4s;
}
.btn:hover {
  background-color: #000;
  text-decoration: none;
}
.btn:focus-visible {
  box-shadow: 0 0 0 3px rgba(var(--color-ats), 0.3);
  outline: 3px solid transparent;
}

.btn--danger {
  background-color: var(--color-danger);
}

.btn--light {
  background-color: #fff;
  color: var(--color-gray-900);
}
.btn--light:hover {
  color: #fff;
}

.btn--dark {
  background-color: var(--color-dark);
}

.btn--disabled {
  background-color: var(--color-gray-500);
}

.btn--full-width {
  width: 100%;
}

.btn--fixed-bottom {
  position: fixed;
  z-index: 1;
  bottom: 1em;
}

.icon-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.alert {
  --_color: hsl(var(--color-gray-hs), 40%);
  --_bkg-color: hsl(var(--color-gray-hs), 95%);
  position: relative;
  padding: 0.75rem 1.5rem 0.75rem 2.5rem;
  font-size: 1rem;
  color: var(--_color);
  border-radius: 0.35rem;
  border: 1px solid var(--_bc);
  background-color: var(--_bkg-color);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.alert::before {
  content: "";
  position: absolute;
  inset: 50% auto auto 0.75rem;
  width: 1rem;
  aspect-ratio: 1;
  background-color: var(--_color);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-image: var(--_icon);
          mask-image: var(--_icon);
  translate: 0 -50%;
}
.alert:empty {
  display: none;
}
.alert:is(.fade-out) {
  opacity: 0;
  transition: opacity 0.5s ease-out;
}

.alert--error {
  --_bkg-color: hsl(var(--color-danger-hs), 93%);
  --_color: hsl(var(--color-danger-hs), 30%);
  --_bc: hsl(var(--color-danger-hs), 80%);
  --_icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='none'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M.877 7.5a6.623 6.623 0 1 1 13.246 0 6.623 6.623 0 0 1-13.246 0ZM7.5 1.827a5.673 5.673 0 1 0 0 11.346 5.673 5.673 0 0 0 0-11.346Zm2.354 3.32a.5.5 0 0 1 0 .707L8.207 7.5l1.647 1.646a.5.5 0 0 1-.708.708L7.5 8.207 5.854 9.854a.5.5 0 0 1-.708-.708L6.793 7.5 5.146 5.854a.5.5 0 0 1 .708-.708L7.5 6.793l1.646-1.647a.5.5 0 0 1 .708 0Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.alert--success {
  --_bkg-color: hsl(var(--color-success-hs), 93%);
  --_color: hsl(var(--color-success-hs), 20%);
  --_bc: hsl(var(--color-success-hs), 80%);
  --_icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='none'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M7.5.877a6.623 6.623 0 1 0 0 13.246A6.623 6.623 0 0 0 7.5.877ZM1.827 7.5a5.673 5.673 0 1 1 11.346 0 5.673 5.673 0 0 1-11.346 0Zm8.332-1.962a.5.5 0 0 0-.818-.576L6.52 8.972 5.357 7.787a.5.5 0 0 0-.714.7L6.227 10.1a.5.5 0 0 0 .765-.062l3.167-4.5Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.alert--info {
  --_bkg-color: hsl(var(--color-info-hs), 93%);
  --_color: hsl(var(--color-info-hs), 20%);
  --_bc: hsl(var(--color-info-hs), 80%);
  --_icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='none'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M7.5.877a6.623 6.623 0 1 0 0 13.246A6.623 6.623 0 0 0 7.5.877ZM1.827 7.5a5.673 5.673 0 1 1 11.346 0 5.673 5.673 0 0 1-11.346 0Zm6.423-3a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM6 6h1.5a.5.5 0 0 1 .5.5V10h1v1H6v-1h1V7H6V6Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.toastr-alert {
  animation: toastInOut var(--_toast-animation-duration, 4000ms) cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards;
}

@keyframes toastInOut {
  0%, 100% {
    transform: translateY(-100%);
    opacity: 0;
  }
  10%, 90% {
    transform: translateY(0);
    opacity: 1;
  }
}
.ui-msg {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 2rem;
  color: var(--_color);
  background-color: var(--_bkg-color);
  border: 1px solid var(--_bc);
  border-radius: 1rem;
}
.ui-msg > * + * {
  margin-block-start: 0.5em;
}
.ui-msg a {
  color: inherit;
  text-decoration: underline;
}

.ui-msg--error {
  --_bkg-color: hsl(var(--color-danger-hs), 93%);
  --_color: hsl(var(--color-danger-hs), 30%);
  --_bc: hsl(var(--color-danger-hs), 80%);
}

.ui-msg--information {
  padding: 1rem;
  border: 1px solid #b8daff;
  background: #cce5ff;
}

.loading-placeholder {
  min-height: 20px;
  border-radius: 100px;
  animation-name: backgroundColorPalette;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: linear;
}

@keyframes backgroundColorPalette {
  0% {
    background: #e8e8e8;
  }
  100% {
    background: #ddd;
  }
}
.is-accepted .status {
  color: var(--color-ats);
}
.is-pending .status {
  color: var(--color-dark);
}
.is-declined .status {
  color: var(--color-danger);
}
.is-archived .status {
  color: var(--color-gray-500);
}

.lang-selector {
  position: relative;
}
.lang-selector:is(.is-open) .lang-selector__list {
  display: flex;
}
.lang-selector:is(.is-open) .lang-selector__trigger {
  background-color: var(--color-dark);
  color: #fff;
}

.lang-selector__trigger {
  width: 40px;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-gray-700);
  background-color: #fff;
  border: 0;
  border-radius: 100vmax;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: all 0.4s;
}
.lang-selector__trigger:hover {
  background-color: var(--color-dark);
  color: #fff;
}

.lang-selector__list {
  position: absolute;
  bottom: 110%;
  left: 50%;
  flex-direction: column;
  gap: 0.5rem;
  width: -moz-max-content;
  width: max-content;
  padding: 1.5rem 1rem;
  text-align: center;
  background-color: var(--color-dark);
  border-radius: 40px;
  display: none;
  translate: -50%;
}
.lang-selector__list a {
  color: #fff;
}

.steps {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: 2rem auto;
}
@media screen and (min-width: 769px) {
  .steps {
    width: -moz-max-content;
    width: max-content;
    gap: 30px;
  }
}
@media screen and (max-width: 768.9px) {
  .steps {
    gap: 1rem;
  }
}

.steps__item {
  --_color: var(--color-gray-500);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  width: calc(33.33% - 24px);
  flex-shrink: 0;
}
.steps__item:hover {
  --_color: var(--color-gray-900);
}
.steps__item:is(.is-active) {
  --_color: var(--color-ats);
}
.steps__item:is(.is-active) .steps__indicator::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  border-radius: 100vmax;
  background-size: 50px 50px;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  z-index: 1;
  transform-origin: 0 0;
  animation: fill 4s linear infinite;
}

.steps__indicator {
  position: relative;
  overflow: hidden;
  height: 6px;
  width: 100%;
  border-radius: 100vmax;
  background-color: var(--_color);
  transition: background-color 0.4s;
}

.steps__label {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: var(--font-heading);
  font-size: clamp(0.75rem, 0.4167rem + 0.6944vw, 1.25rem);
  font-weight: 600;
  color: var(--_color);
  border: 0;
  cursor: pointer;
  transition: color 0.4s;
  background-color: transparent;
}
@media screen and (min-width: 769px) {
  .steps__label {
    white-space: nowrap;
  }
}

@keyframes fill {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}
.account-switch {
  margin-block-end: 3.125rem;
  display: flex;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .account-switch {
    width: -moz-max-content;
    width: max-content;
    margin-inline: auto;
    align-items: center;
    border-radius: 100vmax;
  }
}
@media screen and (max-width: 768.98px) {
  .account-switch {
    border-radius: 1.2rem;
    overflow: hidden;
  }
  .account-switch > * {
    flex: 1 1 0;
    justify-content: center;
  }
  .account-switch:is(.account-switch--missions) {
    flex-direction: column;
  }
  .account-switch:is(.account-switch--missions) > * {
    flex: 1 1 0;
    justify-content: space-between;
  }
}

.account-switch__item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 1.6rem;
  background-color: #fff;
  color: var(--color-base);
  text-decoration: none;
  font-size: clamp(0.75rem, 0.5833rem + 0.3472vw, 1rem);
}
@media screen and (min-width: 769px) {
  .account-switch__item {
    justify-content: center;
  }
}
.account-switch__item:hover {
  text-decoration: none;
}
.account-switch__item:is(.is-active) {
  color: #fff;
  inset: 0;
  background-color: var(--color-ats);
}
.account-switch__item svg {
  width: 20px;
}
.account-switch__item .notif {
  display: flex;
  align-items: center;
  justify-content: center;
  block-size: 1.5rem;
  aspect-ratio: 1;
  flex-shrink: 0;
  color: var(--color-ats);
  font-size: 0.8rem;
  line-height: 0;
  font-weight: 700;
  background-color: #fff;
  border: 1px solid var(--color-ats);
  border-radius: 100vmax;
}

.label-lg {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
@media screen and (max-width: 767.98px) {
  .label-lg {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .label-sm {
    display: none;
  }
}

.burger {
  --_default-c: var(--color-ats);
  --_active-c: var(--color-ats);
  --_icon-w: 26px;
  --_icon-h: 3px;
  --_icon-radius: 3px;
  --_transition: transform 0.3s ease-in-out;
}
@media screen and (min-width: 769px) {
  .burger {
    display: none;
  }
}
@media screen and (max-width: 768.9px) {
  .burger {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 60px;
    aspect-ratio: 1;
    color: var(--_default-c);
    background: #fff;
    border: 0;
    border-radius: 100vmax;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.0784313725);
    cursor: pointer;
  }
}

.burger__icon {
  display: block;
  width: var(--_icon-w);
  height: var(--_icon-h);
  background-color: currentColor;
  border-radius: var(--_icon-radius);
  transition: var(--_transition);
}
.burger__icon::before, .burger__icon::after {
  content: "";
  width: var(--_icon-w);
  height: var(--_icon-h);
  display: block;
  background-color: currentColor;
  border-radius: var(--_icon-radius);
  transition: var(--_transition);
}
.burger__icon::before {
  transform: translateY(calc(var(--_icon-h) * 2.75 * -1));
}
.burger__icon::after {
  transform: translateY(calc(var(--_icon-h) * 1.75));
}

@media (hover: hover) {
  .burger:not([data-state=opened]):hover .burger__icon::before {
    transform: translateY(calc(var(--_icon-h) * 3 * -1));
  }
  .burger:not([data-state=opened]):hover .burger__icon::after {
    transform: translateY(calc(var(--_icon-h) * 2));
  }
}
.burger[data-state=opened] {
  color: var(--_active-c);
}
.burger[data-state=opened] .burger__icon {
  transform: rotate(-45deg);
}
.burger[data-state=opened] .burger__icon::before, .burger[data-state=opened] .burger__icon::after {
  transform: rotate(90deg);
}
.burger[data-state=opened] .burger__icon::after {
  opacity: 0;
}

[data-tooltip] {
  --_t-bkg: rgba(0, 0, 0, 0.8);
  --_t-radius: 0.5em;
  --_t-px: 0.5rem;
  --_t-py: 0.5rem;
  --_t-w: 10rem;
  --_t-arrow-w: 12px;
  position: relative;
  isolation: isolate;
  cursor: pointer;
}
[data-tooltip]::before, [data-tooltip]::after {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s linear;
}
[data-tooltip]::before {
  content: attr(data-tooltip);
  padding: var(--_t-py) var(--_t-px);
  width: -moz-max-content;
  width: max-content;
  max-width: var(--_t-w);
  color: #fff;
  text-align: center;
  font-size: 12px;
  text-transform: none;
  background-color: var(--_t-bkg);
  border-radius: var(--_t-radius);
  transform: translate(-50%, calc(-100% + var(--_t-arrow-w) * -1));
}
[data-tooltip]::after {
  content: "";
  width: var(--_t-arrow-w);
  aspect-ratio: 1;
  background-color: var(--_t-bkg);
  clip-path: polygon(44% 100%, 0 44%, 100% 44%);
  transform: translate(-50%, calc(-100% + var(--_t-arrow-w) / 2 * -1));
}
[data-tooltip]:hover::after, [data-tooltip]:hover::before {
  opacity: 1;
  visibility: visible;
}

input:not([type=checkbox], [type=radio]),
select,
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

form {
  --_form-bkg: #fff;
  --_input-radius: 100vmax;
  --_input-px: 1.875rem;
  --_input-height: 4.375rem;
  --_input-border-c: transparent;
  --_checkbox-border-c: transparent;
  --_input-border-c-focus: var(--color-ats);
  --_input-border-c-hover: var(--color-gray-300);
  --_input-focus-c-shadow: hsla(var(--color-ats-hs), 64%, 0.1);
  --_input-border-w: 1px;
  --_input-bkg: #fff;
  --_color-icon: var(--color-gray-300);
  --_color-icon-h: var(--color-ats);
  accent-color: var(--color-ats);
}

.form_field_box {
  --_input-border-c: var(--color-gray-300);
  --_checkbox-border-c: var(--color-gray-300);
}

label {
  display: flex;
  margin-block-end: var(--space-2);
  font-weight: 400;
  color: var(--color-base);
}
label .required-field {
  font-size: 80%;
  color: var(--color-ats);
}

.form__field:has(.iti), .form-input-file,
input[type=email],
input[type=text],
input[type=time],
input[type=date],
input[type=tel],
input[type=search],
input[type=password],
input[type=number],
select,
textarea {
  display: block;
  padding-inline: var(--_input-px);
  width: 100%;
  height: var(--_input-height, 1rem);
  padding-block-start: 1.1rem;
  font-family: inherit;
  color: #000;
  font-size: 100%;
  border-radius: var(--_input-radius, 0);
  border: var(--_input-border-w, 1px) solid var(--_input-border-c, #ccc);
  background-color: var(--_input-bkg, transparent);
  background-clip: padding-box;
  background-position: right var(--_input-px) center;
  transition: border-color 0.15s linear, box-shadow 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.form__field:has(.iti)::-moz-placeholder, .form-input-file::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=date]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=number]::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
  color: inherit;
  opacity: 0.7;
}
.form__field:has(.iti)::placeholder, .form-input-file::placeholder,
input[type=email]::placeholder,
input[type=text]::placeholder,
input[type=time]::placeholder,
input[type=date]::placeholder,
input[type=tel]::placeholder,
input[type=search]::placeholder,
input[type=password]::placeholder,
input[type=number]::placeholder,
select::placeholder,
textarea::placeholder {
  color: inherit;
  opacity: 0.7;
}
@media (hover: hover) {
  .form__field:hover:has(.iti), .form-input-file:hover,
  input[type=email]:hover,
  input[type=text]:hover,
  input[type=time]:hover,
  input[type=date]:hover,
  input[type=tel]:hover,
  input[type=search]:hover,
  input[type=password]:hover,
  input[type=number]:hover,
  select:hover,
  textarea:hover {
    border-color: var(--_input-border-c-hover);
  }
}
.form__field:focus:has(.iti), .form-input-file:focus, .form__field:focus-visible:has(.iti), .form-input-file:focus-visible,
input[type=email]:focus,
input[type=email]:focus-visible,
input[type=text]:focus,
input[type=text]:focus-visible,
input[type=time]:focus,
input[type=time]:focus-visible,
input[type=date]:focus,
input[type=date]:focus-visible,
input[type=tel]:focus,
input[type=tel]:focus-visible,
input[type=search]:focus,
input[type=search]:focus-visible,
input[type=password]:focus,
input[type=password]:focus-visible,
input[type=number]:focus,
input[type=number]:focus-visible,
select:focus,
select:focus-visible,
textarea:focus,
textarea:focus-visible {
  border-color: var(--_input-border-c-focus);
  box-shadow: 0 0 0 3px var(--_input-focus-c-shadow);
  outline: 3px solid transparent;
}
.form__field:-webkit-autofill:has(.iti), .form-input-file:-webkit-autofill,
input[type=email]:-webkit-autofill,
input[type=email]:-webkit-autofill:focus,
input[type=text]:-webkit-autofill,
input[type=text]:-webkit-autofill:focus,
input[type=time]:-webkit-autofill,
input[type=time]:-webkit-autofill:focus,
input[type=date]:-webkit-autofill,
input[type=date]:-webkit-autofill:focus,
input[type=tel]:-webkit-autofill,
input[type=tel]:-webkit-autofill:focus,
input[type=search]:-webkit-autofill,
input[type=search]:-webkit-autofill:focus,
input[type=password]:-webkit-autofill,
input[type=password]:-webkit-autofill:focus,
input[type=number]:-webkit-autofill,
input[type=number]:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:focus {
  background-color: var(--_input-bkg, transparent);
  box-shadow: 0 0 0 50px white inset;
}

input[type=time]:not([name=start_time]) {
  padding-block-start: unset;
}

textarea {
  --_input-height: 10rem;
  border-radius: 30px;
  padding-block-start: 2rem;
  resize: vertical;
}

input[type=date] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #fff;
}

input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
  display: none;
}

.form-input-file {
  display: flex;
  align-items: center;
  font-weight: 400;
  color: var(--color-base);
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='none'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M7.818 1.182a.45.45 0 0 0-.636 0l-3 3a.45.45 0 1 0 .636.636L7.05 2.586V9.5a.45.45 0 1 0 .9 0V2.586l2.232 2.232a.45.45 0 1 0 .636-.636l-3-3ZM2.5 10a.5.5 0 0 1 .5.5V12c0 .554.446 1 .996 1h7.005A.999.999 0 0 0 12 12v-1.5a.5.5 0 1 1 1 0V12a2 2 0 0 1-1.999 2H3.996A1.997 1.997 0 0 1 2 12v-1.5a.5.5 0 0 1 .5-.5Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.form-input-file input[type=file] {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.form-input-file .file-name {
  font-family: inherit;
  color: var(--color-dark);
}

input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  width: 30px;
  aspect-ratio: 1;
  border-radius: 0.5rem;
  border: 1px solid var(--_checkbox-border-c, transparent);
  background-color: #fff;
  cursor: pointer;
}
input[type=checkbox]::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1rem;
  aspect-ratio: 1;
  background-color: var(--color-ats);
  border-radius: 0.2rem;
  translate: -50% -50%;
  scale: 0 0;
  transform-origin: 50%;
  transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715);
}
input[type=checkbox] label {
  cursor: pointer;
  color: var(--color-gray-900);
}
input[type=checkbox]:checked {
  border-color: var(--color-ats);
}
input[type=checkbox]:checked::after {
  scale: 1 1;
}
input[type=checkbox]:checked + label {
  color: var(--color-ats);
}

input[type=radio] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  width: 30px;
  aspect-ratio: 1;
  border-radius: 100vmax;
  border: 1px solid var(--_checkbox-border-c, transparent);
  background-color: #fff;
  cursor: pointer;
}
input[type=radio]::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  aspect-ratio: 1;
  background-color: var(--color-ats);
  border-radius: 100vmax;
  translate: -50% -50%;
  scale: 0 0;
  transform-origin: 50%;
  transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715);
}
input[type=radio] label {
  cursor: pointer;
  color: var(--color-gray-900);
}
input[type=radio]:checked {
  border-color: var(--color-ats);
}
input[type=radio]:checked::after {
  scale: 1 1;
}
input[type=radio]:checked + label {
  color: var(--color-ats);
}

select {
  font-size: 90%;
  background-position: right var(--_input-px) center;
  background-repeat: no-repeat;
  background-size: 14px 8px;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.007 6.48 1.035.19a.593.593 0 0 0-.86 0 .657.657 0 0 0 0 .905l6.361 6.7a.59.59 0 0 0 .272.163.593.593 0 0 0 .65-.143l6.361-6.699a.657.657 0 0 0 0-.905.593.593 0 0 0-.86 0L7.007 6.48Z' fill='%23000' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.form--reverse select {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.007 6.48 1.035.19a.593.593 0 0 0-.86 0 .657.657 0 0 0 0 .905l6.361 6.7a.59.59 0 0 0 .272.163.593.593 0 0 0 .65-.143l6.361-6.699a.657.657 0 0 0 0-.905.593.593 0 0 0-.86 0L7.007 6.48Z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");
}

button[type=submit] {
  display: flex;
  align-items: center;
  gap: 1rem;
  transition: background-color 0.4s;
}
button[type=submit].is-loading::after {
  display: block;
}
button[type=submit]:disabled {
  background-color: #ccc;
}
button[type=submit]::after {
  content: "";
  width: 1.8rem;
  aspect-ratio: 1;
  display: none;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><circle fill="%23FFFFFF" stroke="%23FFFFFF" stroke-width="12" r="15" cx="40" cy="65"><animate attributeName="cy" calcMode="spline" dur="2" values="65;135;65;" keySplines=".5 0 .5 1;.5 0 .5 1" repeatCount="indefinite" begin="-.4"></animate></circle><circle fill="%23FFFFFF" stroke="%23FFFFFF" stroke-width="12" r="15" cx="100" cy="65"><animate attributeName="cy" calcMode="spline" dur="2" values="65;135;65;" keySplines=".5 0 .5 1;.5 0 .5 1" repeatCount="indefinite" begin="-.2"></animate></circle><circle fill="%23FFFFFF" stroke="%23FFFFFF" stroke-width="12" r="15" cx="160" cy="65"><animate attributeName="cy" calcMode="spline" dur="2" values="65;135;65;" keySplines=".5 0 .5 1;.5 0 .5 1" repeatCount="indefinite" begin="0"></animate></circle></svg>');
}

.form {
  margin-inline: auto;
}

.form__row {
  display: flex;
  gap: var(--space-2);
}
.form__row:not(:last-child) {
  margin-block-end: var(--space-2);
}
.form__row:has(.form__desc) {
  flex-wrap: wrap;
}
.form__row:is(.row-job_list) .form__field {
  flex: 0 1 auto;
}
.form__row:is(.row-job_list) .form__field:first-of-type {
  inline-size: 70%;
}
@media screen and (max-width: 768px) {
  .form__row:not(:has(.form__field--radio)) {
    flex-wrap: wrap;
  }
}
.form__row:has(.form__field--radio) {
  width: -moz-max-content;
  width: max-content;
  gap: 2rem;
}
.form__row + .form__heading {
  margin-block-start: 2rem;
}

.form__desc {
  margin-block: 0.35rem 0.75rem;
  font-size: 80%;
  padding: 0.75rem 1rem;
  width: 100%;
  color: hsl(var(--color-info-hs), 30%);
  border-radius: 0.75rem;
  border: 1px solid hsla(var(--color-info-hs), 30%, 0.3);
  background: hsla(var(--color-info-hs), 50%, 0.2);
}

.form__heading {
  margin-block-end: 0.75rem;
}

.form-screen:not(.is-visible) {
  display: none;
}
.form-screen.is-visible:has(.form-screen__split) {
  display: flex;
  gap: 30px;
}

.form-screen__split {
  flex: 0 1 auto;
  inline-size: 50%;
}
.form-screen__split.full__split {
  inline-size: 100%;
}

.form-screen__cv {
  flex: 0 1 auto;
  block-size: 70dvh;
  inline-size: 50%;
}
.form-screen__cv > iframe {
  block-size: 100%;
  inline-size: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 30px;
  border: 8px solid rgba(0, 0, 0, 0.05);
}
.form-screen__cv.cv-img {
  block-size: auto;
}

.form__columns {
  display: flex;
}
@media screen and (min-width: 1025px) {
  .form__columns {
    gap: 5dvw;
  }
  .form__columns > * {
    flex: 1 0 calc(50% - 2.5dvw);
  }
}
@media screen and (max-width: 1024px) {
  .form__columns {
    flex-direction: column;
    gap: 2rem;
  }
}

.form__column {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.add-row {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0.85rem;
  gap: 0.5rem;
  width: 50px;
  aspect-ratio: 1;
  color: #fff;
  border: 1px solid transparent;
  background-color: var(--color-ats);
  border-radius: 100vmax;
  margin-right: 5px;
  cursor: pointer;
  transition: all 0.4s;
  margin-block: 0.4em;
}
@media (hover: hover) {
  .add-row:hover {
    background-color: #fff;
    border-color: var(--color-ats);
    color: var(--color-ats);
  }
}

.remove-row {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(2.5rem, 2.0833rem + 0.8681vw, 3.125rem);
  aspect-ratio: 1;
  color: #fff;
  border: 1px solid transparent;
  background-color: var(--color-gray-500);
  border-radius: 100vmax;
  cursor: pointer;
  transition: all 0.4s;
  margin-block: 0.4em;
}
.remove-row:hover {
  background-color: #fff;
  border-color: var(--color-gray-500);
  color: var(--color-gray-500);
}
.remove-row:is(.remove-row-doc) .label-sm {
  display: none;
}
@media (max-width: 768.98px) {
  .remove-row:is(.remove-row-doc) {
    margin-inline-start: auto;
    margin-block-end: 1rem;
    width: -moz-max-content;
    width: max-content;
    aspect-ratio: unset;
    padding: 0.5rem 0.85rem;
    gap: 0.5rem;
  }
  .remove-row:is(.remove-row-doc) .label-sm {
    display: block;
  }
}

.add-row svg,
.remove-row svg {
  height: 15px;
  aspect-ratio: 1;
}

.form__row[data-it="1"] .remove-row {
  visibility: hidden;
}

.form__field > h6 {
  margin-block-end: var(--space-2);
}

.form__field,
.form__field-ctn {
  flex: 0 1 100%;
}
.form__field:has(.add-row), .form__field:has(.remove-row),
.form__field-ctn:has(.add-row),
.form__field-ctn:has(.remove-row) {
  flex: 1 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.form__field.has-suffix,
.form__field-ctn.has-suffix {
  position: relative;
}
.form__field.has-suffix input,
.form__field-ctn.has-suffix input {
  padding-right: 6rem;
}
.form__field.has-suffix .suffix,
.form__field-ctn.has-suffix .suffix {
  background-color: #dcdcdc;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 6rem;
  line-height: 4.3rem;
  font-size: 1.2rem;
  border-radius: var(--_input-radius, 0);
  text-align: center;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.form__field--checkbox,
.form__field-ctn--checkbox {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  padding-inline: 30px;
}
.form__field--checkbox > label,
.form__field-ctn--checkbox > label {
  margin-block-end: 0;
  color: var(--color-gray-500);
}
.form__field--radio,
.form__field-ctn--radio {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}
.form__field--radio > label,
.form__field-ctn--radio > label {
  margin-block-end: 0;
}

.field-infos {
  padding-inline: 30px;
}

.form__msg {
  position: fixed;
  top: calc(var(--space-5) * 1.5);
  left: 50%;
  z-index: 100;
  translate: -50%;
}
.form__msg > *:not(:empty) {
  margin-block: var(--space-2);
}
.account .form__msg {
  left: auto;
  right: calc(var(--space-5) + 2rem);
  translate: none;
}

.form__footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-1);
  margin-block-start: 2.25rem;
}
.form__footer.is-justify-end {
  justify-content: flex-end;
}
.form__footer:has(.btn--full-width) {
  flex-direction: column;
}

.ts-wrapper {
  background-color: #fff;
  border-radius: calc(var(--_input-height) * 0.5);
  min-height: var(--_input-height);
}
.ts-wrapper::after {
  content: "";
  position: absolute;
  top: calc(var(--_input-height) * 0.5 - 6px);
  right: var(--_input-px);
  block-size: 12px;
  aspect-ratio: 1;
  background-color: var(--color-gray-700);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: 50%;
          mask-position: 50%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath fill='%234B4F54' d='M11.294 2.41A.998.998 0 0 0 9.884 1L6.706 4.17a1 1 0 0 1-1.412 0L2.115 1A.998.998 0 0 0 .705 2.41l4.588 4.588a1 1 0 0 0 1.414 0l4.587-4.588Z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath fill='%234B4F54' d='M11.294 2.41A.998.998 0 0 0 9.884 1L6.706 4.17a1 1 0 0 1-1.412 0L2.115 1A.998.998 0 0 0 .705 2.41l4.588 4.588a1 1 0 0 0 1.414 0l4.587-4.588Z'/%3E%3C/svg%3E");
}
.ts-wrapper.form-select .ts-control {
  border: 1px solid var(--_checkbox-border-c, transparent) !important;
}
.ts-wrapper.multi.has-items .ts-control {
  padding: 1.5rem;
}
.ts-wrapper.focus::after {
  rotate: -180deg;
}
.ts-wrapper.focus .ts-control {
  border-color: var(--_input-border-c-focus) !important;
  box-shadow: 0 0 0 3px var(--_input-focus-c-shadow);
  outline: 3px solid transparent;
}
.ts-wrapper .ts-control {
  padding: 0 30px;
  display: flex;
  gap: 0.75rem;
  border-radius: calc(var(--_input-height) * 0.5);
}
.ts-wrapper .ts-control input {
  width: auto;
  height: auto;
}
.ts-wrapper .ts-control > div {
  background-color: hsla(var(--color-ats-hs), 94%, 0.8) !important;
  border-radius: 4px !important;
}
.ts-wrapper .ts-dropdown {
  background-color: #fff;
}
.ts-wrapper .ts-dropdown .option:is(.active) {
  background-color: hsla(var(--color-ats-hs), 94%, 0.9);
}
.ts-wrapper .ts-dropdown-content div.option span.small {
  float: right;
}

.password-field {
  position: relative;
}
.password-field__btn {
  position: absolute;
  right: var(--_input-px);
  top: 50%;
  width: 2rem;
  aspect-ratio: 1;
  cursor: pointer;
  background-color: var(--_color-icon);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.7649 6.07596C14.9991 6.22231 15.0703 6.53079 14.9239 6.76495C14.4849 7.46743 13.9632 8.10645 13.3702 8.66305L14.5712 9.86406C14.7664 10.0593 14.7664 10.3759 14.5712 10.5712C14.3759 10.7664 14.0593 10.7664 13.8641 10.5712L12.6011 9.30817C11.805 9.90283 10.9089 10.3621 9.93375 10.651L10.383 12.3277C10.4544 12.5944 10.2961 12.8685 10.0294 12.94C9.76267 13.0115 9.4885 12.8532 9.41704 12.5865L8.95917 10.8775C8.48743 10.958 8.00036 10.9999 7.50001 10.9999C6.99965 10.9999 6.51257 10.958 6.04082 10.8775L5.58299 12.5864C5.51153 12.8532 5.23737 13.0115 4.97064 12.94C4.7039 12.8686 4.5456 12.5944 4.61706 12.3277L5.06625 10.651C4.09111 10.3621 3.19503 9.90282 2.3989 9.30815L1.1359 10.5712C0.940638 10.7664 0.624058 10.7664 0.428798 10.5712C0.233537 10.3759 0.233537 10.0593 0.428798 9.86405L1.62982 8.66303C1.03682 8.10643 0.515113 7.46742 0.0760677 6.76495C-0.0702867 6.53079 0.000898544 6.22231 0.235065 6.07596C0.469231 5.9296 0.777703 6.00079 0.924058 6.23496C1.40354 7.00213 1.989 7.68057 2.66233 8.2427C2.67315 8.25096 2.6837 8.25972 2.69397 8.26898C4.00897 9.35527 5.65537 9.99991 7.50001 9.99991C10.3078 9.99991 12.6564 8.5063 14.076 6.23495C14.2223 6.00079 14.5308 5.9296 14.7649 6.07596Z' fill='currentColor' fill-rule='evenodd' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.7649 6.07596C14.9991 6.22231 15.0703 6.53079 14.9239 6.76495C14.4849 7.46743 13.9632 8.10645 13.3702 8.66305L14.5712 9.86406C14.7664 10.0593 14.7664 10.3759 14.5712 10.5712C14.3759 10.7664 14.0593 10.7664 13.8641 10.5712L12.6011 9.30817C11.805 9.90283 10.9089 10.3621 9.93375 10.651L10.383 12.3277C10.4544 12.5944 10.2961 12.8685 10.0294 12.94C9.76267 13.0115 9.4885 12.8532 9.41704 12.5865L8.95917 10.8775C8.48743 10.958 8.00036 10.9999 7.50001 10.9999C6.99965 10.9999 6.51257 10.958 6.04082 10.8775L5.58299 12.5864C5.51153 12.8532 5.23737 13.0115 4.97064 12.94C4.7039 12.8686 4.5456 12.5944 4.61706 12.3277L5.06625 10.651C4.09111 10.3621 3.19503 9.90282 2.3989 9.30815L1.1359 10.5712C0.940638 10.7664 0.624058 10.7664 0.428798 10.5712C0.233537 10.3759 0.233537 10.0593 0.428798 9.86405L1.62982 8.66303C1.03682 8.10643 0.515113 7.46742 0.0760677 6.76495C-0.0702867 6.53079 0.000898544 6.22231 0.235065 6.07596C0.469231 5.9296 0.777703 6.00079 0.924058 6.23496C1.40354 7.00213 1.989 7.68057 2.66233 8.2427C2.67315 8.25096 2.6837 8.25972 2.69397 8.26898C4.00897 9.35527 5.65537 9.99991 7.50001 9.99991C10.3078 9.99991 12.6564 8.5063 14.076 6.23495C14.2223 6.00079 14.5308 5.9296 14.7649 6.07596Z' fill='currentColor' fill-rule='evenodd' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E");
  -webkit-mask-size: 50%;
          mask-size: 50%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  translate: 0 -50%;
  transition: background-color 0.4s;
}
.password-field__btn:hover {
  background-color: var(--color-gray-900);
}
.password-field__btn.password-is-visible {
  background-color: var(--color-gray-900);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 11C4.80285 11 2.52952 9.62184 1.09622 7.50001C2.52952 5.37816 4.80285 4 7.5 4C10.1971 4 12.4705 5.37816 13.9038 7.50001C12.4705 9.62183 10.1971 11 7.5 11ZM7.5 3C4.30786 3 1.65639 4.70638 0.0760002 7.23501C-0.0253338 7.39715 -0.0253334 7.60288 0.0760014 7.76501C1.65639 10.2936 4.30786 12 7.5 12C10.6921 12 13.3436 10.2936 14.924 7.76501C15.0253 7.60288 15.0253 7.39715 14.924 7.23501C13.3436 4.70638 10.6921 3 7.5 3ZM7.5 9.5C8.60457 9.5 9.5 8.60457 9.5 7.5C9.5 6.39543 8.60457 5.5 7.5 5.5C6.39543 5.5 5.5 6.39543 5.5 7.5C5.5 8.60457 6.39543 9.5 7.5 9.5Z' fill='currentColor' fill-rule='evenodd' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 11C4.80285 11 2.52952 9.62184 1.09622 7.50001C2.52952 5.37816 4.80285 4 7.5 4C10.1971 4 12.4705 5.37816 13.9038 7.50001C12.4705 9.62183 10.1971 11 7.5 11ZM7.5 3C4.30786 3 1.65639 4.70638 0.0760002 7.23501C-0.0253338 7.39715 -0.0253334 7.60288 0.0760014 7.76501C1.65639 10.2936 4.30786 12 7.5 12C10.6921 12 13.3436 10.2936 14.924 7.76501C15.0253 7.60288 15.0253 7.39715 14.924 7.23501C13.3436 4.70638 10.6921 3 7.5 3ZM7.5 9.5C8.60457 9.5 9.5 8.60457 9.5 7.5C9.5 6.39543 8.60457 5.5 7.5 5.5C6.39543 5.5 5.5 6.39543 5.5 7.5C5.5 8.60457 6.39543 9.5 7.5 9.5Z' fill='currentColor' fill-rule='evenodd' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E");
}

.has-floating-label {
  position: relative;
}
.has-floating-label:has(input[type=date]) > label, .has-floating-label:has(.iti) > label {
  translate: 0 -90%;
  scale: 0.85;
}
.has-floating-label:has(textarea) > label {
  top: 2rem;
}
.has-floating-label > label {
  position: absolute;
  z-index: 1;
  top: 2.2rem;
  left: var(--_input-px);
  margin-block-end: 0;
  background-color: var(--_form-bkg);
  color: var(--color-base);
  transform-origin: 0 0;
  translate: 0 -50%;
  will-change: transform;
  transition: all 0.4s var(--trs-inertia);
}
.has-floating-label input::-moz-placeholder {
  color: transparent;
}
.has-floating-label input::placeholder {
  color: transparent;
}
.has-floating-label.label-is-floating, .has-floating-label:has(.ts-wrapper.input-active, .ts-wrapper.has-items) {
  color: var(--color-gray-500);
}
.has-floating-label.label-is-floating label, .has-floating-label:has(.ts-wrapper.input-active, .ts-wrapper.has-items) label {
  translate: 0 -90%;
  scale: 0.85;
}
.has-floating-label:has(.ts-wrapper.input-active, .ts-wrapper.has-items) label {
  translate: 0 -1.55rem;
}
.has-floating-label:has(.ts-wrapper.input-active, .ts-wrapper.has-items) .ts-control {
  padding-block-start: 2.2rem;
}

.iti {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.iti input {
  all: unset;
  padding-block: 0.8rem;
  width: 100%;
  color: var(--color-dark);
}
.iti input:focus, .iti input:active {
  box-shadow: none;
}
.iti input:is(.iti__search-input) {
  height: 30px;
  padding-inline: 1rem;
}
.iti .iti__dropdown-content {
  border-radius: 1rem;
  overflow: hidden;
}
.form__field:has(.iti):has(input:focus, input:focus-visible) {
  border-color: var(--_input-border-c-focus);
  box-shadow: 0 0 0 3px var(--_input-focus-c-shadow);
  outline: 3px solid transparent;
}

.iti__country-container {
  position: static;
  display: flex;
  align-items: center;
}

.iti__selected-country {
  all: unset;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
}

.iti__tel-input {
  padding-inline-start: unset !important;
}

.modal {
  --_content-spacing: 2rem;
  --_overlay-color: hsla(0, 0%, 0%, 30%);
  --_content-w: 60rem;
  --_content-max-h: 60vh;
  --_radius: 1.875rem;
  position: fixed;
  inset: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--_overlay-color);
  backdrop-filter: blur(1px);
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s linear;
}

.modal:is(.is-visible) {
  opacity: 1;
  visibility: visible;
}
.modal:is(.is-visible) .modal__dialog {
  transform: translateY(0);
  opacity: 1;
}

.modal__dialog {
  width: min(100% - 1.5rem, var(--_content-w));
  max-height: var(--_content-max-h);
  overflow-y: auto;
  padding: var(--_content-spacing);
  background-color: #fff;
  border-radius: var(--_radius, 0);
  box-shadow: 0 4px 10px -3px rgba(0, 0, 0, 0.2);
  transform: translateY(-50%);
  opacity: 0;
  transition: all 0.4s ease-in-out;
}

.modal__header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-block-end: var(--_content-spacing);
}

.modal__close {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  aspect-ratio: 1;
  font-size: 1.2rem;
  color: var(--color-gray-700);
  border: 1px solid var(--color-gray-700);
  background-color: transparent;
  border-radius: 100vmax;
  cursor: pointer;
}
.modal__close:hover {
  color: var(--color-ats);
  border-color: var(--color-ats);
}
.modal__close svg {
  translate: 1px 1px;
}

.modal--video {
  --_content-w: 75rem;
  --_content-max-h: auto;
}
.modal--video .modal__header {
  margin-block-end: unset;
}
.modal--video .modal__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  aspect-ratio: 1;
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  background-color: #fff;
}
@media (hover: hover) {
  .modal--video .modal__close:hover {
    color: var(--color-primary);
  }
}
.modal--video iframe {
  display: block;
  aspect-ratio: 16/9;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 769px) {
  :is(.is-hidden-lg) {
    display: none;
  }
}
@media screen and (max-width: 768.9px) {
  :is(.is-hidden-lg) {
    display: flex;
  }
}

:is(.d-none) {
  display: none !important;
}

:is(.d-block) {
  display: block !important;
}

@media (min-width: 768px) {
  .d-md-block {
    display: block !important;
  }
}
:is(.visibility-hidden) {
  visibility: hidden !important;
}

@media screen and (min-width: 769px) {
  .id-hidden-lg {
    display: none;
  }
}
@media screen and (max-width: 768.9px) {
  .id-hidden-lg {
    display: flex;
  }
}

.icon, .btn-icon svg {
  display: flex;
  flex-shrink: 0;
  inline-size: 1em;
  block-size: 1em;
  margin-top: -0.1rem;
  fill: currentColor;
  overflow: hidden;
}

.text-center {
  text-align: center;
}

.mt-3 {
  margin-block-start: var(--space-3);
}

.is-flex {
  display: flex;
  align-items: center;
}

.is-justify-end {
  justify-content: flex-end;
}

.is-justify-center {
  justify-content: center;
}

.is-justify-between {
  justify-content: space-between;
}

.is-primary {
  color: var(--color-ats);
}

:is(.is-warning) {
  color: var(--color-danger);
}

.fs-1 {
  font-size: 2.2rem !important;
}

.fs-2 {
  font-size: 1.8rem !important;
}

.fs-3 {
  font-size: 1.4rem !important;
}

.fs-4 {
  font-size: 1.25rem !important;
}

.fs-5 {
  font-size: 1rem !important;
}

.fs-6 {
  font-size: 0.7rem !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 2rem !important;
}

.mb-6 {
  margin-bottom: 2.5rem !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 2rem !important;
}

.mt-6 {
  margin-top: 2.5rem !important;
}

.ms-1 {
  margin-inline-start: 0.25rem !important;
}

.ms-2 {
  margin-inline-start: 0.5rem !important;
}

.ms-3 {
  margin-inline-start: 1rem !important;
}

.ms-4 {
  margin-inline-start: 1.5rem !important;
}

.ms-5 {
  margin-inline-start: 2rem !important;
}

.ms-6 {
  margin-inline-start: 2.5rem !important;
}

.me-1 {
  margin-inline-end: 0.25rem !important;
}

.me-2 {
  margin-inline-end: 0.5rem !important;
}

.me-3 {
  margin-inline-end: 1rem !important;
}

.me-4 {
  margin-inline-end: 1.5rem !important;
}

.me-5 {
  margin-inline-end: 2rem !important;
}

.me-6 {
  margin-inline-end: 2.5rem !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 2rem !important;
}

.pb-6 {
  padding-bottom: 2.5rem !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 2rem !important;
}

.pt-6 {
  padding-top: 2.5rem !important;
}

.ps-1 {
  padding-inline-start: 0.25rem !important;
}

.ps-2 {
  padding-inline-start: 0.5rem !important;
}

.ps-3 {
  padding-inline-start: 1rem !important;
}

.ps-4 {
  padding-inline-start: 1.5rem !important;
}

.ps-5 {
  padding-inline-start: 2rem !important;
}

.ps-6 {
  padding-inline-start: 2.5rem !important;
}

.pe-1 {
  padding-inline-end: 0.25rem !important;
}

.pe-2 {
  padding-inline-end: 0.5rem !important;
}

.pe-3 {
  padding-inline-end: 1rem !important;
}

.pe-4 {
  padding-inline-end: 1.5rem !important;
}

.pe-5 {
  padding-inline-end: 2rem !important;
}

.pe-6 {
  padding-inline-end: 2.5rem !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 2rem !important;
}

.p-6 {
  padding: 2.5rem !important;
}

.px-1 {
  padding-inline: 0.25rem !important;
}

.px-2 {
  padding-inline: 0.5rem !important;
}

.px-3 {
  padding-inline: 1rem !important;
}

.px-4 {
  padding-inline: 1.5rem !important;
}

.px-5 {
  padding-inline: 2rem !important;
}

.px-6 {
  padding-inline: 2.5rem !important;
}

.mx-1 {
  margin-inline: 0.25rem !important;
}

.mx-2 {
  margin-inline: 0.5rem !important;
}

.mx-3 {
  margin-inline: 1rem !important;
}

.mx-4 {
  margin-inline: 1.5rem !important;
}

.mx-5 {
  margin-inline: 2rem !important;
}

.mx-6 {
  margin-inline: 2.5rem !important;
}

.py-1 {
  padding-block: 0.25rem !important;
}

.py-2 {
  padding-block: 0.5rem !important;
}

.py-3 {
  padding-block: 1rem !important;
}

.py-4 {
  padding-block: 1.5rem !important;
}

.py-5 {
  padding-block: 2rem !important;
}

.py-6 {
  padding-block: 2.5rem !important;
}

.my-1 {
  margin-block: 0.25rem !important;
}

.my-2 {
  margin-block: 0.5rem !important;
}

.my-3 {
  margin-block: 1rem !important;
}

.my-4 {
  margin-block: 1.5rem !important;
}

.my-5 {
  margin-block: 2rem !important;
}

.my-6 {
  margin-block: 2.5rem !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

@media (min-width: 375px) {
  .w-25-xs {
    width: 25% !important;
  }
  .w-50-xs {
    width: 50% !important;
  }
  .w-75-xs {
    width: 75% !important;
  }
  .w-100-xs {
    width: 100% !important;
  }
}
@media (min-width: 768px) {
  .w-25-sm {
    width: 25% !important;
  }
  .w-50-sm {
    width: 50% !important;
  }
  .w-75-sm {
    width: 75% !important;
  }
  .w-100-sm {
    width: 100% !important;
  }
}
@media (min-width: 1024px) {
  .w-25-lg {
    width: 25% !important;
  }
  .w-50-lg {
    width: 50% !important;
  }
  .w-75-lg {
    width: 75% !important;
  }
  .w-100-lg {
    width: 100% !important;
  }
}
.rounded-1 {
  border-radius: 0.25rem !important;
}

.rounded-2 {
  border-radius: 0.5rem !important;
}

.rounded-3 {
  border-radius: 1rem !important;
}

.rounded-4 {
  border-radius: 1.5rem !important;
}

.rounded-5 {
  border-radius: 2rem !important;
}

.rounded-6 {
  border-radius: 2.5rem !important;
}

.rounded {
  border-radius: 3.5rem !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-primary {
  background-color: var(--color-ats) !important;
}

.bg-secondary {
  background-color: var(--color-secondary) !important;
}

.small {
  font-size: 80%;
}

.color-primary {
  color: var(--color-ats) !important;
}

.text-base {
  color: var(--color-base) !important;
}

.fw-normal {
  font-weight: normal !important;
}

.fs-normal {
  font-size: initial !important;
}/*# sourceMappingURL=webapp.css.map */