:root {
  --size: 8px;
  --error-color: #d0021b;
  --hint-color: #707070;
  --bg-input: #fafafa;
  --bg-white: #ffffff;
  --font-size-2: 0.125rem;
  --font-size-10: 0.65rem;
  --font-size-12: 0.75rem;
  --font-size-14: 0.87rem;
  --font-size-16: 1rem;
  --font-size-18: 1.12rem;
  --font-size-20: 1.25rem;
  --font-size-22: 1.37rem;
  --font-size-24: 1.5rem;
  --font-size-30: 1.87rem;
  --font-size-32: 2rem;
  --font-size-36: 2.25rem;
  --font-size-40: 2.5em;
  --font-size-48: 3rem;
  --font-roboto: "Roboto", sans-serif;
  --ic-nude: #ecd2b9;
  --label-font-grey: #888888;
  --border-bottom-input: #c7c7c7;
  --border-label-resume: #307f7f;
  --ic-light-grey: #f5f5f5;
  --ic-black: #1b1b1b;
  --ic-grey-25: #1b1b1b43;
  --ic-white: rgb(255, 255, 255);
  --ic-white-75: hsla(0, 0%, 100%, 0.97);
  --ic-accent: #307f7f;
  --ic-accent-85: #286d6d;
  --ic-hired: #6ac408;
  --ic-inprocess: #f8e71c;
  --ic-body-color: var(--ic-white);
  --nav-max-width: 1224px;
  --page-max-width: 980px;
  --page-max-offer: 750px;
  --splash-max-width: 1440px;
  --modal-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
  --modal-shadow-inverted: 0 -1px transparent inset, 0 -1px 3px rgba(34, 25, 25, 0.4);
  --navigation-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-text-fill-color: initial;
}

html {
  font-size: 100% !important;
}

body {
  font-family: var(--font-roboto) !important;
  background-color: var(--ic-body-color) !important;
  line-height: 1.9 !important;
  font-size: 100% !important;
  height: 100%;
  /* Avoid the IE 10-11 `min-height` bug. */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

main {
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  min-height: auto;
}

.ic-theme-content {
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  /* Prevent Chrome, Opera, and Safari from letting these items shrink to smaller than their content's default minimum size. */
}

.ic-theme-footer {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  /* Prevent Chrome, Opera, and Safari from letting these items shrink to smaller than their content's default minimum size. */
}

/*
 * only suppress the focus ring once what-input has successfully started
 */
/* suppress focus ring on form controls for mouse users */
[data-whatintent=mouse] :focus, :active {
  outline: none !important;
}

/* adds focus ring on elements for keyboard users */
[data-whatintent=keyboard] *:focus,
[data-whatintent=keyboard] input:focus + label::before,
[data-whatintent=keyboard] input[type=radio]:focus + label,
[data-whatintent=keyboard] input[type=checkbox]:focus + label {
  outline: #08f solid !important;
}

:focus {
  outline: #08f solid;
}

/*a:focus,
button:focus,
input:focus {
  outline: none;
}

body.user-is-tabbing *:focus,
body.user-is-tabbing a:focus,
body.user-is-tabbing button:focus,
body.user-is-tabbing input:focus+label::before,
body.user-is-tabbing input[type=radio]:focus+label,
body.user-is-tabbing input[type=checkbox]:focus+label {
  outline: 1px dotted #307F7F !important;
  outline-offset: inherit !important;
}*/
#hrefFm {
  display: none;
}

a,
a:hover,
a:focus {
  color: inherit !important;
  text-decoration: inherit !important;
}

.nav-bar .link {
  padding: 0 calc(var(--size) * 2);
}

p {
  margin: 0;
}

img {
  vertical-align: initial !important;
}

.sr-only {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}

.content-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

/* .content-button > .add-button {
  font-size: var(--font-size-14);
  font-weight: 500;
  cursor: pointer;
  border: none;
  border-bottom: 1px solid var(--ic-black);
  background-color: transparent;
} */
.content-button > .add-button {
  font-size: var(--font-size-12);
  background-color: var(--ic-accent);
  font-family: var(--font-roboto);
  color: var(--bg-white);
  font-weight: 500;
  cursor: pointer;
  border: none;
  letter-spacing: 0.26px;
  text-transform: uppercase;
  padding: 8px 16.5px 7px;
  border-radius: 3px;
  line-height: 1.2;
}
.content-button > .add-button:hover {
  background-color: #135050;
}
.content-button > .add-button:disabled {
  background-color: #ededed;
  color: var(--hint-color) !important;
  cursor: not-allowed;
}

.horizontal-separator-xs {
  margin: 0 auto;
  width: 28px;
  height: 2px;
  border: solid 1px #979797;
}

.grecaptcha-badge {
  visibility: hidden;
}

.ic-hidden {
  display: none;
}