/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
a {
  background: transparent;
}
a:focus {
  outline: thin dotted;
}
a:active,
a:hover {
  outline: 0;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
mark {
  background: #ff0;
  color: #000;
}
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}
pre {
  white-space: pre-wrap;
}
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}
button,
input {
  line-height: normal;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* -----------------------------------------------------------------------------

  RESETS
  
----------------------------------------------------------------------------- */
a {
  outline: none;
  text-decoration: none;
}
a:hover,
a:focus {
  outline: none;
  text-decoration: none;
}
textarea {
  resize: none;
}

.cc-alert {
  padding: 15px;
  border-radius: 3px;
  box-sizing: border-box;
}
.cc-alert.has-icon {
  position: relative;
  padding-left: 40px;
}
.cc-alert.has-icon > .icon {
  position: absolute;
  top: 15px;
  left: 15px;
  font-size: 14px;
  line-height: 20px;
}
.cc-alert.red {
  background-color: var(--lvh-validation-red-light);
  border: 1px solid var(--lvh-validation-red-mid);
  color: var(--lvh-validation-red-dark);
}
.cc-alert.red p {
  color: var(--lvh-validation-red-dark);
}
.cc-alert.red p a {
  color: var(--lvh-validation-red-dark);
}
.cc-alert.yellow {
  background-color: var(--lvh-alert-yellow-light);
  border: 1px solid var(--lvh-alert-yellow-mid);
  color: var(--lvh-alert-yellow-text);
}
.cc-alert.yellow p {
  color: var(--lvh-alert-yellow-text);
}
.cc-alert.yellow p a {
  color: var(--lvh-alert-yellow-text);
}
.cc-alert.green {
  background-color: var(--lvh-validation-green-light);
  border: 1px solid var(--lvh-validation-green-mid);
  color: var(--lvh-validation-green-dark);
}
.cc-alert.green p {
  color: var(--lvh-validation-green-dark);
}
.cc-alert.green p a {
  color: var(--lvh-validation-green-dark);
}
.cc-alert.blue {
  background-color: var(--lvh-alert-blue-light);
  border: 1px solid var(--lvh-alert-blue-mid);
  color: var(--lvh-alert-blue-text);
}
.cc-alert.blue p {
  color: var(--lvh-alert-blue-text);
}
.cc-alert.blue p a {
  color: var(--lvh-alert-blue-text);
}
.cc-alert .heading {
  margin: 0 0 10px 0;
  font-size: 15px;
  font-weight: 700;
}
.cc-alert p {
  margin: 0;
  font-size: 13px;
  line-height: 1.5 !important;
}
.cc-alert p:not(:last-child) {
  margin: 0 0 20px 0;
}
.cc-alert p a {
  text-decoration: underline;
}
.cc-alert .close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 10px;
  cursor: pointer;
}
.cc-alert.alert-dismissible {
  padding-right: 40px;
}
.cc-alert.alert-dismissible .close {
  position: absolute;
  top: 10px;
  right: 10px;
  color: var(--lvh-x-dark-grey);
  font-size: 13px;
  cursor: pointer;
  background: none;
  border: none;
}
.cc-alert.alert-dismissible .close:focus-visible {
  outline: none;
}
.cc-alert.alert-dismissible .close:focus {
  box-shadow: 0px 0px 0px 2px var(--lvh-x-dark-grey);
  border-radius: 3px;
}
/* -----------------------------------------------------------------------------

  BUTTONS

----------------------------------------------------------------------------- */
.button {
  cursor: pointer;
  padding: 8px 20px;
  font-family: var(--lvh-button-font-family, var(--lvh-general-font-family, "Open Sans", sans-serif));
  font-size: var(--lvh-button-font-size, var(--lvh-general-font-size, 1em));
  font-weight: var(--lvh-button-font-weight, var(--lvh-general-font-weight, 600));
  text-transform: var(--lvh-button-text-transform, none);
}
.button[disabled],
.button:disabled {
  cursor: default;
  opacity: 0.5;
}
.button[disabled] > .label,
.button:disabled > .label {
  cursor: default;
}
.button.full-width {
  display: block;
  width: 100%;
}
.button spinner,
.button busy-spinner,
.button .cc-spinner {
  display: none;
}
.button.block {
  display: block;
  text-align: center;
}
.button.isBusy {
  position: relative;
  display: inline-block;
}
.button.isBusy > .label {
  visibility: hidden;
}
.button.isBusy spinner,
.button.isBusy busy-spinner,
.button.isBusy .cc-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.button.isBusy spinner .spinner,
.button.isBusy busy-spinner .spinner,
.button.isBusy .cc-spinner .spinner {
  white-space: nowrap;
}
.p-solid-button,
.p-ghost-button {
  --lvh-btn-border-thickness: 1px;
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #3c479d;
  --lvh-btn-border-colour: transparent;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #505cbc;
  --lvh-btn-hover-border-colour: #505cbc;
  --lvh-btn-focus-box-shadow-colour: #444444;
  outline: 0;
  border: none;
  background: none;
  line-height: normal;
  border-radius: 3px;
  box-sizing: border-box;
  transition: 0.2s background-color linear, 0.2s box-shadow linear;
  background-color: var(--lvh-btn-bg-colour);
  color: var(--lvh-btn-colour);
  border: var(--lvh-btn-border-thickness) solid var(--lvh-btn-border-colour);
}
.p-solid-button:hover:not([disabled]),
.p-ghost-button:hover:not([disabled]),
.p-solid-button:hover:not(:disabled),
.p-ghost-button:hover:not(:disabled) {
  border: var(--lvh-btn-border-thickness) solid var(--lvh-btn-hover-border-colour);
  text-decoration: underline;
  background-color: var(--lvh-btn-hover-bg-colour);
  color: var(--lvh-btn-hover-colour);
}
.p-solid-button:hover:not([disabled]) > .label,
.p-ghost-button:hover:not([disabled]) > .label,
.p-solid-button:hover:not(:disabled) > .label,
.p-ghost-button:hover:not(:disabled) > .label {
  color: var(--lvh-btn-hover-colour);
}
.p-solid-button:focus:not([disabled]),
.p-ghost-button:focus:not([disabled]),
.p-solid-button:focus:not(:disabled),
.p-ghost-button:focus:not(:disabled) {
  border: 1px solid var(--lvh-btn-hover-border-colour);
  text-decoration: underline;
  background-color: var(--lvh-btn-hover-bg-colour);
  color: var(--lvh-btn-hover-colour);
  box-shadow: 0px 0px 0px 1px var(--lvh-white98), 0px 0px 0px 2px var(--lvh-btn-focus-box-shadow-colour);
}
.p-solid-button:focus:not([disabled]) > .label,
.p-ghost-button:focus:not([disabled]) > .label,
.p-solid-button:focus:not(:disabled) > .label,
.p-ghost-button:focus:not(:disabled) > .label {
  color: var(--lvh-btn-hover-colour);
}
.p-solid-button > .label,
.p-ghost-button > .label {
  color: var(--lvh-btn-colour);
  font-size: 1em;
  font-weight: 600;
  cursor: pointer;
}
.p-solid-button.small,
.p-ghost-button.small {
  padding: 5px 15px;
}
.p-solid-button.medium,
.p-ghost-button.medium {
  padding: 8px 20px;
}
.p-solid-button.large,
.p-ghost-button.large {
  padding: 11px 20px;
}
.p-solid-button.large > .label,
.p-ghost-button.large > .label {
  font-size: 1.154em;
}
.p-solid-button.blue,
.p-solid-button.bright-blue {
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #3c479d;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #505cbc;
  --lvh-btn-hover-border-colour: #505cbc;
}
.p-solid-button.shark-dark {
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #cccccc;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #e6e6e6;
  --lvh-btn-hover-border-colour: #e6e6e6;
}
.p-solid-button.mid-grey {
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #666666;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #808080;
  --lvh-btn-hover-border-colour: #808080;
}
.p-solid-button.paler-grey {
  --lvh-btn-colour: #444444;
  --lvh-btn-bg-colour: #e0e0e0;
  --lvh-btn-hover-colour: #444444;
  --lvh-btn-hover-bg-colour: #fafafa;
  --lvh-btn-hover-border-colour: #fafafa;
}
.p-solid-button.off-white {
  --lvh-btn-colour: #888888;
  --lvh-btn-bg-colour: #f3f5f7;
  --lvh-btn-hover-colour: #888888;
  --lvh-btn-hover-bg-colour: #ffffff;
  --lvh-btn-hover-border-colour: #ffffff;
  --lvh-btn-border-colour: #dedede;
  --lvh-btn-hover-border-colour: #dedede;
}
.p-solid-button.white {
  --lvh-btn-colour: #888888;
  --lvh-btn-bg-colour: #ffffff;
  --lvh-btn-hover-colour: #888888;
  --lvh-btn-hover-bg-colour: #ffffff;
  --lvh-btn-hover-border-colour: #ffffff;
  --lvh-btn-border-colour: #dedede;
  --lvh-btn-hover-border-colour: #dedede;
}
.p-solid-button.red,
.p-solid-button.ripe {
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #bd350f;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #ec4213;
  --lvh-btn-hover-border-colour: #ec4213;
}
.p-solid-button.orange {
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #ff8133;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #ffa066;
  --lvh-btn-hover-border-colour: #ffa066;
}
.p-solid-button.yellow {
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #ffd540;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #ffe073;
  --lvh-btn-hover-border-colour: #ffe073;
}
.p-solid-button.green {
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #50b848;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #73c66d;
  --lvh-btn-hover-border-colour: #73c66d;
}
.p-solid-button.murkberry-dark {
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #a1b1de;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #c7d0eb;
  --lvh-btn-hover-border-colour: #c7d0eb;
}
.p-solid-button.pink {
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #ff5aa8;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #ff8dc3;
  --lvh-btn-hover-border-colour: #ff8dc3;
}
.p-solid-button.purple {
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #7858e0;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #9b83e8;
  --lvh-btn-hover-border-colour: #9b83e8;
}
.p-solid-button.light-purple {
  --lvh-btn-colour: #7858e0;
  --lvh-btn-bg-colour: rgba(120, 88, 224, 0.2);
  --lvh-btn-hover-colour: #7858e0;
  --lvh-btn-hover-bg-colour: rgba(155, 131, 232, 0.2);
  --lvh-btn-hover-border-colour: rgba(155, 131, 232, 0.2);
}
.p-ghost-button {
  --lvh-btn-colour: #3c479d;
  --lvh-btn-bg-colour: transparent;
  --lvh-btn-border-colour: #3c479d;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #3c479d;
  --lvh-btn-hover-border-colour: #3c479d;
  --lvh-btn-focus-box-shadow-colour: #3c479d;
}
.p-ghost-button.small {
  padding: 5px 15px;
}
.p-ghost-button.medium {
  padding: 8px 20px;
}
.p-ghost-button.large {
  padding: 11px 20px;
}
.p-ghost-button.large > .label {
  font-size: 1.154em;
}
.p-ghost-button.thin {
  --lvh-btn-border-thickness: 1px;
}
.p-ghost-button.thick {
  --lvh-btn-border-thickness: 2px;
}
.p-ghost-button.bright-blue {
  --lvh-btn-colour: #3c479d;
  --lvh-btn-border-colour: #3c479d;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #3c479d;
  --lvh-btn-hover-border-colour: #3c479d;
  --lvh-btn-focus-box-shadow-colour: #3c479d;
}
.p-ghost-button.shark-dark {
  --lvh-btn-colour: #888888;
  --lvh-btn-border-colour: #cccccc;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #cccccc;
  --lvh-btn-hover-border-colour: #cccccc;
  --lvh-btn-focus-box-shadow-colour: #cccccc;
}
.p-ghost-button.light-grey {
  --lvh-btn-colour: #888888;
  --lvh-btn-border-colour: #888888;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #888888;
  --lvh-btn-hover-border-colour: #888888;
  --lvh-btn-focus-box-shadow-colour: #888888;
}
.p-ghost-button.green {
  --lvh-btn-colour: #50b848;
  --lvh-btn-border-colour: #50b848;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #50b848;
  --lvh-btn-hover-border-colour: #50b848;
  --lvh-btn-focus-box-shadow-colour: #50b848;
}
.p-ghost-button.red,
.p-ghost-button.ripe {
  --lvh-btn-colour: #bd350f;
  --lvh-btn-border-colour: #bd350f;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #bd350f;
  --lvh-btn-hover-border-colour: #bd350f;
  --lvh-btn-focus-box-shadow-colour: #bd350f;
}
.p-ghost-button.white {
  --lvh-btn-colour: #ffffff;
  --lvh-btn-border-colour: #ffffff;
  --lvh-btn-hover-colour: transparent;
  --lvh-btn-hover-bg-colour: #ffffff;
  --lvh-btn-hover-border-colour: #ffffff;
  --lvh-btn-focus-box-shadow-colour: #ffffff;
}
.p-ghost-button.pink {
  --lvh-btn-colour: #ff5aa8;
  --lvh-btn-border-colour: #ff5aa8;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #ff5aa8;
  --lvh-btn-hover-border-colour: #ff5aa8;
  --lvh-btn-focus-box-shadow-colour: #ff5aa8;
}
.p-ghost-button.purple {
  --lvh-btn-colour: #7858e0;
  --lvh-btn-border-colour: #7858e0;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #7858e0;
  --lvh-btn-hover-border-colour: #7858e0;
  --lvh-btn-focus-box-shadow-colour: #7858e0;
}
.cc-link-button {
  --lvh-link-button-focus-shadow-colour-1: #fafafa;
  --lvh-link-button-focus-shadow-colour-2: #444444;
  --lvh-link-button-primary-colour: #3c479d;
  --lvh-link-button-primary-hover-colour: #3c479d;
  --lvh-link-button-primary-focus-colour: #3c479d;
  --lvh-link-button-secondary-colour: #666666;
  --lvh-link-button-secondary-hover-colour: #333333;
  --lvh-link-button-secondary-focus-colour: #333333;
  outline: 0;
  border: none;
  background: none;
  line-height: normal;
  padding: 0 1px 0 1px;
  cursor: pointer;
  text-decoration: none;
  font-family: var(--lvh-link-button-font-family, var(--lvh-general-font-family, "Open Sans", sans-serif));
  font-size: var(--lvh-link-button-font-size, var(--lvh-general-font-size, 1em));
  font-weight: var(--lvh-link-button-font-weight, var(--lvh-general-font-weight, 600));
  text-transform: var(--lvh-link-button-text-transform, none);
}
.cc-link-button:hover,
.cc-link-button:focus {
  text-decoration: underline;
}
.cc-link-button:focus {
  box-shadow: 0px 0px 0px 1px var(--lvh-link-button-focus-shadow-colour-1), 0px 0px 0px 2px var(--lvh-link-button-focus-shadow-colour-2);
}
.cc-link-button:focus-visible {
  outline: none;
}
.cc-link-button.primary {
  color: var(--lvh-link-button-primary-colour);
}
.cc-link-button.primary:hover {
  color: var(--lvh-link-button-primary-hover-colour);
}
.cc-link-button.primary:focus {
  color: var(--lvh-link-button-primary-focus-colour);
}
.cc-link-button.secondary {
  color: var(--lvh-link-button-secondary-colour);
  text-decoration: underline;
}
.cc-link-button.secondary:hover {
  color: var(--lvh-link-button-secondary-hover-colour);
}
.cc-link-button.secondary:focus {
  color: var(--lvh-link-button-secondary-focus-colour);
}
.cc-button-group {
  /* ----------------------------------------

        BOX SHADOW REFERENCE

        TOP, RIGHT, BOTTOM, LEFT

        box-shadow: 0 1px 0 0 purple inset,
                    -1px 0 0 0 blue inset,
                    0 -1px 0 0 green inset,
                    1px 0 0 0 red inset;

    ---------------------------------------- */
}
.cc-button-group:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.cc-button-group .button {
  float: left;
  margin: 0;
  box-shadow: 0 1px 0 0 currentColor inset, 0 -1px 0 0 currentColor inset;
}
.cc-button-group .button:first-child {
  box-shadow: 0 1px 0 0 currentColor inset, 0 -1px 0 0 currentColor inset, 1px 0 0 0 currentColor inset;
}
.cc-button-group .button:last-child {
  box-shadow: 0 1px 0 0 currentColor inset, -1px 0 0 0 currentColor inset, 0 -1px 0 0 currentColor inset;
}
.cc-button-group .button:not(:first-child),
.cc-button-group .button:not(:last-child) {
  border-radius: 0;
}
.cc-button-group .button:not(:last-child) {
  margin: 0 1px 0 0;
}
.buttonOutlineV2 {
  background: none;
  border-radius: 0.231em;
  border: 2px solid;
  outline: 0;
  transition: 0.3s all linear;
  line-height: normal;
  box-sizing: border-box;
}
.buttonOutlineV2.medium {
  padding: 0.615em 1.538em;
}
.buttonOutlineV2.medium > .label {
  font-size: 1em;
}
.buttonOutlineV2.large {
  padding: 0.692em 1.538em;
}
.buttonOutlineV2.large > .label {
  font-size: 1.154em;
}
.buttonOutlineV2.blue {
  border-color: var(--lvh-bright-blue);
}
.buttonOutlineV2.blue:hover,
.buttonOutlineV2.blue:focus {
  background-color: var(--lvh-bright-blue);
}
.buttonOutlineV2.blue:hover > .label,
.buttonOutlineV2.blue:focus > .label {
  color: var(--lvh-white);
}
.buttonOutlineV2.blue > .label {
  color: var(--lvh-bright-blue);
}
.buttonOutlineV2.white {
  border-color: var(--lvh-white);
}
.buttonOutlineV2.white:hover,
.buttonOutlineV2.white:focus {
  background-color: var(--lvh-white);
}
.buttonOutlineV2.white:hover > .label,
.buttonOutlineV2.white:focus > .label {
  color: var(--lvh-x-dark-grey);
}
.buttonOutlineV2.white > .label {
  color: var(--lvh-white);
}
.buttonOutlineV2.paleGrey {
  border-color: var(--lvh-x-pale-grey);
}
.buttonOutlineV2.paleGrey:hover,
.buttonOutlineV2.paleGrey:focus {
  background-color: var(--lvh-x-pale-grey);
}
.buttonOutlineV2.paleGrey:hover > .label,
.buttonOutlineV2.paleGrey:focus > .label {
  color: var(--lvh-white);
}
.buttonOutlineV2.paleGrey > .label {
  color: var(--lvh-x-pale-grey);
}
.buttonOutlineV2.sharkDark {
  border-color: var(--lvh-x-shark-dark);
}
.buttonOutlineV2.sharkDark:hover,
.buttonOutlineV2.sharkDark:focus {
  background-color: var(--lvh-x-shark-dark);
}
.buttonOutlineV2.sharkDark:hover > .label,
.buttonOutlineV2.sharkDark:focus > .label {
  color: var(--lvh-white);
}
.buttonOutlineV2.sharkDark > .label {
  color: var(--lvh-secondary-text);
}
.buttonOutlineV2 > .label {
  font-weight: 600;
  line-height: normal;
}
.p-checkbox .input {
  /*position: absolute;
        top: -9999px;
        left: -9999px;*/
  position: absolute;
  height: 0;
  width: 0;
  opacity: 0;
}
.p-checkbox .label {
  display: inline-block;
  line-height: 14px;
  margin: 0 0 0 0.5em;
  vertical-align: middle;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.p-radio-button .input {
  position: absolute;
  height: 0;
  width: 0;
  opacity: 0;
}
.p-radio-button .label {
  display: inline-block;
  line-height: 14px;
  margin: 0 0 0 0.5em;
  vertical-align: middle;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.p-radio-button .input.checked:disabled ~ .radio-button:before,
.p-radio-button .input:checked:disabled ~ .radio-button:before {
  background-color: var(--lvh-x-shark-dark);
}
.p-radio-button .input.checked ~ .radio-button,
.p-radio-button .input:checked ~ .radio-button {
  cursor: default;
  background-color: var(--lvh-bright-blue-trans-10);
  border-color: var(--lvh-bright-blue);
}
.p-radio-button .input.checked ~ .radio-button:before,
.p-radio-button .input:checked ~ .radio-button:before {
  content: '';
  background-color: var(--lvh-bright-blue);
  border-radius: 50%;
  position: absolute;
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
}
.p-radio-button .input:disabled ~ .radio-button {
  cursor: default;
  background-color: var(--lvh-white98);
  border-color: var(--lvh-x-pale-grey);
}
.p-radio-button .radio-button {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-pale-grey);
  border-radius: 50%;
  position: relative;
  box-sizing: border-box;
  vertical-align: middle;
  cursor: pointer;
}
.p-radio-button.hidden .radio-button {
  visibility: hidden;
}
.p-checkbox.below-field {
  display: inline-block;
  padding-top: 5px;
}
.p-checkbox.field-height .label {
  line-height: 34px;
}
.p-checkbox .input:focus ~ .checkbox {
  box-shadow: 0px 0px 0px 2px var(--lvh-x-dark-grey);
}
.p-checkbox .input.checked:disabled ~ .checkbox:before,
.p-checkbox .input:checked:disabled ~ .checkbox:before {
  color: var(--lvh-x-shark-dark) !important;
}
.p-checkbox .input.checked ~ .checkbox,
.p-checkbox .input:checked ~ .checkbox {
  background-color: var(--lvh-bright-blue-trans-10);
  border-color: var(--lvh-bright-blue);
}
.p-checkbox .input.checked ~ .checkbox:before,
.p-checkbox .input:checked ~ .checkbox:before {
  content: "\e902";
  font-family: 'CoreIconFont';
  font-size: 8px;
  line-height: 14px;
  color: var(--lvh-bright-blue);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.p-checkbox .input:disabled ~ .checkbox {
  background-color: var(--lvh-white98) !important;
  border-color: var(--lvh-x-pale-grey) !important;
  cursor: default;
}
.p-checkbox .checkbox {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-pale-grey);
  border-radius: 3px;
  position: relative;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
.p-checkbox-group:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.p-checkbox-group .checkbox-wrap {
  float: left;
  width: calc(25% - 7.5px);
  background-color: var(--lvh-x-off-white);
  border-radius: 3px;
  padding: 10px 15px;
  box-sizing: border-box;
}
.p-checkbox-group .checkbox-wrap:not(:last-child) {
  margin: 0 10px 0 0;
}
.p-checkbox-group .checkbox-wrap .checkbox {
  float: left;
  margin: 0 10px 0 0;
}
.p-checkbox-group .checkbox-wrap .label {
  float: left;
  color: var(--lvh-x-dark-grey);
}
@media (max-width: 991px) {
  .p-radio-button-group .p-radio-button {
    display: block;
  }
}
.p-radio-button-group .p-radio-button:not(:last-child) {
  margin: 0 15px 0 0;
}
@media (max-width: 991px) {
  .p-radio-button-group .p-radio-button:not(:last-child) {
    margin: 0 0 10px 0;
  }
}
.p-radio-button-group .input,
.p-radio-button-group .label {
  display: inline-block;
  line-height: 20px;
  vertical-align: middle;
}
.p-radio-button-group .input {
  margin: 0 5px 0 0;
  outline: none;
}
.p-radio-button-group .label {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.p-empty-state {
  padding: 40px 0;
  border-radius: 3px;
  box-sizing: border-box;
  text-align: center;
  background: var(--lvh-white);
}
@media (max-width: 991px) {
  .p-empty-state {
    padding: 40px 10px;
  }
}
.p-empty-state:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.p-empty-state.small {
  padding: 20px 10px;
}
@media (max-width: 991px) {
  .p-empty-state.small {
    padding: 20px 10px;
  }
}
.p-empty-state.small .icon {
  width: 100px;
  height: 100px;
}
@media (max-width: 991px) {
  .p-empty-state.small .icon {
    width: 75px;
    height: 75px;
  }
}
.p-empty-state .icon {
  width: 128px;
  height: 128px;
}
@media (max-width: 991px) {
  .p-empty-state .icon {
    width: 100px;
    height: 100px;
  }
}
.p-empty-state .icon > img {
  max-width: 100%;
  height: auto;
}
.p-empty-state h3 {
  margin: 20px 0;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: normal;
  color: var(--lvh-primary-text);
}
@media (max-width: 991px) {
  .p-empty-state h3 {
    font-size: 16px;
    line-height: 22px;
  }
}
.p-empty-state p {
  margin: 0 20px;
  font-size: 13px;
  line-height: 24px;
  color: var(--lvh-secondary-text);
}
@media (max-width: 991px) {
  .p-empty-state p {
    font-size: 14px;
    line-height: 19px;
  }
}
.p-empty-state p:not(:last-child) {
  margin: 0 20px 20px;
}
.p-empty-state .button {
  display: inline-block;
}
.p-empty-state .button.isBusy {
  display: inline-block;
}
#employerApp .p-empty-state {
  padding: 50px 0;
}
@media (max-width: 991px) {
  #employerApp .p-empty-state {
    padding: 50px 10px;
  }
}
#employerApp .p-empty-state.small {
  padding: 20px 10px;
}
@media (max-width: 991px) {
  #employerApp .p-empty-state.small {
    padding: 20px 10px;
  }
}
#employerApp .p-empty-state.small .icon {
  width: 100px;
  height: 100px;
}
@media (max-width: 991px) {
  #employerApp .p-empty-state.small .icon {
    width: 75px;
    height: 75px;
  }
}
#employerApp .p-empty-state h3 {
  margin: 15px 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}
@media (max-width: 991px) {
  #employerApp .p-empty-state h3 {
    font-size: 14px;
    line-height: 18px;
  }
}
.p-file-icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
  background-image: url('//assets.livehire.com/common/images/vectors/filetypes/filetype-other.svg');
}
.p-file-icon.jpeg,
.p-file-icon.png {
  background-image: url('//assets.livehire.com/common/images/vectors/filetypes/filetype-image.svg');
}
.p-file-icon.pdf {
  background-image: url('//assets.livehire.com/common/images/vectors/filetypes/filetype-pdf.svg');
}
.p-file-icon.word,
.p-file-icon.ms-word {
  background-image: url('//assets.livehire.com/common/images/vectors/filetypes/filetype-word.svg');
}
.p-file-icon.xls {
  background-image: url('//assets.livehire.com/common/images/vectors/filetypes/filetype-excel.svg');
}
.p-file-icon.ppt,
.p-file-icon.pptx {
  background-image: url('//assets.livehire.com/common/images/vectors/filetypes/filetype-powerpoint.svg');
}
.p-flag {
  width: 16px;
  height: 11px;
  display: inline-block;
  background-color: var(--lvh-x-shark-light);
  background-image: url('//assets.livehire.com/common/images/sprites/flags.png');
  background-repeat: no-repeat;
}
.p-flag.iso2-ad,
.p-flag.iso3-and {
  background-position: -16px 0;
}
.p-flag.iso2-ae,
.p-flag.iso3-are,
.p-flag.currency-iso3-aed {
  background-position: -32px 0;
}
.p-flag.iso2-af,
.p-flag.iso3-afg,
.p-flag.currency-iso3-afn {
  background-position: -48px 0;
}
.p-flag.iso2-ag,
.p-flag.iso3-atg {
  background-position: -64px 0;
}
.p-flag.iso2-ai,
.p-flag.iso3-aia {
  background-position: -80px 0;
}
.p-flag.iso2-al,
.p-flag.iso3-alb,
.p-flag.currency-iso3-all {
  background-position: -96px 0;
}
.p-flag.iso2-am,
.p-flag.iso3-arm,
.p-flag.currency-iso3-amd {
  background-position: -112px 0;
}
.p-flag.iso2-an,
.p-flag.iso3-ant {
  background-position: -128px 0;
}
.p-flag.iso2-ao,
.p-flag.iso3-ago,
.p-flag.currency-iso3-aoa {
  background-position: -144px 0;
}
.p-flag.iso2-ar,
.p-flag.iso3-arg,
.p-flag.currency-iso3-ars {
  background-position: -160px 0;
}
.p-flag.iso2-as,
.p-flag.iso3-asm {
  background-position: -176px 0;
}
.p-flag.iso2-at,
.p-flag.iso3-aut {
  background-position: -192px 0;
}
.p-flag.currency-iso3-aud,
.p-flag.iso2-au,
.p-flag.iso2-cx,
.p-flag.iso3-aus {
  background-position: -208px 0;
}
.p-flag.iso2-aw,
.p-flag.iso3-abw,
.p-flag.currency-iso3-awg {
  background-position: -224px 0;
}
.p-flag.iso2-az,
.p-flag.iso3-aze,
.p-flag.currency-iso3-azn {
  background-position: -240px 0;
}
.p-flag.iso2-ba,
.p-flag.iso3-bih,
.p-flag.currency-iso3-bam {
  background-position: 0 -11px;
}
.p-flag.iso2-bb,
.p-flag.iso3-brb,
.p-flag.currency-iso3-bbd {
  background-position: -16px -11px;
}
.p-flag.iso2-bd,
.p-flag.iso3-bgd,
.p-flag.currency-iso3-bdt {
  background-position: -32px -11px;
}
.p-flag.iso2-be,
.p-flag.iso3-bel {
  background-position: -48px -11px;
}
.p-flag.iso2-bf,
.p-flag.iso3-bfa {
  background-position: -64px -11px;
}
.p-flag.iso2-bg,
.p-flag.iso3-bgr,
.p-flag.currency-iso3-bgn {
  background-position: -80px -11px;
}
.p-flag.iso2-bh,
.p-flag.iso3-bhr,
.p-flag.currency-iso3-bhd {
  background-position: -96px -11px;
}
.p-flag.iso2-bi,
.p-flag.iso3-bdi,
.p-flag.currency-iso3-bif {
  background-position: -112px -11px;
}
.p-flag.iso2-bj,
.p-flag.iso3-ben {
  background-position: -128px -11px;
}
.p-flag.iso2-bm,
.p-flag.iso3-bmu,
.p-flag.currency-iso3-bmd {
  background-position: -144px -11px;
}
.p-flag.iso2-bn,
.p-flag.iso3-brn,
.p-flag.currency-iso3-bnd {
  background-position: -160px -11px;
}
.p-flag.iso2-bo,
.p-flag.iso3-bol,
.p-flag.currency-iso3-bob {
  background-position: -176px -11px;
}
.p-flag.iso2-br,
.p-flag.iso3-bra,
.p-flag.currency-iso3-brl {
  background-position: -192px -11px;
}
.p-flag.iso2-bs,
.p-flag.iso3-bhs {
  background-position: -208px -11px;
}
.p-flag.iso2-bt,
.p-flag.iso3-btn {
  background-position: -224px -11px;
}
.p-flag.iso2-bv,
.p-flag.iso3-bvt {
  background-position: -240px -11px;
}
.p-flag.iso2-bw,
.p-flag.iso3-bwa,
.p-flag.currency-iso3-bwp {
  background-position: 0 -22px;
}
.p-flag.iso2-by,
.p-flag.iso3-blr,
.p-flag.currency-iso3-byn {
  background-position: -16px -22px;
}
.p-flag.iso2-bz,
.p-flag.iso3-blz,
.p-flag.currency-iso3-bzd {
  background-position: -32px -22px;
}
.p-flag.currency-iso3-cad,
.p-flag.iso2-ca,
.p-flag.iso3-can {
  background-position: -48px -22px;
}
.p-flag.iso2-catalonia {
  background-position: -64px -22px;
}
.p-flag.iso2-cd,
.p-flag.iso3-cod {
  background-position: -80px -22px;
}
.p-flag.iso2-cf,
.p-flag.iso3-caf {
  background-position: -96px -22px;
}
.p-flag.iso2-cg,
.p-flag.iso3-cog {
  background-position: -112px -22px;
}
.p-flag.iso2-ch,
.p-flag.iso3-che,
.p-flag.currency-iso3-chf {
  background-color: transparent;
  background-position: -128px -22px;
}
.p-flag.iso2-ci {
  background-position: -144px -22px;
}
.p-flag.iso2-ck,
.p-flag.iso3-cok {
  background-position: -160px -22px;
}
.p-flag.iso2-cl,
.p-flag.iso3-chl,
.p-flag.currency-iso3-clp {
  background-position: -176px -22px;
}
.p-flag.iso2-cm,
.p-flag.iso3-cmr {
  background-position: -192px -22px;
}
.p-flag.iso2-cn,
.p-flag.iso3-chn,
.p-flag.currency-iso3-cny {
  background-position: -208px -22px;
}
.p-flag.iso2-co,
.p-flag.iso3-col,
.p-flag.currency-iso3-cop {
  background-position: -224px -22px;
}
.p-flag.iso2-cr,
.p-flag.iso3-cri,
.p-flag.currency-iso3-crc {
  background-position: -240px -22px;
}
.p-flag.iso2-cu,
.p-flag.iso3-cub {
  background-position: 0 -33px;
}
.p-flag.iso2-cv,
.p-flag.iso3-cpv {
  background-position: -16px -33px;
}
.p-flag.iso2-cw,
.p-flag.iso3-cuw {
  background-position: -32px -33px;
}
.p-flag.iso2-cy,
.p-flag.iso3-cyp {
  background-position: -48px -33px;
}
.p-flag.iso2-cz,
.p-flag.iso3-cze {
  background-position: -64px -33px;
}
.p-flag.iso2-de,
.p-flag.iso3-deu {
  background-position: -80px -33px;
}
.p-flag.iso2-dj,
.p-flag.iso3-dji,
.p-flag.currency-iso3-djf {
  background-position: -96px -33px;
}
.p-flag.iso2-dk,
.p-flag.iso3-dnk {
  background-position: -112px -33px;
}
.p-flag.iso2-dm,
.p-flag.iso3-dma {
  background-position: -128px -33px;
}
.p-flag.iso2-do,
.p-flag.iso3-dom {
  background-position: -144px -33px;
}
.p-flag.iso2-dz,
.p-flag.iso3-dza,
.p-flag.currency-iso3-dzd {
  background-position: -160px -33px;
}
.p-flag.iso2-ec,
.p-flag.iso3-ecu {
  background-position: -176px -33px;
}
.p-flag.iso2-ee,
.p-flag.iso3-est {
  background-position: -192px -33px;
}
.p-flag.iso2-eg,
.p-flag.iso3-egy,
.p-flag.currency-iso3-egp {
  background-position: -208px -33px;
}
.p-flag.iso2-eh {
  background-position: -224px -33px;
}
.p-flag.iso2-england {
  background-position: -240px -33px;
}
.p-flag.iso2-er,
.p-flag.iso3-eri,
.p-flag.currency-iso3-ern {
  background-position: 0 -44px;
}
.p-flag.iso2-es,
.p-flag.iso3-esp {
  background-position: -16px -44px;
}
.p-flag.iso2-et,
.p-flag.iso3-eth,
.p-flag.currency-iso3-etb {
  background-position: -32px -44px;
}
.p-flag.currency-iso3-eur,
.p-flag.iso2-eu {
  background-position: -48px -44px;
}
.p-flag.iso2-fi,
.p-flag.iso3-fin {
  background-position: -64px -44px;
}
.p-flag.iso2-fj,
.p-flag.iso3-fji,
.p-flag.currency-iso3-fjd {
  background-position: -80px -44px;
}
.p-flag.iso2-fk,
.p-flag.iso3-flk {
  background-position: -96px -44px;
}
.p-flag.iso2-fm,
.p-flag.iso3-fsm {
  background-position: -112px -44px;
}
.p-flag.iso2-fo,
.p-flag.iso3-fro {
  background-position: -128px -44px;
}
.p-flag.iso2-fr,
.p-flag.iso3-fra {
  background-position: -144px -44px;
}
.p-flag.iso2-ga,
.p-flag.iso3-gab {
  background-position: -160px -44px;
}
.p-flag.currency-iso3-gbp,
.p-flag.iso2-gb,
.p-flag.iso3-gbr {
  background-position: -176px -44px;
}
.p-flag.iso2-gd,
.p-flag.iso3-grd {
  background-position: -192px -44px;
}
.p-flag.iso2-ge,
.p-flag.iso3-geo,
.p-flag.currency-iso3-gel {
  background-position: -208px -44px;
}
.p-flag.iso2-gf {
  background-position: -224px -44px;
}
.p-flag.iso2-gg,
.p-flag.iso3-ggy {
  background-position: -240px -44px;
}
.p-flag.iso2-gh,
.p-flag.iso3-gha,
.p-flag.currency-iso3-ghs {
  background-position: 0 -55px;
}
.p-flag.iso2-gi,
.p-flag.iso3-gib,
.p-flag.currency-iso3-gip {
  background-position: -16px -55px;
}
.p-flag.iso2-gl,
.p-flag.iso3-grl {
  background-position: -32px -55px;
}
.p-flag.iso2-gm,
.p-flag.iso3-gmb {
  background-position: -48px -55px;
}
.p-flag.iso2-gn,
.p-flag.iso3-gin,
.p-flag.currency-iso3-gnf {
  background-position: -64px -55px;
}
.p-flag.iso2-gp,
.p-flag.iso3-glp {
  background-position: -80px -55px;
}
.p-flag.iso2-gq {
  background-position: -96px -55px;
}
.p-flag.iso2-gr,
.p-flag.iso3-grc {
  background-position: -112px -55px;
}
.p-flag.iso2-gs,
.p-flag.iso3-sgs {
  background-position: -128px -55px;
}
.p-flag.iso2-gt,
.p-flag.iso3-gtm,
.p-flag.currency-iso3-gtq {
  background-position: -144px -55px;
}
.p-flag.iso2-gu,
.p-flag.iso3-gum {
  background-position: -160px -55px;
}
.p-flag.iso2-gw,
.p-flag.iso3-gnb {
  background-position: -176px -55px;
}
.p-flag.iso2-gy,
.p-flag.iso3-guy,
.p-flag.currency-iso3-gyd {
  background-position: -192px -55px;
}
.p-flag.iso2-hk,
.p-flag.iso3-hkg,
.p-flag.currency-iso3-hkd {
  background-position: -208px -55px;
}
.p-flag.iso2-hm,
.p-flag.iso3-hmd {
  background-position: -224px -55px;
}
.p-flag.iso2-hn,
.p-flag.iso3-hnd,
.p-flag.currency-iso3-hnl {
  background-position: -240px -55px;
}
.p-flag.iso2-hr,
.p-flag.iso3-hrv,
.p-flag.currency-iso3-hrk {
  background-position: 0 -66px;
}
.p-flag.iso2-ht,
.p-flag.iso3-hti {
  background-position: -16px -66px;
}
.p-flag.iso2-hu,
.p-flag.iso3-hun,
.p-flag.currency-iso3-huf {
  background-position: -32px -66px;
}
.p-flag.iso2-ic {
  background-position: -48px -66px;
}
.p-flag.iso2-id,
.p-flag.iso3-idn,
.p-flag.currency-iso3-idr {
  background-position: -64px -66px;
}
.p-flag.iso2-ie,
.p-flag.iso3-irl {
  background-position: -80px -66px;
}
.p-flag.iso2-il,
.p-flag.iso3-isr,
.p-flag.currency-iso3-ils {
  background-position: -96px -66px;
}
.p-flag.iso2-im,
.p-flag.iso3-imn {
  background-position: -112px -66px;
}
.p-flag.iso2-in,
.p-flag.iso3-ind,
.p-flag.currency-iso3-inr {
  background-position: -128px -66px;
}
.p-flag.iso2-io,
.p-flag.iso3-iot {
  background-position: -144px -66px;
}
.p-flag.iso2-iq,
.p-flag.iso3-irq,
.p-flag.currency-iso3-iqd {
  background-position: -160px -66px;
}
.p-flag.iso2-ir,
.p-flag.iso3-irn {
  background-position: -176px -66px;
}
.p-flag.iso2-is,
.p-flag.iso3-isl,
.p-flag.currency-iso3-isk {
  background-position: -192px -66px;
}
.p-flag.iso2-it,
.p-flag.iso3-ita {
  background-position: -208px -66px;
}
.p-flag.iso2-je,
.p-flag.iso3-jey {
  background-position: -224px -66px;
}
.p-flag.iso2-jm,
.p-flag.iso3-jam,
.p-flag.currency-iso3-jmd {
  background-position: -240px -66px;
}
.p-flag.iso2-jo,
.p-flag.iso3-jor,
.p-flag.currency-iso3-jod {
  background-position: 0 -77px;
}
.p-flag.iso2-jp,
.p-flag.iso3-jpn,
.p-flag.currency-iso3-jpy {
  background-position: -16px -77px;
}
.p-flag.iso2-ke,
.p-flag.iso3-ken,
.p-flag.currency-iso3-kes {
  background-position: -32px -77px;
}
.p-flag.iso2-kg,
.p-flag.iso3-kgz,
.p-flag.currency-iso3-kgs {
  background-position: -48px -77px;
}
.p-flag.iso2-kh,
.p-flag.iso3-khm,
.p-flag.currency-iso3-khr {
  background-position: -64px -77px;
}
.p-flag.iso2-ki,
.p-flag.iso3-kir {
  background-position: -80px -77px;
}
.p-flag.iso2-km,
.p-flag.iso3-com {
  background-position: -96px -77px;
}
.p-flag.iso2-kn,
.p-flag.iso3-kna {
  background-position: -112px -77px;
}
.p-flag.iso2-kp,
.p-flag.iso3-prk {
  background-position: -128px -77px;
}
.p-flag.iso2-kr,
.p-flag.iso3-kor {
  background-position: -144px -77px;
}
.p-flag.iso2-kurdistan {
  background-position: -160px -77px;
}
.p-flag.iso2-kw,
.p-flag.iso3-kwt,
.p-flag.currency-iso3-kwd {
  background-position: -176px -77px;
}
.p-flag.iso2-ky,
.p-flag.iso3-cym {
  background-position: -192px -77px;
}
.p-flag.iso2-kz,
.p-flag.iso3-kaz,
.p-flag.currency-iso3-kzt {
  background-position: -208px -77px;
}
.p-flag.iso2-la,
.p-flag.iso3-lao {
  background-position: -224px -77px;
}
.p-flag.iso2-lb,
.p-flag.iso3-lbn,
.p-flag.currency-iso3-lbp {
  background-position: -240px -77px;
}
.p-flag.iso2-lc,
.p-flag.iso3-lca {
  background-position: 0 -88px;
}
.p-flag.iso2-li,
.p-flag.iso3-lie {
  background-position: -16px -88px;
}
.p-flag.iso2-lk,
.p-flag.iso3-lka,
.p-flag.currency-iso3-lkr {
  background-position: -32px -88px;
}
.p-flag.iso2-lr,
.p-flag.iso3-lbr,
.p-flag.currency-iso3-lrd {
  background-position: -48px -88px;
}
.p-flag.iso2-ls,
.p-flag.iso3-lso {
  background-position: -64px -88px;
}
.p-flag.iso2-lt,
.p-flag.iso3-ltu {
  background-position: -80px -88px;
}
.p-flag.iso2-lu,
.p-flag.iso3-lux {
  background-position: -96px -88px;
}
.p-flag.iso2-lv,
.p-flag.iso3-lva {
  background-position: -112px -88px;
}
.p-flag.iso2-ly,
.p-flag.iso3-lby {
  background-position: -128px -88px;
}
.p-flag.iso2-ma,
.p-flag.iso3-mar {
  background-position: -144px -88px;
}
.p-flag.iso2-mc,
.p-flag.iso3-mco {
  background-position: -160px -88px;
}
.p-flag.iso2-md,
.p-flag.iso3-mda {
  background-position: -176px -88px;
}
.p-flag.iso2-me,
.p-flag.iso3-mne {
  background-position: -192px -88px;
}
.p-flag.iso2-mg,
.p-flag.iso3-mdg,
.p-flag.currency-iso3-mga {
  background-position: -208px -88px;
}
.p-flag.iso2-mh,
.p-flag.iso3-mhl {
  background-position: -224px -88px;
}
.p-flag.iso2-mk,
.p-flag.iso3-mkd {
  background-position: -240px -88px;
}
.p-flag.iso2-ml,
.p-flag.iso3-mli {
  background-position: 0 -99px;
}
.p-flag.iso2-mm,
.p-flag.iso3-mmr {
  background-position: -16px -99px;
}
.p-flag.iso2-mn,
.p-flag.iso3-mng,
.p-flag.currency-iso3-mnt {
  background-position: -32px -99px;
}
.p-flag.iso2-mo,
.p-flag.iso3-mac {
  background-position: -48px -99px;
}
.p-flag.iso2-mp,
.p-flag.iso3-mnp {
  background-position: -64px -99px;
}
.p-flag.iso2-mq,
.p-flag.iso3-mtq {
  background-position: -80px -99px;
}
.p-flag.iso2-mr,
.p-flag.iso3-mrt,
.p-flag.currency-iso3-mru {
  background-position: -96px -99px;
}
.p-flag.iso2-ms,
.p-flag.iso3-msr {
  background-position: -112px -99px;
}
.p-flag.iso2-mt,
.p-flag.iso3-mlt {
  background-position: -128px -99px;
}
.p-flag.iso2-mu,
.p-flag.iso3-mus,
.p-flag.currency-iso3-mur {
  background-position: -144px -99px;
}
.p-flag.iso2-mv,
.p-flag.iso3-mdv,
.p-flag.currency-iso3-mvr {
  background-position: -160px -99px;
}
.p-flag.iso2-mw,
.p-flag.iso3-mwi,
.p-flag.currency-iso3-mwk {
  background-position: -176px -99px;
}
.p-flag.iso2-mx,
.p-flag.iso3-mex,
.p-flag.currency-iso3-mxn {
  background-position: -192px -99px;
}
.p-flag.currency-iso3-myr,
.p-flag.iso2-my,
.p-flag.iso3-mys {
  background-position: -208px -99px;
}
.p-flag.iso2-mz,
.p-flag.iso3-moz,
.p-flag.currency-iso3-mzn {
  background-position: -224px -99px;
}
.p-flag.iso2-na,
.p-flag.iso3-nam {
  background-position: -240px -99px;
}
.p-flag.iso2-nc,
.p-flag.iso3-ncl {
  background-position: 0 -110px;
}
.p-flag.iso2-ne,
.p-flag.iso3-ner {
  background-position: -16px -110px;
}
.p-flag.iso2-nf,
.p-flag.iso3-nkf {
  background-position: -32px -110px;
}
.p-flag.iso2-ng,
.p-flag.iso3-nga,
.p-flag.currency-iso3-ngn {
  background-position: -48px -110px;
}
.p-flag.iso2-ni,
.p-flag.iso3-nic,
.p-flag.currency-iso3-nio {
  background-position: -64px -110px;
}
.p-flag.iso2-nl {
  background-position: -80px -110px;
}
.p-flag.iso2-no,
.p-flag.iso3-nor {
  background-position: -96px -110px;
}
.p-flag.iso2-np,
.p-flag.iso3-npl,
.p-flag.currency-iso3-npr {
  background-position: -112px -110px;
}
.p-flag.iso2-nr,
.p-flag.iso3-nru {
  background-position: -128px -110px;
}
.p-flag.iso2-nu,
.p-flag.iso3-niu {
  background-position: -144px -110px;
}
.p-flag.currency-iso3-nzd,
.p-flag.iso2-nz,
.p-flag.iso3-nzl {
  background-position: -160px -110px;
}
.p-flag.iso2-om,
.p-flag.iso3-omn,
.p-flag.currency-iso3-omr {
  background-position: -176px -110px;
}
.p-flag.iso2-pa,
.p-flag.iso3-pan {
  background-position: -192px -110px;
}
.p-flag.iso2-pe,
.p-flag.iso3-per,
.p-flag.currency-iso3-pen {
  background-position: -208px -110px;
}
.p-flag.iso2-pf,
.p-flag.iso3-pyf {
  background-position: -224px -110px;
}
.p-flag.iso2-pg,
.p-flag.iso3-png,
.p-flag.currency-iso3-pgk {
  background-position: -240px -110px;
}
.p-flag.currency-iso3-php,
.p-flag.iso2-ph,
.p-flag.iso3-phl {
  background-position: 0 -121px;
}
.p-flag.iso2-pk,
.p-flag.iso3-pak,
.p-flag.currency-iso3-pkr {
  background-position: -16px -121px;
}
.p-flag.iso2-pl,
.p-flag.iso3-pol,
.p-flag.currency-iso3-pln {
  background-position: -32px -121px;
}
.p-flag.iso2-pm,
.p-flag.iso3-spm {
  background-position: -48px -121px;
}
.p-flag.iso2-pn,
.p-flag.iso3-pcn {
  background-position: -64px -121px;
}
.p-flag.iso2-pr,
.p-flag.iso3-pri {
  background-position: -80px -121px;
}
.p-flag.iso2-ps,
.p-flag.iso3-pse {
  background-position: -96px -121px;
}
.p-flag.iso2-pt,
.p-flag.iso3-prt {
  background-position: -112px -121px;
}
.p-flag.iso2-pw,
.p-flag.iso3-plw {
  background-position: -128px -121px;
}
.p-flag.iso2-py,
.p-flag.iso3-pry,
.p-flag.currency-iso3-pyg {
  background-position: -144px -121px;
}
.p-flag.iso2-qa,
.p-flag.iso3-qat,
.p-flag.currency-iso3-qar {
  background-position: -160px -121px;
}
.p-flag.iso2-re,
.p-flag.iso3-reu {
  background-position: -176px -121px;
}
.p-flag.iso2-ro,
.p-flag.iso3-rou,
.p-flag.currency-iso3-ron {
  background-position: -192px -121px;
}
.p-flag.iso2-rs,
.p-flag.iso3-srb,
.p-flag.currency-iso3-rsd {
  background-position: -208px -121px;
}
.p-flag.iso2-ru,
.p-flag.iso3-rus {
  background-position: -224px -121px;
}
.p-flag.iso2-rw,
.p-flag.iso3-rwa,
.p-flag.currency-iso3-rwf {
  background-position: -240px -121px;
}
.p-flag.iso2-sa {
  background-position: 0 -132px;
}
.p-flag.iso2-sb,
.p-flag.iso3-slb,
.p-flag.currency-iso3-sbd {
  background-position: -16px -132px;
}
.p-flag.iso2-sc,
.p-flag.iso3-syc,
.p-flag.currency-iso3-scr {
  background-position: -32px -132px;
}
.p-flag.iso2-scotland {
  background-position: -48px -132px;
}
.p-flag.iso2-sd,
.p-flag.iso3-sdn {
  background-position: -64px -132px;
}
.p-flag.iso2-se,
.p-flag.iso3-swe,
.p-flag.currency-iso3-sek {
  background-position: -80px -132px;
}
.p-flag.currency-iso3-sgd,
.p-flag.iso2-sg,
.p-flag.iso3-sgp {
  background-position: -96px -132px;
}
.p-flag.iso2-sh,
.p-flag.iso3-shn {
  background-position: -112px -132px;
}
.p-flag.iso2-si,
.p-flag.iso3-svn {
  background-position: -128px -132px;
}
.p-flag.iso2-sk,
.p-flag.iso3-svk {
  background-position: -144px -132px;
}
.p-flag.iso2-sl,
.p-flag.iso3-sle,
.p-flag.currency-iso3-sll {
  background-position: -160px -132px;
}
.p-flag.iso2-sm,
.p-flag.iso3-smr {
  background-position: -176px -132px;
}
.p-flag.iso2-sn,
.p-flag.iso3-sen {
  background-position: -192px -132px;
}
.p-flag.iso2-so,
.p-flag.iso3-som,
.p-flag.currency-iso3-sos {
  background-position: -208px -132px;
}
.p-flag.iso2-somaliland {
  background-position: -224px -132px;
}
.p-flag.iso2-sr,
.p-flag.iso3-sur,
.p-flag.currency-iso3-srd {
  background-position: -240px -132px;
}
.p-flag.iso2-ss,
.p-flag.iso3-ssd,
.p-flag.currency-iso3-ssp {
  background-position: 0 -143px;
}
.p-flag.iso2-st,
.p-flag.iso3-stp,
.p-flag.currency-iso3-stn {
  background-position: -16px -143px;
}
.p-flag.iso2-sv,
.p-flag.iso3-slv {
  background-position: -32px -143px;
}
.p-flag.iso2-sx,
.p-flag.iso3-sxm {
  background-position: -48px -143px;
}
.p-flag.iso2-sy,
.p-flag.iso3-syr,
.p-flag.currency-iso3-syp {
  background-position: -64px -143px;
}
.p-flag.iso2-sz,
.p-flag.iso3-swz,
.p-flag.currency-iso3-szl {
  background-position: -80px -143px;
}
.p-flag.iso2-tc,
.p-flag.iso3-tca {
  background-position: -96px -143px;
}
.p-flag.iso2-td,
.p-flag.iso3-tcd {
  background-position: -112px -143px;
}
.p-flag.iso2-tf,
.p-flag.iso3-atf {
  background-position: -128px -143px;
}
.p-flag.iso2-tg,
.p-flag.iso3-tgo {
  background-position: -144px -143px;
}
.p-flag.iso2-th,
.p-flag.iso3-tha,
.p-flag.currency-iso3-thb {
  background-position: -160px -143px;
}
.p-flag.iso2-tj,
.p-flag.iso3-tjk,
.p-flag.currency-iso3-tjs {
  background-position: -176px -143px;
}
.p-flag.iso2-tk,
.p-flag.iso3-tkl {
  background-position: -192px -143px;
}
.p-flag.iso2-tl {
  background-position: -208px -143px;
}
.p-flag.iso2-tm,
.p-flag.iso3-tkm,
.p-flag.currency-iso3-tmt {
  background-position: -224px -143px;
}
.p-flag.iso2-tn,
.p-flag.iso3-tun,
.p-flag.currency-iso3-tnd {
  background-position: -240px -143px;
}
.p-flag.iso2-to,
.p-flag.iso3-ton,
.p-flag.currency-iso3-top {
  background-position: 0 -154px;
}
.p-flag.iso2-tr,
.p-flag.iso3-tur,
.p-flag.currency-iso3-try {
  background-position: -16px -154px;
}
.p-flag.iso2-tt,
.p-flag.iso3-tto {
  background-position: -32px -154px;
}
.p-flag.iso2-tv,
.p-flag.iso3-tuv {
  background-position: -48px -154px;
}
.p-flag.iso2-tw,
.p-flag.iso3-twn {
  background-position: -64px -154px;
}
.p-flag.iso2-tz,
.p-flag.iso3-tza {
  background-position: -80px -154px;
}
.p-flag.iso2-ua,
.p-flag.iso3-ukr,
.p-flag.currency-iso3-uah {
  background-position: -96px -154px;
}
.p-flag.iso2-ug,
.p-flag.iso3-uga,
.p-flag.currency-iso3-ugx {
  background-position: -112px -154px;
}
.p-flag.iso2-um,
.p-flag.iso3-umi {
  background-position: -128px -154px;
}
.p-flag.currency-iso3-usd,
.p-flag.iso2-us,
.p-flag.iso3-usa {
  background-position: -144px -154px;
}
.p-flag.iso2-uy,
.p-flag.iso3-ury,
.p-flag.currency-iso3-uyu {
  background-position: -160px -154px;
}
.p-flag.iso2-uz,
.p-flag.iso3-uzb,
.p-flag.currency-iso3-uzs {
  background-position: -176px -154px;
}
.p-flag.iso2-va {
  background-position: -192px -154px;
}
.p-flag.iso2-vc,
.p-flag.iso3-vct {
  background-position: -208px -154px;
}
.p-flag.iso2-ve,
.p-flag.iso3-ven,
.p-flag.currency-iso3-ves {
  background-position: -224px -154px;
}
.p-flag.iso2-vg {
  background-position: -240px -154px;
}
.p-flag.iso2-vi,
.p-flag.iso3-vir {
  background-position: 0 -165px;
}
.p-flag.iso2-vn,
.p-flag.iso3-vnm,
.p-flag.currency-iso3-vnd {
  background-position: -16px -165px;
}
.p-flag.iso2-vu,
.p-flag.iso3-vut,
.p-flag.currency-iso3-vuv {
  background-position: -32px -165px;
}
.p-flag.iso2-wales {
  background-position: -48px -165px;
}
.p-flag.iso2-wf,
.p-flag.iso3-wlf {
  background-position: -64px -165px;
}
.p-flag.iso2-ws,
.p-flag.iso3-wsm,
.p-flag.currency-iso3-wst {
  background-position: -80px -165px;
}
.p-flag.iso2-ye,
.p-flag.iso3-yem,
.p-flag.currency-iso3-yer {
  background-position: -96px -165px;
}
.p-flag.iso2-yt,
.p-flag.iso3-myt {
  background-position: -112px -165px;
}
.p-flag.currency-iso3-zar,
.p-flag.iso2-za,
.p-flag.iso3-zaf {
  background-position: -128px -165px;
}
.p-flag.iso2-zanzibar {
  background-position: -144px -165px;
}
.p-flag.iso2-zm,
.p-flag.iso3-zmb,
.p-flag.currency-iso3-zmw {
  background-position: -160px -165px;
}
.p-flag.iso2-zw,
.p-flag.iso3-zwe,
.p-flag.currency-iso3-zwl {
  background-position: -176px -165px;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
textarea {
  resize: none;
}
label.label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
  margin: 0 0 10px 0;
}
label.label.with-checkbox {
  display: flex;
  justify-content: space-between;
}
label.label > .sub-text {
  font-weight: 400;
  color: var(--lvh-secondary-text);
}
input[type='text'],
input[type='url'],
input[type='email'],
input[type='number'],
input[type='tel'],
input[type='date'],
input[type='month'],
input[type='password'],
input[type='search'],
textarea {
  padding: 7px;
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  -webkit-appearance: none;
  width: 100%;
  position: relative;
  z-index: 1;
  color: var(--lvh-x-dark-grey);
  border: 1px solid var(--lvh-x-paler-grey);
  border-radius: 3px;
  outline: 0;
  line-height: initial;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  input[type='text'],
  input[type='url'],
  input[type='email'],
  input[type='number'],
  input[type='tel'],
  input[type='date'],
  input[type='month'],
  input[type='password'],
  input[type='search'],
  textarea {
    padding: 10px 14px;
  }
}
input[type='text']:focus,
input[type='url']:focus,
input[type='email']:focus,
input[type='number']:focus,
input[type='tel']:focus,
input[type='date']:focus,
input[type='month']:focus,
input[type='password']:focus,
input[type='search']:focus,
textarea:focus {
  border: 1px solid var(--lvh-x-dark-grey);
}
input[type='text']:disabled,
input[type='url']:disabled,
input[type='email']:disabled,
input[type='number']:disabled,
input[type='tel']:disabled,
input[type='date']:disabled,
input[type='month']:disabled,
input[type='password']:disabled,
input[type='search']:disabled,
textarea:disabled {
  color: var(--lvh-secondary-text);
  background-color: var(--lvh-x-shark-light);
}
input[type='text']:read-only,
input[type='url']:read-only,
input[type='email']:read-only,
input[type='number']:read-only,
input[type='tel']:read-only,
input[type='date']:read-only,
input[type='month']:read-only,
input[type='password']:read-only,
input[type='search']:read-only,
textarea:read-only {
  color: var(--lvh-secondary-text);
  background-color: var(--lvh-x-shark-light);
}
input[type='text']::-webkit-input-placeholder,
input[type='url']::-webkit-input-placeholder,
input[type='email']::-webkit-input-placeholder,
input[type='number']::-webkit-input-placeholder,
input[type='tel']::-webkit-input-placeholder,
input[type='date']::-webkit-input-placeholder,
input[type='month']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder,
input[type='search']::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: 400;
  color: var(--lvh-x-shark-dark);
}
input[type='text']:-moz-placeholder,
input[type='url']:-moz-placeholder,
input[type='email']:-moz-placeholder,
input[type='number']:-moz-placeholder,
input[type='tel']:-moz-placeholder,
input[type='date']:-moz-placeholder,
input[type='month']:-moz-placeholder,
input[type='password']:-moz-placeholder,
input[type='search']:-moz-placeholder,
textarea:-moz-placeholder {
  /* Firefox 18- */
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: 400;
  color: var(--lvh-x-shark-dark);
}
input[type='text']::-moz-placeholder,
input[type='url']::-moz-placeholder,
input[type='email']::-moz-placeholder,
input[type='number']::-moz-placeholder,
input[type='tel']::-moz-placeholder,
input[type='date']::-moz-placeholder,
input[type='month']::-moz-placeholder,
input[type='password']::-moz-placeholder,
input[type='search']::-moz-placeholder,
textarea::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: 400;
  color: var(--lvh-x-shark-dark);
}
input[type='text']:-ms-input-placeholder,
input[type='url']:-ms-input-placeholder,
input[type='email']:-ms-input-placeholder,
input[type='number']:-ms-input-placeholder,
input[type='tel']:-ms-input-placeholder,
input[type='date']:-ms-input-placeholder,
input[type='month']:-ms-input-placeholder,
input[type='password']:-ms-input-placeholder,
input[type='search']:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: 400;
  color: var(--lvh-x-shark-dark);
}
input[type='text']::-ms-clear,
input[type='url']::-ms-clear,
input[type='email']::-ms-clear,
input[type='number']::-ms-clear,
input[type='tel']::-ms-clear,
input[type='date']::-ms-clear,
input[type='month']::-ms-clear,
input[type='password']::-ms-clear,
input[type='search']::-ms-clear,
textarea::-ms-clear {
  /* IE 10/11 */
  display: none;
}
input[type='month'],
input[type='date'] {
  min-height: 40px;
}
#employerApp input[type='month'],
#employerApp input[type='date'] {
  min-height: 34px;
}
@media (max-width: 991px) {
  #employerApp input[type='month'],
  #employerApp input[type='date'] {
    min-height: 40px;
  }
}
input[type='number'] {
  -moz-appearance: textfield;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
}
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
  position: relative;
  top: 0.2em;
}
input[type="checkbox"]:disabled {
  opacity: 0.5;
}
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="radio"]:disabled {
  opacity: 0.5;
}
.input-wrap.date {
  position: relative;
}
.input-wrap.date:before {
  content: "\e947";
  font-family: 'IconFont';
  font-size: 16px;
  position: absolute;
  left: 11px;
  top: 50%;
  margin-top: -8px;
  color: var(--lvh-x-shark-dark);
  z-index: 2;
}
.input-wrap.date input[type='text'] {
  padding-left: 36px;
}
.select-wrap {
  position: relative;
}
.select-wrap select {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 7px;
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
  width: 100%;
  position: relative;
  z-index: 1;
  color: var(--lvh-x-shark-dark);
  border: 1px solid var(--lvh-x-paler-grey);
  outline: 0;
  line-height: 18px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.select-wrap select.selected {
  color: var(--lvh-x-mesh-dark);
}
.select-wrap select:disabled {
  background-color: var(--lvh-white98);
}
.select-wrap select option {
  min-height: 0;
  padding: 0;
  color: var(--lvh-x-mesh-dark);
}
.select-wrap select option:disabled {
  color: var(--lvh-x-shark-dark);
}
.select-wrap select::-ms-expand {
  display: none;
}
.select-wrap .icon {
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 6.5px;
  color: var(--lvh-x-mesh-dark);
  z-index: 1;
}
#uiDate {
  position: absolute;
  min-width: 210px;
  background-color: var(--lvh-white);
  border: solid 1px var(--lvh-x-shark-dark);
  z-index: 2;
}
fieldset {
  border: none;
  padding: 0;
  margin: 0;
  min-width: 0;
}
input.validationError,
button.validationError,
select.validationError,
textarea.validationError,
form.validationError {
  border-color: var(--lvh-validation-red-dark) !important;
}
.validationMessage {
  float: left;
  width: 100%;
  background-color: var(--lvh-validation-red-light);
  border: 1px solid var(--lvh-validation-red-mid);
  color: var(--lvh-validation-red-dark);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  padding: 4px 8px;
  position: relative;
  top: -1px;
  box-sizing: border-box;
}
.validationMessage > .text {
  font-size: 12px;
}
.validation-summary {
  border-radius: 3px;
  padding: 4px 8px;
}
.validation-summary.red {
  background-color: var(--lvh-validation-red-light);
  border: 1px solid var(--lvh-validation-red-mid);
  color: var(--lvh-validation-red-dark);
}
.validation-summary.yellow {
  background-color: var(--lvh-alert-yellow-light);
  border: 1px solid var(--lvh-alert-yellow-mid);
  color: var(--lvh-alert-yellow-text);
}
.validation-summary strong {
  font-weight: 600;
}
.large-form-controls input[type='text'],
.layout-spacious input[type='text'],
.large-form-controls input[type='url'],
.layout-spacious input[type='url'],
.large-form-controls input[type='email'],
.layout-spacious input[type='email'],
.large-form-controls input[type='number'],
.layout-spacious input[type='number'],
.large-form-controls input[type='tel'],
.layout-spacious input[type='tel'],
.large-form-controls input[type='date'],
.layout-spacious input[type='date'],
.large-form-controls input[type='month'],
.layout-spacious input[type='month'],
.large-form-controls input[type='password'],
.layout-spacious input[type='password'],
.large-form-controls input[type='search'],
.layout-spacious input[type='search'],
.large-form-controls textarea,
.layout-spacious textarea {
  padding: 10px 7px;
}
@media (max-width: 991px) {
  #employerApp input[type='text'],
  #employerApp input[type='url'],
  #employerApp input[type='email'],
  #employerApp input[type='number'],
  #employerApp input[type='tel'],
  #employerApp input[type='date'],
  #employerApp input[type='month'],
  #employerApp input[type='password'],
  #employerApp input[type='search'],
  #employerApp textarea {
    font-size: 13px;
  }
}
@media (max-width: 991px) {
  #employerApp input[type='text']::-webkit-input-placeholder,
  #employerApp input[type='url']::-webkit-input-placeholder,
  #employerApp input[type='email']::-webkit-input-placeholder,
  #employerApp input[type='number']::-webkit-input-placeholder,
  #employerApp input[type='tel']::-webkit-input-placeholder,
  #employerApp input[type='date']::-webkit-input-placeholder,
  #employerApp input[type='month']::-webkit-input-placeholder,
  #employerApp input[type='password']::-webkit-input-placeholder,
  #employerApp input[type='search']::-webkit-input-placeholder,
  #employerApp textarea::-webkit-input-placeholder {
    font-size: 13px;
  }
}
#employerApp input[type='text']:-moz-placeholder,
#employerApp input[type='url']:-moz-placeholder,
#employerApp input[type='email']:-moz-placeholder,
#employerApp input[type='number']:-moz-placeholder,
#employerApp input[type='tel']:-moz-placeholder,
#employerApp input[type='date']:-moz-placeholder,
#employerApp input[type='month']:-moz-placeholder,
#employerApp input[type='password']:-moz-placeholder,
#employerApp input[type='search']:-moz-placeholder,
#employerApp textarea:-moz-placeholder {
  /* Firefox 18- */
}
@media (max-width: 991px) {
  #employerApp input[type='text']:-moz-placeholder,
  #employerApp input[type='url']:-moz-placeholder,
  #employerApp input[type='email']:-moz-placeholder,
  #employerApp input[type='number']:-moz-placeholder,
  #employerApp input[type='tel']:-moz-placeholder,
  #employerApp input[type='date']:-moz-placeholder,
  #employerApp input[type='month']:-moz-placeholder,
  #employerApp input[type='password']:-moz-placeholder,
  #employerApp input[type='search']:-moz-placeholder,
  #employerApp textarea:-moz-placeholder {
    font-size: 13px;
  }
}
#employerApp input[type='text']::-moz-placeholder,
#employerApp input[type='url']::-moz-placeholder,
#employerApp input[type='email']::-moz-placeholder,
#employerApp input[type='number']::-moz-placeholder,
#employerApp input[type='tel']::-moz-placeholder,
#employerApp input[type='date']::-moz-placeholder,
#employerApp input[type='month']::-moz-placeholder,
#employerApp input[type='password']::-moz-placeholder,
#employerApp input[type='search']::-moz-placeholder,
#employerApp textarea::-moz-placeholder {
  /* Firefox 19+ */
}
@media (max-width: 991px) {
  #employerApp input[type='text']::-moz-placeholder,
  #employerApp input[type='url']::-moz-placeholder,
  #employerApp input[type='email']::-moz-placeholder,
  #employerApp input[type='number']::-moz-placeholder,
  #employerApp input[type='tel']::-moz-placeholder,
  #employerApp input[type='date']::-moz-placeholder,
  #employerApp input[type='month']::-moz-placeholder,
  #employerApp input[type='password']::-moz-placeholder,
  #employerApp input[type='search']::-moz-placeholder,
  #employerApp textarea::-moz-placeholder {
    font-size: 13px;
  }
}
@media (max-width: 991px) {
  #employerApp input[type='text']:-ms-input-placeholder,
  #employerApp input[type='url']:-ms-input-placeholder,
  #employerApp input[type='email']:-ms-input-placeholder,
  #employerApp input[type='number']:-ms-input-placeholder,
  #employerApp input[type='tel']:-ms-input-placeholder,
  #employerApp input[type='date']:-ms-input-placeholder,
  #employerApp input[type='month']:-ms-input-placeholder,
  #employerApp input[type='password']:-ms-input-placeholder,
  #employerApp input[type='search']:-ms-input-placeholder,
  #employerApp textarea:-ms-input-placeholder {
    font-size: 13px;
  }
}
input[type='text'].validation-error,
input[type='url'].validation-error,
input[type='email'].validation-error,
input[type='number'].validation-error,
input[type='tel'].validation-error,
input[type='date'].validation-error,
input[type='month'].validation-error,
input[type='password'].validation-error,
input[type='search'].validation-error,
textarea.validation-error {
  border: 1px solid var(--lvh-validation-red-dark);
}
.validation-message {
  display: block;
  clear: both;
  margin: 5px 0 0 0;
  font-size: 11px;
  color: var(--lvh-validation-red-dark);
}
.validation-message a {
  text-decoration: underline !important;
}
gdpr-banner,
.p-global-banner {
  display: none;
}
gdpr-banner.has-banner,
.p-global-banner.has-banner {
  position: relative;
  display: block !important;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 20px 0;
  border-bottom: 1px solid var(--lvh-x-paler-grey);
  background: var(--lvh-white);
}
@media (max-width: 991px) {
  gdpr-banner.has-banner,
  .p-global-banner.has-banner {
    padding: 15px 0;
  }
}
@media (max-width: 991px) {
  gdpr-banner.has-banner > .container,
  .p-global-banner.has-banner > .container {
    display: table;
    width: 100%;
    text-align: center;
  }
}
gdpr-banner.has-banner > .container .icon-wrapper,
.p-global-banner.has-banner > .container .icon-wrapper {
  float: left;
  width: 25px;
  margin: 5px 0 0;
}
@media (max-width: 991px) {
  gdpr-banner.has-banner > .container .icon-wrapper,
  .p-global-banner.has-banner > .container .icon-wrapper {
    display: none;
  }
}
gdpr-banner.has-banner > .container .icon-wrapper .icon,
.p-global-banner.has-banner > .container .icon-wrapper .icon {
  font-size: 16px;
  color: var(--lvh-secondary-text);
}
gdpr-banner.has-banner > .container .content,
.p-global-banner.has-banner > .container .content {
  padding: 0 210px 0 30px;
}
gdpr-banner.has-banner > .container .content:before,
.p-global-banner.has-banner > .container .content:before {
  display: none;
}
@media (max-width: 991px) {
  gdpr-banner.has-banner > .container .content,
  .p-global-banner.has-banner > .container .content {
    padding: 15px 0;
  }
}
gdpr-banner.has-banner > .container .content p,
.p-global-banner.has-banner > .container .content p {
  margin: 0 0 15px;
  font-size: 13px;
  line-height: 20px;
  color: var(--lvh-x-mesh-dark);
}
gdpr-banner.has-banner > .container .content p:last-child,
.p-global-banner.has-banner > .container .content p:last-child {
  margin: 0;
}
gdpr-banner.has-banner > .container #dismiss,
.p-global-banner.has-banner > .container #dismiss {
  float: right;
}
@media (max-width: 991px) {
  gdpr-banner.has-banner > .container #dismiss,
  .p-global-banner.has-banner > .container #dismiss {
    display: table-footer-group;
    float: none;
  }
}
gdpr-banner.has-banner > .container #dismiss > .button,
.p-global-banner.has-banner > .container #dismiss > .button {
  display: inline-block;
}
.hero-image {
  height: 30vh;
  min-height: 300px;
  text-align: center;
  background-position: center center;
  background-size: cover;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .hero-image {
    height: 20vh;
    min-height: 200px;
  }
}
.hero-image.large {
  min-height: 400px;
}
@media (max-width: 991px) {
  .hero-image.large {
    min-height: 200px;
  }
}
.hero-image > .container {
  height: 100%;
}
.hero-image .outer-wrap {
  width: 100%;
  height: 100%;
  display: table;
  position: relative;
  box-sizing: border-box;
}
.hero-image .inner-wrap {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}
.p-indicator {
  box-sizing: border-box;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background-color: var(--lvh-x-shark-light);
  border: solid 1px var(--lvh-x-shark-dark);
}
.p-indicator.on {
  background-color: var(--lvh-x-pale-green);
  border-color: var(--lvh-x-green);
}
/* -----------------------------------------------------------------------------

  MOBILE FULLSCREEN OVERLAY PATTERN

----------------------------------------------------------------------------- */
/**
 * NOTE:
 *
 * Used for components ie form controls, not to be used for modals
 */
.p-mobile-fullscreen-overlay:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (max-width: 991px) {
  .p-mobile-fullscreen-overlay.overlay-visible {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9100;
    background-color: var(--lvh-white);
    overflow-y: auto;
  }
  .p-mobile-fullscreen-overlay.overlay-visible > .overlayContent {
    padding: 0;
  }
  .p-mobile-fullscreen-overlay.overlay-visible > .overlayContent .cc-modal {
    margin: 0;
    padding: 0;
    max-width: 100%;
  }
  .p-mobile-fullscreen-overlay.overlay-visible > .overlayContent .cc-modal .modalHeader {
    display: none;
  }
  .p-mobile-fullscreen-overlay.overlay-visible > .overlayContent .cc-modal .body {
    margin: 20px 0;
  }
  .p-mobile-fullscreen-overlay.overlay-visible > .overlayContent .closeModal {
    display: none;
  }
  .p-mobile-fullscreen-overlay.overlay-visible .header {
    display: block;
    text-align: center;
    background-color: var(--lvh-x-shark-light);
  }
  .p-mobile-fullscreen-overlay.overlay-visible .header button,
  .p-mobile-fullscreen-overlay.overlay-visible .header .back-button,
  .p-mobile-fullscreen-overlay.overlay-visible .header .clear-button {
    display: block;
  }
  .p-mobile-fullscreen-overlay.overlay-visible .header .close-button {
    position: absolute;
    top: 15px;
    left: 0;
    margin: 0;
    border: none;
    background: transparent;
    display: inline-block;
    line-height: 1;
  }
  .p-mobile-fullscreen-overlay.overlay-visible .header .close-button .icon {
    cursor: inherit;
  }
  .p-mobile-fullscreen-overlay.overlay-visible .body {
    display: block;
  }
  .p-mobile-fullscreen-overlay.overlay-visible .body > .container--mobile,
  .p-mobile-fullscreen-overlay.overlay-visible .body > .container-mobile {
    width: 90%;
  }
  .p-mobile-fullscreen-overlay.overlay-visible .body .p-mobile-fullscreen-overlay.overlay-visible .header {
    display: block;
  }
  .p-mobile-fullscreen-overlay.overlay-visible .body .p-mobile-fullscreen-overlay.overlay-visible .search-by {
    display: block;
    margin: 20px auto;
    box-sizing: border-box;
    width: 90%;
  }
  .p-mobile-fullscreen-overlay.overlay-visible .body .p-mobile-fullscreen-overlay.overlay-visible .body .cc-location-picker-dropdown {
    border-top: 1px solid var(--lvh-x-paler-grey);
  }
  .p-mobile-fullscreen-overlay.overlay-visible .body .p-mobile-fullscreen-overlay.overlay-visible .body .cc-location-picker-dropdown .cc-new-location {
    padding: 8px 5%;
  }
  .p-mobile-fullscreen-overlay.overlay-visible .body .p-mobile-fullscreen-overlay.overlay-visible .body .cc-location-picker-dropdown .cc-location-picker-options,
  .p-mobile-fullscreen-overlay.overlay-visible .body .p-mobile-fullscreen-overlay.overlay-visible .body .cc-location-picker-dropdown .cc-location-picker-new-location-form {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  .p-mobile-fullscreen-overlay.overlay-visible .body .p-mobile-fullscreen-overlay.overlay-visible .body .cc-location-picker-dropdown li {
    padding: 0 5% 5px;
  }
  .p-mobile-fullscreen-overlay.overlay-visible .body .p-mobile-fullscreen-overlay.overlay-visible .body .cc-location-picker-dropdown li:first-child {
    padding-top: 5px;
  }
  .p-mobile-fullscreen-overlay.overlay-visible .body .p-mobile-fullscreen-overlay .header {
    display: none;
  }
  .p-mobile-fullscreen-overlay.overlay-visible .body .p-mobile-fullscreen-overlay .search-by {
    width: 100%;
    padding: 10px 14px;
  }
}
.p-mobile-fullscreen-overlay.hidden-header .header {
  display: none;
}
@media (max-width: 991px) {
  .p-mobile-fullscreen-overlay.no-scroll {
    overflow-y: visible;
  }
}
.p-mobile-fullscreen-overlay .header {
  display: none;
}
@media (max-width: 991px) {
  .p-mobile-fullscreen-overlay .header {
    width: 100%;
    height: 44px;
    overflow: hidden;
  }
}
.p-mobile-fullscreen-overlay .header:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (max-width: 991px) {
  .p-mobile-fullscreen-overlay .header > .container--mobile .container--inner,
  .p-mobile-fullscreen-overlay .header > .container-mobile .container--inner {
    position: relative;
  }
}
.p-mobile-fullscreen-overlay .header .button {
  display: none;
  padding: 0;
  border: none;
  background: none;
  outline: none;
}
.p-mobile-fullscreen-overlay .header .back-button {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 17px;
  padding: 0;
  border: none;
  background: none;
  outline: none;
}
.p-mobile-fullscreen-overlay .header .back-button .icon {
  display: block;
}
@media (max-width: 991px) {
  .p-mobile-fullscreen-overlay .header .heading {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    margin: 0;
    padding: 0 45px;
    font-size: 14px;
    font-weight: 600;
    line-height: 44px;
    color: var(--lvh-x-mesh-dark);
  }
}
.p-mobile-fullscreen-overlay .header .clear-button {
  display: none;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: none;
  background: none;
}
.p-mobile-fullscreen-overlay .header .clear-button .glyph0015:before {
  font-size: 10px;
  color: var(--lvh-primary-text);
}
@media (max-width: 991px) {
  .p-mobile-fullscreen-overlay .body {
    display: none;
  }
}
.p-or-content-divider {
  display: block;
  position: relative;
}
.p-or-content-divider.horizontal {
  height: 36px;
}
.p-or-content-divider.horizontal:before {
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
}
.p-or-content-divider.vertical {
  width: 36px;
}
.p-or-content-divider.vertical:before {
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
}
.p-or-content-divider:before {
  content: '';
  background-color: var(--lvh-x-shark-light);
  position: absolute;
}
.p-or-content-divider .label,
.p-or-content-divider .circle-label {
  display: block;
  width: 36px;
  height: 36px;
  text-align: center;
  font-size: 13px;
  line-height: 34px;
  color: var(--lvh-secondary-text);
  background-color: var(--lvh-white);
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -18px 0 0 -18px;
}
.p-or-content-divider .circle-label {
  border-radius: 50%;
  border: 1px solid var(--lvh-x-pale-grey);
}
/* -----------------------------------------------------------------------------

  PROFILE PICTURE
  
----------------------------------------------------------------------------- */
.profilePic {
  position: relative;
  border-radius: 50%;
  box-sizing: border-box;
}
.profilePic img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-sizing: border-box;
}
.profilePic .round-progress {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.profilePic .initials {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-indent: -9999em;
  text-align: center;
  overflow: hidden;
  border-radius: 50%;
  color: var(--lvh-secondary-text);
}
.profilePic .initials > span {
  font-weight: 700;
  text-transform: uppercase;
}
.profilePic > .indicator {
  background-color: var(--lvh-x-green);
  border: 2px solid var(--lvh-white);
  border-radius: 50%;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
}
.profilePic.avatarWithNoBg {
  background: url('//assets.livehire.com/common/images/vectors/avatar-no-bg.svg') center center no-repeat;
}
.profilePic.companyLogo {
  background-image: url('//assets.livehire.com/common/images/vectors/avatar-company.svg');
  background-position: center center;
  background-size: 75% 75% !important;
  background-repeat: no-repeat;
  fill: var(--lvh-white);
  border-radius: 3px;
  padding: 0 !important;
}
.profilePic.companyLogo.default {
  background-color: #a1b1de;
}
.profilePic.companyLogo > svg {
  display: none;
}
.p-social-connect-buttons.centered-labels .button {
  text-align: center;
  position: relative;
}
.p-social-connect-buttons.centered-labels .button .label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.p-social-connect-buttons.full-width .button {
  width: 100%;
}
.p-social-connect-buttons .button {
  display: block;
  width: 220px;
  height: 50px;
  outline: none;
  border: 1px solid rgba(0, 0, 0, 0);
  background: none;
  padding: 0 10px;
  border-radius: 3px;
  text-align: left;
  color: var(--lvh-white);
  transition: 0.2s background-color linear;
  box-sizing: border-box;
}
.p-social-connect-buttons .button:not(:last-child) {
  margin: 0 0 10px 0;
}
.p-social-connect-buttons .button:focus,
.p-social-connect-buttons .button:hover {
  box-shadow: 0 1px 2px var(--lvh-black-transparent-5), 0 0 0 1px var(--lvh-white), 0 0 0 2px var(--lvh-x-dark-grey);
}
.p-social-connect-buttons .button:focus span,
.p-social-connect-buttons .button:hover span {
  text-decoration: underline;
}
.p-social-connect-buttons .button .icon,
.p-social-connect-buttons .button .image-icon {
  float: left;
  width: 16px;
  margin: 0 10px 0 0;
}
.p-social-connect-buttons .button .icon {
  font-size: 16px;
  line-height: 50px;
  text-align: center;
}
.p-social-connect-buttons .button .image-icon {
  height: 16px;
  padding: 18px 0;
}
.p-social-connect-buttons .button .label {
  font-size: 13px;
  line-height: 50px;
}
.p-social-connect-buttons .button.facebook {
  background-color: var(--lvh-social-facebook-brand);
}
.p-social-connect-buttons .button.facebook:hover,
.p-social-connect-buttons .button.facebook:focus {
  background-color: var(--lvh-social-facebook-light);
}
.p-social-connect-buttons .button.facebook .icon,
.p-social-connect-buttons .button.facebook .label {
  color: var(--lvh-white);
}
.p-social-connect-buttons .button.linkedin {
  background-color: var(--lvh-social-linkedin-brand);
}
.p-social-connect-buttons .button.linkedin:hover,
.p-social-connect-buttons .button.linkedin:focus {
  background-color: var(--lvh-social-linkedin-light);
}
.p-social-connect-buttons .button.linkedin .icon,
.p-social-connect-buttons .button.linkedin .label {
  color: var(--lvh-white);
}
.p-social-connect-buttons .button.google {
  background-color: var(--lvh-white);
  border: 1px solid rgba(0, 0, 0, 0);
  outline: 1px solid var(--lvh-x-shark-dark);
  outline-offset: -1px;
}
.p-social-connect-buttons .button.google:hover,
.p-social-connect-buttons .button.google:focus {
  background-color: var(--lvh-white96);
  box-shadow: 0 1px 2px var(--lvh-black-transparent-5), 0 0 0 1px var(--lvh-white), 0 0 0 2px var(--lvh-x-dark-grey);
  border-radius: 3px;
}
.p-social-connect-buttons .button.google .label {
  color: var(--lvh-x-dark-grey);
}
.p-home-social-connect-buttons {
  background-color: var(--lvh-x-off-white);
}
.p-home-social-connect-buttons .row:not(:last-child) .button {
  border-bottom: 1px solid var(--lvh-x-pale-grey);
}
.p-home-social-connect-buttons .button {
  float: left;
  display: block;
  width: 50%;
  height: 44px;
  outline: none;
  border: none;
  background: none;
  padding: 0 20px;
  text-align: left;
  color: var(--lvh-white);
  box-sizing: border-box;
}
.p-home-social-connect-buttons .button:after {
  content: "\e914";
  float: right;
  font-family: 'IconFont';
  line-height: 44px;
  color: var(--lvh-x-pale-grey);
}
.p-home-social-connect-buttons .button:first-child {
  border-right: 1px solid var(--lvh-x-pale-grey);
}
.p-home-social-connect-buttons .button .icon {
  float: left;
  width: 20px;
  height: 20px;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  border-radius: 3px;
  margin: 12px 10px 12px 0;
}
.p-home-social-connect-buttons .button .image-icon {
  float: left;
  width: 16px;
  height: 16px;
  padding: 14px 0;
  margin: 0 10px 0 0;
}
.p-home-social-connect-buttons .button .label {
  font-size: 13px;
  line-height: 44px;
}
.p-home-social-connect-buttons .button.facebook .icon {
  background-color: var(--lvh-social-facebook-brand);
}
.p-home-social-connect-buttons .button.facebook .label {
  color: var(--lvh-social-facebook-brand);
}
.p-home-social-connect-buttons .button.linkedin .icon {
  background-color: var(--lvh-social-linkedin-brand);
}
.p-home-social-connect-buttons .button.linkedin .label {
  color: var(--lvh-social-linkedin-brand);
}
.p-home-social-connect-buttons .button.google .label {
  color: var(--lvh-x-dark-grey);
}
.p-social-connect-buttons-2 {
  width: 100%;
  display: table;
  border: 2px solid var(--lvh-x-paler-grey);
  border-radius: 3px;
  box-sizing: border-box;
  table-layout: fixed;
}
@media (max-width: 991px) {
  .p-social-connect-buttons-2 {
    border: none;
  }
}
.p-social-connect-buttons-2 .button {
  display: table-cell;
  text-align: center;
}
@media (max-width: 991px) {
  .p-social-connect-buttons-2 .button {
    display: block;
    border: 2px solid var(--lvh-x-paler-grey);
    border-radius: 3px;
  }
}
.p-social-connect-buttons-2 .button:not(:last-child) {
  border-right: 2px solid var(--lvh-x-paler-grey);
}
@media (max-width: 991px) {
  .p-social-connect-buttons-2 .button:not(:last-child) {
    margin: 0 0 10px 0;
  }
}
.p-social-connect-buttons-2 .button.facebook .icon,
.p-social-connect-buttons-2 .button.facebook .label {
  color: var(--lvh-social-facebook-brand);
}
.p-social-connect-buttons-2 .button.linkedin .icon,
.p-social-connect-buttons-2 .button.linkedin .label {
  color: var(--lvh-social-linkedin-brand);
}
.p-social-connect-buttons-2 .button .icon,
.p-social-connect-buttons-2 .button .image-icon,
.p-social-connect-buttons-2 .button .label {
  font-size: 11px;
  line-height: 40px;
  vertical-align: middle;
}
.p-social-connect-buttons-2 .button .icon,
.p-social-connect-buttons-2 .button .image-icon {
  margin: 0 5px 0 0;
}
.p-social-connect-buttons-2 .button .icon {
  font-size: 15px;
}
.p-social-connect-buttons-2 .button .image-icon {
  height: 15px;
}
.p-social-connect-buttons-2 .button .label {
  text-transform: uppercase;
  color: var(--lvh-x-dark-grey);
}
@media (max-width: 991px) {
  .p-social-connect-buttons-3 {
    border: none;
  }
}
.p-social-connect-buttons-3 .button {
  display: block;
  text-align: center;
  border: 2px solid var(--lvh-x-paler-grey);
  border-radius: 3px;
}
@media (max-width: 991px) {
  .p-social-connect-buttons-3 .button {
    display: block;
    border: 2px solid var(--lvh-x-paler-grey);
    border-radius: 3px;
  }
}
.p-social-connect-buttons-3 .button:not(:last-child) {
  border-right: 2px solid var(--lvh-x-paler-grey);
}
@media (max-width: 991px) {
  .p-social-connect-buttons-3 .button:not(:last-child) {
    margin: 0 0 10px 0;
  }
}
.p-social-connect-buttons-3 .button:hover > .label,
.p-social-connect-buttons-3 .button:focus > .label,
.p-social-connect-buttons-3 .button:active > .label {
  text-decoration: underline;
}
.p-social-connect-buttons-3 .button.facebook .icon,
.p-social-connect-buttons-3 .button.facebook .label {
  color: var(--lvh-social-facebook-brand);
}
.p-social-connect-buttons-3 .button.linkedin .icon,
.p-social-connect-buttons-3 .button.linkedin .label {
  color: var(--lvh-social-linkedin-brand);
}
.p-social-connect-buttons-3 .button .icon,
.p-social-connect-buttons-3 .button .image-icon,
.p-social-connect-buttons-3 .button .label {
  font-size: 11px;
  line-height: 40px;
  vertical-align: middle;
}
.p-social-connect-buttons-3 .button .icon,
.p-social-connect-buttons-3 .button .image-icon {
  margin: 0 5px 0 0;
}
.p-social-connect-buttons-3 .button .icon {
  font-size: 15px;
}
.p-social-connect-buttons-3 .button .image-icon {
  height: 15px;
}
.p-social-connect-buttons-3 .button .label {
  color: var(--lvh-x-dark-grey);
}
.seek-apply-btn {
  display: block;
  height: 45px;
  line-height: 45px;
  background: #e60278;
  color: var(--lvh-white) !important;
  border-radius: 4px;
  box-shadow: 0 1px 2px 0 rgba(64, 64, 64, 0.5);
  font-size: 18px;
  text-align: center;
  text-decoration: none;
  font-family: Helvetica, Arial;
}
.seek-apply-btn:hover {
  color: #fff;
  background: #fd0585;
  box-shadow: 0 1px 2px 0 rgba(64, 64, 64, 0.4);
}
.seek-apply-btn:active {
  color: #fff;
  background: #cd026b;
  box-shadow: 0 1px 2px 0 rgba(64, 64, 64, 0.7);
}
.seek-apply-btn__image {
  display: inline-block;
  height: 30px;
  width: 75px;
  margin: -1px 0 0 9px;
  vertical-align: middle;
  background: url(https://assets.livehire.com/common/images/branding/seek-apply-with-logo.svg) no-repeat;
  background-size: 100% 100%;
}
.p-social-connect-buttons-4 .button {
  position: relative;
  height: 50px;
}
.p-social-connect-buttons-4 .button .label {
  font-weight: 700;
  color: var(--lvh-x-dark-grey);
}
.p-social-connect-buttons-4 .button:not(:last-child) {
  margin: 0 0 10px 0;
}
.p-social-connect-buttons-4 .button.linkedin .icon {
  color: var(--lvh-social-linkedin-brand);
}
.p-social-connect-buttons-4 .button.facebook .icon {
  color: var(--lvh-social-facebook-brand);
}
.p-social-connect-buttons-4 .icon,
.p-social-connect-buttons-4 .image-icon {
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  font-size: 15px;
}
.p-social-connect-buttons-4 .icon {
  text-align: center;
}
.p-social-connect-buttons-4 .image-icon {
  height: 16px;
}
/* -----------------------------------------------------------------------------

  STICKY TABLE HEADER PATTERN

----------------------------------------------------------------------------- */
/**
 * NOTE:
 *
 * To be used with the element directive set-class-when-at-top="fix-to-top" padding-when-at-top="offset pixels as number (not px) from top ie 140"
 */
.p-sticky-table-header {
  position: fixed;
  top: 140px;
  display: none;
  z-index: 7960;
}
.p-sticky-table-header:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.p-sticky-table-header.small tbody tr th {
  padding: 5px 10px;
}
.p-sticky-table-header.tall tbody tr th {
  padding: 20px 10px;
}
@media (min-width: 992px) {
  .p-sticky-table-header thead {
    visibility: hidden;
  }
}
.p-sticky-table-header tbody tr th {
  padding: 8px 10px;
  box-sizing: border-box;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 600;
  text-align: left;
  vertical-align: middle;
  background-color: var(--lvh-x-dark-grey);
  color: var(--lvh-white);
}
.p-sticky-table-header tbody tr th.sort-column .icon {
  font-size: 7px;
  margin: 5.5px 0;
  vertical-align: middle;
  color: var(--lvh-x-shark-dark);
}
@media (min-width: 992px) {
  .fix-to-top .p-sticky-table-header {
    display: table;
  }
}
@media (min-width: 992px) {
  .fix-to-top .p-sticky-table-header thead {
    visibility: visible;
  }
}
@media (min-width: 992px) {
  .fix-to-top .p-sticky-table-header thead tr th {
    padding: 0;
  }
}
@media (min-width: 992px) {
  .fix-to-top .p-table thead {
    visibility: hidden;
  }
}
/* -----------------------------------------------------------------------------

  TABLE PATTERN

----------------------------------------------------------------------------- */
/**
 * NOTE:
 *
 * Table pattern to correct inconsistent design/developer feedback
 */
.p-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.p-table:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.p-table.small thead tr th {
  padding: 5px 10px;
}
.p-table.small tbody tr td {
  padding: 5px 10px;
}
@media (max-width: 991px) {
  .p-table.small tbody tr td {
    padding: 0;
  }
}
.p-table.tall thead tr th {
  padding: 20px 10px;
}
.p-table.tall tbody tr td {
  padding: 20px 10px;
}
@media (max-width: 991px) {
  .p-table.tall tbody tr td {
    padding: 0;
  }
}
.p-table thead {
  background-color: var(--lvh-x-dark-grey);
}
@media (max-width: 991px) {
  .p-table thead {
    display: none;
  }
}
.p-table thead tr th {
  padding: 8px 10px;
  box-sizing: border-box;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 600;
  text-align: left;
  vertical-align: middle;
  color: var(--lvh-white);
}
.p-table thead tr th.sort-column {
  position: relative;
}
.p-table thead tr th.sort-column .icon {
  font-size: 7px;
  margin: 5.5px 0;
  vertical-align: middle;
  color: var(--lvh-x-shark-dark);
}
.p-table tbody tr {
  border-bottom: 1px solid var(--lvh-x-grey);
  background-color: var(--lvh-white);
}
@media (max-width: 991px) {
  .p-table tbody tr {
    position: relative;
    display: block;
    margin: 0 0 15px 0;
    padding: 15px 20px 20px 20px;
    border-radius: 3px;
  }
}
.p-table tbody tr:hover {
  background-color: var(--lvh-x-pale-blue);
}
@media (min-width: 992px) {
  .p-table tbody tr:hover td.actions .icon,
  .p-table tbody tr:hover td.actions .trigger,
  .p-table tbody tr:hover td.actions .cc-callout,
  .p-table tbody tr:hover td.actions .cc-action-callout,
  .p-table tbody tr:hover td.actions .actions-menu {
    visibility: visible;
  }
}
.p-table tbody tr td {
  padding: 15px 10px;
  box-sizing: border-box;
  font-size: 13px;
  text-align: left;
  vertical-align: top;
  color: var(--lvh-primary-text);
}
@media (max-width: 991px) {
  .p-table tbody tr td {
    display: block;
    margin: 0 0 5px 0;
    padding: 0;
    vertical-align: middle;
  }
}
.p-table tbody tr td.actions {
  width: 25px;
}
@media (max-width: 991px) {
  .p-table tbody tr td.actions {
    position: absolute;
    top: 10px;
    right: 10px;
    display: inline-block;
  }
}
@media (min-width: 992px) {
  .p-table tbody tr td.actions .icon,
  .p-table tbody tr td.actions .trigger,
  .p-table tbody tr td.actions .cc-callout,
  .p-table tbody tr td.actions .cc-action-callout,
  .p-table tbody tr td.actions .actions-menu {
    visibility: hidden;
  }
}
.p-table tbody tr td .block {
  display: block;
}
.p-tag-list .p-tag {
  margin: 0 5px 5px 0;
}
.p-tag {
  display: inline-block;
  background-color: var(--lvh-x-off-white);
  border-radius: 3px;
  padding: 0 10px;
  position: relative;
}
.p-tag:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.p-tag.large {
  min-height: 26px;
}
.p-tag.large .label {
  line-height: 26px;
}
.p-tag.small {
  min-height: 20px;
}
.p-tag.small .label {
  line-height: 20px;
}
.p-tag.murkberry,
.p-tag.specialties {
  background-color: var(--lvh-x-murkberry-light);
}
.p-tag.murkberry .label,
.p-tag.specialties .label,
.p-tag.murkberry .icon,
.p-tag.specialties .icon {
  color: var(--lvh-x-murkberry-darkest);
}
.p-tag.green {
  background-color: var(--lvh-validation-green-light);
}
.p-tag.green .label,
.p-tag.green .icon {
  color: var(--lvh-validation-green-dark);
}
.p-tag.icon-left .icon {
  right: auto;
  left: 5px;
}
.p-tag.icon-left .label {
  padding-left: 15px;
}
.p-tag .label {
  float: left;
  font-size: 11px;
  color: var(--lvh-x-dark-grey);
}
.p-tag .label:not(:last-child) {
  margin: 0 13px 0 0;
}
.p-tag button.delete-tag {
  position: absolute;
  top: 50%;
  right: 5px;
  padding: 5px;
  background: none;
  border: none;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.p-tag button.delete-tag .icon {
  position: static;
  display: block;
  margin: 0;
  padding: 0;
}
.p-tag .icon {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -9px;
  font-size: 8px;
  line-height: 1;
  color: var(--lvh-secondary-text);
  padding: 5px;
  cursor: pointer;
}
/* -----------------------------------------------------------------------------

  TALENT COMMUNITY CARD COMPONENT
  
----------------------------------------------------------------------------- */
.p-talent-community-card {
  float: left;
  width: 100%;
  height: 400px;
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-grey);
  border-radius: 3px;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05);
  text-align: center;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
@media (max-width: 991px) {
  .p-talent-community-card {
    height: auto !important;
  }
}
.p-talent-community-card:hover .join-tc > .label {
  background: var(--lvh-x-off-white);
}
.p-talent-community-card.large {
  height: 475px;
}
.p-talent-community-card.large .cover-photo {
  height: 110px;
}
.p-talent-community-card.large .content-wrap {
  top: 110px;
  padding: 45px 0;
  height: calc(100% - 110px);
}
@media (max-width: 991px) {
  .p-talent-community-card.large .content-wrap {
    top: 0;
  }
}
.p-talent-community-card.large .content-wrap .content-inner {
  padding: 0 30px;
}
@media (max-width: 991px) {
  .p-talent-community-card.large .content-wrap .content-inner {
    padding: 0 30px 25px;
  }
}
.p-talent-community-card.large .employer-logo {
  width: 88px;
  height: 88px;
  margin: 0 auto 25px auto;
}
.p-talent-community-card.large h3 {
  font-size: 18px;
}
.p-talent-community-card.large .industry-name {
  font-size: 16px;
  margin: 0 0 20px 0;
}
.p-talent-community-card.large .description {
  font-size: 16px;
}
.p-talent-community-card.large .join-tc > .label {
  font-size: 16px;
}
.p-talent-community-card .cover-photo {
  width: 100%;
  height: 80px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}
@media (max-width: 991px) {
  .p-talent-community-card .cover-photo {
    float: left;
    position: static;
  }
}
.p-talent-community-card .content-wrap {
  position: relative;
  top: 80px;
  width: 100%;
  height: calc(100% - 80px);
  padding: 35px 0;
  background-color: var(--lvh-white);
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .p-talent-community-card .content-wrap {
    float: left;
    top: 0;
  }
}
.p-talent-community-card .content-wrap .content-inner {
  padding: 0 20px;
}
@media (max-width: 991px) {
  .p-talent-community-card .content-wrap .content-inner {
    padding: 0 20px 25px;
  }
}
.p-talent-community-card .employer-logo {
  display: block;
  margin: 0 auto 15px auto;
  width: 64px;
  height: 64px;
  border: 1px solid var(--lvh-x-grey);
  border-radius: 3px;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
  box-sizing: border-box;
}
.p-talent-community-card h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 2;
  color: var(--lvh-x-dark-grey);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.p-talent-community-card .industry-name {
  display: block;
  margin: 0 0 25px 0;
  font-size: 13px;
  line-height: 1.6;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--lvh-secondary-text);
}
.p-talent-community-card .description {
  margin: 0;
  font-size: 13px;
  line-height: 1.7;
  color: var(--lvh-secondary-text);
}
.p-talent-community-card .join-tc {
  position: absolute;
  bottom: 0;
  width: 100%;
  border-top: 1px solid var(--lvh-x-grey);
}
.p-talent-community-card .join-tc:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (max-width: 991px) {
  .p-talent-community-card .join-tc {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
}
.p-talent-community-card .join-tc > .label {
  display: block;
  float: right;
  padding: 12px 20px;
  border-left: 1px solid var(--lvh-x-grey);
}
.p-round-social-icon {
  display: inline-block;
  height: 25px;
  width: 25px;
  line-height: 25px;
  text-align: center;
  border-radius: 50%;
  box-sizing: border-box;
  background-color: var(--lvh-x-paler-grey);
}
.p-round-social-icon i.social {
  color: var(--lvh-white);
  font-size: 12px;
  line-height: 25px;
}
.p-round-social-icon i:before {
  content: "\e91f";
}
.p-round-social-icon.twitter {
  background-color: var(--lvh-social-twitter-brand);
}
.p-round-social-icon.twitter i:before {
  content: "\e908";
}
.p-round-social-icon.linkedin {
  background-color: var(--lvh-social-linkedin-brand);
}
.p-round-social-icon.linkedin i:before {
  content: "\e909";
}
.p-round-social-icon.facebook {
  background-color: var(--lvh-social-facebook-brand);
}
.p-round-social-icon.facebook i:before {
  content: "\e907";
}
.p-round-social-icon.instagram {
  background-color: var(--lvh-social-instagram-brand);
}
.p-round-social-icon.instagram i:before {
  content: "\e90b";
}
.p-round-social-icon.grey {
  background-color: var(--lvh-x-off-white);
}
.p-round-social-icon.grey i.social {
  color: var(--lvh-secondary-text);
}

/* -----------------------------------------------------------------------------

  LEGACY VARIABLES
  
----------------------------------------------------------------------------- */
/** 
* Do not use any of these variables directly - use the native CSS custom 
* properties defined in _colour.variables.less
* e.g. var(--lvh-some-colour)
*
* These variables can very easily become out of sync and should only be 
* used in situations where we cannot use custom properties in LESS.
*
* We'll be switching to Mango UI web components at some point so this file 
* will most likely become redundant after that has been rolled out.
*/
/* Social brand colours */
/* Campaign Palette */
/* External vendor colours */
/* -----------------------------------------------------------------------------

  Z-INDEX MAPPING
  
----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------

  MEDIA QUERY BREAKPOINTS
  
----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------

  FONTS CONFIG

----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------

  NOTE:

  HELLO FRIEND!

  Are you about to change the version of IconFontLite? If no, continue on. If
  yes then you need to be aware that all references to this font must also be
  updated. We get this for free with IconFont because we update the version
  number in one place in the _IconFont.cshtml partial. This isn't the case
  here, it will need to be updated in all external components / widgets.

----------------------------------------------------------------------------- */
/* magnifying glass */
/* label */
/* suitcase */
/* speech bubbles */
/* plus symbol */
/* facebook logo */
/* twitter logo */
/* linkedIn logo */
/* google+ logo */
/* instagram logo */
/* padlock */
/* location pin */
/* suitcase with lock */
/* tick */
/* left arrow */
/* chevron right */
/* empty line graph */
/* star */
/* not visible */
/* visible */
/* label - solid colour */
/* envelope */
/* letterbox */
/* curved arrow right */
/* paperclip */
/* cog */
/* chain */
/* article */
/* tick */
/* back arrow */
/* forward arrow */
/* sms speech icon */
/* graph */
/* analogue clock */
/* flag */
/* money bag */
/* access denied */
/* share logo */
/* sheet of paper with folded corner */
/* download */
/* graduation cap */
/* donut */
/* cross */
/* down arrow */
/* left arrow */
/* up arrow */
/* chevron right */
/* chevron right solid colour */
/* toggle */
/* heart rate recording */
/* telephone */
/* bulleted list */
/* bulleted list alt */
/* magnifying glass */
/* areoplane */
/* credit/debit card */
/* no reference */
/* grabage bin */
/* plus sign solid colour */
/* archive symbol */
/* new message */
/* plus sign solid colour */
/* calendar */
/* pencil */
/* minus sign solid colour */
/* document */
/* access */
/* approved list */
/* building */
/* male */
/* exclamation mark */
/* information solid colour */
/* document solid colour */
/* two squares solid colour */
/* arrow right */
/* side by side figures */
/* tick */
/* three figures */
/* male with plus symbol */
/* heart */
/* male worker with headset */
/* male worker */
/* open speech marks */
/* light bulb */
/* award */
/* youtube logo */
/* play video */
/* close speech marks */
/* star */
/* flag */
/* question mark */
/* heart */
/* pdf symbol */
/* pen and paper */
/* continuous loop */
/* no access */
/* target */
/* dollar sign */
/* H symbol */
/* T symbol */
/* A symbol */
/* C symbol */
/* I symbol */
/* Side by side figures */
/* Transparent circle */
/* Left chervron */
/* Up chevron */
/* Plus symbol */
/* Open box */
/* Video camera */
/* Play */
/* Upload */
/* ID */
/* Toggle */
/* Letter tray */
/* Transparent video camera */
/* Anayltics */
/* Branches */
/* Rocket */
/* Light bulb */
/* Resize */
/* Three dots to make a triangle */
/* Figure with plus symbol */
/* Side kebab */
/* flag */
/* Upload */
/* Continuous loop */
/* Stopwatch */
/* Facebook logo */
/* LinkedIn logo */
/* LiveHire logo */
/* Calendar */
/* Location pin */
/* Figure */
/* Globe */
/* Lock */
/* Suitcase */
/* Connections */
/* Eye */
/* Camera */
/* Clock (at 3pm) */
/* Two sort of stacked boxes */
/* Document */
/* Lightning Bolt */
/* The letter L */
/* Paperclip */
/* Checklist */
/* Handbrakey */
/* Activity */
/* Attached CV */
/* Cover Letter */
/* Exclamation Mark */
/* Pop out */
/* Zoom out */
/* Zoom in */
/* Left pane */
/* Print */
/* Hiretual */
/* Timeline */
/* Filter */
/* Question mark */
/* Pin */
/* Segments */
/* Badge */
/* Hotel */
/* Paragraph x 2 */
/* Privacy policy */
/* Transactions */
/* Scripts */
/* R character */
/* Privacy Deletion */
/* CSV */
/* Privacy Deletion for profile */
/* Privacy Padlock */
/* Profile Consent */
/* Eye show/hide */
/* Disabled */
/* AI sparkle */
/* -----------------------------------------------------------------------------

  BOOTSTRAP DATEPICKER VARIABLES
  
----------------------------------------------------------------------------- */
/**
 * NOTE:
 *
 * This stylesheet is now obsolete
 * New variables will be found in /Src/less/config
 */
/*darken(@link-color, 15%);*/
/* Not currently using Mango UI since we're having issues getting our build agents to authenticate with the HF npm registry */
:root {
  --lvh-white92: #ebebeb;
  --lvh-white94: #f0f0f0;
  --lvh-white96: #f5f5f5;
  --lvh-white97: #f7f7f7;
  --lvh-white98: #fafafa;
  --lvh-white: #fff;
  --lvh-x-off-white: #f3f5f7;
  --lvh-white-transparent-20: rgba(255, 255, 255, 0.2);
  --lvh-white-transparent-40: rgba(255, 255, 255, 0.4);
  --lvh-white-transparent-50: rgba(255, 255, 255, 0.5);
  --lvh-white-transparent-60: rgba(255, 255, 255, 0.6);
  --lvh-white-transparent-80: rgba(255, 255, 255, 0.8);
  --lvh-black: #000000;
  --lvh-black-transparent-5: rgba(0, 0, 0, 0.05);
  --lvh-black-transparent-10: rgba(0, 0, 0, 0.1);
  --lvh-black-transparent-20: rgba(0, 0, 0, 0.2);
  --lvh-black-transparent-40: rgba(0, 0, 0, 0.4);
  --lvh-black-transparent-50: rgba(0, 0, 0, 0.5);
  --lvh-x-darker-grey: #333333;
  --lvh-x-dark-grey: #444444;
  --lvh-x-mid-grey: #666666;
  --lvh-primary-text: #666666;
  --lvh-x-light-grey: #888888;
  --lvh-secondary-text: #888888;
  --lvh-disabled-text: #999999;
  --lvh-x-pale-grey: #dedede;
  --lvh-x-paler-grey: #e0e0e0;
  --lvh-even-paler-grey: #e6e6e6;
  --lvh-x-grey: #ebebeb;
  --lvh-x-shark-light: #eeeeee;
  --lvh-x-shark-dark: #cccccc;
  --lvh-x-mesh-light: #888888;
  --lvh-x-mesh-dark: #444444;
  --lvh-brand-orange: #ff8133;
  --lvh-lighter-blue: #d8effd;
  --lvh-light-blue: #93d3fa;
  --lvh-disabled-blue: #a1b1de;
  --lvh-brighter-blue: #00cdff;
  --lvh-bright-blue-trans-10: rgba(60, 71, 157, 0.1);
  --lvh-bright-blue: #00bdeb;
  --lvh-brand-blue-dark: #2e3880;
  --lvh-x-pale-blue: #f1f9fd;
  --lvh-x-blue: #139ff5;
  --lvh-dark-blue: #00588f;
  --lvh-x-paler-green: #a5dda1;
  --lvh-x-pale-green: #84d17f;
  --lvh-x-green: #50b848;
  --lvh-x-green-dark: #317c2c;
  --lvh-x-highlight: #fff4c7;
  --lvh-x-yellow: #ffd540;
  --lvh-x-orange: #ff8133;
  --lvh-x-orange-dark: #C65200;
  --lvh-x-red: #f15a29;
  --lvh-bright-red: #f95d3e;
  --lvh-x-ripe: #bd350f;
  --lvh-x-murkberry-lighter: #e8edf7;
  --lvh-x-murkberry-light: #d9e1f2;
  --lvh-x-murkberry-dark: #a1b1de;
  --lvh-x-murkberry-darker: #6878ca;
  --lvh-x-murkberry-darkest: #232a63;
  --lvh-validation-red-light: #fde5e2;
  --lvh-validation-red-mid: #fbd5d0;
  --lvh-validation-red-dark: #8e280b;
  --lvh-alert-yellow-light: #fff4c7;
  --lvh-alert-yellow-mid: #ffed94;
  --lvh-alert-yellow-text: #754c00;
  --lvh-validation-green-light: #dbf1da;
  --lvh-validation-green-mid: #cdeccb;
  --lvh-validation-green-dark: #245a20;
  --lvh-alert-blue-light: #d8effd;
  --lvh-alert-blue-mid: #c4e7fd;
  --lvh-alert-blue-text: #00588f;
  /* Social brand colours */
  --lvh-social-facebook-brand: #3b579d;
  --lvh-social-facebook-light: #4e6ebd;
  --lvh-social-facebook-dark: #2d4278;
  --lvh-social-google-brand: #dc4e41;
  --lvh-social-google-dark: #c63224;
  --lvh-social-linkedin-brand: #0077b5;
  --lvh-social-linkedin-light: #0099e8;
  --lvh-social-linkedin-dark: #005582;
  --lvh-social-twitter-brand: #00ACEE;
  --lvh-social-twitter-dark: #0087bb;
  --lvh-social-instagram-brand: #D32171;
  --lvh-social-instagram-dark: #a71a59;
  --lvh-social-youtube-brand: #CC181E;
  --lvh-social-youtube-dark: #9e1317;
  /* Campaign Palette */
  --lvh-x-pink: #ff5aa8;
  --lvh-x-purple: #7858e0;
  --lvh-x-purple-light: rgba(120, 88, 224, 0.2);
  /* External vendor colours */
  --lvh-x-external-hiretual: #0171C5;
}
ul {
  padding: 0;
}
li {
  font-size: 1em;
}
a {
  color: #00bdeb;
  text-decoration: none;
  transition: color 0.2s ease-in-out;
  cursor: pointer;
}
a:hover,
a:focus {
  color: #00cdff;
  text-decoration: none;
  outline: none;
}
/*
 * OBSOLETE
 */
.btn {
  display: inline-block;
  padding: 4px 0;
  color: var(--lvh-secondary-text);
  border: solid 1px var(--lvh-x-pale-grey);
  border-radius: 4px;
}
.btn + .btn {
  margin-left: 5px;
}
.btn.active {
  color: #00bdeb;
}
.btn-active {
  color: #00bdeb;
}
.btn-group {
  display: table;
}
.btn-group > .btn {
  display: table-cell;
  border-radius: 0;
  width: 1%;
  text-align: center;
  font-size: 12px;
}
.btn-group > .btn + .btn {
  border-left: 0;
}
.btn-group > .btn:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.btn-group > .btn:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.callout-wrap .trigger {
  display: block;
  padding: 5px 2px;
}
.callout-wrap .trigger:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.callout-wrap .trigger.basic {
  padding: 0;
  text-decoration: none;
  text-decoration-style: unset;
  text-decoration-color: unset;
}
@media (min-width: 992px) {
  .callout-wrap .trigger:hover .callout .calloutDirective {
    display: block;
  }
}
@media (min-width: 992px) {
  .callout-wrap .callout-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9000;
  }
}
.callout-wrap .callout.visible .cc-callout {
  display: block;
  z-index: 9001;
}
@media (max-width: 991px) {
  .callout-wrap .callout.visible .cc-callout .p-mobile-fullscreen-overlay.overlay-visible .header .icon {
    display: block;
    margin: 0;
    line-height: 1;
    color: unset;
  }
}
@media (max-width: 991px) {
  .callout-wrap .callout.visible .cc-callout .p-mobile-fullscreen-overlay.overlay-visible .body {
    margin: 20px 0 0;
  }
}
.callout-wrap .callout.above {
  position: absolute;
  bottom: calc(100% + 3px);
  left: calc(-50% + 10px);
}
.callout-wrap .callout.above > .calloutDirective {
  position: absolute;
  bottom: calc(100% + 3px);
  left: calc(-50% + 10px);
}
.callout {
  display: block;
}
.callout:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.callout.no-scroll .cc-callout.topLeft .cc-callout-body,
.callout.no-scroll .cc-callout.topRight .cc-callout-body,
.callout.no-scroll .cc-callout.bottomCenter .cc-callout-body,
.callout.no-scroll .cc-callout.bottomRight .cc-callout-body {
  max-height: none;
  overflow-y: unset;
}
.callout .cc-callout {
  position: relative;
  z-index: 2000;
}
.callout .cc-callout.topLeft,
.callout .cc-callout.topRight,
.callout .cc-callout.bottomCenter,
.callout .cc-callout.bottomRight {
  display: none;
  width: 300px;
}
.callout .cc-callout.topLeft .cc-callout-body,
.callout .cc-callout.topRight .cc-callout-body,
.callout .cc-callout.bottomCenter .cc-callout-body,
.callout .cc-callout.bottomRight .cc-callout-body {
  margin: 10px 0 0;
  padding: 15px;
  max-height: 150px;
  overflow-y: auto;
}
.cc-callout-tip.top {
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  top: 10px;
  right: 22px;
  margin: -3px 0 0 -9px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: none !important;
  border-right: none !important;
}
.cc-callout-tip.right {
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  top: 22px;
  right: 0;
  margin: 0 -8px 0 0;
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  border-bottom: none !important;
  border-right: none !important;
}
.cc-callout-tip.bottom {
  bottom: -7px;
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  bottom: 10px;
  right: 22px;
  margin: -3px 0 0 -9px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: none;
  border-left: none;
}
.cc-callout-tip.left {
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  top: 22px;
  left: 0;
  margin: 0 0 0 -8px;
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  border-top: none !important;
  border-left: none !important;
}
.cc-callout-tip.topLeft {
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  top: -5px;
  left: 15px;
  margin: -3px 0 0 -9px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: none !important;
  border-right: none !important;
}
.cc-callout-tip.topRight {
  top: -5px;
  right: 25px;
  margin: -3px 0 0 -9px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: none !important;
  border-right: none !important;
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
}
.cc-callout-tip.bottomCenter {
  bottom: -7px;
  right: calc(50% - 11px);
  margin: -3px 0 0 -9px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: none !important;
  border-left: none !important;
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
}
.cc-callout-tip.bottomRight {
  bottom: -7px;
  right: 25px;
  margin: -3px 0 0 -9px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: none;
  border-left: none;
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
}
.cc-callout-body {
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-pale-grey);
  border-radius: 3px;
}
.cc-callout-body:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (min-width: 992px) {
  .cc-callout-body .date-picker-wrap #uiDate {
    z-index: 9002;
  }
}
.cc-callout-content {
  background-color: var(--lvh-white);
  border-radius: 3px;
  position: relative;
  z-index: 1002;
  overflow: hidden;
}
.cc-callout-content > ul {
  margin: 0;
  padding: 13px 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cc-callout-content > ul:last-child {
  padding: 13px 0 0 0;
}
.cc-callout-content > ul.bullets > li {
  margin: 0 0 0 15px;
  padding: 0 0 10px 0;
  list-style: disc;
}
.cc-callout-content > ul.bullets > li:last-child {
  padding: 0;
}
.cc-callout-content > ul > li {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.cc-callout-content > ul > li.mobileOnly {
  display: none;
}
@media (max-width: 991px) {
  .cc-callout-content > ul > li.mobileOnly {
    display: list-item;
  }
}
.cc-callout-content > ul > li.divider {
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  margin: 10px 0;
}
.cc-callout-content > ul > li.divider > a {
  display: none;
}
.cc-callout-content > ul > li > a,
.cc-callout-content > ul > li > span {
  display: block;
  color: var(--lvh-x-mid-grey);
  outline: none;
  padding: 0.25em 1.538em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
}
.cc-callout-content > ul > li > a:hover,
.cc-callout-content > ul > li > span:hover,
.cc-callout-content > ul > li > a:focus,
.cc-callout-content > ul > li > span:focus,
.cc-callout-content > ul > li > a.selected,
.cc-callout-content > ul > li > span.selected {
  background-color: var(--lvh-x-off-white);
}
.cc-callout-content > ul > li > a .label,
.cc-callout-content > ul > li > span .label {
  color: var(--lvh-x-mid-grey);
  white-space: inherit;
}
.cc-callout-content > ul > li.disabled > a,
.cc-callout-content > ul > li.disabled > span {
  color: rgba(102, 102, 102, 0.3);
}
.cc-callout-content > ul > li.disabled > a:hover,
.cc-callout-content > ul > li.disabled > span:hover,
.cc-callout-content > ul > li.disabled > a:focus,
.cc-callout-content > ul > li.disabled > span:focus,
.cc-callout-content > ul > li.disabled > a.selected,
.cc-callout-content > ul > li.disabled > span.selected {
  background-color: var(--lvh-white);
}
.cc-callout-content > ul {
  margin: 0;
  padding: 1em 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cc-callout-content > ul > li {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.cc-callout-content > ul > li.mobileOnly {
  display: none;
}
@media (max-width: 991px) {
  .cc-callout-content > ul > li.mobileOnly {
    display: list-item;
  }
}
.cc-callout-content > ul > li.divider {
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  margin: 10px 0;
}
.cc-callout-content > ul > li.divider > a {
  display: none;
}
@media (min-width: 992px) {
  .cc-callout-content > ul > li#showHowItWorksLink {
    display: none;
  }
}
.cc-callout-content > ul > li > a,
.cc-callout-content > ul > li > span {
  display: block;
  color: var(--lvh-x-mid-grey);
  outline: none;
  padding: 0.25em 1.538em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
}
.cc-callout-content > ul > li > a:hover,
.cc-callout-content > ul > li > span:hover,
.cc-callout-content > ul > li > a:focus,
.cc-callout-content > ul > li > span:focus,
.cc-callout-content > ul > li > a.selected,
.cc-callout-content > ul > li > span.selected {
  background-color: var(--lvh-x-off-white);
}
.cc-callout-content > ul > li > a .label,
.cc-callout-content > ul > li > span .label {
  color: var(--lvh-x-mid-grey);
  white-space: inherit;
}
.cc-callout-content > ul > li.disabled > a,
.cc-callout-content > ul > li.disabled > span {
  color: var(--lvh-disabled-text);
}
.cc-callout-content > ul > li.disabled > a:hover,
.cc-callout-content > ul > li.disabled > span:hover,
.cc-callout-content > ul > li.disabled > a:focus,
.cc-callout-content > ul > li.disabled > span:focus,
.cc-callout-content > ul > li.disabled > a.selected,
.cc-callout-content > ul > li.disabled > span.selected {
  background-color: var(--lvh-white);
}
.cc-suggestion-list .suggestionList .heading {
  float: left;
  width: 100%;
  padding: 0.962em 0;
  background-color: var(--lvh-x-shark-light);
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 992px) {
  .cc-suggestion-list .suggestionList .heading {
    display: none;
  }
}
.cc-suggestion-list .suggestionList .heading h3 {
  margin: 0;
  font-size: 1em;
  font-weight: normal;
}
.cc-suggestion-list .suggestionList .heading h3 > span {
  font-size: 1.077em;
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
}
.cc-suggestion-list .suggestionList .heading .closeButton {
  outline: 0;
  border: none;
  background: none;
  padding: 0;
}
.cc-suggestion-list .suggestionList .heading .closeButton > .icon:before {
  font-size: 0.769em;
}
.cc-suggestion-list .suggestionList #searchInputWrap {
  float: left;
  width: 100%;
  padding: 1.231em 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .cc-suggestion-list .suggestionList #searchInputWrap {
    padding: 1.231em 0;
  }
}
.cc-suggestion-list .suggestionList #searchInputWrap label {
  display: block;
  margin-bottom: 5px;
  font-size: 11px;
  color: var(--lvh-x-shark-dark);
}
.cc-suggestion-list .suggestionList .suggestionListFooter {
  float: left;
  width: 100%;
  border-top: 1px solid var(--lvh-x-shark-light);
  padding: 0.769em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cc-suggestion-list .suggestionList .suggestionListFooter:hover,
.cc-suggestion-list .suggestionList .suggestionListFooter.active {
  background-color: var(--lvh-x-off-white);
}
.cc-suggestion-list .suggestionList .dropdown {
  float: left;
  width: 100%;
}
.cc-suggestion-list .suggestionList .dropdown .spinner {
  padding: 10px 0;
  text-align: center;
}
.cc-suggestion-list .suggestionList .suggestions {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
}
.cc-suggestion-list .suggestionList .suggestions > .suggestion {
  list-style: none;
  margin: 0;
  float: left;
  width: 100%;
  padding: 0.769em 1em;
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  color: var(--lvh-secondary-text);
}
.cc-suggestion-list .suggestionList .suggestions > .suggestion:last-child {
  border-bottom: none;
}
.cc-suggestion-list .suggestionList .suggestions > .suggestion.active {
  background-color: var(--lvh-x-off-white);
}
.cc-suggestion-list .suggestionList .suggestionTag {
  float: left;
  background-color: var(--lvh-white92);
  -moz-border-radius: 0.231em;
  -webkit-border-radius: 0.231em;
  border-radius: 0.231em;
  padding: 0.154em 0.538em;
  margin: 0 0.385em 0.385em 0;
}
.cc-suggestion-list .suggestionList .heading {
  float: left;
  width: 100%;
  padding: 0.962em 0;
  background-color: #eee;
  border-bottom: 1px solid #dedede;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 992px) {
  .cc-suggestion-list .suggestionList .heading {
    display: none;
  }
}
.cc-suggestion-list .suggestionList .heading h3 {
  margin: 0;
  font-size: 1em;
  font-weight: normal;
}
.cc-suggestion-list .suggestionList .heading h3 > span {
  font-size: 1.077em;
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
}
.cc-suggestion-list .suggestionList .heading .closeButton {
  outline: 0;
  border: none;
  background: none;
  padding: 0;
}
.cc-suggestion-list .suggestionList .heading .closeButton > .icon:before {
  font-size: 0.769em;
}
.cc-suggestion-list .suggestionList #searchInputWrap {
  float: left;
  width: 100%;
  padding: 1.231em 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .cc-suggestion-list .suggestionList #searchInputWrap {
    padding: 1.231em 0;
  }
}
.cc-suggestion-list .suggestionList #searchInputWrap label {
  display: block;
  margin-bottom: 5px;
  font-size: 11px;
  color: var(--lvh-x-shark-dark);
}
.cc-suggestion-list .suggestionList .suggestionListFooter {
  float: left;
  width: 100%;
  border-top: 1px solid var(--lvh-x-shark-light);
  padding: 0.769em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cc-suggestion-list .suggestionList .suggestionListFooter:hover,
.cc-suggestion-list .suggestionList .suggestionListFooter.active {
  background-color: var(--lvh-x-off-white);
}
.cc-suggestion-list .suggestionList .dropdown {
  float: left;
  width: 100%;
}
.cc-suggestion-list .suggestionList .dropdown .spinner {
  padding: 10px 0;
  text-align: center;
}
.cc-suggestion-list .suggestionList .suggestions {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
}
.cc-suggestion-list .suggestionList .suggestions > .suggestion {
  list-style: none;
  margin: 0;
  float: left;
  width: 100%;
  padding: 0.769em 1em;
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  color: var(--lvh-secondary-text);
}
.cc-suggestion-list .suggestionList .suggestions > .suggestion:last-child {
  border-bottom: none;
}
.cc-suggestion-list .suggestionList .suggestions > .suggestion.active {
  background-color: var(--lvh-x-off-white);
}
.cc-suggestion-list .suggestionList .suggestionTag {
  float: left;
  background-color: var(--lvh-white92);
  -moz-border-radius: 0.231em;
  -webkit-border-radius: 0.231em;
  border-radius: 0.231em;
  padding: 0.154em 0.538em;
  margin: 0 0.385em 0.385em 0;
}
/* -----------------------------------------------------------------------------

  STATUS TAGS
  
----------------------------------------------------------------------------- */
.cc-status-tag {
  margin: 0 5px 5px 0;
  float: left;
  border-radius: 3px;
  padding: 0 5px;
  box-sizing: border-box;
}
.cc-status-tag:last-child {
  margin-right: 0;
}
.cc-status-tag > .label {
  float: left;
  font-size: 11px;
  color: var(--lvh-x-shark-dark);
  line-height: 18px;
  white-space: nowrap;
}
.cc-temporary-profile-status-tag,
.cc-demo-status-tag {
  border: 1px solid var(--lvh-x-yellow);
  cursor: default;
}
.cc-temporary-profile-status-tag .label,
.cc-demo-status-tag .label {
  color: var(--lvh-x-yellow);
}
.cc-job-application-tag {
  border: 1px solid var(--lvh-x-shark-dark);
  cursor: default;
}
.cc-job-application-tag .label {
  color: var(--lvh-x-shark-dark);
}
.cc-job-application-tag .icon {
  margin: 0 2px 0 0;
}
.cc-job-application-tag.has-active {
  border-color: var(--lvh-x-green);
}
.cc-job-application-tag.has-active .label {
  color: var(--lvh-x-green);
}
.cc-connection-status-tag {
  border: 1px solid var(--lvh-x-shark-dark);
  cursor: default;
}
.cc-connection-status-tag .label {
  color: var(--lvh-x-shark-dark);
}
.cc-connection-status-tag.talentpool,
.cc-connection-status-tag.inprogress {
  border-color: var(--lvh-x-blue);
}
.cc-connection-status-tag.talentpool .label,
.cc-connection-status-tag.inprogress .label {
  color: var(--lvh-x-blue);
}
.cc-connection-status-tag.livemarket {
  border-color: var(--lvh-x-orange);
}
.cc-connection-status-tag.livemarket .label {
  color: var(--lvh-x-orange);
}
.cc-connection-status-tag.donotcontact {
  border-color: var(--lvh-x-red);
}
.cc-connection-status-tag.donotcontact .label {
  color: var(--lvh-x-red);
}
.cc-connection-status-tag.temporaryprofile {
  border-color: var(--lvh-x-yellow);
}
.cc-connection-status-tag.temporaryprofile .label {
  color: var(--lvh-x-yellow);
}
.cc-connection-status-tag.hired {
  border-color: var(--lvh-x-green);
}
.cc-connection-status-tag.hired .label {
  color: var(--lvh-x-green);
}
.cc-connection-status-tag.unavailable {
  border-color: var(--lvh-x-light-grey);
}
.cc-connection-status-tag.unavailable .label {
  color: var(--lvh-x-light-grey);
}
.cc-connection-status-tag.thresholds {
  border-color: var(--lvh-x-purple);
}
.cc-connection-status-tag.thresholds.user-action {
  background-color: var(--lvh-x-purple-light);
}
.cc-connection-status-tag.thresholds.total-action {
  border-color: var(--lvh-secondary-text);
}
.cc-connection-status-tag.thresholds.total-action .label {
  color: var(--lvh-secondary-text);
}
.cc-connection-status-tag.thresholds .label {
  color: var(--lvh-x-purple);
}
.cc-connection-status-tag.alreadyacandidate {
  border-color: var(--lvh-x-green);
}
.cc-connection-status-tag.alreadyacandidate .label {
  color: var(--lvh-x-green);
}
.cc-connection-status-tag.alreadyacandidate .label:before {
  content: "\e910";
  font-family: 'IconFont';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--lvh-x-green);
}
.cc-connection-status-tag.alreadyacandidate .label > .ng-binding {
  display: none;
}
.cc-review-status-tag .notEnoughInfo,
.cc-review-status-tag .notSuitable,
.cc-review-status-tag .notReviewed,
.cc-review-status-tag .inProgress {
  margin: 0 5px 5px 0;
  float: left;
  border-radius: 3px;
  padding: 0 5px;
  box-sizing: border-box;
}
.cc-review-status-tag .notEnoughInfo:last-child,
.cc-review-status-tag .notSuitable:last-child,
.cc-review-status-tag .notReviewed:last-child,
.cc-review-status-tag .inProgress:last-child {
  margin-right: 0;
}
.cc-review-status-tag .notEnoughInfo > .label,
.cc-review-status-tag .notSuitable > .label,
.cc-review-status-tag .notReviewed > .label,
.cc-review-status-tag .inProgress > .label {
  float: left;
  font-size: 11px;
  color: var(--lvh-x-shark-dark);
  line-height: 18px;
  white-space: nowrap;
}
.cc-review-status-tag .notEnoughInfo.notEnoughInfo,
.cc-review-status-tag .notSuitable.notEnoughInfo,
.cc-review-status-tag .notReviewed.notEnoughInfo,
.cc-review-status-tag .inProgress.notEnoughInfo,
.cc-review-status-tag .stars.notEnoughInfo,
.cc-review-status-tag .notEnoughInfo.notSuitable,
.cc-review-status-tag .notSuitable.notSuitable,
.cc-review-status-tag .notReviewed.notSuitable,
.cc-review-status-tag .inProgress.notSuitable,
.cc-review-status-tag .stars.notSuitable,
.cc-review-status-tag .notEnoughInfo.notReviewed,
.cc-review-status-tag .notSuitable.notReviewed,
.cc-review-status-tag .notReviewed.notReviewed,
.cc-review-status-tag .inProgress.notReviewed,
.cc-review-status-tag .stars.notReviewed,
.cc-review-status-tag .notEnoughInfo.inProgress,
.cc-review-status-tag .notSuitable.inProgress,
.cc-review-status-tag .notReviewed.inProgress,
.cc-review-status-tag .inProgress.inProgress,
.cc-review-status-tag .stars.inProgress {
  border: 1px solid var(--lvh-x-shark-dark);
}
.cc-review-status-tag .notEnoughInfo.notEnoughInfo > .label:before,
.cc-review-status-tag .notSuitable.notEnoughInfo > .label:before,
.cc-review-status-tag .notReviewed.notEnoughInfo > .label:before,
.cc-review-status-tag .inProgress.notEnoughInfo > .label:before,
.cc-review-status-tag .stars.notEnoughInfo > .label:before,
.cc-review-status-tag .notEnoughInfo.notSuitable > .label:before,
.cc-review-status-tag .notSuitable.notSuitable > .label:before,
.cc-review-status-tag .notReviewed.notSuitable > .label:before,
.cc-review-status-tag .inProgress.notSuitable > .label:before,
.cc-review-status-tag .stars.notSuitable > .label:before,
.cc-review-status-tag .notEnoughInfo.notReviewed > .label:before,
.cc-review-status-tag .notSuitable.notReviewed > .label:before,
.cc-review-status-tag .notReviewed.notReviewed > .label:before,
.cc-review-status-tag .inProgress.notReviewed > .label:before,
.cc-review-status-tag .stars.notReviewed > .label:before,
.cc-review-status-tag .notEnoughInfo.inProgress > .label:before,
.cc-review-status-tag .notSuitable.inProgress > .label:before,
.cc-review-status-tag .notReviewed.inProgress > .label:before,
.cc-review-status-tag .inProgress.inProgress > .label:before,
.cc-review-status-tag .stars.inProgress > .label:before {
  content: "\e916";
  font-family: 'IconFont';
  color: var(--lvh-x-shark-dark);
  margin: 0 2px 0 0;
}
.cc-review-status-tag .notEnoughInfo.stars,
.cc-review-status-tag .notSuitable.stars,
.cc-review-status-tag .notReviewed.stars,
.cc-review-status-tag .inProgress.stars,
.cc-review-status-tag .stars.stars {
  display: inline-block;
}
@media (max-width: 991px) {
  .cc-review-status-tag .notEnoughInfo.stars,
  .cc-review-status-tag .notSuitable.stars,
  .cc-review-status-tag .notReviewed.stars,
  .cc-review-status-tag .inProgress.stars,
  .cc-review-status-tag .stars.stars {
    border: 1px solid var(--lvh-x-green);
    padding: 1px 5px;
    border-radius: 3px;
    float: left;
    display: block;
    font-size: 11px;
    color: var(--lvh-x-shark-dark);
    line-height: 14px;
  }
}
@media (min-width: 992px) {
  .cc-review-status-tag .notEnoughInfo.stars,
  .cc-review-status-tag .notSuitable.stars,
  .cc-review-status-tag .notReviewed.stars,
  .cc-review-status-tag .inProgress.stars,
  .cc-review-status-tag .stars.stars {
    padding: 0;
  }
}
@media (max-width: 991px) {
  .cc-review-status-tag .notEnoughInfo.stars:after,
  .cc-review-status-tag .notSuitable.stars:after,
  .cc-review-status-tag .notReviewed.stars:after,
  .cc-review-status-tag .inProgress.stars:after,
  .cc-review-status-tag .stars.stars:after {
    content: attr(data-count);
    float: left;
    display: block;
    color: var(--lvh-x-green);
    font-size: 1em;
  }
}
@media (max-width: 991px) {
  .cc-review-status-tag .notEnoughInfo.stars .icon,
  .cc-review-status-tag .notSuitable.stars .icon,
  .cc-review-status-tag .notReviewed.stars .icon,
  .cc-review-status-tag .inProgress.stars .icon,
  .cc-review-status-tag .stars.stars .icon {
    float: left;
    margin: 0.077em 0.231em 0.077em 0;
  }
}
@media (max-width: 991px) {
  .cc-review-status-tag .notEnoughInfo.stars .icon:nth-child(n+2),
  .cc-review-status-tag .notSuitable.stars .icon:nth-child(n+2),
  .cc-review-status-tag .notReviewed.stars .icon:nth-child(n+2),
  .cc-review-status-tag .inProgress.stars .icon:nth-child(n+2),
  .cc-review-status-tag .stars.stars .icon:nth-child(n+2) {
    display: none;
  }
}
.cc-no-visa-tag {
  border: 1px solid var(--lvh-x-ripe);
  cursor: default;
}
.cc-no-visa-tag .label {
  color: var(--lvh-x-ripe);
}
.cc-tooltip:hover > .tooltipContainer,
.cc-tooltip:focus > .tooltipContainer {
  display: block;
}
.cc-tooltip.wrapper {
  display: inline-block;
  position: relative;
  cursor: default;
}
.cc-tooltip.wrapper .cc-callout-tip {
  z-index: 9500;
}
.cc-tooltip.wrapper .cc-callout-body {
  position: relative;
  z-index: 9499;
}
.cc-tooltip[disabled] > .tooltipContainer {
  display: none;
}
.cc-tooltip .tooltipContainer {
  display: none;
}
.cc-tooltip.default-type.above > .tooltipContainer {
  bottom: calc(100% + 8px);
}
.cc-tooltip.default-type.above > .tooltipContainer > .tooltip:after {
  bottom: -16px;
  border-color: rgba(68, 68, 68, 0.9) transparent transparent transparent;
}
.cc-tooltip.default-type.below > .tooltipContainer {
  top: calc(100% + 8px);
}
.cc-tooltip.default-type.below > .tooltipContainer > .tooltip:after {
  top: -16px;
  border-color: transparent transparent rgba(68, 68, 68, 0.9) transparent;
}
.cc-tooltip.default-type.left > .tooltipContainer {
  top: -50%;
  right: calc(100% + 8px);
  left: auto;
  z-index: 9499;
}
.cc-tooltip.default-type.left > .tooltipContainer > .tooltip {
  width: 100%;
}
.cc-tooltip.default-type.left > .tooltipContainer > .tooltip:after {
  top: 4px;
  left: 100%;
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent transparent rgba(68, 68, 68, 0.9);
  margin: 0;
}
.cc-tooltip.default-type .tooltipContainer {
  width: 135px;
  position: absolute;
  left: 50%;
  margin-left: -67.5px;
  text-align: center;
}
.cc-tooltip.default-type .tooltipContainer > .tooltip {
  display: inline-block;
  position: relative;
  background-color: rgba(68, 68, 68, 0.9);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 4px 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cc-tooltip.default-type .tooltipContainer > .tooltip:after {
  content: '';
  position: absolute;
  left: 50%;
  margin: 0 0 0 -8px;
  border-bottom: 0;
  border-width: 8px;
  border-style: solid;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  padding: 0;
  width: 0;
  height: 0;
}
.cc-tooltip.default-type .content {
  font-size: 11px;
  line-height: 1.2;
  color: var(--lvh-white);
  white-space: normal;
}
.cc-tooltip.visa > .tooltipContainer {
  width: 300px;
  position: absolute;
  top: 20px;
  left: 0;
}
.cc-tooltip.visa > .tooltipContainer > .callout {
  padding: 10px 0 0 0;
}
.cc-tooltip.visa > .tooltipContainer > .callout > .cc-callout-tip.top {
  top: 6px;
  left: 24px;
}
.cc-tooltip.visa > .tooltipContainer > .callout > .cc-callout-body {
  padding: 15px;
}
.cc-tooltip.visa .cc-callout-content {
  z-index: 9501;
}
.cc-tooltip.visa .cc-callout-body {
  line-height: 18px;
  font-size: 11px;
  color: var(--lvh-x-shark-dark);
}
.cc-tooltip.score-breakdown > .tooltipContainer {
  width: 300px;
  position: absolute;
  top: 20px;
  left: 0;
}
.cc-tooltip.score-breakdown > .tooltipContainer > .callout {
  padding: 10px 0 0 0;
}
.cc-tooltip.score-breakdown > .tooltipContainer > .callout > .cc-callout-tip.top {
  top: 6px;
  left: 24px;
}
.cc-tooltip.score-breakdown > .tooltipContainer > .callout > .cc-callout-body {
  padding: 15px;
}
.cc-tooltip.score-breakdown .cc-callout-content {
  z-index: 9501;
}
.cc-tooltip.score-breakdown .applications {
  margin: 0;
  padding: 0;
}
.cc-tooltip.score-breakdown .applications > .application {
  margin: 0;
  padding: 0 0 0 4px;
  list-style: none;
  font-size: 11px;
  color: var(--lvh-x-shark-dark);
}
.cc-tooltip.score-breakdown .applications > .application:not(:last-child) {
  padding: 0 0 10px 4px;
  margin: 0 0 10px 0;
  border-bottom: 1px solid var(--lvh-x-grey);
}
.cc-tooltip.score-breakdown .applications > .application .bullet {
  padding: 0 4px;
  font-style: normal;
}
.cc-tooltip.score-breakdown .applications > .application .row {
  line-height: 18px;
}
.cc-tooltip.score-breakdown .applications > .application .row:first-of-type {
  font-weight: 600;
}
.cc-tooltip.score-breakdown .applications > .application .interview-status {
  display: block;
  padding: 5px 0 0 0;
}
.cc-tooltip.score-breakdown .row {
  text-overflow: ellipsis;
  overflow: hidden;
}
.cc-tooltip.score-breakdown .row:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.cc-tooltip.score-breakdown .applied-date,
.cc-tooltip.score-breakdown .vacancy-status {
  float: left;
}
.cc-tooltip.score-breakdown .status {
  float: right;
}
.cc-tooltip.score-breakdown .vacancy-name {
  color: var(--lvh-bright-blue);
  font-size: 11px;
}
.cc-tooltip.score-breakdown .vacancy-closed {
  color: var(--lvh-x-mesh-light);
}
.cc-tooltip.score-breakdown .interview-summary {
  font-size: 11px;
  padding: 4px 0;
}
.cc-tooltip.score-breakdown .interview-summary i {
  color: var(--lvh-x-shark-dark);
  margin-right: 4px;
}
.cc-tooltip.score-breakdown .interview-summary .label {
  color: var(--lvh-primary-text);
  font-weight: 600;
}
.cc-tooltip.score-breakdown .interview-summary .state {
  color: var(--lvh-secondary-text);
}
.cc-tooltip.score-breakdown .interview-summary .state.complete {
  color: var(--lvh-x-green);
}
.cc-tooltip.score-breakdown .interview-summary.completed .state {
  color: var(--lvh-x-green);
}
.cc-tooltip.score-breakdown .interview-summary.noshow .state {
  color: var(--lvh-x-ripe);
}
.cc-tooltip.score-breakdown .interview-summary.video-interview.received .state {
  color: var(--lvh-x-red);
}
.cc-tooltip.assessment-reports {
  padding: 0 0 10px 0;
}
.cc-tooltip.assessment-reports > .tooltipContainer {
  position: absolute;
  top: 14px;
  left: 0;
  width: 170px;
  padding: 10px 0 0 0;
}
.cc-tooltip.assessment-reports > .tooltipContainer > .callout {
  padding: 0;
}
.cc-tooltip.assessment-reports > .tooltipContainer > .callout > .cc-callout-tip.top {
  top: 6px;
  left: 120px;
}
.cc-tooltip.assessment-reports > .tooltipContainer > .callout > .cc-callout-body {
  padding: 8px;
}
.cc-tooltip.assessment-reports .cc-callout-content {
  z-index: 9501;
}
.cc-tooltip.assessment-reports .reports {
  margin: 0;
  padding: 0;
}
.cc-tooltip.assessment-reports .reports > .report {
  margin: 0;
  padding: 0 0 0 4px;
  list-style: none;
  font-size: 11px;
  color: var(--lvh-x-shark-dark);
}
.cc-tooltip.assessment-reports .reports > .report:not(:last-child) {
  padding: 0 0 10px 4px;
  margin: 0 0 10px 0;
  border-bottom: 1px solid var(--lvh-x-grey);
}
.cc-tooltip.assessment-reports .reports > .report .bullet {
  padding: 0 4px;
  font-style: normal;
}
.cc-tooltip.assessment-reports .reports > .report .row {
  line-height: 18px;
}
.cc-tooltip.assessment-reports .reports > .report .row:first-of-type {
  font-weight: 600;
}
.cc-tooltip.assessment-reports .reports > .report .interview-status {
  display: block;
  padding: 5px 0 0 0;
}
.cc-tooltip.assessment-reports .row {
  text-overflow: ellipsis;
  overflow: hidden;
}
.cc-tooltip.assessment-reports .row:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.cc-tooltip.check-reports {
  padding: 0 0 10px 0;
}
.cc-tooltip.check-reports > .tooltipContainer {
  position: absolute;
  top: 14px;
  left: 0;
  width: 170px;
  padding: 10px 0 0 0;
}
.cc-tooltip.check-reports > .tooltipContainer > .callout {
  padding: 0;
}
.cc-tooltip.check-reports > .tooltipContainer > .callout > .cc-callout-tip.top {
  top: 6px;
  left: 120px;
}
.cc-tooltip.check-reports > .tooltipContainer > .callout > .cc-callout-body {
  padding: 8px;
}
.cc-tooltip.check-reports .cc-callout-content {
  z-index: 9501;
}
.cc-tooltip.check-reports .packages {
  margin: 0;
  padding: 0;
  white-space: normal;
  word-break: break-word;
}
.cc-tooltip.check-reports .packages > .package:not(:last-child) {
  margin: 0 0 10px 0;
}
.cc-tooltip.check-reports .packages > .package.empty {
  margin: 0;
  padding: 0;
  list-style: none;
}
.cc-tooltip.check-reports .packages > .package .package-title {
  font-weight: 330;
  font-size: 13px;
  color: var(--lvh-x-dark-grey);
  word-break: break-word;
}
.cc-tooltip.check-reports .packages > .package .package-title strong {
  font-weight: 600;
}
.cc-tooltip.check-reports .packages .report:not(:last-child) {
  margin: 0 0 10px 0;
}
.cc-tooltip.check-reports .packages .report.empty {
  margin: 0;
  padding: 0;
  list-style: none;
}
.cc-tooltip.check-reports .packages .report .row {
  line-height: 18px;
}
.cc-tooltip.check-reports .packages .report span {
  color: var(--lvh-x-shark-dark);
}
.cc-tooltip.check-reports .packages .report h4 {
  font-weight: normal;
  font-size: 13px;
  color: var(--lvh-primary-text);
  margin-bottom: 0.2em;
  margin-top: 0.4em;
}
.cc-tooltip.check-reports .packages .report h4 a {
  text-decoration: underline;
}
.cc-tooltip.check-reports .row {
  text-overflow: ellipsis;
  overflow: hidden;
}
.cc-tooltip.check-reports .row:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.cc-tooltip.job-position-summary .tooltipContainer {
  width: 334px;
  position: absolute;
  top: 20px;
  right: -14px;
  z-index: 2000;
}
@media (max-width: 991px) {
  .cc-tooltip.job-position-summary .tooltipContainer {
    display: none;
  }
}
.cc-tooltip.job-position-summary .callout {
  padding: 10px 0 0 0;
}
.cc-tooltip.job-position-summary .cc-callout-tip.top {
  top: 6px;
  right: 10px;
}
.cc-tooltip.job-position-summary .title {
  color: var(--lvh-x-dark-grey);
  font-weight: 600;
  padding: 10px;
  display: block;
  text-align: left;
}
.cc-tooltip.job-position-summary .position-summaries {
  border-top: solid 1px var(--lvh-x-grey);
  color: var(--lvh-secondary-text);
  font-size: 11px;
  overflow-y: auto;
}
@media (min-width: 992px) {
  .cc-tooltip.job-position-summary .position-summaries {
    max-height: 295px;
  }
}
.cc-tooltip.job-position-summary .position-summaries > .position-summary {
  padding: 10px;
}
.cc-tooltip.job-position-summary .position-summaries > .position-summary:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.cc-tooltip.job-position-summary .position-summaries > .position-summary:not(:last-child) {
  border-bottom: 1px solid var(--lvh-x-grey);
}
.cc-tooltip.job-position-summary .position-summaries > .position-summary .tooltipContainer {
  display: none !important;
}
.cc-tooltip.job-position-summary .position-summaries .filled-position > .text {
  font-size: 11px;
}
.cc-tooltip.job-position-summary .position-summaries .filled-position > .text:not(:last-child) {
  margin-left: 52px;
}
.cc-tooltip.job-position-summary .position-summaries .filled-position .bullet {
  margin: 0 5px;
  color: var(--lvh-x-shark-dark);
}
.cc-tooltip.job-position-summary .position-summaries .filled-position .cc-card-view .rhs .name,
.cc-tooltip.job-position-summary .position-summaries .filled-position .cc-card-view .rhs .profile-title {
  cursor: default;
  color: var(--lvh-secondary-text);
}
.cc-tooltip.job-position-summary .position-summaries .filled-position .cc-card-view .rhs .name {
  color: var(--lvh-x-dark-grey);
}
.cc-tooltip.job-position-summary .position-summaries .empty-position {
  text-align: left;
  color: var(--lvh-secondary-text);
}
.cc-tooltip.job-position-summary .position-summaries .empty-position .name {
  color: var(--lvh-x-dark-grey);
  font-size: 13px;
}
.cc-tooltip.job-position-summary .position-summaries .empty-position .profile-picture {
  width: 32px;
  height: 32px;
  margin-right: 14px;
}
.cc-tooltip.job-position-summary .position-summaries .empty-position .profile-picture .index {
  line-height: 32px;
  font-size: 12px;
}
.cc-tooltip.job-position-summary .position-summaries .empty-position .profile-picture .indicator {
  right: 0;
  bottom: 0 !important;
}
.cc-tooltip.job-position-summary .position-summaries .empty-position .profile-picture .indicator i {
  font-size: 10px !important;
}
.cc-tooltip.job-vacancy-candidates-rated .tooltipContainer {
  width: 255px;
  position: absolute;
  top: 20px;
  right: -14px;
  z-index: 2000;
}
@media (max-width: 991px) {
  .cc-tooltip.job-vacancy-candidates-rated .tooltipContainer {
    display: none;
  }
}
.cc-tooltip.job-vacancy-candidates-rated > .label {
  padding: 0 0 4px 0;
}
.cc-tooltip.job-vacancy-candidates-rated .callout {
  padding: 10px 0 0 0;
}
.cc-tooltip.job-vacancy-candidates-rated .cc-callout-tip.top {
  top: 6px;
  right: 10px;
}
.cc-tooltip.job-vacancy-candidates-rated .title {
  color: var(--lvh-x-dark-grey);
  font-weight: 600;
  padding: 10px 15px;
  display: block;
  text-align: left;
}
.cc-tooltip.job-vacancy-candidates-rated .items {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 20px 15px;
  border-top: 1px solid var(--lvh-x-paler-grey);
}
.cc-tooltip.job-vacancy-candidates-rated .items .item {
  position: relative;
  display: block;
  margin: 0 0 10px;
  min-height: 12px;
}
.cc-tooltip.job-vacancy-candidates-rated .items .item:last-child {
  margin: 20px 0 0;
}
.cc-tooltip.job-vacancy-candidates-rated .items .item:last-child .not-rated {
  display: block;
  font-size: 11px;
  color: var(--lvh-x-shark-dark);
}
.cc-tooltip.job-vacancy-candidates-rated .items .item .star-rating,
.cc-tooltip.job-vacancy-candidates-rated .items .item .number {
  display: block;
  font-size: 11px;
  color: var(--lvh-secondary-text);
}
.cc-tooltip.job-vacancy-candidates-rated .items .item .star-rating {
  float: left;
  width: 40px;
}
.cc-tooltip.job-vacancy-candidates-rated .items .item .number {
  float: right;
  width: 25px;
}
.cc-tooltip.job-vacancy-candidates-rated .items .item .progress {
  display: block;
  float: left;
  margin: 2px 10px 0;
  width: 135px;
  border-radius: 3px;
  box-sizing: border-box;
  background-color: var(--lvh-x-shark-light);
}
.cc-tooltip.avatar-list {
  text-align: left;
  color: var(--lvh-x-mesh-dark);
}
.cc-tooltip.avatar-list .tooltipContainer {
  display: unset;
}
@media (min-width: 992px) {
  .cc-tooltip.avatar-list .tooltipContainer {
    position: absolute;
    right: 0;
    top: 35px;
    width: 255px;
    z-index: 2000;
  }
}
@media (min-width: 992px) {
  .cc-tooltip.avatar-list .callout-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9000;
  }
}
.cc-tooltip.avatar-list .callout {
  position: relative;
  padding: 10px 0 0 0;
  z-index: 9001;
}
@media (max-width: 991px) {
  .cc-tooltip.avatar-list .callout {
    padding: 0;
    z-index: unset;
  }
}
@media (max-width: 991px) {
  .cc-tooltip.avatar-list .cc-callout-tip {
    display: none;
  }
}
.cc-tooltip.avatar-list .cc-callout-tip.top {
  top: 6px;
  right: 10px;
}
@media (max-width: 991px) {
  .cc-tooltip.avatar-list .cc-callout-body {
    border: none;
    border-radius: 0;
    z-index: unset;
  }
}
.cc-tooltip.avatar-list .title {
  color: var(--lvh-x-dark-grey);
  font-weight: 600;
  padding: 10px 15px;
  display: block;
  text-align: left;
}
.cc-tooltip.avatar-list .items {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 20px 15px;
}
.cc-tooltip.avatar-list .items .item {
  position: relative;
  display: block;
  margin: 0 0 10px;
  min-height: 12px;
}
.cc-tooltip.avatar-list .items .item:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.cc-tooltip.avatar-list .items .item:hover .cc-avatar.tiny:after,
.cc-tooltip.avatar-list .items .item:focus .cc-avatar.tiny:after {
  line-height: 24px;
}
.cc-tooltip.avatar-list .items .item:hover .cc-avatar.smaller:after,
.cc-tooltip.avatar-list .items .item:focus .cc-avatar.smaller:after {
  line-height: 36px;
}
.cc-tooltip.avatar-list .items .item:hover .cc-avatar.small:after,
.cc-tooltip.avatar-list .items .item:focus .cc-avatar.small:after {
  line-height: 45px;
}
.cc-tooltip.avatar-list .items .item:last-child {
  margin: 0;
}
.cc-tooltip.avatar-list .items .item > .avatar-wrap {
  position: relative;
  float: left;
  width: 36px;
  height: 36px;
}
.cc-tooltip.avatar-list .items .item > .avatar-wrap > .cc-avatar {
  max-width: 100%;
  max-height: 100%;
}
.cc-tooltip.avatar-list .items .item > .name {
  padding-left: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cc-tooltip.wide-tooltip .tooltipContainer {
  width: 300px;
}
.cc-tooltip.wide-tooltip.above .tooltipContainer,
.cc-tooltip.wide-tooltip.below .tooltipContainer {
  margin-left: -150px;
}
.cc-tooltip.badge {
  height: 18px;
  border: 1px solid var(--lvh-x-orange);
  color: var(--lvh-x-orange);
  border-radius: 3px;
  line-height: 18px;
  padding: 0 3px 0 3px;
  text-align: center;
  font-size: 11px;
}
form .cc-tooltip {
  z-index: 2;
}
#paginator {
  position: relative;
  float: left;
  width: 100%;
  min-height: 32px;
  padding-top: 1.538em;
  border-top: solid 1px var(--lvh-x-pale-grey);
  color: var(--lvh-secondary-text);
}
#paginator .pageName {
  background-color: var(--lvh-x-grey);
  padding: 0.538em 1em;
  float: left;
  border-radius: 0.231em;
}
@media (max-width: 767px) {
  #paginator .pageName {
    float: none;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
  }
}
#paginator .pages {
  float: right;
}
#paginator .pages .page {
  background-color: var(--lvh-x-grey);
  padding: 0.538em 0;
  float: left;
  margin-right: 0.385em;
  cursor: pointer;
  border-radius: 0.231em;
  width: 2.462em;
  text-align: center;
  overflow: hidden;
}
@media (max-width: 991px) {
  #paginator .pages .page.number,
  #paginator .pages .page.ellipsis,
  #paginator .pages .page.jump {
    display: none;
  }
}
#paginator .pages .page a {
  color: var(--lvh-secondary-text);
}
#paginator .pages .page:last-child {
  margin-right: 0;
}
#paginator .pages .page.ellipsis {
  cursor: default;
}
#paginator .pages .page.active {
  color: var(--lvh-white);
  background-color: var(--lvh-x-mid-grey);
}
#paginator .pages .page.active a {
  color: var(--lvh-white);
}
#paginator .pages .page.prev,
#paginator .pages .page.next {
  display: block;
}
@media (min-width: 768px) {
  #paginator .pages .page.prev,
  #paginator .pages .page.next {
    display: none;
  }
}
@media (max-width: 991px) {
  #paginator .pages .page.first,
  #paginator .pages .page.last {
    display: block;
  }
}
.p-checkbox .input {
  /*position: absolute;
        top: -9999px;
        left: -9999px;*/
  position: absolute;
  height: 0;
  width: 0;
  opacity: 0;
}
.p-checkbox .label {
  display: inline-block;
  line-height: 14px;
  margin: 0 0 0 0.5em;
  vertical-align: middle;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.p-radio-button .input {
  position: absolute;
  height: 0;
  width: 0;
  opacity: 0;
}
.p-radio-button .label {
  display: inline-block;
  line-height: 14px;
  margin: 0 0 0 0.5em;
  vertical-align: middle;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.p-radio-button .input.checked:disabled ~ .radio-button:before,
.p-radio-button .input:checked:disabled ~ .radio-button:before {
  background-color: var(--lvh-x-shark-dark);
}
.p-radio-button .input.checked ~ .radio-button,
.p-radio-button .input:checked ~ .radio-button {
  cursor: default;
  background-color: var(--lvh-bright-blue-trans-10);
  border-color: var(--lvh-bright-blue);
}
.p-radio-button .input.checked ~ .radio-button:before,
.p-radio-button .input:checked ~ .radio-button:before {
  content: '';
  background-color: var(--lvh-bright-blue);
  border-radius: 50%;
  position: absolute;
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
}
.p-radio-button .input:disabled ~ .radio-button {
  cursor: default;
  background-color: var(--lvh-white98);
  border-color: var(--lvh-x-pale-grey);
}
.p-radio-button .radio-button {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-pale-grey);
  border-radius: 50%;
  position: relative;
  box-sizing: border-box;
  vertical-align: middle;
  cursor: pointer;
}
.p-radio-button.hidden .radio-button {
  visibility: hidden;
}
.p-checkbox.below-field {
  display: inline-block;
  padding-top: 5px;
}
.p-checkbox.field-height .label {
  line-height: 34px;
}
.p-checkbox .input:focus ~ .checkbox {
  box-shadow: 0px 0px 0px 2px var(--lvh-x-dark-grey);
}
.p-checkbox .input.checked:disabled ~ .checkbox:before,
.p-checkbox .input:checked:disabled ~ .checkbox:before {
  color: var(--lvh-x-shark-dark) !important;
}
.p-checkbox .input.checked ~ .checkbox,
.p-checkbox .input:checked ~ .checkbox {
  background-color: var(--lvh-bright-blue-trans-10);
  border-color: var(--lvh-bright-blue);
}
.p-checkbox .input.checked ~ .checkbox:before,
.p-checkbox .input:checked ~ .checkbox:before {
  content: "\e902";
  font-family: 'CoreIconFont';
  font-size: 8px;
  line-height: 14px;
  color: var(--lvh-bright-blue);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.p-checkbox .input:disabled ~ .checkbox {
  background-color: var(--lvh-white98) !important;
  border-color: var(--lvh-x-pale-grey) !important;
  cursor: default;
}
.p-checkbox .checkbox {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-pale-grey);
  border-radius: 3px;
  position: relative;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
.p-checkbox-group:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.p-checkbox-group .checkbox-wrap {
  float: left;
  width: calc(25% - 7.5px);
  background-color: var(--lvh-x-off-white);
  border-radius: 3px;
  padding: 10px 15px;
  box-sizing: border-box;
}
.p-checkbox-group .checkbox-wrap:not(:last-child) {
  margin: 0 10px 0 0;
}
.p-checkbox-group .checkbox-wrap .checkbox {
  float: left;
  margin: 0 10px 0 0;
}
.p-checkbox-group .checkbox-wrap .label {
  float: left;
  color: var(--lvh-x-dark-grey);
}
@media (max-width: 991px) {
  .p-radio-button-group .p-radio-button {
    display: block;
  }
}
.p-radio-button-group .p-radio-button:not(:last-child) {
  margin: 0 15px 0 0;
}
@media (max-width: 991px) {
  .p-radio-button-group .p-radio-button:not(:last-child) {
    margin: 0 0 10px 0;
  }
}
.p-radio-button-group .input,
.p-radio-button-group .label {
  display: inline-block;
  line-height: 20px;
  vertical-align: middle;
}
.p-radio-button-group .input {
  margin: 0 5px 0 0;
  outline: none;
}
.p-radio-button-group .label {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
/* -----------------------------------------------------------------------------

  BUTTONS

----------------------------------------------------------------------------- */
.button {
  cursor: pointer;
  padding: 8px 20px;
  font-family: var(--lvh-button-font-family, var(--lvh-general-font-family, "Open Sans", sans-serif));
  font-size: var(--lvh-button-font-size, var(--lvh-general-font-size, 1em));
  font-weight: var(--lvh-button-font-weight, var(--lvh-general-font-weight, 600));
  text-transform: var(--lvh-button-text-transform, none);
}
.button[disabled],
.button:disabled {
  cursor: default;
  opacity: 0.5;
}
.button[disabled] > .label,
.button:disabled > .label {
  cursor: default;
}
.button.full-width {
  display: block;
  width: 100%;
}
.button spinner,
.button busy-spinner,
.button .cc-spinner {
  display: none;
}
.button.block {
  display: block;
  text-align: center;
}
.button.isBusy {
  position: relative;
  display: inline-block;
}
.button.isBusy > .label {
  visibility: hidden;
}
.button.isBusy spinner,
.button.isBusy busy-spinner,
.button.isBusy .cc-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.button.isBusy spinner .spinner,
.button.isBusy busy-spinner .spinner,
.button.isBusy .cc-spinner .spinner {
  white-space: nowrap;
}
.p-solid-button,
.p-ghost-button {
  --lvh-btn-border-thickness: 1px;
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #00bdeb;
  --lvh-btn-border-colour: transparent;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #1fd3ff;
  --lvh-btn-hover-border-colour: #1fd3ff;
  --lvh-btn-focus-box-shadow-colour: #444444;
  outline: 0;
  border: none;
  background: none;
  line-height: normal;
  border-radius: 3px;
  box-sizing: border-box;
  transition: 0.2s background-color linear, 0.2s box-shadow linear;
  background-color: var(--lvh-btn-bg-colour);
  color: var(--lvh-btn-colour);
  border: var(--lvh-btn-border-thickness) solid var(--lvh-btn-border-colour);
}
.p-solid-button:hover:not([disabled]),
.p-ghost-button:hover:not([disabled]),
.p-solid-button:hover:not(:disabled),
.p-ghost-button:hover:not(:disabled) {
  border: var(--lvh-btn-border-thickness) solid var(--lvh-btn-hover-border-colour);
  text-decoration: underline;
  background-color: var(--lvh-btn-hover-bg-colour);
  color: var(--lvh-btn-hover-colour);
}
.p-solid-button:hover:not([disabled]) > .label,
.p-ghost-button:hover:not([disabled]) > .label,
.p-solid-button:hover:not(:disabled) > .label,
.p-ghost-button:hover:not(:disabled) > .label {
  color: var(--lvh-btn-hover-colour);
}
.p-solid-button:focus:not([disabled]),
.p-ghost-button:focus:not([disabled]),
.p-solid-button:focus:not(:disabled),
.p-ghost-button:focus:not(:disabled) {
  border: 1px solid var(--lvh-btn-hover-border-colour);
  text-decoration: underline;
  background-color: var(--lvh-btn-hover-bg-colour);
  color: var(--lvh-btn-hover-colour);
  box-shadow: 0px 0px 0px 1px var(--lvh-white98), 0px 0px 0px 2px var(--lvh-btn-focus-box-shadow-colour);
}
.p-solid-button:focus:not([disabled]) > .label,
.p-ghost-button:focus:not([disabled]) > .label,
.p-solid-button:focus:not(:disabled) > .label,
.p-ghost-button:focus:not(:disabled) > .label {
  color: var(--lvh-btn-hover-colour);
}
.p-solid-button > .label,
.p-ghost-button > .label {
  color: var(--lvh-btn-colour);
  font-size: 1em;
  font-weight: 600;
  cursor: pointer;
}
.p-solid-button.small,
.p-ghost-button.small {
  padding: 5px 15px;
}
.p-solid-button.medium,
.p-ghost-button.medium {
  padding: 8px 20px;
}
.p-solid-button.large,
.p-ghost-button.large {
  padding: 11px 20px;
}
.p-solid-button.large > .label,
.p-ghost-button.large > .label {
  font-size: 1.154em;
}
.p-solid-button.blue,
.p-solid-button.bright-blue {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #00bdeb;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #1fd3ff;
  --lvh-btn-hover-border-colour: #1fd3ff;
}
.p-solid-button.shark-dark {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #cccccc;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #e6e6e6;
  --lvh-btn-hover-border-colour: #e6e6e6;
}
.p-solid-button.mid-grey {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #666666;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #808080;
  --lvh-btn-hover-border-colour: #808080;
}
.p-solid-button.paler-grey {
  --lvh-btn-colour: #444444;
  --lvh-btn-bg-colour: #e0e0e0;
  --lvh-btn-hover-colour: #444444;
  --lvh-btn-hover-bg-colour: #fafafa;
  --lvh-btn-hover-border-colour: #fafafa;
}
.p-solid-button.off-white {
  --lvh-btn-colour: #888888;
  --lvh-btn-bg-colour: #f3f5f7;
  --lvh-btn-hover-colour: #888888;
  --lvh-btn-hover-bg-colour: #ffffff;
  --lvh-btn-hover-border-colour: #ffffff;
  --lvh-btn-border-colour: #dedede;
  --lvh-btn-hover-border-colour: #dedede;
}
.p-solid-button.white {
  --lvh-btn-colour: #888888;
  --lvh-btn-bg-colour: #fff;
  --lvh-btn-hover-colour: #888888;
  --lvh-btn-hover-bg-colour: #ffffff;
  --lvh-btn-hover-border-colour: #ffffff;
  --lvh-btn-border-colour: #dedede;
  --lvh-btn-hover-border-colour: #dedede;
}
.p-solid-button.red,
.p-solid-button.ripe {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #bd350f;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #ec4213;
  --lvh-btn-hover-border-colour: #ec4213;
}
.p-solid-button.orange {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #ff8133;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #ffa066;
  --lvh-btn-hover-border-colour: #ffa066;
}
.p-solid-button.yellow {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #ffd540;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #ffe073;
  --lvh-btn-hover-border-colour: #ffe073;
}
.p-solid-button.green {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #50b848;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #73c66d;
  --lvh-btn-hover-border-colour: #73c66d;
}
.p-solid-button.murkberry-dark {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #a1b1de;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #c7d0eb;
  --lvh-btn-hover-border-colour: #c7d0eb;
}
.p-solid-button.pink {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #ff5aa8;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #ff8dc3;
  --lvh-btn-hover-border-colour: #ff8dc3;
}
.p-solid-button.purple {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #7858e0;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #9b83e8;
  --lvh-btn-hover-border-colour: #9b83e8;
}
.p-solid-button.light-purple {
  --lvh-btn-colour: #7858e0;
  --lvh-btn-bg-colour: rgba(120, 88, 224, 0.2);
  --lvh-btn-hover-colour: #7858e0;
  --lvh-btn-hover-bg-colour: rgba(155, 131, 232, 0.2);
  --lvh-btn-hover-border-colour: rgba(155, 131, 232, 0.2);
}
.p-ghost-button {
  --lvh-btn-colour: #00bdeb;
  --lvh-btn-bg-colour: transparent;
  --lvh-btn-border-colour: #00bdeb;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #00bdeb;
  --lvh-btn-hover-border-colour: #00bdeb;
  --lvh-btn-focus-box-shadow-colour: #00bdeb;
}
.p-ghost-button.small {
  padding: 5px 15px;
}
.p-ghost-button.medium {
  padding: 8px 20px;
}
.p-ghost-button.large {
  padding: 11px 20px;
}
.p-ghost-button.large > .label {
  font-size: 1.154em;
}
.p-ghost-button.thin {
  --lvh-btn-border-thickness: 1px;
}
.p-ghost-button.thick {
  --lvh-btn-border-thickness: 2px;
}
.p-ghost-button.bright-blue {
  --lvh-btn-colour: #00bdeb;
  --lvh-btn-border-colour: #00bdeb;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #00bdeb;
  --lvh-btn-hover-border-colour: #00bdeb;
  --lvh-btn-focus-box-shadow-colour: #00bdeb;
}
.p-ghost-button.shark-dark {
  --lvh-btn-colour: #888888;
  --lvh-btn-border-colour: #cccccc;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #cccccc;
  --lvh-btn-hover-border-colour: #cccccc;
  --lvh-btn-focus-box-shadow-colour: #cccccc;
}
.p-ghost-button.light-grey {
  --lvh-btn-colour: #888888;
  --lvh-btn-border-colour: #888888;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #888888;
  --lvh-btn-hover-border-colour: #888888;
  --lvh-btn-focus-box-shadow-colour: #888888;
}
.p-ghost-button.green {
  --lvh-btn-colour: #50b848;
  --lvh-btn-border-colour: #50b848;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #50b848;
  --lvh-btn-hover-border-colour: #50b848;
  --lvh-btn-focus-box-shadow-colour: #50b848;
}
.p-ghost-button.red,
.p-ghost-button.ripe {
  --lvh-btn-colour: #bd350f;
  --lvh-btn-border-colour: #bd350f;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #bd350f;
  --lvh-btn-hover-border-colour: #bd350f;
  --lvh-btn-focus-box-shadow-colour: #bd350f;
}
.p-ghost-button.white {
  --lvh-btn-colour: #fff;
  --lvh-btn-border-colour: #fff;
  --lvh-btn-hover-colour: transparent;
  --lvh-btn-hover-bg-colour: #fff;
  --lvh-btn-hover-border-colour: #fff;
  --lvh-btn-focus-box-shadow-colour: #fff;
}
.p-ghost-button.pink {
  --lvh-btn-colour: #ff5aa8;
  --lvh-btn-border-colour: #ff5aa8;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #ff5aa8;
  --lvh-btn-hover-border-colour: #ff5aa8;
  --lvh-btn-focus-box-shadow-colour: #ff5aa8;
}
.p-ghost-button.purple {
  --lvh-btn-colour: #7858e0;
  --lvh-btn-border-colour: #7858e0;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #7858e0;
  --lvh-btn-hover-border-colour: #7858e0;
  --lvh-btn-focus-box-shadow-colour: #7858e0;
}
.cc-link-button {
  --lvh-link-button-focus-shadow-colour-1: #fafafa;
  --lvh-link-button-focus-shadow-colour-2: #444444;
  --lvh-link-button-primary-colour: #00bdeb;
  --lvh-link-button-primary-hover-colour: #00bdeb;
  --lvh-link-button-primary-focus-colour: #00bdeb;
  --lvh-link-button-secondary-colour: #666666;
  --lvh-link-button-secondary-hover-colour: #333333;
  --lvh-link-button-secondary-focus-colour: #333333;
  outline: 0;
  border: none;
  background: none;
  line-height: normal;
  padding: 0 1px 0 1px;
  cursor: pointer;
  text-decoration: none;
  font-family: var(--lvh-link-button-font-family, var(--lvh-general-font-family, "Open Sans", sans-serif));
  font-size: var(--lvh-link-button-font-size, var(--lvh-general-font-size, 1em));
  font-weight: var(--lvh-link-button-font-weight, var(--lvh-general-font-weight, 600));
  text-transform: var(--lvh-link-button-text-transform, none);
}
.cc-link-button:hover,
.cc-link-button:focus {
  text-decoration: underline;
}
.cc-link-button:focus {
  box-shadow: 0px 0px 0px 1px var(--lvh-link-button-focus-shadow-colour-1), 0px 0px 0px 2px var(--lvh-link-button-focus-shadow-colour-2);
}
.cc-link-button:focus-visible {
  outline: none;
}
.cc-link-button.primary {
  color: var(--lvh-link-button-primary-colour);
}
.cc-link-button.primary:hover {
  color: var(--lvh-link-button-primary-hover-colour);
}
.cc-link-button.primary:focus {
  color: var(--lvh-link-button-primary-focus-colour);
}
.cc-link-button.secondary {
  color: var(--lvh-link-button-secondary-colour);
  text-decoration: underline;
}
.cc-link-button.secondary:hover {
  color: var(--lvh-link-button-secondary-hover-colour);
}
.cc-link-button.secondary:focus {
  color: var(--lvh-link-button-secondary-focus-colour);
}
.cc-button-group {
  /* ----------------------------------------

        BOX SHADOW REFERENCE

        TOP, RIGHT, BOTTOM, LEFT

        box-shadow: 0 1px 0 0 purple inset,
                    -1px 0 0 0 blue inset,
                    0 -1px 0 0 green inset,
                    1px 0 0 0 red inset;

    ---------------------------------------- */
}
.cc-button-group:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.cc-button-group .button {
  float: left;
  margin: 0;
  box-shadow: 0 1px 0 0 currentColor inset, 0 -1px 0 0 currentColor inset;
}
.cc-button-group .button:first-child {
  box-shadow: 0 1px 0 0 currentColor inset, 0 -1px 0 0 currentColor inset, 1px 0 0 0 currentColor inset;
}
.cc-button-group .button:last-child {
  box-shadow: 0 1px 0 0 currentColor inset, -1px 0 0 0 currentColor inset, 0 -1px 0 0 currentColor inset;
}
.cc-button-group .button:not(:first-child),
.cc-button-group .button:not(:last-child) {
  border-radius: 0;
}
.cc-button-group .button:not(:last-child) {
  margin: 0 1px 0 0;
}
.buttonOutlineV2 {
  background: none;
  border-radius: 0.231em;
  border: 2px solid;
  outline: 0;
  transition: 0.3s all linear;
  line-height: normal;
  box-sizing: border-box;
}
.buttonOutlineV2.medium {
  padding: 0.615em 1.538em;
}
.buttonOutlineV2.medium > .label {
  font-size: 1em;
}
.buttonOutlineV2.large {
  padding: 0.692em 1.538em;
}
.buttonOutlineV2.large > .label {
  font-size: 1.154em;
}
.buttonOutlineV2.blue {
  border-color: var(--lvh-bright-blue);
}
.buttonOutlineV2.blue:hover,
.buttonOutlineV2.blue:focus {
  background-color: var(--lvh-bright-blue);
}
.buttonOutlineV2.blue:hover > .label,
.buttonOutlineV2.blue:focus > .label {
  color: var(--lvh-white);
}
.buttonOutlineV2.blue > .label {
  color: var(--lvh-bright-blue);
}
.buttonOutlineV2.white {
  border-color: var(--lvh-white);
}
.buttonOutlineV2.white:hover,
.buttonOutlineV2.white:focus {
  background-color: var(--lvh-white);
}
.buttonOutlineV2.white:hover > .label,
.buttonOutlineV2.white:focus > .label {
  color: var(--lvh-x-dark-grey);
}
.buttonOutlineV2.white > .label {
  color: var(--lvh-white);
}
.buttonOutlineV2.paleGrey {
  border-color: var(--lvh-x-pale-grey);
}
.buttonOutlineV2.paleGrey:hover,
.buttonOutlineV2.paleGrey:focus {
  background-color: var(--lvh-x-pale-grey);
}
.buttonOutlineV2.paleGrey:hover > .label,
.buttonOutlineV2.paleGrey:focus > .label {
  color: var(--lvh-white);
}
.buttonOutlineV2.paleGrey > .label {
  color: var(--lvh-x-pale-grey);
}
.buttonOutlineV2.sharkDark {
  border-color: var(--lvh-x-shark-dark);
}
.buttonOutlineV2.sharkDark:hover,
.buttonOutlineV2.sharkDark:focus {
  background-color: var(--lvh-x-shark-dark);
}
.buttonOutlineV2.sharkDark:hover > .label,
.buttonOutlineV2.sharkDark:focus > .label {
  color: var(--lvh-white);
}
.buttonOutlineV2.sharkDark > .label {
  color: var(--lvh-secondary-text);
}
.buttonOutlineV2 > .label {
  font-weight: 600;
  line-height: normal;
}
.cc-lastAction.wrapper {
  max-width: 175px;
  position: absolute;
  right: 2.154em;
}
.cc-lastAction.wrapper .tooltipContainer {
  width: 140px;
}
@media (max-width: 991px) {
  .cc-lastAction.wrapper {
    float: left;
    width: 100%;
    position: relative;
  }
}
.cc-lastAction .lastAction {
  float: left;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .cc-lastAction .lastAction {
    float: left;
    width: 100%;
    position: relative;
    bottom: auto;
  }
}
.cc-lastAction .lastAction.has-sibling {
  padding-right: 20px;
}
.cc-lastAction .lastAction .avatarWrap {
  float: right;
  width: 23px;
  height: 23px;
}
.cc-lastAction .lastAction .avatar {
  width: 100%;
  height: 100%;
  background-color: var(--lvh-white96);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
.cc-lastAction .lastAction .avatar > img {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.cc-lastAction .lastAction .text {
  width: 100%;
  padding: 2px 30px 2px 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--lvh-x-shark-dark);
  white-space: nowrap;
  text-align: right;
  cursor: default;
}
.cc-lastAction .lastAction .text span {
  display: block;
  font-size: 11px;
  overflow: hidden;
}
.cc-lastAction .attachmentsIndicator {
  position: absolute;
  top: 0;
  right: 0;
}
.cc-lastAction .attachmentsIndicator .icon {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.192em 0;
}
.cc-lastAction .attachmentsIndicator .icon i {
  font-size: 0.923em;
  color: var(--lvh-x-shark-dark);
}
.agency-profile:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.agency-profile .agency-representation-callout-body {
  float: left;
  position: relative;
  width: 100%;
}
.agency-profile .agency-representation-item {
  position: relative;
}
.agency-profile .agency-representation-item:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.agency-profile .agency-representation-item:not(:last-child) {
  margin: 0 0 10px;
}
.agency-profile .agency-representation-item.no-wrap {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.agency-profile .agency-representation-item .left {
  float: left;
  width: 120px;
  color: var(--lvh-x-shark-dark);
}
.agency-profile .agency-representation-item .right {
  padding-left: 130px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--lvh-primary-text);
}
.agency-profile .agency-representation-item .termsDocumentUrls {
  margin: 0;
  padding: 0;
  list-style: none;
}
.agency-profile .agency-representation-item .termsDocumentUrls > li:not(:last-child) {
  margin: 0 0 5px;
}
.agency-profile .agency-representation-callout-footer {
  float: left;
  width: 100%;
  margin: 10px 0 0;
  padding: 15px 5px 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid var(--lvh-x-shark-light);
}
.agency-profile .agency-representation-callout-footer:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.agency-profile .agency-representation-callout-footer .header {
  float: left;
  width: 100%;
  text-align: left;
  font-size: 13px;
  color: var(--lvh-primary-text);
  height: 30px;
}
.agency-profile .agency-representation-callout-footer .header:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.agency-profile .agency-representation-callout-footer .header .label {
  vertical-align: top;
}
.agency-profile .agency-representation-callout-footer .signature {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 0 !important;
}
.agency-profile .agency-representation-callout-footer .signature:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.agency-profile .agency-representation-callout-footer .signature .lhs {
  position: absolute !important;
  display: block !important;
  width: 38px !important;
}
.agency-profile .agency-representation-callout-footer .signature .lhs > .cc-avatar {
  max-width: 100%;
  height: auto;
}
.agency-profile .agency-representation-callout-footer .signature .rhs {
  padding-left: 52px !important;
}
.agency-profile .agency-representation-callout-footer .signature .rhs .name-wrap > .name > span {
  color: unset !important;
  font-size: unset !important;
  font-weight: unset !important;
  cursor: pointer;
}
.agency-profile .agency-representation-callout-footer .signature .label-icon {
  padding-right: 5px;
}
.agency-profile .agency-representation-callout-footer .signature .label-icon .icon {
  color: var(--lvh-x-shark-dark);
}
.agency-profile .agency-representation-callout-wrap {
  position: relative;
  display: inline-block;
}
.agency-profile .agency-representation-callout-wrap:not(:last-child) {
  margin-right: 5px;
}
.agency-profile .agency-representation-callout-wrap:hover .cc-callout,
.agency-profile .agency-representation-callout-wrap:focus .cc-callout,
.agency-profile .agency-representation-callout-wrap:active .cc-callout {
  visibility: visible;
}
.agency-profile .agency-representation-callout-wrap > .label {
  padding: 0 0 15px 0;
}
.agency-profile .agency-representation-callout-wrap .callout {
  display: block;
}
.agency-profile .agency-representation-callout-wrap .cc-callout {
  position: absolute;
  top: 20px;
  bottom: auto;
  left: 0;
  visibility: hidden;
  width: 360px;
  z-index: 2000;
}
@media (max-width: 991px) {
  .agency-profile .agency-representation-callout-wrap .cc-callout {
    display: none;
  }
}
.agency-profile .agency-representation-callout-wrap .cc-callout.bottom {
  top: auto;
  bottom: 28px;
}
.agency-profile .agency-representation-callout-wrap .cc-callout .cc-callout-tip {
  left: 24px;
  right: auto;
}
.agency-profile .agency-representation-callout-wrap .cc-callout .cc-callout-tip.top {
  top: 8px;
  right: auto;
  bottom: auto;
}
.agency-profile .agency-representation-callout-wrap .cc-callout .cc-callout-tip.bottom {
  top: auto;
  bottom: -7px;
}
.agency-profile .agency-representation-callout-wrap .cc-callout .cc-callout-body {
  margin-top: 13px;
  padding: 20px 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.agency-profile .agency-representation-callout-wrap .cc-callout .cc-callout-body:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
/* -----------------------------------------------------------------------------

  ALL COMPONENTS
  
----------------------------------------------------------------------------- */
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
textarea {
  resize: none;
}
label.label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
  margin: 0 0 10px 0;
}
label.label.with-checkbox {
  display: flex;
  justify-content: space-between;
}
label.label > .sub-text {
  font-weight: 400;
  color: var(--lvh-secondary-text);
}
input[type='text'],
input[type='url'],
input[type='email'],
input[type='number'],
input[type='tel'],
input[type='date'],
input[type='month'],
input[type='password'],
input[type='search'],
textarea {
  padding: 7px;
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  -webkit-appearance: none;
  width: 100%;
  position: relative;
  z-index: 1;
  color: var(--lvh-x-dark-grey);
  border: 1px solid var(--lvh-x-paler-grey);
  border-radius: 3px;
  outline: 0;
  line-height: initial;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  input[type='text'],
  input[type='url'],
  input[type='email'],
  input[type='number'],
  input[type='tel'],
  input[type='date'],
  input[type='month'],
  input[type='password'],
  input[type='search'],
  textarea {
    padding: 10px 14px;
  }
}
input[type='text']:focus,
input[type='url']:focus,
input[type='email']:focus,
input[type='number']:focus,
input[type='tel']:focus,
input[type='date']:focus,
input[type='month']:focus,
input[type='password']:focus,
input[type='search']:focus,
textarea:focus {
  border: 1px solid var(--lvh-x-dark-grey);
}
input[type='text']:disabled,
input[type='url']:disabled,
input[type='email']:disabled,
input[type='number']:disabled,
input[type='tel']:disabled,
input[type='date']:disabled,
input[type='month']:disabled,
input[type='password']:disabled,
input[type='search']:disabled,
textarea:disabled {
  color: var(--lvh-secondary-text);
  background-color: var(--lvh-x-shark-light);
}
input[type='text']:read-only,
input[type='url']:read-only,
input[type='email']:read-only,
input[type='number']:read-only,
input[type='tel']:read-only,
input[type='date']:read-only,
input[type='month']:read-only,
input[type='password']:read-only,
input[type='search']:read-only,
textarea:read-only {
  color: var(--lvh-secondary-text);
  background-color: var(--lvh-x-shark-light);
}
input[type='text']::-webkit-input-placeholder,
input[type='url']::-webkit-input-placeholder,
input[type='email']::-webkit-input-placeholder,
input[type='number']::-webkit-input-placeholder,
input[type='tel']::-webkit-input-placeholder,
input[type='date']::-webkit-input-placeholder,
input[type='month']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder,
input[type='search']::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: 400;
  color: var(--lvh-x-shark-dark);
}
input[type='text']:-moz-placeholder,
input[type='url']:-moz-placeholder,
input[type='email']:-moz-placeholder,
input[type='number']:-moz-placeholder,
input[type='tel']:-moz-placeholder,
input[type='date']:-moz-placeholder,
input[type='month']:-moz-placeholder,
input[type='password']:-moz-placeholder,
input[type='search']:-moz-placeholder,
textarea:-moz-placeholder {
  /* Firefox 18- */
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: 400;
  color: var(--lvh-x-shark-dark);
}
input[type='text']::-moz-placeholder,
input[type='url']::-moz-placeholder,
input[type='email']::-moz-placeholder,
input[type='number']::-moz-placeholder,
input[type='tel']::-moz-placeholder,
input[type='date']::-moz-placeholder,
input[type='month']::-moz-placeholder,
input[type='password']::-moz-placeholder,
input[type='search']::-moz-placeholder,
textarea::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: 400;
  color: var(--lvh-x-shark-dark);
}
input[type='text']:-ms-input-placeholder,
input[type='url']:-ms-input-placeholder,
input[type='email']:-ms-input-placeholder,
input[type='number']:-ms-input-placeholder,
input[type='tel']:-ms-input-placeholder,
input[type='date']:-ms-input-placeholder,
input[type='month']:-ms-input-placeholder,
input[type='password']:-ms-input-placeholder,
input[type='search']:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: 400;
  color: var(--lvh-x-shark-dark);
}
input[type='text']::-ms-clear,
input[type='url']::-ms-clear,
input[type='email']::-ms-clear,
input[type='number']::-ms-clear,
input[type='tel']::-ms-clear,
input[type='date']::-ms-clear,
input[type='month']::-ms-clear,
input[type='password']::-ms-clear,
input[type='search']::-ms-clear,
textarea::-ms-clear {
  /* IE 10/11 */
  display: none;
}
input[type='month'],
input[type='date'] {
  min-height: 40px;
}
#employerApp input[type='month'],
#employerApp input[type='date'] {
  min-height: 34px;
}
@media (max-width: 991px) {
  #employerApp input[type='month'],
  #employerApp input[type='date'] {
    min-height: 40px;
  }
}
input[type='number'] {
  -moz-appearance: textfield;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
}
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
  position: relative;
  top: 0.2em;
}
input[type="checkbox"]:disabled {
  opacity: 0.5;
}
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="radio"]:disabled {
  opacity: 0.5;
}
.input-wrap.date {
  position: relative;
}
.input-wrap.date:before {
  content: "\e947";
  font-family: 'IconFont';
  font-size: 16px;
  position: absolute;
  left: 11px;
  top: 50%;
  margin-top: -8px;
  color: var(--lvh-x-shark-dark);
  z-index: 2;
}
.input-wrap.date input[type='text'] {
  padding-left: 36px;
}
.select-wrap {
  position: relative;
}
.select-wrap select {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 7px;
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
  width: 100%;
  position: relative;
  z-index: 1;
  color: var(--lvh-x-shark-dark);
  border: 1px solid var(--lvh-x-paler-grey);
  outline: 0;
  line-height: 18px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.select-wrap select.selected {
  color: var(--lvh-x-mesh-dark);
}
.select-wrap select:disabled {
  background-color: var(--lvh-white98);
}
.select-wrap select option {
  min-height: 0;
  padding: 0;
  color: var(--lvh-x-mesh-dark);
}
.select-wrap select option:disabled {
  color: var(--lvh-x-shark-dark);
}
.select-wrap select::-ms-expand {
  display: none;
}
.select-wrap .icon {
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 6.5px;
  color: var(--lvh-x-mesh-dark);
  z-index: 1;
}
#uiDate {
  position: absolute;
  min-width: 210px;
  background-color: var(--lvh-white);
  border: solid 1px var(--lvh-x-shark-dark);
  z-index: 2;
}
fieldset {
  border: none;
  padding: 0;
  margin: 0;
  min-width: 0;
}
input.validationError,
button.validationError,
select.validationError,
textarea.validationError,
form.validationError {
  border-color: var(--lvh-validation-red-dark) !important;
}
.validationMessage {
  float: left;
  width: 100%;
  background-color: var(--lvh-validation-red-light);
  border: 1px solid var(--lvh-validation-red-mid);
  color: var(--lvh-validation-red-dark);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  padding: 4px 8px;
  position: relative;
  top: -1px;
  box-sizing: border-box;
}
.validationMessage > .text {
  font-size: 12px;
}
.validation-summary {
  border-radius: 3px;
  padding: 4px 8px;
}
.validation-summary.red {
  background-color: var(--lvh-validation-red-light);
  border: 1px solid var(--lvh-validation-red-mid);
  color: var(--lvh-validation-red-dark);
}
.validation-summary.yellow {
  background-color: var(--lvh-alert-yellow-light);
  border: 1px solid var(--lvh-alert-yellow-mid);
  color: var(--lvh-alert-yellow-text);
}
.validation-summary strong {
  font-weight: 600;
}
.large-form-controls input[type='text'],
.layout-spacious input[type='text'],
.large-form-controls input[type='url'],
.layout-spacious input[type='url'],
.large-form-controls input[type='email'],
.layout-spacious input[type='email'],
.large-form-controls input[type='number'],
.layout-spacious input[type='number'],
.large-form-controls input[type='tel'],
.layout-spacious input[type='tel'],
.large-form-controls input[type='date'],
.layout-spacious input[type='date'],
.large-form-controls input[type='month'],
.layout-spacious input[type='month'],
.large-form-controls input[type='password'],
.layout-spacious input[type='password'],
.large-form-controls input[type='search'],
.layout-spacious input[type='search'],
.large-form-controls textarea,
.layout-spacious textarea {
  padding: 10px 7px;
}
@media (max-width: 991px) {
  #employerApp input[type='text'],
  #employerApp input[type='url'],
  #employerApp input[type='email'],
  #employerApp input[type='number'],
  #employerApp input[type='tel'],
  #employerApp input[type='date'],
  #employerApp input[type='month'],
  #employerApp input[type='password'],
  #employerApp input[type='search'],
  #employerApp textarea {
    font-size: 13px;
  }
}
@media (max-width: 991px) {
  #employerApp input[type='text']::-webkit-input-placeholder,
  #employerApp input[type='url']::-webkit-input-placeholder,
  #employerApp input[type='email']::-webkit-input-placeholder,
  #employerApp input[type='number']::-webkit-input-placeholder,
  #employerApp input[type='tel']::-webkit-input-placeholder,
  #employerApp input[type='date']::-webkit-input-placeholder,
  #employerApp input[type='month']::-webkit-input-placeholder,
  #employerApp input[type='password']::-webkit-input-placeholder,
  #employerApp input[type='search']::-webkit-input-placeholder,
  #employerApp textarea::-webkit-input-placeholder {
    font-size: 13px;
  }
}
#employerApp input[type='text']:-moz-placeholder,
#employerApp input[type='url']:-moz-placeholder,
#employerApp input[type='email']:-moz-placeholder,
#employerApp input[type='number']:-moz-placeholder,
#employerApp input[type='tel']:-moz-placeholder,
#employerApp input[type='date']:-moz-placeholder,
#employerApp input[type='month']:-moz-placeholder,
#employerApp input[type='password']:-moz-placeholder,
#employerApp input[type='search']:-moz-placeholder,
#employerApp textarea:-moz-placeholder {
  /* Firefox 18- */
}
@media (max-width: 991px) {
  #employerApp input[type='text']:-moz-placeholder,
  #employerApp input[type='url']:-moz-placeholder,
  #employerApp input[type='email']:-moz-placeholder,
  #employerApp input[type='number']:-moz-placeholder,
  #employerApp input[type='tel']:-moz-placeholder,
  #employerApp input[type='date']:-moz-placeholder,
  #employerApp input[type='month']:-moz-placeholder,
  #employerApp input[type='password']:-moz-placeholder,
  #employerApp input[type='search']:-moz-placeholder,
  #employerApp textarea:-moz-placeholder {
    font-size: 13px;
  }
}
#employerApp input[type='text']::-moz-placeholder,
#employerApp input[type='url']::-moz-placeholder,
#employerApp input[type='email']::-moz-placeholder,
#employerApp input[type='number']::-moz-placeholder,
#employerApp input[type='tel']::-moz-placeholder,
#employerApp input[type='date']::-moz-placeholder,
#employerApp input[type='month']::-moz-placeholder,
#employerApp input[type='password']::-moz-placeholder,
#employerApp input[type='search']::-moz-placeholder,
#employerApp textarea::-moz-placeholder {
  /* Firefox 19+ */
}
@media (max-width: 991px) {
  #employerApp input[type='text']::-moz-placeholder,
  #employerApp input[type='url']::-moz-placeholder,
  #employerApp input[type='email']::-moz-placeholder,
  #employerApp input[type='number']::-moz-placeholder,
  #employerApp input[type='tel']::-moz-placeholder,
  #employerApp input[type='date']::-moz-placeholder,
  #employerApp input[type='month']::-moz-placeholder,
  #employerApp input[type='password']::-moz-placeholder,
  #employerApp input[type='search']::-moz-placeholder,
  #employerApp textarea::-moz-placeholder {
    font-size: 13px;
  }
}
@media (max-width: 991px) {
  #employerApp input[type='text']:-ms-input-placeholder,
  #employerApp input[type='url']:-ms-input-placeholder,
  #employerApp input[type='email']:-ms-input-placeholder,
  #employerApp input[type='number']:-ms-input-placeholder,
  #employerApp input[type='tel']:-ms-input-placeholder,
  #employerApp input[type='date']:-ms-input-placeholder,
  #employerApp input[type='month']:-ms-input-placeholder,
  #employerApp input[type='password']:-ms-input-placeholder,
  #employerApp input[type='search']:-ms-input-placeholder,
  #employerApp textarea:-ms-input-placeholder {
    font-size: 13px;
  }
}
/* -----------------------------------------------------------------------------

  UPLOAD BOX COMPONENT
  
----------------------------------------------------------------------------- */
.cc-upload-box {
  background-color: var(--lvh-x-shark-light);
  border: 1px dashed var(--lvh-x-shark-dark);
  border-radius: 3px;
  text-align: center;
  padding: 20px;
  box-sizing: border-box;
}
.cc-upload-box h4 {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
}
.cc-upload-box > .icon {
  display: block;
  font-size: 32px;
  color: var(--lvh-x-shark-dark);
  margin: 0 0 15px 0;
}
.cc-upload-box .advice {
  display: none;
}
@media (max-width: 991px) {
  .cc-upload-box .advice .mobile {
    display: block;
  }
}
@media (min-width: 992px) {
  .cc-upload-box .advice .desktop {
    display: block;
  }
}
/* -----------------------------------------------------------------------------

  MOBILE FULLSCREEN OVERLAY COMPONENT

----------------------------------------------------------------------------- */
/**
 * NOTE:
 *
 * Used for components ie form controls, not to be used for modals
 */
.cc-mobile-action-overlay .actionMenuOverlayMask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9000;
}
@media (min-width: 992px) {
  .cc-mobile-action-overlay .actionMenuOverlayMask {
    display: none;
  }
}
.cc-mobile-action-overlay .actionMenuOverlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  z-index: 9100;
}
@media (min-width: 992px) {
  .cc-mobile-action-overlay .actionMenuOverlay {
    display: none;
  }
}
.cc-mobile-action-overlay .actionMenuOverlay > .overlayContent {
  padding: 6.154em 1.538em;
}
.cc-mobile-action-overlay .actionMenuOverlay .modal {
  display: table;
  min-width: 220px;
  margin: 0 auto;
  position: relative;
  background-color: var(--lvh-white);
  border-bottom: 1px solid var(--lvh-white92);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.cc-mobile-action-overlay .actionMenuOverlay .menuItems {
  margin: 0;
  padding: 0;
}
.cc-mobile-action-overlay .actionMenuOverlay .menuItems > .menuItem {
  list-style: none;
  margin: 0;
  padding: 0;
}
.cc-mobile-action-overlay .actionMenuOverlay .menuItems > .menuItem:last-child > a {
  border-bottom: none;
}
.cc-mobile-action-overlay .actionMenuOverlay .menuItems > .menuItem > a {
  display: block;
  padding: 0.769em 1.154em;
  border-bottom: 1px solid var(--lvh-x-shark-dark);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: 0.2s ease-in-out background-color;
  -o-transition: 0.2s ease-in-out background-color;
  -webkit-transition: 0.2s ease-in-out background-color;
  transition: 0.2s ease-in-out background-color;
}
.cc-mobile-action-overlay .actionMenuOverlay .menuItems > .menuItem > a:hover,
.cc-mobile-action-overlay .actionMenuOverlay .menuItems > .menuItem > a:focus {
  background-color: var(--lvh-x-off-white);
}
.cc-mobile-action-overlay .actionMenuOverlay .menuItems > .menuItem > a > .label {
  font-size: 1.154em;
  color: var(--lvh-x-dark-grey);
}
/* -----------------------------------------------------------------------------

  AUTOCOMPLETE COMPONENT
  
----------------------------------------------------------------------------- */
.cc-auto-complete {
  position: relative;
}
@media (max-width: 991px) {
  .cc-auto-complete .p-mobile-fullscreen-overlay.overlay-visible .header {
    display: block;
  }
}
@media (max-width: 991px) {
  .cc-auto-complete .p-mobile-fullscreen-overlay.overlay-visible .input-wrap {
    border-bottom: 1px solid var(--lvh-x-paler-grey);
    padding: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media (max-width: 991px) {
  .cc-auto-complete .p-mobile-fullscreen-overlay.overlay-visible .cc-suggestion-dropdown {
    position: static;
    width: 100%;
    max-height: none;
    border-top: none;
    border-right: none;
    border-left: none;
  }
}
@media (max-width: 991px) {
  .cc-auto-complete .p-mobile-fullscreen-overlay.overlay-visible .cc-suggestion-dropdown .suggestion-list li {
    padding: 10px 15px;
  }
}
.cc-auto-complete .p-mobile-fullscreen-overlay .header {
  display: none;
}
/* -----------------------------------------------------------------------------

  ZENDESK FEEDBACK WIDGET COMPONENT
  
----------------------------------------------------------------------------- */
#zfw-button {
  background: none;
  outline: none;
  border: none;
  padding: 15px 20px;
  color: var(--lvh-white);
  background-color: rgba(68, 68, 68, 0.8);
  border-radius: 100px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  opacity: 1;
  box-sizing: border-box;
  transition: 0.2s linear opacity;
  z-index: 6000;
}
@media (max-width: 991px) {
  #zfw-button {
    width: 44px;
    height: 44px;
    padding: 15px 0;
    border-radius: 50%;
    bottom: 20px;
    right: 20px;
    text-align: center;
  }
}
#zfw-button:hover,
#zfw-button:focus {
  opacity: 0.8;
}
#zfw-button .icon {
  float: left;
  width: 14px;
  height: 14px;
  margin: 0 5px 0 0;
}
@media (max-width: 991px) {
  #zfw-button .icon {
    float: none;
    margin: 0;
  }
}
#zfw-button .icon > svg {
  width: 14px;
  height: 14px;
  min-width: 14px;
  min-height: 14px;
  fill: var(--lvh-white);
}
#zfw-button .label {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
}
@media (max-width: 991px) {
  #zfw-button .label {
    display: none;
  }
}
.zEWidget-ticketSubmissionForm {
  max-height: 490px !important;
}
@media (max-width: 991px) {
  .zEWidget-ticketSubmissionForm {
    left: auto !important;
    right: 0 !important;
  }
}
/* -----------------------------------------------------------------------------

  HOTJAR FEEDBACK WIDGET COMPONENT
  
----------------------------------------------------------------------------- */
#_hj_poll_container > div {
  z-index: 6000;
}
/* -----------------------------------------------------------------------------

  HEADER TABS COMPONENT
  
----------------------------------------------------------------------------- */
.cc-header-tabs {
  float: left;
  width: 100%;
  height: 55px;
  box-sizing: border-box;
  z-index: 7900;
}
@media (max-width: 991px) {
  .cc-header-tabs {
    height: 45px;
    border-bottom: 1px solid var(--lvh-x-shark-light);
  }
}
.cc-header-tabs.absolute {
  position: absolute;
}
@media (min-width: 992px) {
  .cc-header-tabs.blue {
    border-bottom: 1px solid var(--lvh-x-shark-light);
  }
}
@media (max-width: 991px) {
  .cc-header-tabs.blue .dropdown-button {
    background-color: var(--lvh-white);
    border-bottom: 1px solid var(--lvh-black-transparent-10);
  }
}
.cc-header-tabs.blue .tab {
  color: var(--lvh-secondary-text);
}
.cc-header-tabs.blue .tab:hover,
.cc-header-tabs.blue .tab:focus {
  color: var(--lvh-bright-blue);
}
.cc-header-tabs.blue .tab.active {
  color: var(--lvh-x-dark-grey);
}
.cc-header-tabs.blue .tab.active:after {
  background-color: var(--lvh-bright-blue);
}
.cc-header-tabs.blue .button {
  background-color: transparent;
  border: 1px solid var(--lvh-bright-blue);
  color: var(--lvh-bright-blue);
  transition: 0.2s linear background-color;
}
.cc-header-tabs.blue .button:hover,
.cc-header-tabs.blue .button:focus {
  background-color: var(--lvh-bright-blue);
}
.cc-header-tabs.blue .button:hover .label,
.cc-header-tabs.blue .button:focus .label {
  color: var(--lvh-white);
}
@media (min-width: 992px) {
  .cc-header-tabs.transparent-light {
    border-bottom: 1px solid var(--lvh-white-transparent-40);
  }
}
@media (max-width: 991px) {
  .cc-header-tabs.transparent-light .dropdown-button {
    background-color: var(--lvh-white);
    border-bottom: 1px solid var(--lvh-black-transparent-10);
  }
}
@media (min-width: 992px) {
  .cc-header-tabs.transparent-light .tab {
    color: var(--lvh-white-transparent-80);
  }
}
@media (min-width: 992px) {
  .cc-header-tabs.transparent-light .tab:hover,
  .cc-header-tabs.transparent-light .tab:focus {
    color: var(--lvh-white);
  }
}
@media (min-width: 992px) {
  .cc-header-tabs.transparent-light .tab.active {
    color: var(--lvh-white);
  }
}
@media (min-width: 992px) {
  .cc-header-tabs.transparent-light .tab.active:after {
    background-color: var(--lvh-white);
  }
}
.cc-header-tabs.transparent-light .button {
  background-color: var(--lvh-x-dark-grey);
  color: var(--lvh-white);
  transition: 0.2s linear background-color;
}
.cc-header-tabs.transparent-light .button:hover,
.cc-header-tabs.transparent-light .button:focus {
  background-color: var(--lvh-x-mid-grey);
}
@media (max-width: 991px) {
  .cc-header-tabs > .container {
    padding: 0;
  }
}
.cc-header-tabs .dropdown-button {
  width: 100%;
  display: block;
  outline: none;
  border: none;
  background: none;
  padding: 0;
  text-align: left;
}
@media (min-width: 992px) {
  .cc-header-tabs .dropdown-button {
    display: none;
  }
}
.cc-header-tabs .dropdown-button .label {
  display: block;
  font-size: 13px;
  font-weight: 700;
  line-height: 45px;
  letter-spacing: 0.1em;
  color: var(--lvh-x-dark-grey);
}
.cc-header-tabs .dropdown-button .label > .icon {
  float: right;
  font-size: 7px;
  line-height: 45px;
  color: var(--lvh-bright-blue);
}
.cc-header-tabs .items {
  display: block;
  margin: 0;
  padding: 0;
}
@media (max-width: 991px) {
  .cc-header-tabs .items {
    display: none;
    width: 100%;
    position: absolute;
    background-color: var(--lvh-white);
    padding: 10px 0;
    border-bottom: 1px solid var(--lvh-x-shark-light);
    z-index: 7900;
  }
}
.cc-header-tabs .items:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (max-width: 991px) {
  .cc-header-tabs .items.visible {
    display: block;
  }
}
.cc-header-tabs .items > .item {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 991px) {
  .cc-header-tabs .items > .item {
    width: 100%;
  }
}
.cc-header-tabs .items > .item:not(:last-child) {
  margin: 0 70px 0 0;
}
@media (max-width: 991px) {
  .cc-header-tabs .items > .item:not(:last-child) {
    margin: 0;
  }
}
.cc-header-tabs .items > .item.button-type {
  float: right;
}
.cc-header-tabs .tab {
  float: left;
  font-size: 13px;
  font-weight: 700;
  line-height: 55px;
  letter-spacing: 0.1em;
  color: var(--lvh-secondary-text);
}
@media (max-width: 991px) {
  .cc-header-tabs .tab {
    width: 100%;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.cc-header-tabs .tab:hover,
.cc-header-tabs .tab:focus {
  color: var(--lvh-bright-blue);
}
.cc-header-tabs .tab.active {
  position: relative;
  color: var(--lvh-x-dark-grey);
}
.cc-header-tabs .tab.active:after {
  content: '';
  width: 100%;
  height: 3px;
  background-color: var(--lvh-bright-blue);
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}
@media (max-width: 991px) {
  .cc-header-tabs .tab.active:after {
    width: 3px;
    height: 23px;
    top: 50%;
    right: auto;
    bottom: auto;
    margin-top: -11.5px;
  }
}
@media (max-width: 991px) {
  .cc-header-tabs .tab.has-mobile-label .label {
    display: none;
  }
}
@media (min-width: 992px) {
  .cc-header-tabs .tab.has-mobile-label .mobile-label {
    display: none;
  }
}
.cc-header-tabs .button {
  float: left;
  font-weight: 700;
  letter-spacing: 0.1em;
  padding: 7.5px 15px;
  border-radius: 3px;
  margin: 10px 0;
  box-sizing: border-box;
  text-align: center;
}
@media (max-width: 991px) {
  .cc-header-tabs .button {
    width: calc(100% - 40px);
    margin: 10px 20px;
  }
}
.cc-header-tabs .button > .container-mobile {
  padding: 0;
}
/* -----------------------------------------------------------------------------

  BUCKETLIST COMPONENT

----------------------------------------------------------------------------- */
.cc-bucket-list {
  float: left;
  width: 100%;
  margin: 20px 0 20px 0;
  border-radius: 3px;
  box-sizing: border-box;
  background-color: var(--lvh-white);
}
.cc-bucket-list.inline .buckets {
  display: table;
  table-layout: fixed;
  padding: 0;
}
.cc-bucket-list.inline .buckets:last-child {
  border-right: none;
}
.cc-bucket-list.inline .bucket {
  height: auto;
  width: auto;
  display: table-cell;
  float: none;
}
.cc-bucket-list.inline .bucket:last-child {
  border: none;
}
.cc-bucket-list.small {
  padding: 1px 0;
  background-color: var(--lvh-white-transparent-20);
}
.cc-bucket-list.small .buckets {
  border: none;
}
.cc-bucket-list.small .buckets .bucket {
  position: relative;
  width: auto;
  min-width: 120px;
  height: 40px;
  padding: 0 20px;
}
.cc-bucket-list.small .buckets .bucket.active .count,
.cc-bucket-list.small .buckets .bucket.active .label {
  color: var(--lvh-bright-blue);
}
.cc-bucket-list.small .buckets .bucket .count,
.cc-bucket-list.small .buckets .bucket .label {
  display: inline;
  font-size: 13px;
  font-weight: 400;
  line-height: 40px;
  color: var(--lvh-secondary-text);
}
.cc-bucket-list.chevron .buckets .bucket {
  overflow: hidden;
  padding: 0 35px 0 20px;
  border-right: none;
}
.cc-bucket-list.chevron .buckets .bucket:before,
.cc-bucket-list.chevron .buckets .bucket:after {
  position: absolute;
  top: 50%;
  left: 100%;
  display: block;
  content: "";
  margin-top: -50px;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 25px solid var(--lvh-x-shark-light);
  margin-left: -24px;
  z-index: 1;
}
@media (max-width: 991px) {
  .cc-bucket-list.chevron .buckets .bucket:before,
  .cc-bucket-list.chevron .buckets .bucket:after {
    display: none;
  }
}
.cc-bucket-list.chevron .buckets .bucket:after {
  border-left: 25px solid var(--lvh-white);
  margin-left: -25px;
  z-index: 2;
}
.cc-bucket-list.fullscreen-mode.overspill .buckets:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.cc-bucket-list.fullscreen-mode.overspill .buckets .overspill-buckets {
  float: right;
  height: 40px;
}
.cc-bucket-list.fullscreen-mode.overspill .buckets .overspill-buckets .cc-action-callout .trigger {
  padding: 12px 20px 10px;
}
.cc-bucket-list.fullscreen-mode.overspill .buckets .overspill-buckets .cc-action-callout .trigger > .icon {
  font-size: 18px;
}
.cc-bucket-list.fullscreen-mode.overspill .buckets .overspill-buckets .cc-action-callout .trigger.item-active > .icon {
  color: var(--lvh-bright-blue);
}
.cc-bucket-list.fullscreen-mode.overspill .buckets .overspill-buckets .cc-action-callout .cc-callout {
  margin-top: -12px;
}
.cc-bucket-list.fullscreen-mode.overspill .buckets .overspill-buckets .cc-action-callout .cc-callout .menuItem.active .label {
  color: var(--lvh-bright-blue);
}
.cc-bucket-list.fullscreen-mode.show-counts .main-bucket-content.visible .bucket .label {
  padding-right: 70px;
}
@media (max-width: 991px) {
  .cc-bucket-list.fullscreen-mode .mobile-bucket-button {
    display: block;
  }
}
@media (max-width: 991px) {
  .cc-bucket-list.fullscreen-mode .main-bucket-content {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--lvh-white);
    z-index: 9100;
  }
  .cc-bucket-list.fullscreen-mode .main-bucket-content.visible {
    display: block;
  }
  .cc-bucket-list.fullscreen-mode .main-bucket-content.visible .buckets {
    display: block;
    border: none;
  }
  .cc-bucket-list.fullscreen-mode .main-bucket-content.visible .bucket {
    display: block;
    height: auto;
    text-align: left;
    line-height: 40px;
    padding: 0;
    border-bottom: 1px solid var(--lvh-x-pale-grey);
    border-right: none;
    cursor: pointer;
  }
  .cc-bucket-list.fullscreen-mode .main-bucket-content.visible .bucket:hover .icon,
  .cc-bucket-list.fullscreen-mode .main-bucket-content.visible .bucket:focus .icon {
    color: var(--lvh-bright-blue);
  }
  .cc-bucket-list.fullscreen-mode .main-bucket-content.visible .bucket .bl-inner-wrap {
    position: relative;
  }
  .cc-bucket-list.fullscreen-mode .main-bucket-content.visible .bucket .label {
    font-size: 14px;
    padding-right: 30px;
  }
  .cc-bucket-list.fullscreen-mode .main-bucket-content.visible .bucket .count {
    width: 30px;
    position: absolute;
    top: 0;
    right: 30px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    color: var(--lvh-secondary-text);
    background-color: var(--lvh-x-off-white);
    border-radius: 10px;
    margin: 10px 0;
    box-sizing: border-box;
  }
  .cc-bucket-list.fullscreen-mode .main-bucket-content.visible .bucket .icon {
    display: block;
    font-size: 12px;
    line-height: 18px;
    color: var(--lvh-x-pale-grey);
    position: absolute;
    top: 0;
    right: 0;
    line-height: 40px;
    transition: 0.2s color linear;
  }
}
@media (max-width: 991px) {
  .cc-bucket-list.fullscreen-mode .main-bucket-content .cc-mobile-header-bar {
    display: block;
  }
}
.cc-bucket-list .mobile-bucket-button {
  display: none;
  width: 100%;
  text-align: left;
  background: none;
  outline: none;
  background-color: var(--lvh-white);
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  padding: 10px;
  box-sizing: border-box;
  cursor: pointer;
}
.cc-bucket-list .mobile-bucket-button .label {
  display: block;
  font-size: 14px;
  line-height: 18px;
  color: var(--lvh-secondary-text);
}
.cc-bucket-list .mobile-bucket-button .icon {
  float: right;
  font-size: 12px;
  line-height: 18px;
  color: var(--lvh-x-pale-grey);
}
@media (max-width: 991px) {
  .cc-bucket-list .main-bucket-content .cc-mobile-header-bar {
    display: none;
  }
}
.cc-bucket-list .buckets {
  display: table;
  table-layout: fixed;
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  border: solid 1px var(--lvh-x-shark-light);
  border-radius: 3px;
  background-color: var(--lvh-white);
  box-sizing: border-box;
}
.cc-bucket-list .bucket {
  float: left;
  width: 120px;
  height: 70px;
  text-align: center;
  padding: 10px;
  margin: 0;
  border-right: solid 1px var(--lvh-x-shark-light);
  box-sizing: border-box;
  cursor: pointer;
}
@media (max-width: 991px) {
  .cc-bucket-list .bucket {
    display: table-cell;
    float: none;
    width: auto;
    height: 60px;
    padding: 5px;
  }
}
.cc-bucket-list .bucket.overspill-hide {
  display: none;
}
@media (max-width: 991px) {
  .cc-bucket-list .bucket:last-child {
    border-right: none;
  }
}
.cc-bucket-list .bucket.active .count,
.cc-bucket-list .bucket.active .label {
  color: var(--lvh-bright-blue);
}
.cc-bucket-list .bucket.active .count {
  /* ------------------------------------------

                        NOTE:

                        Animate on change will fire when the
                        count is changed. But we only want to
                        animate the non-active filter count.

                    ------------------------------------------ */
}
.cc-bucket-list .bucket.active .count.animate {
  animation: none !important;
}
.cc-bucket-list .bucket .count {
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  color: var(--lvh-x-dark-grey);
  /* ------------------------------------------

                    NOTE:

                    Using keyframe animation instead of
                    a transition so it won't animate when
                    the user changes filter.

                ------------------------------------------ */
}
.cc-bucket-list .bucket .count.animate {
  animation: blue-color-flash 2s forwards ease-in-out;
  color: var(--lvh-bright-blue);
}
@keyframes blue-color-flash {
  0%,
  100% {
    color: currentColor;
  }
  25% {
    color: var(--lvh-bright-blue);
  }
}
@media (max-width: 991px) {
  .cc-bucket-list .bucket .count {
    font-size: 14px;
  }
}
.cc-bucket-list .bucket .label {
  color: var(--lvh-secondary-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 991px) {
  .cc-bucket-list .bucket .label {
    font-size: 11px;
    font-weight: 500;
  }
}
.cc-bucket-list .bucket .icon {
  display: none;
}
.cc-bucket-list li.overspill-buckets {
  text-align: center;
}
/* -----------------------------------------------------------------------------

  AVATAR COMPONENT
  
----------------------------------------------------------------------------- */
.cc-avatar {
  padding: 2px;
  position: relative;
  border-radius: 50%;
  box-sizing: border-box;
  width: 54px;
  height: 54px;
}
.cc-avatar .profilePic {
  background: none;
}
.cc-avatar.worker .round-progress {
  display: block;
}
.cc-avatar.company {
  border-radius: 3px;
  background-color: var(--lvh-white);
  border: solid 1px var(--lvh-x-shark-light);
}
.cc-avatar.group {
  background-color: var(--lvh-x-shark-dark);
  color: var(--lvh-white);
  font-size: 13px;
  font-weight: 600;
  line-height: 32px;
  text-align: center;
}
.cc-avatar.tiny {
  height: 24px;
  width: 24px;
}
.cc-avatar.tiny .indicator {
  width: 6px;
  height: 6px;
  right: 0px;
  bottom: 0px;
}
.cc-avatar.smaller {
  height: 36px;
  width: 36px;
}
.cc-avatar.smaller .indicator {
  width: 6px;
  height: 6px;
  right: 0px;
  bottom: 0px;
}
.cc-avatar.small {
  height: 45px;
  width: 45px;
}
.cc-avatar.small .indicator {
  width: 12px;
  height: 12px;
  right: 0px;
  bottom: 0px;
}
.cc-avatar.large {
  height: 70px;
  width: 70px;
}
.cc-avatar.large .indicator {
  width: 16px;
  height: 16px;
  right: 3px;
  bottom: 3px;
}
.cc-avatar .round-progress {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
}
.cc-avatar .indicator {
  position: absolute;
  width: 14px;
  height: 14px;
  right: 2px;
  bottom: 2px;
  background-color: var(--lvh-x-green);
  border: 2px solid var(--lvh-white);
  border-radius: 50%;
  box-sizing: border-box;
}
/* -----------------------------------------------------------------------------

  COUNT BADGE COMPONENT
  
----------------------------------------------------------------------------- */
.cc-count-badge {
  display: inline-block;
  height: 16px;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
  color: var(--lvh-white);
  background-color: var(--lvh-x-ripe);
  border-radius: 50px;
  padding: 0 10px;
}
@media (max-width: 991px) {
  .cc-count-badge {
    padding: 0 8px;
  }
}
.cc-count-badge.grey {
  background-color: var(--lvh-x-shark-dark);
}
.cc-count-badge.red {
  background-color: var(--lvh-x-ripe);
}
/* -----------------------------------------------------------------------------

  APP HEADER COMPONENT
  
----------------------------------------------------------------------------- */
.cc-app-header {
  float: left;
  width: 100%;
  height: 80px;
  background-color: var(--lvh-white);
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  box-sizing: border-box;
  position: relative;
}
@media (max-width: 991px) {
  .cc-app-header {
    height: 44px;
  }
}
.cc-app-header.main-page .heading {
  float: left;
  margin: 20px 0;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: -0.025em;
  line-height: 40px;
  color: var(--lvh-secondary-text);
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
@media (max-width: 991px) {
  .cc-app-header.main-page .heading {
    font-size: 14px;
    line-height: 44px;
    color: var(--lvh-x-dark-grey);
  }
}
.cc-app-header.main-page .employer-logo {
  float: left;
  width: 48px;
  height: 48px;
  border: 1px solid var(--lvh-x-pale-grey);
  border-radius: 3px;
  margin: 16px 20px 0 0;
  padding: 0;
  box-sizing: border-box;
  background-color: var(--lvh-white);
  overflow: hidden;
}
@media (max-width: 991px) {
  .cc-app-header.main-page .employer-logo {
    display: none;
  }
}
.cc-app-header.main-page .employer-logo > img {
  width: 100%;
}
.cc-app-header.sub-page .col.lhs {
  padding: 15px 0 15px 30px;
  position: relative;
  box-sizing: border-box;
}
.cc-app-header.sub-page .heading {
  margin: 0 0 5px 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  color: var(--lvh-x-dark-grey);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cc-app-header.sub-page .sub-content {
  float: left;
  margin: 0;
  padding: 0;
}
.cc-app-header.sub-page .sub-content.no-trailing-bullet .item:last-child:after {
  display: none;
}
.cc-app-header.sub-page .sub-content .item {
  float: left;
  list-style: none;
}
.cc-app-header.sub-page .sub-content .item:after {
  content: '\2022';
  float: left;
  line-height: 20px;
  color: var(--lvh-x-shark-dark);
  margin: 0 10px;
}
.cc-app-header.sub-page .sub-content .icon,
.cc-app-header.sub-page .sub-content .text {
  float: left;
  line-height: 20px;
  color: var(--lvh-x-shark-dark);
}
.cc-app-header.sub-page .sub-content .icon {
  font-size: 12px;
}
.cc-app-header.sub-page .sub-content .icon:not(:last-child) {
  margin: 0 5px 0 0;
}
.cc-app-header.sub-page .sub-content .text {
  font-size: 11px;
}
.cc-app-header.sub-page .back-button {
  position: absolute;
  top: 15px;
  left: -5px;
  padding: 5px;
}
@media (max-width: 991px) {
  .cc-app-header.sub-page .back-button {
    display: none;
  }
}
.cc-app-header.sub-page .back-button .icon {
  display: block;
  font-size: 15px;
}
.cc-app-header .col {
  height: 80px;
}
.cc-app-header .col.lhs {
  float: left;
}
.cc-app-header .col.rhs {
  float: right;
  display: table;
}
.cc-app-header .col.rhs .inner-wrap {
  display: table-cell;
  vertical-align: middle;
}
/* -----------------------------------------------------------------------------

  USER PICKER COMPONENT
  
----------------------------------------------------------------------------- */
.cc-user-picker {
  float: left;
  padding: 4px 0;
}
.cc-user-picker .calloutDirective {
  display: block;
  position: absolute;
  z-index: 2000;
  width: 250px;
  top: 100%;
  margin-top: 15px;
  margin-left: -10px;
  -moz-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05);
}
.cc-user-picker .calloutDirective .calloutTip {
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  top: 10px;
  right: 22px;
  margin: -3px 0 0 -9px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: none !important;
  border-right: none !important;
  left: 24px;
  top: -4px;
  right: auto;
}
@media (max-width: 991px) {
  .cc-user-picker .calloutDirective .calloutTip {
    display: none;
  }
}
.cc-user-picker .calloutDirective .calloutBody {
  float: left;
  width: 100%;
  padding: 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-pale-grey);
  border-radius: 3px;
}
.cc-user-picker .calloutDirective .calloutBody:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (max-width: 991px) {
  .cc-user-picker .calloutDirective .calloutBody {
    overflow-y: auto;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    background-color: var(--lvh-white);
  }
}
.cc-user-picker .calloutDirective .calloutBody i.iconFont.glyph0061 {
  position: absolute;
  top: 23px;
  right: 20px;
  z-index: 2;
  font-size: 20px;
  color: var(--lvh-x-pale-grey);
}
@media (max-width: 991px) {
  .cc-user-picker .calloutDirective .calloutBody i.iconFont.glyph0061 {
    display: none;
  }
}
.cc-user-picker .calloutDirective .calloutBody .cc-dropdown2 {
  z-index: 2001;
}
.cc-user-picker .cc-callout {
  display: none;
}
@media (min-width: 992px) {
  .cc-user-picker .cc-callout .callout-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9000;
  }
}
.cc-user-picker .cc-avatar {
  float: left;
  padding: 0;
}
.cc-user-picker > .position {
  float: left;
  width: 24px;
  height: 24px;
  box-sizing: border-box;
  margin-right: 5px;
  margin-left: 5px;
}
.cc-user-picker > .position > .icon {
  font-size: 24px;
  line-height: 24px;
  text-align: center;
  color: var(--lvh-white);
  background-color: none;
  border: none;
}
.cc-user-picker > .position.add {
  overflow: visible;
  position: relative;
  border-radius: 50%;
  background-color: var(--lvh-x-shark-dark);
}
.cc-user-picker > .position.add.active .cc-callout {
  display: block;
}
.cc-user-picker > .position.extra {
  border-radius: 50%;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  background-color: var(--lvh-x-shark-dark);
  color: var(--lvh-white);
}
.cc-user-picker > .position.extra > .cc-tooltip {
  display: block;
  line-height: 24px;
}
/* -----------------------------------------------------------------------------

  LOGIN FORM COMPONENT
  
----------------------------------------------------------------------------- */
#login-form-template #login-header {
  height: 44px;
  background-color: var(--lvh-bright-blue);
}
#login-form-template #login-header-logo {
  float: left;
  height: 20px;
  margin: 12px 0;
}
#login-form-template #login-form {
  padding: 20px 0;
}
#login-form-template #login-form:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#login-form-template #standard-login-state .p-social-connect-buttons {
  margin: 0 0 20px 0;
}
#login-form-template #standard-login-state .p-social-connect-buttons .button {
  width: 100%;
}
#login-form-template #standard-login-state .p-or-content-divider {
  margin: 0 0 20px 0;
}
#login-form-template #standard-login-state .remember-me {
  float: left;
}
#login-form-template #standard-login-state .forgot-password {
  float: right;
}
#login-form-template #standard-login-state #login-button {
  float: right;
}
#login-form-template #facebook-login-state .p-social-connect-buttons .button {
  display: inline-block;
  width: auto;
}
#login-form-template .social-state h3 {
  text-align: center;
}
#login-form-template .social-state .social-icon-circle {
  width: 125px;
  height: 125px;
  background-color: var(--lvh-x-off-white);
  border-radius: 50%;
  position: relative;
  margin: 0 auto 20px auto;
}
#login-form-template .social-state .social-icon-square {
  width: 50px;
  height: 50px;
  border-radius: 3px;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
#login-form-template .social-state .social-icon-square.facebook {
  background-color: var(--lvh-social-facebook-brand);
}
#login-form-template .social-state .social-icon-square.facebook .social-platform-icon:before {
  content: "\e907";
}
#login-form-template .social-state .social-icon-square.linkedin {
  background-color: var(--lvh-social-linkedin-brand);
}
#login-form-template .social-state .social-icon-square.linkedin .social-platform-icon:before {
  content: "\e909";
}
#login-form-template .social-state .social-icon-square.google {
  background-color: var(--lvh-white);
}
#login-form-template .social-state .social-platform-image {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
#login-form-template .social-state .social-platform-icon {
  display: block;
  font-size: 30px;
  line-height: 50px;
  text-align: center;
  color: var(--lvh-white);
}
#login-form-template .social-state .tick-icon-circle {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: var(--lvh-x-green);
  position: absolute;
  right: -12px;
  bottom: -12px;
}
#login-form-template .social-state .tick-icon {
  display: block;
  font-size: 13px;
  line-height: 25px;
  text-align: center;
  color: var(--lvh-white);
}
/* -----------------------------------------------------------------------------

  LOGIN MODAL COMPONENT
  
----------------------------------------------------------------------------- */
#login-modal #login-form {
  background-color: var(--lvh-x-off-white);
  border-top: 1px solid var(--lvh-x-pale-grey);
}
/* -----------------------------------------------------------------------------

  VERIFICATION MODAL COMPONENT
  
----------------------------------------------------------------------------- */
#verification-modal #verification-form {
  background-color: var(--lvh-x-off-white);
  border-top: 1px solid var(--lvh-x-pale-grey);
  padding: 20px 30px;
}
#verification-modal #verification-form .button-wrap {
  float: right;
}
#verification-modal #verification-form:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
/* -----------------------------------------------------------------------------

  POPOUT COMPONENT
  
----------------------------------------------------------------------------- */
.cc-popout {
  z-index: 1000;
}
.cc-popout .popout-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9000;
}
.cc-popout .popout-content {
  width: 270px;
  position: absolute;
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-pale-grey);
  z-index: 9300;
}
.cc-popout .popout-content .popout-header {
  padding: 7px 0;
  background-color: var(--lvh-x-grey);
  border-bottom: 1px solid #dedede;
  text-align: center;
  box-sizing: border-box;
}
.cc-popout .popout-content .close-button {
  cursor: pointer;
  position: absolute;
  top: 5px;
  right: 15px;
}
.cc-popout .popout-content .close-button > .icon {
  font-size: 12px;
  color: #888888;
  display: block;
  outline: 0;
  padding: 0;
  background: 0 0;
  border: none;
  margin: 3px 0;
  cursor: pointer;
}
/* -----------------------------------------------------------------------------

  RZSLIDER COMPONENT

----------------------------------------------------------------------------- */
.cc-slider {
  width: 100%;
}
.cc-slider rzslideroldest,
.cc-slider rzsliderold,
.cc-slider rzslider,
.cc-slider .rzslider {
  position: relative;
  display: block;
  width: 100%;
  height: 14px;
  margin: 0 0 20px 0;
  vertical-align: middle;
  /* rz-slider styling */
}
.cc-slider rzslideroldest span,
.cc-slider rzsliderold span,
.cc-slider rzslider span,
.cc-slider .rzslider span {
  position: absolute;
  display: inline-block;
  white-space: nowrap;
}
.cc-slider rzslideroldest span.base,
.cc-slider rzsliderold span.base,
.cc-slider rzslider span.base,
.cc-slider .rzslider span.base,
.cc-slider rzslideroldest span.rz-base,
.cc-slider rzsliderold span.rz-base,
.cc-slider rzslider span.rz-base,
.cc-slider .rzslider span.rz-base {
  width: 100%;
  height: 100%;
  padding: 0;
}
.cc-slider rzslideroldest span.bar,
.cc-slider rzsliderold span.bar,
.cc-slider rzslider span.bar,
.cc-slider .rzslider span.bar,
.cc-slider rzslideroldest span.rz-bar,
.cc-slider rzsliderold span.rz-bar,
.cc-slider rzslider span.rz-bar,
.cc-slider .rzslider span.rz-bar,
.cc-slider rzslideroldest span.rz-bar-wrapper,
.cc-slider rzsliderold span.rz-bar-wrapper,
.cc-slider rzslider span.rz-bar-wrapper,
.cc-slider .rzslider span.rz-bar-wrapper {
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border: 1px solid var(--lvh-x-yellow) !important;
  border-radius: 4px;
  background: var(--lvh-x-yellow) !important;
}
.cc-slider rzslideroldest span.bar.selection,
.cc-slider rzsliderold span.bar.selection,
.cc-slider rzslider span.bar.selection,
.cc-slider .rzslider span.bar.selection,
.cc-slider rzslideroldest span.rz-bar.selection,
.cc-slider rzsliderold span.rz-bar.selection,
.cc-slider rzslider span.rz-bar.selection,
.cc-slider .rzslider span.rz-bar.selection,
.cc-slider rzslideroldest span.rz-bar-wrapper.selection,
.cc-slider rzsliderold span.rz-bar-wrapper.selection,
.cc-slider rzslider span.rz-bar-wrapper.selection,
.cc-slider .rzslider span.rz-bar-wrapper.selection,
.cc-slider rzslideroldest span.bar.rz-selection,
.cc-slider rzsliderold span.bar.rz-selection,
.cc-slider rzslider span.bar.rz-selection,
.cc-slider .rzslider span.bar.rz-selection,
.cc-slider rzslideroldest span.rz-bar.rz-selection,
.cc-slider rzsliderold span.rz-bar.rz-selection,
.cc-slider rzslider span.rz-bar.rz-selection,
.cc-slider .rzslider span.rz-bar.rz-selection,
.cc-slider rzslideroldest span.rz-bar-wrapper.rz-selection,
.cc-slider rzsliderold span.rz-bar-wrapper.rz-selection,
.cc-slider rzslider span.rz-bar-wrapper.rz-selection,
.cc-slider .rzslider span.rz-bar-wrapper.rz-selection {
  z-index: 1;
  width: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.cc-slider rzslideroldest span.pointer,
.cc-slider rzsliderold span.pointer,
.cc-slider rzslider span.pointer,
.cc-slider .rzslider span.pointer,
.cc-slider rzslideroldest span.rz-pointer,
.cc-slider rzsliderold span.rz-pointer,
.cc-slider rzslider span.rz-pointer,
.cc-slider .rzslider span.rz-pointer {
  width: 38px;
  height: 38px;
  position: absolute;
  top: 50%;
  margin-top: -19px;
  z-index: 2;
  cursor: pointer;
  background-color: var(--lvh-white);
  border: solid 1px var(--lvh-x-shark-dark);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05);
  outline: none;
}
.cc-slider rzslideroldest span.pointer:hover:after,
.cc-slider rzsliderold span.pointer:hover:after,
.cc-slider rzslider span.pointer:hover:after,
.cc-slider .rzslider span.pointer:hover:after,
.cc-slider rzslideroldest span.rz-pointer:hover:after,
.cc-slider rzsliderold span.rz-pointer:hover:after,
.cc-slider rzslider span.rz-pointer:hover:after,
.cc-slider .rzslider span.rz-pointer:hover:after {
  background: #0579B4;
}
.cc-slider rzslideroldest span.bubble,
.cc-slider rzsliderold span.bubble,
.cc-slider rzslider span.bubble,
.cc-slider .rzslider span.bubble,
.cc-slider rzslideroldest span.rz-bubble,
.cc-slider rzsliderold span.rz-bubble,
.cc-slider rzslider span.rz-bubble,
.cc-slider .rzslider span.rz-bubble {
  top: 18px;
  padding: 1px 3px 1px 3px;
  color: var(--lvh-white);
  cursor: default;
  font-size: 12px;
  width: 90px;
}
.cc-slider rzslideroldest span.bubble.limit,
.cc-slider rzsliderold span.bubble.limit,
.cc-slider rzslider span.bubble.limit,
.cc-slider .rzslider span.bubble.limit,
.cc-slider rzslideroldest span.rz-bubble.limit,
.cc-slider rzsliderold span.rz-bubble.limit,
.cc-slider rzslider span.rz-bubble.limit,
.cc-slider .rzslider span.rz-bubble.limit {
  visibility: hidden;
}
.cc-slider rzslideroldest span.bubble.selection,
.cc-slider rzsliderold span.bubble.selection,
.cc-slider rzslider span.bubble.selection,
.cc-slider .rzslider span.bubble.selection,
.cc-slider rzslideroldest span.rz-bubble.selection,
.cc-slider rzsliderold span.rz-bubble.selection,
.cc-slider rzslider span.rz-bubble.selection,
.cc-slider .rzslider span.rz-bubble.selection {
  top: 15px;
}
.cc-slider rzslideroldest span.bubble.bubble_slider_tooltip,
.cc-slider rzsliderold span.bubble.bubble_slider_tooltip,
.cc-slider rzslider span.bubble.bubble_slider_tooltip,
.cc-slider .rzslider span.bubble.bubble_slider_tooltip,
.cc-slider rzslideroldest span.rz-bubble.bubble_slider_tooltip,
.cc-slider rzsliderold span.rz-bubble.bubble_slider_tooltip,
.cc-slider rzslider span.rz-bubble.bubble_slider_tooltip,
.cc-slider .rzslider span.rz-bubble.bubble_slider_tooltip {
  width: 130px;
  margin: 20px 0 0 0;
  padding: 10px;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.05);
  border-radius: 3px;
  box-sizing: border-box;
  background: var(--lvh-x-dark-grey);
  z-index: 1;
}
@media (max-width: 991px) {
  .cc-slider rzslideroldest span.bubble.bubble_slider_tooltip,
  .cc-slider rzsliderold span.bubble.bubble_slider_tooltip,
  .cc-slider rzslider span.bubble.bubble_slider_tooltip,
  .cc-slider .rzslider span.bubble.bubble_slider_tooltip,
  .cc-slider rzslideroldest span.rz-bubble.bubble_slider_tooltip,
  .cc-slider rzsliderold span.rz-bubble.bubble_slider_tooltip,
  .cc-slider rzslider span.rz-bubble.bubble_slider_tooltip,
  .cc-slider .rzslider span.rz-bubble.bubble_slider_tooltip {
    left: 50% !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    box-shadow: none;
    background: none;
    color: var(--lvh-x-mesh-light);
  }
}
.cc-slider rzslideroldest span.bubble.bubble_slider_tooltip:before,
.cc-slider rzsliderold span.bubble.bubble_slider_tooltip:before,
.cc-slider rzslider span.bubble.bubble_slider_tooltip:before,
.cc-slider .rzslider span.bubble.bubble_slider_tooltip:before,
.cc-slider rzslideroldest span.rz-bubble.bubble_slider_tooltip:before,
.cc-slider rzsliderold span.rz-bubble.bubble_slider_tooltip:before,
.cc-slider rzslider span.rz-bubble.bubble_slider_tooltip:before,
.cc-slider .rzslider span.rz-bubble.bubble_slider_tooltip:before {
  position: absolute;
  content: '';
  top: -17px;
  left: 50%;
  display: block;
  height: 14px;
  width: 14px;
  margin: 10px 0 0 -8px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: none !important;
  border-right: none !important;
  z-index: 1001;
  background: var(--lvh-x-dark-grey);
}
@media (max-width: 991px) {
  .cc-slider rzslideroldest span.bubble.bubble_slider_tooltip:before,
  .cc-slider rzsliderold span.bubble.bubble_slider_tooltip:before,
  .cc-slider rzslider span.bubble.bubble_slider_tooltip:before,
  .cc-slider .rzslider span.bubble.bubble_slider_tooltip:before,
  .cc-slider rzslideroldest span.rz-bubble.bubble_slider_tooltip:before,
  .cc-slider rzsliderold span.rz-bubble.bubble_slider_tooltip:before,
  .cc-slider rzslider span.rz-bubble.bubble_slider_tooltip:before,
  .cc-slider .rzslider span.rz-bubble.bubble_slider_tooltip:before {
    display: none;
  }
}
.cc-slider rzslideroldest .wrapper,
.cc-slider rzsliderold .wrapper,
.cc-slider rzslider .wrapper,
.cc-slider .rzslider .wrapper,
.cc-slider rzslideroldest .rz-bar-wrapper,
.cc-slider rzsliderold .rz-bar-wrapper,
.cc-slider rzslider .rz-bar-wrapper,
.cc-slider .rzslider .rz-bar-wrapper {
  width: 97%;
}
.cc-slider rzslideroldest .DisableSlider .EnableSliderToggle,
.cc-slider rzsliderold .DisableSlider .EnableSliderToggle,
.cc-slider rzslider .DisableSlider .EnableSliderToggle,
.cc-slider .rzslider .DisableSlider .EnableSliderToggle {
  background: #BBBBBB !important;
  border: 1px solid #BBBBBB !important;
}
.cc-slider rzslideroldest .EnableSlider .EnableSliderToggle,
.cc-slider rzsliderold .EnableSlider .EnableSliderToggle,
.cc-slider rzslider .EnableSlider .EnableSliderToggle,
.cc-slider .rzslider .EnableSlider .EnableSliderToggle {
  background: #1575A9;
  border: 1px solid #1575A9;
}
.cc-slider rzslideroldest .DisableSlider .selection,
.cc-slider rzsliderold .DisableSlider .selection,
.cc-slider rzslider .DisableSlider .selection,
.cc-slider .rzslider .DisableSlider .selection {
  background: #BBBBBB !important;
  border: 1px solid #BBBBBB !important;
}
.cc-slider rzslideroldest .DisableSlider .Disabletooltip,
.cc-slider rzsliderold .DisableSlider .Disabletooltip,
.cc-slider rzslider .DisableSlider .Disabletooltip,
.cc-slider .rzslider .DisableSlider .Disabletooltip {
  display: none;
}
.cc-slider rzslideroldest .EnableSlider .Disabletooltip,
.cc-slider rzsliderold .EnableSlider .Disabletooltip,
.cc-slider rzslider .EnableSlider .Disabletooltip,
.cc-slider .rzslider .EnableSlider .Disabletooltip {
  display: block;
}
.cc-slider rzslideroldest .DisableSlider .DisableCOS,
.cc-slider rzsliderold .DisableSlider .DisableCOS,
.cc-slider rzslider .DisableSlider .DisableCOS,
.cc-slider .rzslider .DisableSlider .DisableCOS {
  display: none;
}
.cc-slider rzslideroldest .EnableSlider .DisableCOS,
.cc-slider rzsliderold .EnableSlider .DisableCOS,
.cc-slider rzslider .EnableSlider .DisableCOS,
.cc-slider .rzslider .EnableSlider .DisableCOS {
  display: block;
}
.cc-slider rzslideroldest .disablepointer2,
.cc-slider rzsliderold .disablepointer2,
.cc-slider rzslider .disablepointer2,
.cc-slider .rzslider .disablepointer2 {
  pointer-events: none;
}
.cc-slider rzslideroldest .disablepointer3,
.cc-slider rzsliderold .disablepointer3,
.cc-slider rzslider .disablepointer3,
.cc-slider .rzslider .disablepointer3 {
  border-bottom: 8px solid grey;
  pointer-events: none;
}
.cc-slider rzslideroldest .disablepointer4,
.cc-slider rzsliderold .disablepointer4,
.cc-slider rzslider .disablepointer4,
.cc-slider .rzslider .disablepointer4 {
  border-top: 8px solid grey;
}
.cc-slider rzslideroldest .rzslide-addport,
.cc-slider rzsliderold .rzslide-addport,
.cc-slider rzslider .rzslide-addport,
.cc-slider .rzslider .rzslide-addport {
  width: 100px;
  float: right;
  margin-top: 20px;
  margin-right: 5px;
}
.cc-slider rzslideroldest .inputslide-port,
.cc-slider rzsliderold .inputslide-port,
.cc-slider rzslider .inputslide-port,
.cc-slider .rzslider .inputslide-port {
  float: right;
  width: 60px;
  padding: 5px 24px 5px 0px;
  border: 1px solid grey;
  border-radius: 5px;
  text-align: center;
}
.cc-slider rzslideroldest .slidearrow,
.cc-slider rzsliderold .slidearrow,
.cc-slider rzslider .slidearrow,
.cc-slider .rzslider .slidearrow {
  position: absolute;
  right: 0;
  height: 23px;
  border-left: 1px solid grey;
  width: 17%;
  top: 2px;
  padding: 2px 3px;
}
.cc-slider rzslideroldest .rzslide-addevc,
.cc-slider rzsliderold .rzslide-addevc,
.cc-slider rzslider .rzslide-addevc,
.cc-slider .rzslider .rzslide-addevc {
  width: 100px;
  float: right;
  margin-top: 20px;
  margin-right: 5px;
}
.cc-slider rzslideroldest .inputslide-evc,
.cc-slider rzsliderold .inputslide-evc,
.cc-slider rzslider .inputslide-evc,
.cc-slider .rzslider .inputslide-evc {
  float: right;
  width: 60px;
  padding: 5px 24px 5px 0px;
  border: 1px solid grey;
  border-radius: 5px;
  text-align: center;
}
.cc-slider rzslideroldest .slidearrow-evc,
.cc-slider rzsliderold .slidearrow-evc,
.cc-slider rzslider .slidearrow-evc,
.cc-slider .rzslider .slidearrow-evc {
  position: absolute;
  right: 0;
  height: 23px;
  border-left: 1px solid grey;
  width: 17%;
  top: 2px;
  padding: 2px 3px;
}
.cc-slider rzslideroldest .scaleWrap,
.cc-slider rzsliderold .scaleWrap,
.cc-slider rzslider .scaleWrap,
.cc-slider .rzslider .scaleWrap {
  float: left;
  width: 100%;
}
.cc-slider rzslideroldest .scaleWrap ul,
.cc-slider rzsliderold .scaleWrap ul,
.cc-slider rzslider .scaleWrap ul,
.cc-slider .rzslider .scaleWrap ul {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none;
  z-index: 1;
}
.cc-slider rzslideroldest .scaleWrap ul li,
.cc-slider rzsliderold .scaleWrap ul li,
.cc-slider rzslider .scaleWrap ul li,
.cc-slider .rzslider .scaleWrap ul li {
  float: left;
  color: var(--lvh-white);
  height: 16px;
}
.cc-slider rzslideroldest .scaleWrap ul li b,
.cc-slider rzsliderold .scaleWrap ul li b,
.cc-slider rzslider .scaleWrap ul li b,
.cc-slider .rzslider .scaleWrap ul li b {
  display: block;
  font-weight: normal;
  height: 100%;
  line-height: 16px;
  border-left: 1px solid var(--lvh-white);
  text-indent: -99999999px;
}
.cc-slider rzslideroldest .scaleWrap ul li:first-child,
.cc-slider rzsliderold .scaleWrap ul li:first-child,
.cc-slider rzslider .scaleWrap ul li:first-child,
.cc-slider .rzslider .scaleWrap ul li:first-child,
.cc-slider rzslideroldest .scaleWrap ul li:last-child,
.cc-slider rzsliderold .scaleWrap ul li:last-child,
.cc-slider rzslider .scaleWrap ul li:last-child,
.cc-slider .rzslider .scaleWrap ul li:last-child {
  visibility: hidden;
}
.cc-slider rzslideroldest .scaleWrap ul li:last-child,
.cc-slider rzsliderold .scaleWrap ul li:last-child,
.cc-slider rzslider .scaleWrap ul li:last-child,
.cc-slider .rzslider .scaleWrap ul li:last-child {
  width: 1% !important;
}
.cc-slider rzslideroldest .sliderinputbox,
.cc-slider rzsliderold .sliderinputbox,
.cc-slider rzslider .sliderinputbox,
.cc-slider .rzslider .sliderinputbox {
  width: 100px;
  float: right;
  margin-top: 20px;
  margin-right: 5px;
}
.cc-slider rzslideroldest .slidervaluebox,
.cc-slider rzsliderold .slidervaluebox,
.cc-slider rzslider .slidervaluebox,
.cc-slider .rzslider .slidervaluebox {
  float: right;
  width: 60px;
  padding: 5px 24px 5px 0px;
  border: 1px solid grey;
  border-radius: 5px;
  text-align: center;
  position: relative;
}
.cc-slider rzslideroldest .slidervalueincrdecr,
.cc-slider rzsliderold .slidervalueincrdecr,
.cc-slider rzslider .slidervalueincrdecr,
.cc-slider .rzslider .slidervalueincrdecr {
  position: absolute;
  right: 13px;
  height: 23px;
  border-left: 1px solid grey;
  width: 2%;
  top: 28px;
  padding: 2px 3px;
}
.cc-slider rzslideroldest .sliderTextIncrementer,
.cc-slider rzsliderold .sliderTextIncrementer,
.cc-slider rzslider .sliderTextIncrementer,
.cc-slider .rzslider .sliderTextIncrementer {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 8px solid #0579B4;
  border-radius: 5px;
  position: absolute;
  top: 6px;
  right: 4px;
}
.cc-slider rzslideroldest .sliderTextIncrementerDisabled,
.cc-slider rzsliderold .sliderTextIncrementerDisabled,
.cc-slider rzslider .sliderTextIncrementerDisabled,
.cc-slider .rzslider .sliderTextIncrementerDisabled {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 8px solid grey;
  border-radius: 5px;
  position: absolute;
  top: 6px;
  right: 4px;
}
.cc-slider rzslideroldest .sliderTextDecrementer,
.cc-slider rzsliderold .sliderTextDecrementer,
.cc-slider rzslider .sliderTextDecrementer,
.cc-slider .rzslider .sliderTextDecrementer {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 8px solid #0579B4;
  border-radius: 5px;
  position: absolute;
  top: 16px;
  right: 4px;
}
.cc-slider rzslideroldest .sliderTextDecrementerDisabled,
.cc-slider rzsliderold .sliderTextDecrementerDisabled,
.cc-slider rzslider .sliderTextDecrementerDisabled,
.cc-slider .rzslider .sliderTextDecrementerDisabled {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 8px solid grey;
  border-radius: 5px;
  position: absolute;
  top: 16px;
  right: 4px;
}
.cc-slider .sliderLabels {
  position: relative;
  float: left;
  width: 100%;
}
.cc-slider .sliderLabels .sliderLimit {
  font-size: 24px;
  font-weight: 500;
  color: var(--lvh-x-mesh-light);
}
@media (max-width: 991px) {
  .cc-slider .sliderLabels .sliderLimit {
    font-size: 16px;
  }
}
.cc-slider .sliderLabels .sliderLimit.min {
  float: left;
}
.cc-slider .sliderLabels .sliderLimit.max {
  float: right;
}
.cc-slider .sliderLabels .sliderTotal {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.cc-slider .sliderLabels .sliderTotal .callout {
  position: relative;
  left: 200px;
  width: 125px;
  margin-left: -12px;
  padding: 10px;
  text-align: center;
  -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.05);
  border: solid 1px var(--lvh-x-pale-grey);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  box-sizing: border-box;
  background: var(--lvh-white);
  z-index: 1;
}
.cc-slider .sliderLabels .sliderTotal .callout > .label {
  font-size: 14px;
  color: var(--lvh-secondary-text);
}
.cc-slider .sliderLabels .sliderTotal .callout .calloutTip {
  height: 14px;
  width: 14px;
  background-color: var(--lvh-white);
  position: absolute;
  border: 1px solid var(--lvh-x-pale-grey);
  z-index: 1001;
  top: -8px;
  left: 50%;
  margin: 0 0 0 -8px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: none !important;
  border-right: none !important;
}
/* -----------------------------------------------------------------------------

  TEAM PICKER COMPONENT
  
----------------------------------------------------------------------------- */
.cc-team-picker {
  float: left;
  width: 100%;
  box-sizing: border-box;
}
.cc-team-picker > div {
  float: left;
  box-sizing: border-box;
}
.cc-team-picker .halves {
  width: 50%;
}
.cc-team-picker .quarters {
  width: 25%;
}
.cc-team-picker .team-owner,
.cc-team-picker .team-hiring-manager {
  padding-right: 25px;
}
@media (max-width: 991px) {
  .cc-team-picker .team-owner,
  .cc-team-picker .team-hiring-manager {
    width: 100%;
    margin: 0 0 20px;
    padding-right: 0;
  }
}
.cc-team-picker .team-owner .dropdownComponent.head .selectedLabel .text {
  width: calc(100% - 34px);
}
.cc-team-picker .team-collaborators {
  width: 50%;
}
@media (max-width: 991px) {
  .cc-team-picker .team-collaborators {
    width: 100%;
  }
}
.cc-team-picker .dropdownComponent .selectedLabel {
  min-height: 36px;
}
/* -----------------------------------------------------------------------------

  USER ACCOUNT MENU COMPONENT

----------------------------------------------------------------------------- */
.cc-user-account-menu {
  display: inline-block;
  position: relative;
}
.cc-user-account-menu .trigger {
  color: var(--lvh-secondary-text);
}
.cc-user-account-menu .trigger:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.cc-user-account-menu .trigger .text,
.cc-user-account-menu .trigger .icon {
  float: left;
  line-height: 26px;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
  cursor: inherit;
}
.cc-user-account-menu .trigger .text {
  font-size: 14px;
  font-weight: 700;
  margin: 0 5px 0 0;
}
@media (max-width: 991px) {
  .cc-user-account-menu .trigger .text {
    margin: 0;
  }
}
.cc-user-account-menu .trigger .icon {
  font-size: 7px;
}
@media (max-width: 991px) {
  .cc-user-account-menu .trigger .icon {
    display: none;
  }
}
.cc-user-account-menu .cc-callout {
  right: 0;
  margin-right: -26px;
}
.cc-user-account-menu .menuItem.small .item {
  padding-top: 5px;
  padding-bottom: 5px;
}
.cc-user-account-menu .menuItem.small .label {
  font-size: 11px;
  color: var(--lvh-x-shark-dark);
}
@media (max-width: 991px) {
  .cc-user-account-menu .menuItem.desktop-only {
    display: none;
  }
}
#unsupported-browser-banner {
  display: block;
  position: fixed;
  top: 80px;
  left: 20px;
  right: 20px;
  z-index: 7950;
}
@media (max-width: 991px) {
  #unsupported-browser-banner {
    top: 74px;
  }
}
/**
 * A safe haven for miscellaneous components who are so small, they probably
 * don't deserve their own stylesheet. But we will love them all the same.
 */
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
.iconFont + .icon-label,
.iconFont .icon-label {
  position: absolute !important;
  height: 1px !important;
  width: 1px !important;
  padding: 0 !important;
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px);
}
.cc-mobile-header-bar {
  height: 44px;
  background-color: var(--lvh-x-shark-light);
  text-align: center;
  position: relative;
}
@media (min-width: 992px) {
  .cc-mobile-header-bar {
    display: none;
  }
}
.cc-mobile-header-bar .mhb-heading {
  display: block;
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 44px;
  padding: 0 30px;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cc-mobile-header-bar .mhb-inner-wrap {
  position: relative;
}
.cc-mobile-header-bar .button {
  outline: none;
  border: none;
  background: none;
  padding: 0;
  position: absolute;
  top: 0;
  bottom: 0;
}
.cc-mobile-header-bar .button.lhs {
  left: 0;
}
.cc-mobile-header-bar .button.rhs {
  right: 0;
}
.cc-last-action .lastAction {
  float: left;
  width: 100%;
  padding-right: 12px;
  box-sizing: border-box;
  position: relative;
}
@media (max-width: 991px) {
  .cc-last-action .lastAction {
    float: left;
    width: 100%;
    position: relative;
    bottom: auto;
  }
}
.cc-last-action .lastAction .avatarWrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 1.769em;
  height: 1.769em;
}
.cc-last-action .lastAction .avatar {
  width: 100%;
  height: 100%;
  background-color: var(--lvh-white96);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
.cc-last-action .lastAction .avatar > img {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.cc-last-action .lastAction .text {
  float: left;
  width: 100%;
  padding: 0.192em 1.538em 0.192em 2.308em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--lvh-x-shark-dark);
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  cursor: default;
}
.cc-last-action .lastAction .text span {
  display: block;
  font-size: 0.846em;
  overflow: hidden;
}
.cc-last-action .attachmentsIndicator {
  position: absolute;
  top: 0;
  right: 0;
}
.cc-last-action .attachmentsIndicator .icon {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.192em 0;
}
.cc-last-action .attachmentsIndicator .icon i {
  font-size: 0.923em;
  color: var(--lvh-x-shark-dark);
}
.cc-referrer-label {
  display: inline-block;
  font-size: 12px;
  line-height: 19px;
  color: var(--lvh-x-green);
  background-color: rgba(80, 184, 72, 0.2);
  border-radius: 3px;
  padding: 0 6px;
}
.cc-agency-label {
  display: inline-block;
  font-size: 12px;
  line-height: 19px;
  color: var(--lvh-bright-blue);
  background-color: rgba(0, 189, 235, 0.2);
  border-radius: 3px;
  padding: 0 6px;
}
@media (max-width: 991px) {
  .cc-date-selector .col.halves,
  .cc-date-selector .col.thirds,
  .cc-date-selector .col.quarters {
    display: none;
  }
}
@media (min-width: 992px) {
  .cc-date-selector .mobileDate {
    display: none;
  }
}
.date-picker-wrap {
  float: left;
  width: 100%;
  position: relative;
  color: initial;
}
.date-picker-wrap #uiDate {
  z-index: 3;
}
.date-picker-wrap input[type='text'],
.date-picker-wrap input[type='date'] {
  padding-left: 2em;
}
@media (min-width: 992px) {
  .date-picker-wrap input[type='text'].mobileDate,
  .date-picker-wrap input[type='date'].mobileDate {
    display: none;
  }
}
@media (max-width: 991px) {
  .date-picker-wrap input[type='text']#textDate,
  .date-picker-wrap input[type='date']#textDate {
    display: none;
  }
}
.date-picker-wrap i {
  color: var(--lvh-x-shark-dark);
  position: absolute;
  top: 50%;
  z-index: 1;
  left: 0.615em;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.date-picker-wrap .cc-overlay-mask.transparent {
  z-index: 2;
}
.border-notch {
  /* creates the larger triangle */
}
.border-notch:before {
  content: "";
  position: absolute;
  bottom: -25px;
  /* value = - border-top-width - border-bottom-width */
  left: 40px;
  /* controls horizontal position */
  border-width: 15px 15px 0;
  border-style: solid;
  border-color: var(--lvh-x-shark-light) transparent;
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0;
}
.border-notch:after {
  content: "";
  position: absolute;
  bottom: -13px;
  /* value = - border-top-width - border-bottom-width */
  left: 42px;
  /* value = (:before left) + (:before border-left) - (:after border-left) */
  border-width: 13px 13px 0;
  border-style: solid;
  border-color: white transparent;
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0;
}
.border-notch.top:before {
  top: -15px;
  /* value = - border-top-width - border-bottom-width */
  bottom: auto;
  left: auto;
  right: 40px;
  /* controls horizontal position */
  border-width: 0 15px 15px;
}
.border-notch.top:after {
  top: -13px;
  /* value = - border-top-width - border-bottom-width */
  bottom: auto;
  left: auto;
  right: 42px;
  /* value = (:before right) + (:before border-right) - (:after border-right) */
  border-width: 0 13px 13px;
}
@media (max-width: 991px) {
  .hide-mobile {
    display: none;
  }
}
.callout-wrap .trigger {
  display: block;
  padding: 5px 2px;
}
@media (min-width: 992px) {
  .callout-wrap .callout-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9000;
  }
}
.callout-wrap .callout.visible .cc-callout {
  display: block;
  z-index: 9001;
}
@media (max-width: 991px) {
  .callout-wrap .callout.visible .cc-callout .p-mobile-fullscreen-overlay.overlay-visible .body {
    margin: 20px 0 0;
  }
}
.callout {
  display: block;
}
.callout:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.callout .cc-callout {
  position: relative;
  z-index: 2000;
}
.callout .cc-callout.topLeft {
  display: none;
  width: 250px;
}
.callout .cc-callout.topLeft .cc-callout-body {
  margin: 10px 0 0;
  padding: 15px;
  max-height: 150px;
  overflow-y: auto;
}
.cc-callout-tip.top {
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  top: 10px;
  right: 22px;
  margin: -3px 0 0 -9px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: none !important;
  border-right: none !important;
}
.cc-callout-tip.right {
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  top: 22px;
  right: 0;
  margin: 0 -8px 0 0;
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  border-bottom: none !important;
  border-right: none !important;
}
.cc-callout-tip.bottom {
  bottom: -7px;
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  bottom: 10px;
  right: 22px;
  margin: -3px 0 0 -9px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: none;
  border-left: none;
}
.cc-callout-tip.left {
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  top: 22px;
  left: 0;
  margin: 0 0 0 -8px;
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  border-top: none !important;
  border-left: none !important;
}
.cc-callout-tip.topLeft {
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  top: -5px;
  left: 15px;
  margin: -3px 0 0 -9px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: none !important;
  border-right: none !important;
}
.cc-callout-body {
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-pale-grey);
  border-radius: 3px;
}
.cc-callout-body:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.cc-callout-content {
  background-color: var(--lvh-white);
  border-radius: 3px;
  position: relative;
  z-index: 1002;
  overflow: hidden;
}
.cc-callout-content > ul {
  margin: 0;
  padding: 13px 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cc-callout-content > ul:last-child {
  padding: 13px 0 0 0;
}
.cc-callout-content > ul.bullets > li {
  margin: 0 0 0 15px;
  padding: 0 0 10px 0;
  list-style: disc;
}
.cc-callout-content > ul.bullets > li:last-child {
  padding: 0;
}
.cc-callout-content > ul > li {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.cc-callout-content > ul > li.mobileOnly {
  display: none;
}
@media (max-width: 991px) {
  .cc-callout-content > ul > li.mobileOnly {
    display: list-item;
  }
}
.cc-callout-content > ul > li.divider {
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  margin: 10px 0;
}
.cc-callout-content > ul > li.divider > a {
  display: none;
}
.cc-callout-content > ul > li > a,
.cc-callout-content > ul > li > span {
  display: block;
  color: var(--lvh-x-mid-grey);
  outline: none;
  padding: 0.25em 1.538em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
}
.cc-callout-content > ul > li > a:hover,
.cc-callout-content > ul > li > span:hover,
.cc-callout-content > ul > li > a:focus,
.cc-callout-content > ul > li > span:focus,
.cc-callout-content > ul > li > a.selected,
.cc-callout-content > ul > li > span.selected {
  background-color: var(--lvh-x-off-white);
}
.cc-callout-content > ul > li > a .label,
.cc-callout-content > ul > li > span .label {
  color: var(--lvh-x-mid-grey);
  white-space: inherit;
}
.cc-callout-content > ul > li.disabled > a,
.cc-callout-content > ul > li.disabled > span {
  color: rgba(102, 102, 102, 0.3);
}
.cc-callout-content > ul > li.disabled > a:hover,
.cc-callout-content > ul > li.disabled > span:hover,
.cc-callout-content > ul > li.disabled > a:focus,
.cc-callout-content > ul > li.disabled > span:focus,
.cc-callout-content > ul > li.disabled > a.selected,
.cc-callout-content > ul > li.disabled > span.selected {
  background-color: var(--lvh-white);
}
.cc-callout-content > ul {
  margin: 0;
  padding: 1em 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cc-callout-content > ul > li {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.cc-callout-content > ul > li.mobileOnly {
  display: none;
}
@media (max-width: 991px) {
  .cc-callout-content > ul > li.mobileOnly {
    display: list-item;
  }
}
.cc-callout-content > ul > li.divider {
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  margin: 10px 0;
}
.cc-callout-content > ul > li.divider > a {
  display: none;
}
@media (min-width: 992px) {
  .cc-callout-content > ul > li#showHowItWorksLink {
    display: none;
  }
}
.cc-callout-content > ul > li > a,
.cc-callout-content > ul > li > span {
  display: block;
  color: var(--lvh-x-mid-grey);
  outline: none;
  padding: 0.25em 1.538em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
}
.cc-callout-content > ul > li > a:hover,
.cc-callout-content > ul > li > span:hover,
.cc-callout-content > ul > li > a:focus,
.cc-callout-content > ul > li > span:focus,
.cc-callout-content > ul > li > a.selected,
.cc-callout-content > ul > li > span.selected {
  background-color: var(--lvh-x-off-white);
}
.cc-callout-content > ul > li > a .label,
.cc-callout-content > ul > li > span .label {
  color: var(--lvh-x-mid-grey);
  white-space: inherit;
}
.cc-callout-content > ul > li.disabled > a,
.cc-callout-content > ul > li.disabled > span {
  color: var(--lvh-disabled-text);
}
.cc-callout-content > ul > li.disabled > a:hover,
.cc-callout-content > ul > li.disabled > span:hover,
.cc-callout-content > ul > li.disabled > a:focus,
.cc-callout-content > ul > li.disabled > span:focus,
.cc-callout-content > ul > li.disabled > a.selected,
.cc-callout-content > ul > li.disabled > span.selected {
  background-color: var(--lvh-white);
}
.cc-alert {
  padding: 15px;
  border-radius: 3px;
  box-sizing: border-box;
}
.cc-alert.has-icon {
  position: relative;
  padding-left: 40px;
}
.cc-alert.has-icon > .icon {
  position: absolute;
  top: 15px;
  left: 15px;
  font-size: 14px;
  line-height: 20px;
}
.cc-alert.red {
  background-color: var(--lvh-validation-red-light);
  border: 1px solid var(--lvh-validation-red-mid);
  color: var(--lvh-validation-red-dark);
}
.cc-alert.red p {
  color: var(--lvh-validation-red-dark);
}
.cc-alert.red p a {
  color: var(--lvh-validation-red-dark);
}
.cc-alert.yellow {
  background-color: var(--lvh-alert-yellow-light);
  border: 1px solid var(--lvh-alert-yellow-mid);
  color: var(--lvh-alert-yellow-text);
}
.cc-alert.yellow p {
  color: var(--lvh-alert-yellow-text);
}
.cc-alert.yellow p a {
  color: var(--lvh-alert-yellow-text);
}
.cc-alert.green {
  background-color: var(--lvh-validation-green-light);
  border: 1px solid var(--lvh-validation-green-mid);
  color: var(--lvh-validation-green-dark);
}
.cc-alert.green p {
  color: var(--lvh-validation-green-dark);
}
.cc-alert.green p a {
  color: var(--lvh-validation-green-dark);
}
.cc-alert.blue {
  background-color: var(--lvh-alert-blue-light);
  border: 1px solid var(--lvh-alert-blue-mid);
  color: var(--lvh-alert-blue-text);
}
.cc-alert.blue p {
  color: var(--lvh-alert-blue-text);
}
.cc-alert.blue p a {
  color: var(--lvh-alert-blue-text);
}
.cc-alert .heading {
  margin: 0 0 10px 0;
  font-size: 15px;
  font-weight: 700;
}
.cc-alert p {
  margin: 0;
  font-size: 13px;
  line-height: 1.5 !important;
}
.cc-alert p:not(:last-child) {
  margin: 0 0 20px 0;
}
.cc-alert p a {
  text-decoration: underline;
}
.cc-alert .close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 10px;
  cursor: pointer;
}
.cc-alert.alert-dismissible {
  padding-right: 40px;
}
.cc-alert.alert-dismissible .close {
  position: absolute;
  top: 10px;
  right: 10px;
  color: var(--lvh-x-dark-grey);
  font-size: 13px;
  cursor: pointer;
  background: none;
  border: none;
}
.cc-alert.alert-dismissible .close:focus-visible {
  outline: none;
}
.cc-alert.alert-dismissible .close:focus {
  box-shadow: 0px 0px 0px 2px var(--lvh-x-dark-grey);
  border-radius: 3px;
}
.p-empty-state {
  padding: 40px 0;
  border-radius: 3px;
  box-sizing: border-box;
  text-align: center;
  background: var(--lvh-white);
}
@media (max-width: 991px) {
  .p-empty-state {
    padding: 40px 10px;
  }
}
.p-empty-state:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.p-empty-state.small {
  padding: 20px 10px;
}
@media (max-width: 991px) {
  .p-empty-state.small {
    padding: 20px 10px;
  }
}
.p-empty-state.small .icon {
  width: 100px;
  height: 100px;
}
@media (max-width: 991px) {
  .p-empty-state.small .icon {
    width: 75px;
    height: 75px;
  }
}
.p-empty-state .icon {
  width: 128px;
  height: 128px;
}
@media (max-width: 991px) {
  .p-empty-state .icon {
    width: 100px;
    height: 100px;
  }
}
.p-empty-state .icon > img {
  max-width: 100%;
  height: auto;
}
.p-empty-state h3 {
  margin: 20px 0;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: normal;
  color: var(--lvh-primary-text);
}
@media (max-width: 991px) {
  .p-empty-state h3 {
    font-size: 16px;
    line-height: 22px;
  }
}
.p-empty-state p {
  margin: 0 20px;
  font-size: 13px;
  line-height: 24px;
  color: var(--lvh-secondary-text);
}
@media (max-width: 991px) {
  .p-empty-state p {
    font-size: 14px;
    line-height: 19px;
  }
}
.p-empty-state p:not(:last-child) {
  margin: 0 20px 20px;
}
.p-empty-state .button {
  display: inline-block;
}
.p-empty-state .button.isBusy {
  display: inline-block;
}
#employerApp .p-empty-state {
  padding: 50px 0;
}
@media (max-width: 991px) {
  #employerApp .p-empty-state {
    padding: 50px 10px;
  }
}
#employerApp .p-empty-state.small {
  padding: 20px 10px;
}
@media (max-width: 991px) {
  #employerApp .p-empty-state.small {
    padding: 20px 10px;
  }
}
#employerApp .p-empty-state.small .icon {
  width: 100px;
  height: 100px;
}
@media (max-width: 991px) {
  #employerApp .p-empty-state.small .icon {
    width: 75px;
    height: 75px;
  }
}
#employerApp .p-empty-state h3 {
  margin: 15px 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}
@media (max-width: 991px) {
  #employerApp .p-empty-state h3 {
    font-size: 14px;
    line-height: 18px;
  }
}
.p-file-icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
  background-image: url('//assets.livehire.com/common/images/vectors/filetypes/filetype-other.svg');
}
.p-file-icon.jpeg,
.p-file-icon.png {
  background-image: url('//assets.livehire.com/common/images/vectors/filetypes/filetype-image.svg');
}
.p-file-icon.pdf {
  background-image: url('//assets.livehire.com/common/images/vectors/filetypes/filetype-pdf.svg');
}
.p-file-icon.word,
.p-file-icon.ms-word {
  background-image: url('//assets.livehire.com/common/images/vectors/filetypes/filetype-word.svg');
}
.p-file-icon.xls {
  background-image: url('//assets.livehire.com/common/images/vectors/filetypes/filetype-excel.svg');
}
.p-file-icon.ppt,
.p-file-icon.pptx {
  background-image: url('//assets.livehire.com/common/images/vectors/filetypes/filetype-powerpoint.svg');
}
.p-flag {
  width: 16px;
  height: 11px;
  display: inline-block;
  background-color: var(--lvh-x-shark-light);
  background-image: url('//assets.livehire.com/common/images/sprites/flags.png');
  background-repeat: no-repeat;
}
.p-flag.iso2-ad,
.p-flag.iso3-and {
  background-position: -16px 0;
}
.p-flag.iso2-ae,
.p-flag.iso3-are,
.p-flag.currency-iso3-aed {
  background-position: -32px 0;
}
.p-flag.iso2-af,
.p-flag.iso3-afg,
.p-flag.currency-iso3-afn {
  background-position: -48px 0;
}
.p-flag.iso2-ag,
.p-flag.iso3-atg {
  background-position: -64px 0;
}
.p-flag.iso2-ai,
.p-flag.iso3-aia {
  background-position: -80px 0;
}
.p-flag.iso2-al,
.p-flag.iso3-alb,
.p-flag.currency-iso3-all {
  background-position: -96px 0;
}
.p-flag.iso2-am,
.p-flag.iso3-arm,
.p-flag.currency-iso3-amd {
  background-position: -112px 0;
}
.p-flag.iso2-an,
.p-flag.iso3-ant {
  background-position: -128px 0;
}
.p-flag.iso2-ao,
.p-flag.iso3-ago,
.p-flag.currency-iso3-aoa {
  background-position: -144px 0;
}
.p-flag.iso2-ar,
.p-flag.iso3-arg,
.p-flag.currency-iso3-ars {
  background-position: -160px 0;
}
.p-flag.iso2-as,
.p-flag.iso3-asm {
  background-position: -176px 0;
}
.p-flag.iso2-at,
.p-flag.iso3-aut {
  background-position: -192px 0;
}
.p-flag.currency-iso3-aud,
.p-flag.iso2-au,
.p-flag.iso2-cx,
.p-flag.iso3-aus {
  background-position: -208px 0;
}
.p-flag.iso2-aw,
.p-flag.iso3-abw,
.p-flag.currency-iso3-awg {
  background-position: -224px 0;
}
.p-flag.iso2-az,
.p-flag.iso3-aze,
.p-flag.currency-iso3-azn {
  background-position: -240px 0;
}
.p-flag.iso2-ba,
.p-flag.iso3-bih,
.p-flag.currency-iso3-bam {
  background-position: 0 -11px;
}
.p-flag.iso2-bb,
.p-flag.iso3-brb,
.p-flag.currency-iso3-bbd {
  background-position: -16px -11px;
}
.p-flag.iso2-bd,
.p-flag.iso3-bgd,
.p-flag.currency-iso3-bdt {
  background-position: -32px -11px;
}
.p-flag.iso2-be,
.p-flag.iso3-bel {
  background-position: -48px -11px;
}
.p-flag.iso2-bf,
.p-flag.iso3-bfa {
  background-position: -64px -11px;
}
.p-flag.iso2-bg,
.p-flag.iso3-bgr,
.p-flag.currency-iso3-bgn {
  background-position: -80px -11px;
}
.p-flag.iso2-bh,
.p-flag.iso3-bhr,
.p-flag.currency-iso3-bhd {
  background-position: -96px -11px;
}
.p-flag.iso2-bi,
.p-flag.iso3-bdi,
.p-flag.currency-iso3-bif {
  background-position: -112px -11px;
}
.p-flag.iso2-bj,
.p-flag.iso3-ben {
  background-position: -128px -11px;
}
.p-flag.iso2-bm,
.p-flag.iso3-bmu,
.p-flag.currency-iso3-bmd {
  background-position: -144px -11px;
}
.p-flag.iso2-bn,
.p-flag.iso3-brn,
.p-flag.currency-iso3-bnd {
  background-position: -160px -11px;
}
.p-flag.iso2-bo,
.p-flag.iso3-bol,
.p-flag.currency-iso3-bob {
  background-position: -176px -11px;
}
.p-flag.iso2-br,
.p-flag.iso3-bra,
.p-flag.currency-iso3-brl {
  background-position: -192px -11px;
}
.p-flag.iso2-bs,
.p-flag.iso3-bhs {
  background-position: -208px -11px;
}
.p-flag.iso2-bt,
.p-flag.iso3-btn {
  background-position: -224px -11px;
}
.p-flag.iso2-bv,
.p-flag.iso3-bvt {
  background-position: -240px -11px;
}
.p-flag.iso2-bw,
.p-flag.iso3-bwa,
.p-flag.currency-iso3-bwp {
  background-position: 0 -22px;
}
.p-flag.iso2-by,
.p-flag.iso3-blr,
.p-flag.currency-iso3-byn {
  background-position: -16px -22px;
}
.p-flag.iso2-bz,
.p-flag.iso3-blz,
.p-flag.currency-iso3-bzd {
  background-position: -32px -22px;
}
.p-flag.currency-iso3-cad,
.p-flag.iso2-ca,
.p-flag.iso3-can {
  background-position: -48px -22px;
}
.p-flag.iso2-catalonia {
  background-position: -64px -22px;
}
.p-flag.iso2-cd,
.p-flag.iso3-cod {
  background-position: -80px -22px;
}
.p-flag.iso2-cf,
.p-flag.iso3-caf {
  background-position: -96px -22px;
}
.p-flag.iso2-cg,
.p-flag.iso3-cog {
  background-position: -112px -22px;
}
.p-flag.iso2-ch,
.p-flag.iso3-che,
.p-flag.currency-iso3-chf {
  background-color: transparent;
  background-position: -128px -22px;
}
.p-flag.iso2-ci {
  background-position: -144px -22px;
}
.p-flag.iso2-ck,
.p-flag.iso3-cok {
  background-position: -160px -22px;
}
.p-flag.iso2-cl,
.p-flag.iso3-chl,
.p-flag.currency-iso3-clp {
  background-position: -176px -22px;
}
.p-flag.iso2-cm,
.p-flag.iso3-cmr {
  background-position: -192px -22px;
}
.p-flag.iso2-cn,
.p-flag.iso3-chn,
.p-flag.currency-iso3-cny {
  background-position: -208px -22px;
}
.p-flag.iso2-co,
.p-flag.iso3-col,
.p-flag.currency-iso3-cop {
  background-position: -224px -22px;
}
.p-flag.iso2-cr,
.p-flag.iso3-cri,
.p-flag.currency-iso3-crc {
  background-position: -240px -22px;
}
.p-flag.iso2-cu,
.p-flag.iso3-cub {
  background-position: 0 -33px;
}
.p-flag.iso2-cv,
.p-flag.iso3-cpv {
  background-position: -16px -33px;
}
.p-flag.iso2-cw,
.p-flag.iso3-cuw {
  background-position: -32px -33px;
}
.p-flag.iso2-cy,
.p-flag.iso3-cyp {
  background-position: -48px -33px;
}
.p-flag.iso2-cz,
.p-flag.iso3-cze {
  background-position: -64px -33px;
}
.p-flag.iso2-de,
.p-flag.iso3-deu {
  background-position: -80px -33px;
}
.p-flag.iso2-dj,
.p-flag.iso3-dji,
.p-flag.currency-iso3-djf {
  background-position: -96px -33px;
}
.p-flag.iso2-dk,
.p-flag.iso3-dnk {
  background-position: -112px -33px;
}
.p-flag.iso2-dm,
.p-flag.iso3-dma {
  background-position: -128px -33px;
}
.p-flag.iso2-do,
.p-flag.iso3-dom {
  background-position: -144px -33px;
}
.p-flag.iso2-dz,
.p-flag.iso3-dza,
.p-flag.currency-iso3-dzd {
  background-position: -160px -33px;
}
.p-flag.iso2-ec,
.p-flag.iso3-ecu {
  background-position: -176px -33px;
}
.p-flag.iso2-ee,
.p-flag.iso3-est {
  background-position: -192px -33px;
}
.p-flag.iso2-eg,
.p-flag.iso3-egy,
.p-flag.currency-iso3-egp {
  background-position: -208px -33px;
}
.p-flag.iso2-eh {
  background-position: -224px -33px;
}
.p-flag.iso2-england {
  background-position: -240px -33px;
}
.p-flag.iso2-er,
.p-flag.iso3-eri,
.p-flag.currency-iso3-ern {
  background-position: 0 -44px;
}
.p-flag.iso2-es,
.p-flag.iso3-esp {
  background-position: -16px -44px;
}
.p-flag.iso2-et,
.p-flag.iso3-eth,
.p-flag.currency-iso3-etb {
  background-position: -32px -44px;
}
.p-flag.currency-iso3-eur,
.p-flag.iso2-eu {
  background-position: -48px -44px;
}
.p-flag.iso2-fi,
.p-flag.iso3-fin {
  background-position: -64px -44px;
}
.p-flag.iso2-fj,
.p-flag.iso3-fji,
.p-flag.currency-iso3-fjd {
  background-position: -80px -44px;
}
.p-flag.iso2-fk,
.p-flag.iso3-flk {
  background-position: -96px -44px;
}
.p-flag.iso2-fm,
.p-flag.iso3-fsm {
  background-position: -112px -44px;
}
.p-flag.iso2-fo,
.p-flag.iso3-fro {
  background-position: -128px -44px;
}
.p-flag.iso2-fr,
.p-flag.iso3-fra {
  background-position: -144px -44px;
}
.p-flag.iso2-ga,
.p-flag.iso3-gab {
  background-position: -160px -44px;
}
.p-flag.currency-iso3-gbp,
.p-flag.iso2-gb,
.p-flag.iso3-gbr {
  background-position: -176px -44px;
}
.p-flag.iso2-gd,
.p-flag.iso3-grd {
  background-position: -192px -44px;
}
.p-flag.iso2-ge,
.p-flag.iso3-geo,
.p-flag.currency-iso3-gel {
  background-position: -208px -44px;
}
.p-flag.iso2-gf {
  background-position: -224px -44px;
}
.p-flag.iso2-gg,
.p-flag.iso3-ggy {
  background-position: -240px -44px;
}
.p-flag.iso2-gh,
.p-flag.iso3-gha,
.p-flag.currency-iso3-ghs {
  background-position: 0 -55px;
}
.p-flag.iso2-gi,
.p-flag.iso3-gib,
.p-flag.currency-iso3-gip {
  background-position: -16px -55px;
}
.p-flag.iso2-gl,
.p-flag.iso3-grl {
  background-position: -32px -55px;
}
.p-flag.iso2-gm,
.p-flag.iso3-gmb {
  background-position: -48px -55px;
}
.p-flag.iso2-gn,
.p-flag.iso3-gin,
.p-flag.currency-iso3-gnf {
  background-position: -64px -55px;
}
.p-flag.iso2-gp,
.p-flag.iso3-glp {
  background-position: -80px -55px;
}
.p-flag.iso2-gq {
  background-position: -96px -55px;
}
.p-flag.iso2-gr,
.p-flag.iso3-grc {
  background-position: -112px -55px;
}
.p-flag.iso2-gs,
.p-flag.iso3-sgs {
  background-position: -128px -55px;
}
.p-flag.iso2-gt,
.p-flag.iso3-gtm,
.p-flag.currency-iso3-gtq {
  background-position: -144px -55px;
}
.p-flag.iso2-gu,
.p-flag.iso3-gum {
  background-position: -160px -55px;
}
.p-flag.iso2-gw,
.p-flag.iso3-gnb {
  background-position: -176px -55px;
}
.p-flag.iso2-gy,
.p-flag.iso3-guy,
.p-flag.currency-iso3-gyd {
  background-position: -192px -55px;
}
.p-flag.iso2-hk,
.p-flag.iso3-hkg,
.p-flag.currency-iso3-hkd {
  background-position: -208px -55px;
}
.p-flag.iso2-hm,
.p-flag.iso3-hmd {
  background-position: -224px -55px;
}
.p-flag.iso2-hn,
.p-flag.iso3-hnd,
.p-flag.currency-iso3-hnl {
  background-position: -240px -55px;
}
.p-flag.iso2-hr,
.p-flag.iso3-hrv,
.p-flag.currency-iso3-hrk {
  background-position: 0 -66px;
}
.p-flag.iso2-ht,
.p-flag.iso3-hti {
  background-position: -16px -66px;
}
.p-flag.iso2-hu,
.p-flag.iso3-hun,
.p-flag.currency-iso3-huf {
  background-position: -32px -66px;
}
.p-flag.iso2-ic {
  background-position: -48px -66px;
}
.p-flag.iso2-id,
.p-flag.iso3-idn,
.p-flag.currency-iso3-idr {
  background-position: -64px -66px;
}
.p-flag.iso2-ie,
.p-flag.iso3-irl {
  background-position: -80px -66px;
}
.p-flag.iso2-il,
.p-flag.iso3-isr,
.p-flag.currency-iso3-ils {
  background-position: -96px -66px;
}
.p-flag.iso2-im,
.p-flag.iso3-imn {
  background-position: -112px -66px;
}
.p-flag.iso2-in,
.p-flag.iso3-ind,
.p-flag.currency-iso3-inr {
  background-position: -128px -66px;
}
.p-flag.iso2-io,
.p-flag.iso3-iot {
  background-position: -144px -66px;
}
.p-flag.iso2-iq,
.p-flag.iso3-irq,
.p-flag.currency-iso3-iqd {
  background-position: -160px -66px;
}
.p-flag.iso2-ir,
.p-flag.iso3-irn {
  background-position: -176px -66px;
}
.p-flag.iso2-is,
.p-flag.iso3-isl,
.p-flag.currency-iso3-isk {
  background-position: -192px -66px;
}
.p-flag.iso2-it,
.p-flag.iso3-ita {
  background-position: -208px -66px;
}
.p-flag.iso2-je,
.p-flag.iso3-jey {
  background-position: -224px -66px;
}
.p-flag.iso2-jm,
.p-flag.iso3-jam,
.p-flag.currency-iso3-jmd {
  background-position: -240px -66px;
}
.p-flag.iso2-jo,
.p-flag.iso3-jor,
.p-flag.currency-iso3-jod {
  background-position: 0 -77px;
}
.p-flag.iso2-jp,
.p-flag.iso3-jpn,
.p-flag.currency-iso3-jpy {
  background-position: -16px -77px;
}
.p-flag.iso2-ke,
.p-flag.iso3-ken,
.p-flag.currency-iso3-kes {
  background-position: -32px -77px;
}
.p-flag.iso2-kg,
.p-flag.iso3-kgz,
.p-flag.currency-iso3-kgs {
  background-position: -48px -77px;
}
.p-flag.iso2-kh,
.p-flag.iso3-khm,
.p-flag.currency-iso3-khr {
  background-position: -64px -77px;
}
.p-flag.iso2-ki,
.p-flag.iso3-kir {
  background-position: -80px -77px;
}
.p-flag.iso2-km,
.p-flag.iso3-com {
  background-position: -96px -77px;
}
.p-flag.iso2-kn,
.p-flag.iso3-kna {
  background-position: -112px -77px;
}
.p-flag.iso2-kp,
.p-flag.iso3-prk {
  background-position: -128px -77px;
}
.p-flag.iso2-kr,
.p-flag.iso3-kor {
  background-position: -144px -77px;
}
.p-flag.iso2-kurdistan {
  background-position: -160px -77px;
}
.p-flag.iso2-kw,
.p-flag.iso3-kwt,
.p-flag.currency-iso3-kwd {
  background-position: -176px -77px;
}
.p-flag.iso2-ky,
.p-flag.iso3-cym {
  background-position: -192px -77px;
}
.p-flag.iso2-kz,
.p-flag.iso3-kaz,
.p-flag.currency-iso3-kzt {
  background-position: -208px -77px;
}
.p-flag.iso2-la,
.p-flag.iso3-lao {
  background-position: -224px -77px;
}
.p-flag.iso2-lb,
.p-flag.iso3-lbn,
.p-flag.currency-iso3-lbp {
  background-position: -240px -77px;
}
.p-flag.iso2-lc,
.p-flag.iso3-lca {
  background-position: 0 -88px;
}
.p-flag.iso2-li,
.p-flag.iso3-lie {
  background-position: -16px -88px;
}
.p-flag.iso2-lk,
.p-flag.iso3-lka,
.p-flag.currency-iso3-lkr {
  background-position: -32px -88px;
}
.p-flag.iso2-lr,
.p-flag.iso3-lbr,
.p-flag.currency-iso3-lrd {
  background-position: -48px -88px;
}
.p-flag.iso2-ls,
.p-flag.iso3-lso {
  background-position: -64px -88px;
}
.p-flag.iso2-lt,
.p-flag.iso3-ltu {
  background-position: -80px -88px;
}
.p-flag.iso2-lu,
.p-flag.iso3-lux {
  background-position: -96px -88px;
}
.p-flag.iso2-lv,
.p-flag.iso3-lva {
  background-position: -112px -88px;
}
.p-flag.iso2-ly,
.p-flag.iso3-lby {
  background-position: -128px -88px;
}
.p-flag.iso2-ma,
.p-flag.iso3-mar {
  background-position: -144px -88px;
}
.p-flag.iso2-mc,
.p-flag.iso3-mco {
  background-position: -160px -88px;
}
.p-flag.iso2-md,
.p-flag.iso3-mda {
  background-position: -176px -88px;
}
.p-flag.iso2-me,
.p-flag.iso3-mne {
  background-position: -192px -88px;
}
.p-flag.iso2-mg,
.p-flag.iso3-mdg,
.p-flag.currency-iso3-mga {
  background-position: -208px -88px;
}
.p-flag.iso2-mh,
.p-flag.iso3-mhl {
  background-position: -224px -88px;
}
.p-flag.iso2-mk,
.p-flag.iso3-mkd {
  background-position: -240px -88px;
}
.p-flag.iso2-ml,
.p-flag.iso3-mli {
  background-position: 0 -99px;
}
.p-flag.iso2-mm,
.p-flag.iso3-mmr {
  background-position: -16px -99px;
}
.p-flag.iso2-mn,
.p-flag.iso3-mng,
.p-flag.currency-iso3-mnt {
  background-position: -32px -99px;
}
.p-flag.iso2-mo,
.p-flag.iso3-mac {
  background-position: -48px -99px;
}
.p-flag.iso2-mp,
.p-flag.iso3-mnp {
  background-position: -64px -99px;
}
.p-flag.iso2-mq,
.p-flag.iso3-mtq {
  background-position: -80px -99px;
}
.p-flag.iso2-mr,
.p-flag.iso3-mrt,
.p-flag.currency-iso3-mru {
  background-position: -96px -99px;
}
.p-flag.iso2-ms,
.p-flag.iso3-msr {
  background-position: -112px -99px;
}
.p-flag.iso2-mt,
.p-flag.iso3-mlt {
  background-position: -128px -99px;
}
.p-flag.iso2-mu,
.p-flag.iso3-mus,
.p-flag.currency-iso3-mur {
  background-position: -144px -99px;
}
.p-flag.iso2-mv,
.p-flag.iso3-mdv,
.p-flag.currency-iso3-mvr {
  background-position: -160px -99px;
}
.p-flag.iso2-mw,
.p-flag.iso3-mwi,
.p-flag.currency-iso3-mwk {
  background-position: -176px -99px;
}
.p-flag.iso2-mx,
.p-flag.iso3-mex,
.p-flag.currency-iso3-mxn {
  background-position: -192px -99px;
}
.p-flag.currency-iso3-myr,
.p-flag.iso2-my,
.p-flag.iso3-mys {
  background-position: -208px -99px;
}
.p-flag.iso2-mz,
.p-flag.iso3-moz,
.p-flag.currency-iso3-mzn {
  background-position: -224px -99px;
}
.p-flag.iso2-na,
.p-flag.iso3-nam {
  background-position: -240px -99px;
}
.p-flag.iso2-nc,
.p-flag.iso3-ncl {
  background-position: 0 -110px;
}
.p-flag.iso2-ne,
.p-flag.iso3-ner {
  background-position: -16px -110px;
}
.p-flag.iso2-nf,
.p-flag.iso3-nkf {
  background-position: -32px -110px;
}
.p-flag.iso2-ng,
.p-flag.iso3-nga,
.p-flag.currency-iso3-ngn {
  background-position: -48px -110px;
}
.p-flag.iso2-ni,
.p-flag.iso3-nic,
.p-flag.currency-iso3-nio {
  background-position: -64px -110px;
}
.p-flag.iso2-nl {
  background-position: -80px -110px;
}
.p-flag.iso2-no,
.p-flag.iso3-nor {
  background-position: -96px -110px;
}
.p-flag.iso2-np,
.p-flag.iso3-npl,
.p-flag.currency-iso3-npr {
  background-position: -112px -110px;
}
.p-flag.iso2-nr,
.p-flag.iso3-nru {
  background-position: -128px -110px;
}
.p-flag.iso2-nu,
.p-flag.iso3-niu {
  background-position: -144px -110px;
}
.p-flag.currency-iso3-nzd,
.p-flag.iso2-nz,
.p-flag.iso3-nzl {
  background-position: -160px -110px;
}
.p-flag.iso2-om,
.p-flag.iso3-omn,
.p-flag.currency-iso3-omr {
  background-position: -176px -110px;
}
.p-flag.iso2-pa,
.p-flag.iso3-pan {
  background-position: -192px -110px;
}
.p-flag.iso2-pe,
.p-flag.iso3-per,
.p-flag.currency-iso3-pen {
  background-position: -208px -110px;
}
.p-flag.iso2-pf,
.p-flag.iso3-pyf {
  background-position: -224px -110px;
}
.p-flag.iso2-pg,
.p-flag.iso3-png,
.p-flag.currency-iso3-pgk {
  background-position: -240px -110px;
}
.p-flag.currency-iso3-php,
.p-flag.iso2-ph,
.p-flag.iso3-phl {
  background-position: 0 -121px;
}
.p-flag.iso2-pk,
.p-flag.iso3-pak,
.p-flag.currency-iso3-pkr {
  background-position: -16px -121px;
}
.p-flag.iso2-pl,
.p-flag.iso3-pol,
.p-flag.currency-iso3-pln {
  background-position: -32px -121px;
}
.p-flag.iso2-pm,
.p-flag.iso3-spm {
  background-position: -48px -121px;
}
.p-flag.iso2-pn,
.p-flag.iso3-pcn {
  background-position: -64px -121px;
}
.p-flag.iso2-pr,
.p-flag.iso3-pri {
  background-position: -80px -121px;
}
.p-flag.iso2-ps,
.p-flag.iso3-pse {
  background-position: -96px -121px;
}
.p-flag.iso2-pt,
.p-flag.iso3-prt {
  background-position: -112px -121px;
}
.p-flag.iso2-pw,
.p-flag.iso3-plw {
  background-position: -128px -121px;
}
.p-flag.iso2-py,
.p-flag.iso3-pry,
.p-flag.currency-iso3-pyg {
  background-position: -144px -121px;
}
.p-flag.iso2-qa,
.p-flag.iso3-qat,
.p-flag.currency-iso3-qar {
  background-position: -160px -121px;
}
.p-flag.iso2-re,
.p-flag.iso3-reu {
  background-position: -176px -121px;
}
.p-flag.iso2-ro,
.p-flag.iso3-rou,
.p-flag.currency-iso3-ron {
  background-position: -192px -121px;
}
.p-flag.iso2-rs,
.p-flag.iso3-srb,
.p-flag.currency-iso3-rsd {
  background-position: -208px -121px;
}
.p-flag.iso2-ru,
.p-flag.iso3-rus {
  background-position: -224px -121px;
}
.p-flag.iso2-rw,
.p-flag.iso3-rwa,
.p-flag.currency-iso3-rwf {
  background-position: -240px -121px;
}
.p-flag.iso2-sa {
  background-position: 0 -132px;
}
.p-flag.iso2-sb,
.p-flag.iso3-slb,
.p-flag.currency-iso3-sbd {
  background-position: -16px -132px;
}
.p-flag.iso2-sc,
.p-flag.iso3-syc,
.p-flag.currency-iso3-scr {
  background-position: -32px -132px;
}
.p-flag.iso2-scotland {
  background-position: -48px -132px;
}
.p-flag.iso2-sd,
.p-flag.iso3-sdn {
  background-position: -64px -132px;
}
.p-flag.iso2-se,
.p-flag.iso3-swe,
.p-flag.currency-iso3-sek {
  background-position: -80px -132px;
}
.p-flag.currency-iso3-sgd,
.p-flag.iso2-sg,
.p-flag.iso3-sgp {
  background-position: -96px -132px;
}
.p-flag.iso2-sh,
.p-flag.iso3-shn {
  background-position: -112px -132px;
}
.p-flag.iso2-si,
.p-flag.iso3-svn {
  background-position: -128px -132px;
}
.p-flag.iso2-sk,
.p-flag.iso3-svk {
  background-position: -144px -132px;
}
.p-flag.iso2-sl,
.p-flag.iso3-sle,
.p-flag.currency-iso3-sll {
  background-position: -160px -132px;
}
.p-flag.iso2-sm,
.p-flag.iso3-smr {
  background-position: -176px -132px;
}
.p-flag.iso2-sn,
.p-flag.iso3-sen {
  background-position: -192px -132px;
}
.p-flag.iso2-so,
.p-flag.iso3-som,
.p-flag.currency-iso3-sos {
  background-position: -208px -132px;
}
.p-flag.iso2-somaliland {
  background-position: -224px -132px;
}
.p-flag.iso2-sr,
.p-flag.iso3-sur,
.p-flag.currency-iso3-srd {
  background-position: -240px -132px;
}
.p-flag.iso2-ss,
.p-flag.iso3-ssd,
.p-flag.currency-iso3-ssp {
  background-position: 0 -143px;
}
.p-flag.iso2-st,
.p-flag.iso3-stp,
.p-flag.currency-iso3-stn {
  background-position: -16px -143px;
}
.p-flag.iso2-sv,
.p-flag.iso3-slv {
  background-position: -32px -143px;
}
.p-flag.iso2-sx,
.p-flag.iso3-sxm {
  background-position: -48px -143px;
}
.p-flag.iso2-sy,
.p-flag.iso3-syr,
.p-flag.currency-iso3-syp {
  background-position: -64px -143px;
}
.p-flag.iso2-sz,
.p-flag.iso3-swz,
.p-flag.currency-iso3-szl {
  background-position: -80px -143px;
}
.p-flag.iso2-tc,
.p-flag.iso3-tca {
  background-position: -96px -143px;
}
.p-flag.iso2-td,
.p-flag.iso3-tcd {
  background-position: -112px -143px;
}
.p-flag.iso2-tf,
.p-flag.iso3-atf {
  background-position: -128px -143px;
}
.p-flag.iso2-tg,
.p-flag.iso3-tgo {
  background-position: -144px -143px;
}
.p-flag.iso2-th,
.p-flag.iso3-tha,
.p-flag.currency-iso3-thb {
  background-position: -160px -143px;
}
.p-flag.iso2-tj,
.p-flag.iso3-tjk,
.p-flag.currency-iso3-tjs {
  background-position: -176px -143px;
}
.p-flag.iso2-tk,
.p-flag.iso3-tkl {
  background-position: -192px -143px;
}
.p-flag.iso2-tl {
  background-position: -208px -143px;
}
.p-flag.iso2-tm,
.p-flag.iso3-tkm,
.p-flag.currency-iso3-tmt {
  background-position: -224px -143px;
}
.p-flag.iso2-tn,
.p-flag.iso3-tun,
.p-flag.currency-iso3-tnd {
  background-position: -240px -143px;
}
.p-flag.iso2-to,
.p-flag.iso3-ton,
.p-flag.currency-iso3-top {
  background-position: 0 -154px;
}
.p-flag.iso2-tr,
.p-flag.iso3-tur,
.p-flag.currency-iso3-try {
  background-position: -16px -154px;
}
.p-flag.iso2-tt,
.p-flag.iso3-tto {
  background-position: -32px -154px;
}
.p-flag.iso2-tv,
.p-flag.iso3-tuv {
  background-position: -48px -154px;
}
.p-flag.iso2-tw,
.p-flag.iso3-twn {
  background-position: -64px -154px;
}
.p-flag.iso2-tz,
.p-flag.iso3-tza {
  background-position: -80px -154px;
}
.p-flag.iso2-ua,
.p-flag.iso3-ukr,
.p-flag.currency-iso3-uah {
  background-position: -96px -154px;
}
.p-flag.iso2-ug,
.p-flag.iso3-uga,
.p-flag.currency-iso3-ugx {
  background-position: -112px -154px;
}
.p-flag.iso2-um,
.p-flag.iso3-umi {
  background-position: -128px -154px;
}
.p-flag.currency-iso3-usd,
.p-flag.iso2-us,
.p-flag.iso3-usa {
  background-position: -144px -154px;
}
.p-flag.iso2-uy,
.p-flag.iso3-ury,
.p-flag.currency-iso3-uyu {
  background-position: -160px -154px;
}
.p-flag.iso2-uz,
.p-flag.iso3-uzb,
.p-flag.currency-iso3-uzs {
  background-position: -176px -154px;
}
.p-flag.iso2-va {
  background-position: -192px -154px;
}
.p-flag.iso2-vc,
.p-flag.iso3-vct {
  background-position: -208px -154px;
}
.p-flag.iso2-ve,
.p-flag.iso3-ven,
.p-flag.currency-iso3-ves {
  background-position: -224px -154px;
}
.p-flag.iso2-vg {
  background-position: -240px -154px;
}
.p-flag.iso2-vi,
.p-flag.iso3-vir {
  background-position: 0 -165px;
}
.p-flag.iso2-vn,
.p-flag.iso3-vnm,
.p-flag.currency-iso3-vnd {
  background-position: -16px -165px;
}
.p-flag.iso2-vu,
.p-flag.iso3-vut,
.p-flag.currency-iso3-vuv {
  background-position: -32px -165px;
}
.p-flag.iso2-wales {
  background-position: -48px -165px;
}
.p-flag.iso2-wf,
.p-flag.iso3-wlf {
  background-position: -64px -165px;
}
.p-flag.iso2-ws,
.p-flag.iso3-wsm,
.p-flag.currency-iso3-wst {
  background-position: -80px -165px;
}
.p-flag.iso2-ye,
.p-flag.iso3-yem,
.p-flag.currency-iso3-yer {
  background-position: -96px -165px;
}
.p-flag.iso2-yt,
.p-flag.iso3-myt {
  background-position: -112px -165px;
}
.p-flag.currency-iso3-zar,
.p-flag.iso2-za,
.p-flag.iso3-zaf {
  background-position: -128px -165px;
}
.p-flag.iso2-zanzibar {
  background-position: -144px -165px;
}
.p-flag.iso2-zm,
.p-flag.iso3-zmb,
.p-flag.currency-iso3-zmw {
  background-position: -160px -165px;
}
.p-flag.iso2-zw,
.p-flag.iso3-zwe,
.p-flag.currency-iso3-zwl {
  background-position: -176px -165px;
}
input[type='text'].validation-error,
input[type='url'].validation-error,
input[type='email'].validation-error,
input[type='number'].validation-error,
input[type='tel'].validation-error,
input[type='date'].validation-error,
input[type='month'].validation-error,
input[type='password'].validation-error,
input[type='search'].validation-error,
textarea.validation-error {
  border: 1px solid var(--lvh-validation-red-dark);
}
.validation-message {
  display: block;
  clear: both;
  margin: 5px 0 0 0;
  font-size: 11px;
  color: var(--lvh-validation-red-dark);
}
.validation-message a {
  text-decoration: underline !important;
}
gdpr-banner,
.p-global-banner {
  display: none;
}
gdpr-banner.has-banner,
.p-global-banner.has-banner {
  position: relative;
  display: block !important;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 20px 0;
  border-bottom: 1px solid var(--lvh-x-paler-grey);
  background: var(--lvh-white);
}
@media (max-width: 991px) {
  gdpr-banner.has-banner,
  .p-global-banner.has-banner {
    padding: 15px 0;
  }
}
@media (max-width: 991px) {
  gdpr-banner.has-banner > .container,
  .p-global-banner.has-banner > .container {
    display: table;
    width: 100%;
    text-align: center;
  }
}
gdpr-banner.has-banner > .container .icon-wrapper,
.p-global-banner.has-banner > .container .icon-wrapper {
  float: left;
  width: 25px;
  margin: 5px 0 0;
}
@media (max-width: 991px) {
  gdpr-banner.has-banner > .container .icon-wrapper,
  .p-global-banner.has-banner > .container .icon-wrapper {
    display: none;
  }
}
gdpr-banner.has-banner > .container .icon-wrapper .icon,
.p-global-banner.has-banner > .container .icon-wrapper .icon {
  font-size: 16px;
  color: var(--lvh-secondary-text);
}
gdpr-banner.has-banner > .container .content,
.p-global-banner.has-banner > .container .content {
  padding: 0 210px 0 30px;
}
gdpr-banner.has-banner > .container .content:before,
.p-global-banner.has-banner > .container .content:before {
  display: none;
}
@media (max-width: 991px) {
  gdpr-banner.has-banner > .container .content,
  .p-global-banner.has-banner > .container .content {
    padding: 15px 0;
  }
}
gdpr-banner.has-banner > .container .content p,
.p-global-banner.has-banner > .container .content p {
  margin: 0 0 15px;
  font-size: 13px;
  line-height: 20px;
  color: var(--lvh-x-mesh-dark);
}
gdpr-banner.has-banner > .container .content p:last-child,
.p-global-banner.has-banner > .container .content p:last-child {
  margin: 0;
}
gdpr-banner.has-banner > .container #dismiss,
.p-global-banner.has-banner > .container #dismiss {
  float: right;
}
@media (max-width: 991px) {
  gdpr-banner.has-banner > .container #dismiss,
  .p-global-banner.has-banner > .container #dismiss {
    display: table-footer-group;
    float: none;
  }
}
gdpr-banner.has-banner > .container #dismiss > .button,
.p-global-banner.has-banner > .container #dismiss > .button {
  display: inline-block;
}
.hero-image {
  height: 30vh;
  min-height: 300px;
  text-align: center;
  background-position: center center;
  background-size: cover;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .hero-image {
    height: 20vh;
    min-height: 200px;
  }
}
.hero-image.large {
  min-height: 400px;
}
@media (max-width: 991px) {
  .hero-image.large {
    min-height: 200px;
  }
}
.hero-image > .container {
  height: 100%;
}
.hero-image .outer-wrap {
  width: 100%;
  height: 100%;
  display: table;
  position: relative;
  box-sizing: border-box;
}
.hero-image .inner-wrap {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}
.p-indicator {
  box-sizing: border-box;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background-color: var(--lvh-x-shark-light);
  border: solid 1px var(--lvh-x-shark-dark);
}
.p-indicator.on {
  background-color: var(--lvh-x-pale-green);
  border-color: var(--lvh-x-green);
}
/* -----------------------------------------------------------------------------

  MOBILE FULLSCREEN OVERLAY PATTERN

----------------------------------------------------------------------------- */
/**
 * NOTE:
 *
 * Used for components ie form controls, not to be used for modals
 */
.p-mobile-fullscreen-overlay:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (max-width: 991px) {
  .p-mobile-fullscreen-overlay.overlay-visible {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9100;
    background-color: var(--lvh-white);
    overflow-y: auto;
  }
  .p-mobile-fullscreen-overlay.overlay-visible > .overlayContent {
    padding: 0;
  }
  .p-mobile-fullscreen-overlay.overlay-visible > .overlayContent .cc-modal {
    margin: 0;
    padding: 0;
    max-width: 100%;
  }
  .p-mobile-fullscreen-overlay.overlay-visible > .overlayContent .cc-modal .modalHeader {
    display: none;
  }
  .p-mobile-fullscreen-overlay.overlay-visible > .overlayContent .cc-modal .body {
    margin: 20px 0;
  }
  .p-mobile-fullscreen-overlay.overlay-visible > .overlayContent .closeModal {
    display: none;
  }
  .p-mobile-fullscreen-overlay.overlay-visible .header {
    display: block;
    text-align: center;
    background-color: var(--lvh-x-shark-light);
  }
  .p-mobile-fullscreen-overlay.overlay-visible .header button,
  .p-mobile-fullscreen-overlay.overlay-visible .header .back-button,
  .p-mobile-fullscreen-overlay.overlay-visible .header .clear-button {
    display: block;
  }
  .p-mobile-fullscreen-overlay.overlay-visible .header .close-button {
    position: absolute;
    top: 15px;
    left: 0;
    margin: 0;
    border: none;
    background: transparent;
    display: inline-block;
    line-height: 1;
  }
  .p-mobile-fullscreen-overlay.overlay-visible .header .close-button .icon {
    cursor: inherit;
  }
  .p-mobile-fullscreen-overlay.overlay-visible .body {
    display: block;
  }
  .p-mobile-fullscreen-overlay.overlay-visible .body > .container--mobile,
  .p-mobile-fullscreen-overlay.overlay-visible .body > .container-mobile {
    width: 90%;
  }
  .p-mobile-fullscreen-overlay.overlay-visible .body .p-mobile-fullscreen-overlay.overlay-visible .header {
    display: block;
  }
  .p-mobile-fullscreen-overlay.overlay-visible .body .p-mobile-fullscreen-overlay.overlay-visible .search-by {
    display: block;
    margin: 20px auto;
    box-sizing: border-box;
    width: 90%;
  }
  .p-mobile-fullscreen-overlay.overlay-visible .body .p-mobile-fullscreen-overlay.overlay-visible .body .cc-location-picker-dropdown {
    border-top: 1px solid var(--lvh-x-paler-grey);
  }
  .p-mobile-fullscreen-overlay.overlay-visible .body .p-mobile-fullscreen-overlay.overlay-visible .body .cc-location-picker-dropdown .cc-new-location {
    padding: 8px 5%;
  }
  .p-mobile-fullscreen-overlay.overlay-visible .body .p-mobile-fullscreen-overlay.overlay-visible .body .cc-location-picker-dropdown .cc-location-picker-options,
  .p-mobile-fullscreen-overlay.overlay-visible .body .p-mobile-fullscreen-overlay.overlay-visible .body .cc-location-picker-dropdown .cc-location-picker-new-location-form {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  .p-mobile-fullscreen-overlay.overlay-visible .body .p-mobile-fullscreen-overlay.overlay-visible .body .cc-location-picker-dropdown li {
    padding: 0 5% 5px;
  }
  .p-mobile-fullscreen-overlay.overlay-visible .body .p-mobile-fullscreen-overlay.overlay-visible .body .cc-location-picker-dropdown li:first-child {
    padding-top: 5px;
  }
  .p-mobile-fullscreen-overlay.overlay-visible .body .p-mobile-fullscreen-overlay .header {
    display: none;
  }
  .p-mobile-fullscreen-overlay.overlay-visible .body .p-mobile-fullscreen-overlay .search-by {
    width: 100%;
    padding: 10px 14px;
  }
}
.p-mobile-fullscreen-overlay.hidden-header .header {
  display: none;
}
@media (max-width: 991px) {
  .p-mobile-fullscreen-overlay.no-scroll {
    overflow-y: visible;
  }
}
.p-mobile-fullscreen-overlay .header {
  display: none;
}
@media (max-width: 991px) {
  .p-mobile-fullscreen-overlay .header {
    width: 100%;
    height: 44px;
    overflow: hidden;
  }
}
.p-mobile-fullscreen-overlay .header:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (max-width: 991px) {
  .p-mobile-fullscreen-overlay .header > .container--mobile .container--inner,
  .p-mobile-fullscreen-overlay .header > .container-mobile .container--inner {
    position: relative;
  }
}
.p-mobile-fullscreen-overlay .header .button {
  display: none;
  padding: 0;
  border: none;
  background: none;
  outline: none;
}
.p-mobile-fullscreen-overlay .header .back-button {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 17px;
  padding: 0;
  border: none;
  background: none;
  outline: none;
}
.p-mobile-fullscreen-overlay .header .back-button .icon {
  display: block;
}
@media (max-width: 991px) {
  .p-mobile-fullscreen-overlay .header .heading {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    margin: 0;
    padding: 0 45px;
    font-size: 14px;
    font-weight: 600;
    line-height: 44px;
    color: var(--lvh-x-mesh-dark);
  }
}
.p-mobile-fullscreen-overlay .header .clear-button {
  display: none;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: none;
  background: none;
}
.p-mobile-fullscreen-overlay .header .clear-button .glyph0015:before {
  font-size: 10px;
  color: var(--lvh-primary-text);
}
@media (max-width: 991px) {
  .p-mobile-fullscreen-overlay .body {
    display: none;
  }
}
.p-or-content-divider {
  display: block;
  position: relative;
}
.p-or-content-divider.horizontal {
  height: 36px;
}
.p-or-content-divider.horizontal:before {
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
}
.p-or-content-divider.vertical {
  width: 36px;
}
.p-or-content-divider.vertical:before {
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
}
.p-or-content-divider:before {
  content: '';
  background-color: var(--lvh-x-shark-light);
  position: absolute;
}
.p-or-content-divider .label,
.p-or-content-divider .circle-label {
  display: block;
  width: 36px;
  height: 36px;
  text-align: center;
  font-size: 13px;
  line-height: 34px;
  color: var(--lvh-secondary-text);
  background-color: var(--lvh-white);
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -18px 0 0 -18px;
}
.p-or-content-divider .circle-label {
  border-radius: 50%;
  border: 1px solid var(--lvh-x-pale-grey);
}
/* -----------------------------------------------------------------------------

  PROFILE PICTURE
  
----------------------------------------------------------------------------- */
.profilePic {
  position: relative;
  border-radius: 50%;
  box-sizing: border-box;
}
.profilePic img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-sizing: border-box;
}
.profilePic .round-progress {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.profilePic .initials {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-indent: -9999em;
  text-align: center;
  overflow: hidden;
  border-radius: 50%;
  color: var(--lvh-secondary-text);
}
.profilePic .initials > span {
  font-weight: 700;
  text-transform: uppercase;
}
.profilePic > .indicator {
  background-color: var(--lvh-x-green);
  border: 2px solid var(--lvh-white);
  border-radius: 50%;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
}
.profilePic.avatarWithNoBg {
  background: url('//assets.livehire.com/common/images/vectors/avatar-no-bg.svg') center center no-repeat;
}
.profilePic.companyLogo {
  background-image: url('//assets.livehire.com/common/images/vectors/avatar-company.svg');
  background-position: center center;
  background-size: 75% 75% !important;
  background-repeat: no-repeat;
  fill: var(--lvh-white);
  border-radius: 3px;
  padding: 0 !important;
}
.profilePic.companyLogo.default {
  background-color: #a1b1de;
}
.profilePic.companyLogo > svg {
  display: none;
}
.p-social-connect-buttons.centered-labels .button {
  text-align: center;
  position: relative;
}
.p-social-connect-buttons.centered-labels .button .label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.p-social-connect-buttons.full-width .button {
  width: 100%;
}
.p-social-connect-buttons .button {
  display: block;
  width: 220px;
  height: 50px;
  outline: none;
  border: 1px solid rgba(0, 0, 0, 0);
  background: none;
  padding: 0 10px;
  border-radius: 3px;
  text-align: left;
  color: var(--lvh-white);
  transition: 0.2s background-color linear;
  box-sizing: border-box;
}
.p-social-connect-buttons .button:not(:last-child) {
  margin: 0 0 10px 0;
}
.p-social-connect-buttons .button:focus,
.p-social-connect-buttons .button:hover {
  box-shadow: 0 1px 2px var(--lvh-black-transparent-5), 0 0 0 1px var(--lvh-white), 0 0 0 2px var(--lvh-x-dark-grey);
}
.p-social-connect-buttons .button:focus span,
.p-social-connect-buttons .button:hover span {
  text-decoration: underline;
}
.p-social-connect-buttons .button .icon,
.p-social-connect-buttons .button .image-icon {
  float: left;
  width: 16px;
  margin: 0 10px 0 0;
}
.p-social-connect-buttons .button .icon {
  font-size: 16px;
  line-height: 50px;
  text-align: center;
}
.p-social-connect-buttons .button .image-icon {
  height: 16px;
  padding: 18px 0;
}
.p-social-connect-buttons .button .label {
  font-size: 13px;
  line-height: 50px;
}
.p-social-connect-buttons .button.facebook {
  background-color: var(--lvh-social-facebook-brand);
}
.p-social-connect-buttons .button.facebook:hover,
.p-social-connect-buttons .button.facebook:focus {
  background-color: var(--lvh-social-facebook-light);
}
.p-social-connect-buttons .button.facebook .icon,
.p-social-connect-buttons .button.facebook .label {
  color: var(--lvh-white);
}
.p-social-connect-buttons .button.linkedin {
  background-color: var(--lvh-social-linkedin-brand);
}
.p-social-connect-buttons .button.linkedin:hover,
.p-social-connect-buttons .button.linkedin:focus {
  background-color: var(--lvh-social-linkedin-light);
}
.p-social-connect-buttons .button.linkedin .icon,
.p-social-connect-buttons .button.linkedin .label {
  color: var(--lvh-white);
}
.p-social-connect-buttons .button.google {
  background-color: var(--lvh-white);
  border: 1px solid rgba(0, 0, 0, 0);
  outline: 1px solid var(--lvh-x-shark-dark);
  outline-offset: -1px;
}
.p-social-connect-buttons .button.google:hover,
.p-social-connect-buttons .button.google:focus {
  background-color: var(--lvh-white96);
  box-shadow: 0 1px 2px var(--lvh-black-transparent-5), 0 0 0 1px var(--lvh-white), 0 0 0 2px var(--lvh-x-dark-grey);
  border-radius: 3px;
}
.p-social-connect-buttons .button.google .label {
  color: var(--lvh-x-dark-grey);
}
.p-home-social-connect-buttons {
  background-color: var(--lvh-x-off-white);
}
.p-home-social-connect-buttons .row:not(:last-child) .button {
  border-bottom: 1px solid var(--lvh-x-pale-grey);
}
.p-home-social-connect-buttons .button {
  float: left;
  display: block;
  width: 50%;
  height: 44px;
  outline: none;
  border: none;
  background: none;
  padding: 0 20px;
  text-align: left;
  color: var(--lvh-white);
  box-sizing: border-box;
}
.p-home-social-connect-buttons .button:after {
  content: "\e914";
  float: right;
  font-family: 'IconFont';
  line-height: 44px;
  color: var(--lvh-x-pale-grey);
}
.p-home-social-connect-buttons .button:first-child {
  border-right: 1px solid var(--lvh-x-pale-grey);
}
.p-home-social-connect-buttons .button .icon {
  float: left;
  width: 20px;
  height: 20px;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  border-radius: 3px;
  margin: 12px 10px 12px 0;
}
.p-home-social-connect-buttons .button .image-icon {
  float: left;
  width: 16px;
  height: 16px;
  padding: 14px 0;
  margin: 0 10px 0 0;
}
.p-home-social-connect-buttons .button .label {
  font-size: 13px;
  line-height: 44px;
}
.p-home-social-connect-buttons .button.facebook .icon {
  background-color: var(--lvh-social-facebook-brand);
}
.p-home-social-connect-buttons .button.facebook .label {
  color: var(--lvh-social-facebook-brand);
}
.p-home-social-connect-buttons .button.linkedin .icon {
  background-color: var(--lvh-social-linkedin-brand);
}
.p-home-social-connect-buttons .button.linkedin .label {
  color: var(--lvh-social-linkedin-brand);
}
.p-home-social-connect-buttons .button.google .label {
  color: var(--lvh-x-dark-grey);
}
.p-social-connect-buttons-2 {
  width: 100%;
  display: table;
  border: 2px solid var(--lvh-x-paler-grey);
  border-radius: 3px;
  box-sizing: border-box;
  table-layout: fixed;
}
@media (max-width: 991px) {
  .p-social-connect-buttons-2 {
    border: none;
  }
}
.p-social-connect-buttons-2 .button {
  display: table-cell;
  text-align: center;
}
@media (max-width: 991px) {
  .p-social-connect-buttons-2 .button {
    display: block;
    border: 2px solid var(--lvh-x-paler-grey);
    border-radius: 3px;
  }
}
.p-social-connect-buttons-2 .button:not(:last-child) {
  border-right: 2px solid var(--lvh-x-paler-grey);
}
@media (max-width: 991px) {
  .p-social-connect-buttons-2 .button:not(:last-child) {
    margin: 0 0 10px 0;
  }
}
.p-social-connect-buttons-2 .button.facebook .icon,
.p-social-connect-buttons-2 .button.facebook .label {
  color: var(--lvh-social-facebook-brand);
}
.p-social-connect-buttons-2 .button.linkedin .icon,
.p-social-connect-buttons-2 .button.linkedin .label {
  color: var(--lvh-social-linkedin-brand);
}
.p-social-connect-buttons-2 .button .icon,
.p-social-connect-buttons-2 .button .image-icon,
.p-social-connect-buttons-2 .button .label {
  font-size: 11px;
  line-height: 40px;
  vertical-align: middle;
}
.p-social-connect-buttons-2 .button .icon,
.p-social-connect-buttons-2 .button .image-icon {
  margin: 0 5px 0 0;
}
.p-social-connect-buttons-2 .button .icon {
  font-size: 15px;
}
.p-social-connect-buttons-2 .button .image-icon {
  height: 15px;
}
.p-social-connect-buttons-2 .button .label {
  text-transform: uppercase;
  color: var(--lvh-x-dark-grey);
}
@media (max-width: 991px) {
  .p-social-connect-buttons-3 {
    border: none;
  }
}
.p-social-connect-buttons-3 .button {
  display: block;
  text-align: center;
  border: 2px solid var(--lvh-x-paler-grey);
  border-radius: 3px;
}
@media (max-width: 991px) {
  .p-social-connect-buttons-3 .button {
    display: block;
    border: 2px solid var(--lvh-x-paler-grey);
    border-radius: 3px;
  }
}
.p-social-connect-buttons-3 .button:not(:last-child) {
  border-right: 2px solid var(--lvh-x-paler-grey);
}
@media (max-width: 991px) {
  .p-social-connect-buttons-3 .button:not(:last-child) {
    margin: 0 0 10px 0;
  }
}
.p-social-connect-buttons-3 .button:hover > .label,
.p-social-connect-buttons-3 .button:focus > .label,
.p-social-connect-buttons-3 .button:active > .label {
  text-decoration: underline;
}
.p-social-connect-buttons-3 .button.facebook .icon,
.p-social-connect-buttons-3 .button.facebook .label {
  color: var(--lvh-social-facebook-brand);
}
.p-social-connect-buttons-3 .button.linkedin .icon,
.p-social-connect-buttons-3 .button.linkedin .label {
  color: var(--lvh-social-linkedin-brand);
}
.p-social-connect-buttons-3 .button .icon,
.p-social-connect-buttons-3 .button .image-icon,
.p-social-connect-buttons-3 .button .label {
  font-size: 11px;
  line-height: 40px;
  vertical-align: middle;
}
.p-social-connect-buttons-3 .button .icon,
.p-social-connect-buttons-3 .button .image-icon {
  margin: 0 5px 0 0;
}
.p-social-connect-buttons-3 .button .icon {
  font-size: 15px;
}
.p-social-connect-buttons-3 .button .image-icon {
  height: 15px;
}
.p-social-connect-buttons-3 .button .label {
  color: var(--lvh-x-dark-grey);
}
.seek-apply-btn {
  display: block;
  height: 45px;
  line-height: 45px;
  background: #e60278;
  color: var(--lvh-white) !important;
  border-radius: 4px;
  box-shadow: 0 1px 2px 0 rgba(64, 64, 64, 0.5);
  font-size: 18px;
  text-align: center;
  text-decoration: none;
  font-family: Helvetica, Arial;
}
.seek-apply-btn:hover {
  color: #fff;
  background: #fd0585;
  box-shadow: 0 1px 2px 0 rgba(64, 64, 64, 0.4);
}
.seek-apply-btn:active {
  color: #fff;
  background: #cd026b;
  box-shadow: 0 1px 2px 0 rgba(64, 64, 64, 0.7);
}
.seek-apply-btn__image {
  display: inline-block;
  height: 30px;
  width: 75px;
  margin: -1px 0 0 9px;
  vertical-align: middle;
  background: url(https://assets.livehire.com/common/images/branding/seek-apply-with-logo.svg) no-repeat;
  background-size: 100% 100%;
}
.p-social-connect-buttons-4 .button {
  position: relative;
  height: 50px;
}
.p-social-connect-buttons-4 .button .label {
  font-weight: 700;
  color: var(--lvh-x-dark-grey);
}
.p-social-connect-buttons-4 .button:not(:last-child) {
  margin: 0 0 10px 0;
}
.p-social-connect-buttons-4 .button.linkedin .icon {
  color: var(--lvh-social-linkedin-brand);
}
.p-social-connect-buttons-4 .button.facebook .icon {
  color: var(--lvh-social-facebook-brand);
}
.p-social-connect-buttons-4 .icon,
.p-social-connect-buttons-4 .image-icon {
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  font-size: 15px;
}
.p-social-connect-buttons-4 .icon {
  text-align: center;
}
.p-social-connect-buttons-4 .image-icon {
  height: 16px;
}
/* -----------------------------------------------------------------------------

  STICKY TABLE HEADER PATTERN

----------------------------------------------------------------------------- */
/**
 * NOTE:
 *
 * To be used with the element directive set-class-when-at-top="fix-to-top" padding-when-at-top="offset pixels as number (not px) from top ie 140"
 */
.p-sticky-table-header {
  position: fixed;
  top: 140px;
  display: none;
  z-index: 7960;
}
.p-sticky-table-header:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.p-sticky-table-header.small tbody tr th {
  padding: 5px 10px;
}
.p-sticky-table-header.tall tbody tr th {
  padding: 20px 10px;
}
@media (min-width: 992px) {
  .p-sticky-table-header thead {
    visibility: hidden;
  }
}
.p-sticky-table-header tbody tr th {
  padding: 8px 10px;
  box-sizing: border-box;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 600;
  text-align: left;
  vertical-align: middle;
  background-color: var(--lvh-x-dark-grey);
  color: var(--lvh-white);
}
.p-sticky-table-header tbody tr th.sort-column .icon {
  font-size: 7px;
  margin: 5.5px 0;
  vertical-align: middle;
  color: var(--lvh-x-shark-dark);
}
@media (min-width: 992px) {
  .fix-to-top .p-sticky-table-header {
    display: table;
  }
}
@media (min-width: 992px) {
  .fix-to-top .p-sticky-table-header thead {
    visibility: visible;
  }
}
@media (min-width: 992px) {
  .fix-to-top .p-sticky-table-header thead tr th {
    padding: 0;
  }
}
@media (min-width: 992px) {
  .fix-to-top .p-table thead {
    visibility: hidden;
  }
}
/* -----------------------------------------------------------------------------

  TABLE PATTERN

----------------------------------------------------------------------------- */
/**
 * NOTE:
 *
 * Table pattern to correct inconsistent design/developer feedback
 */
.p-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.p-table:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.p-table.small thead tr th {
  padding: 5px 10px;
}
.p-table.small tbody tr td {
  padding: 5px 10px;
}
@media (max-width: 991px) {
  .p-table.small tbody tr td {
    padding: 0;
  }
}
.p-table.tall thead tr th {
  padding: 20px 10px;
}
.p-table.tall tbody tr td {
  padding: 20px 10px;
}
@media (max-width: 991px) {
  .p-table.tall tbody tr td {
    padding: 0;
  }
}
.p-table thead {
  background-color: var(--lvh-x-dark-grey);
}
@media (max-width: 991px) {
  .p-table thead {
    display: none;
  }
}
.p-table thead tr th {
  padding: 8px 10px;
  box-sizing: border-box;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 600;
  text-align: left;
  vertical-align: middle;
  color: var(--lvh-white);
}
.p-table thead tr th.sort-column {
  position: relative;
}
.p-table thead tr th.sort-column .icon {
  font-size: 7px;
  margin: 5.5px 0;
  vertical-align: middle;
  color: var(--lvh-x-shark-dark);
}
.p-table tbody tr {
  border-bottom: 1px solid var(--lvh-x-grey);
  background-color: var(--lvh-white);
}
@media (max-width: 991px) {
  .p-table tbody tr {
    position: relative;
    display: block;
    margin: 0 0 15px 0;
    padding: 15px 20px 20px 20px;
    border-radius: 3px;
  }
}
.p-table tbody tr:hover {
  background-color: var(--lvh-x-pale-blue);
}
@media (min-width: 992px) {
  .p-table tbody tr:hover td.actions .icon,
  .p-table tbody tr:hover td.actions .trigger,
  .p-table tbody tr:hover td.actions .cc-callout,
  .p-table tbody tr:hover td.actions .cc-action-callout,
  .p-table tbody tr:hover td.actions .actions-menu {
    visibility: visible;
  }
}
.p-table tbody tr td {
  padding: 15px 10px;
  box-sizing: border-box;
  font-size: 13px;
  text-align: left;
  vertical-align: top;
  color: var(--lvh-primary-text);
}
@media (max-width: 991px) {
  .p-table tbody tr td {
    display: block;
    margin: 0 0 5px 0;
    padding: 0;
    vertical-align: middle;
  }
}
.p-table tbody tr td.actions {
  width: 25px;
}
@media (max-width: 991px) {
  .p-table tbody tr td.actions {
    position: absolute;
    top: 10px;
    right: 10px;
    display: inline-block;
  }
}
@media (min-width: 992px) {
  .p-table tbody tr td.actions .icon,
  .p-table tbody tr td.actions .trigger,
  .p-table tbody tr td.actions .cc-callout,
  .p-table tbody tr td.actions .cc-action-callout,
  .p-table tbody tr td.actions .actions-menu {
    visibility: hidden;
  }
}
.p-table tbody tr td .block {
  display: block;
}
.p-tag-list .p-tag {
  margin: 0 5px 5px 0;
}
.p-tag {
  display: inline-block;
  background-color: var(--lvh-x-off-white);
  border-radius: 3px;
  padding: 0 10px;
  position: relative;
}
.p-tag:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.p-tag.large {
  min-height: 26px;
}
.p-tag.large .label {
  line-height: 26px;
}
.p-tag.small {
  min-height: 20px;
}
.p-tag.small .label {
  line-height: 20px;
}
.p-tag.murkberry,
.p-tag.specialties {
  background-color: var(--lvh-x-murkberry-light);
}
.p-tag.murkberry .label,
.p-tag.specialties .label,
.p-tag.murkberry .icon,
.p-tag.specialties .icon {
  color: var(--lvh-x-murkberry-darkest);
}
.p-tag.green {
  background-color: var(--lvh-validation-green-light);
}
.p-tag.green .label,
.p-tag.green .icon {
  color: var(--lvh-validation-green-dark);
}
.p-tag.icon-left .icon {
  right: auto;
  left: 5px;
}
.p-tag.icon-left .label {
  padding-left: 15px;
}
.p-tag .label {
  float: left;
  font-size: 11px;
  color: var(--lvh-x-dark-grey);
}
.p-tag .label:not(:last-child) {
  margin: 0 13px 0 0;
}
.p-tag button.delete-tag {
  position: absolute;
  top: 50%;
  right: 5px;
  padding: 5px;
  background: none;
  border: none;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.p-tag button.delete-tag .icon {
  position: static;
  display: block;
  margin: 0;
  padding: 0;
}
.p-tag .icon {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -9px;
  font-size: 8px;
  line-height: 1;
  color: var(--lvh-secondary-text);
  padding: 5px;
  cursor: pointer;
}
/* -----------------------------------------------------------------------------

  TALENT COMMUNITY CARD COMPONENT
  
----------------------------------------------------------------------------- */
.p-talent-community-card {
  float: left;
  width: 100%;
  height: 400px;
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-grey);
  border-radius: 3px;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05);
  text-align: center;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
@media (max-width: 991px) {
  .p-talent-community-card {
    height: auto !important;
  }
}
.p-talent-community-card:hover .join-tc > .label {
  background: var(--lvh-x-off-white);
}
.p-talent-community-card.large {
  height: 475px;
}
.p-talent-community-card.large .cover-photo {
  height: 110px;
}
.p-talent-community-card.large .content-wrap {
  top: 110px;
  padding: 45px 0;
  height: calc(100% - 110px);
}
@media (max-width: 991px) {
  .p-talent-community-card.large .content-wrap {
    top: 0;
  }
}
.p-talent-community-card.large .content-wrap .content-inner {
  padding: 0 30px;
}
@media (max-width: 991px) {
  .p-talent-community-card.large .content-wrap .content-inner {
    padding: 0 30px 25px;
  }
}
.p-talent-community-card.large .employer-logo {
  width: 88px;
  height: 88px;
  margin: 0 auto 25px auto;
}
.p-talent-community-card.large h3 {
  font-size: 18px;
}
.p-talent-community-card.large .industry-name {
  font-size: 16px;
  margin: 0 0 20px 0;
}
.p-talent-community-card.large .description {
  font-size: 16px;
}
.p-talent-community-card.large .join-tc > .label {
  font-size: 16px;
}
.p-talent-community-card .cover-photo {
  width: 100%;
  height: 80px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}
@media (max-width: 991px) {
  .p-talent-community-card .cover-photo {
    float: left;
    position: static;
  }
}
.p-talent-community-card .content-wrap {
  position: relative;
  top: 80px;
  width: 100%;
  height: calc(100% - 80px);
  padding: 35px 0;
  background-color: var(--lvh-white);
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .p-talent-community-card .content-wrap {
    float: left;
    top: 0;
  }
}
.p-talent-community-card .content-wrap .content-inner {
  padding: 0 20px;
}
@media (max-width: 991px) {
  .p-talent-community-card .content-wrap .content-inner {
    padding: 0 20px 25px;
  }
}
.p-talent-community-card .employer-logo {
  display: block;
  margin: 0 auto 15px auto;
  width: 64px;
  height: 64px;
  border: 1px solid var(--lvh-x-grey);
  border-radius: 3px;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
  box-sizing: border-box;
}
.p-talent-community-card h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 2;
  color: var(--lvh-x-dark-grey);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.p-talent-community-card .industry-name {
  display: block;
  margin: 0 0 25px 0;
  font-size: 13px;
  line-height: 1.6;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--lvh-secondary-text);
}
.p-talent-community-card .description {
  margin: 0;
  font-size: 13px;
  line-height: 1.7;
  color: var(--lvh-secondary-text);
}
.p-talent-community-card .join-tc {
  position: absolute;
  bottom: 0;
  width: 100%;
  border-top: 1px solid var(--lvh-x-grey);
}
.p-talent-community-card .join-tc:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (max-width: 991px) {
  .p-talent-community-card .join-tc {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
}
.p-talent-community-card .join-tc > .label {
  display: block;
  float: right;
  padding: 12px 20px;
  border-left: 1px solid var(--lvh-x-grey);
}
.p-round-social-icon {
  display: inline-block;
  height: 25px;
  width: 25px;
  line-height: 25px;
  text-align: center;
  border-radius: 50%;
  box-sizing: border-box;
  background-color: var(--lvh-x-paler-grey);
}
.p-round-social-icon i.social {
  color: var(--lvh-white);
  font-size: 12px;
  line-height: 25px;
}
.p-round-social-icon i:before {
  content: "\e91f";
}
.p-round-social-icon.twitter {
  background-color: var(--lvh-social-twitter-brand);
}
.p-round-social-icon.twitter i:before {
  content: "\e908";
}
.p-round-social-icon.linkedin {
  background-color: var(--lvh-social-linkedin-brand);
}
.p-round-social-icon.linkedin i:before {
  content: "\e909";
}
.p-round-social-icon.facebook {
  background-color: var(--lvh-social-facebook-brand);
}
.p-round-social-icon.facebook i:before {
  content: "\e907";
}
.p-round-social-icon.instagram {
  background-color: var(--lvh-social-instagram-brand);
}
.p-round-social-icon.instagram i:before {
  content: "\e90b";
}
.p-round-social-icon.grey {
  background-color: var(--lvh-x-off-white);
}
.p-round-social-icon.grey i.social {
  color: var(--lvh-secondary-text);
}
/* -----------------------------------------------------------------------------

  COMMON ANGULAR STYLES
  
----------------------------------------------------------------------------- */
[ng-click]:not(.cc-modalOverlay):not(.overlayContent),
[data-ng-click]:not(.cc-modalOverlay):not(.overlayContent),
[x-ng-click]:not(.cc-modalOverlay):not(.overlayContent),
[ng-click]:not(.button:disabled),
[data-ng-click]:not(.button:disabled),
[x-ng-click]:not(.button:disabled) {
  cursor: pointer;
}
.ng-animate-fade.on-add,
.ng-animate-fade.ng-enter {
  -moz-transition: 0.5s linear opacity;
  -o-transition: 0.5s linear opacity;
  -webkit-transition: 0.5s linear opacity;
  transition: 0.5s linear opacity;
  opacity: 0;
}
.ng-animate-fade.on-add.ng-enter-active,
.ng-animate-fade.ng-enter.ng-enter-active {
  opacity: 1;
}
.ng-animate-fade.on-remove,
.ng-animate-fade.ng-leave {
  -moz-transition: 0.5s linear opacity;
  -o-transition: 0.5s linear opacity;
  -webkit-transition: 0.5s linear opacity;
  transition: 0.5s linear opacity;
  opacity: 1;
}
.ng-animate-fade.on-remove.ng-leave-active,
.ng-animate-fade.ng-leave.ng-leave-active {
  opacity: 0;
}
.ng-animate-fade.ng-show {
  -moz-transition: 0.5s linear opacity;
  -o-transition: 0.5s linear opacity;
  -webkit-transition: 0.5s linear opacity;
  transition: 0.5s linear opacity;
}
.ng-animate-fade.ng-hide {
  opacity: 0;
}
@media (max-width: 991px) {
  .ng-animate-fade.animate-desktop-only {
    -moz-transition: none !important;
    -o-transition: none !important;
    -webkit-transition: none !important;
    transition: none !important;
    opacity: 1 !important;
    display: block !important;
  }
}
@media (min-width: 992px) {
  .ng-animate-fade.animate-mobile-only {
    -moz-transition: none !important;
    -o-transition: none !important;
    -webkit-transition: none !important;
    transition: none !important;
    opacity: 1 !important;
    display: block !important;
  }
}
/* -----------------------------------------------------------------------------

  BODY COLLAPSE
  
----------------------------------------------------------------------------- */
body.collapse,
body.modal,
body.dialog {
  height: 0;
  height: 100vh;
  overflow: hidden;
}
@media (max-width: 991px) {
  body.collapse-mobile-only {
    height: 0;
    height: 100vh;
    overflow: hidden;
  }
}
/* -----------------------------------------------------------------------------

  HEADER
  
----------------------------------------------------------------------------- */
#headerLayoutV2 {
  float: left;
  width: 100%;
  height: 60px;
  line-height: normal;
  z-index: 8000;
}
#headerLayoutV2 .poweredBy {
  display: flex;
  gap: 0.25em;
  padding: 1em 30px;
  border-radius: 0 0 3px 3px;
  background-color: var(--lvh-x-off-white);
  min-width: 100px;
}
#headerLayoutV2 .poweredBy a {
  display: inherit;
}
#headerLayoutV2 .poweredBy a:hover {
  background-image: linear-gradient(var(--lvh-x-mid-grey), var(--lvh-x-mid-grey));
  background-position-x: 0px;
  background-position-y: 100%;
  background-size: 0.5px 0.5px;
  background-repeat-x: repeat;
  background-repeat-y: no-repeat;
}
#headerLayoutV2 .poweredBy a img {
  width: 40px;
}
#headerLayoutV2 .poweredBy span {
  font-size: 10px;
  color: var(--lvh-x-mid-grey);
}
#headerLayoutV2.relative {
  position: relative;
}
#headerLayoutV2.fixed {
  position: fixed;
  top: 0;
  left: 0;
}
#headerLayoutV2.fixed .headerDropdownMenu.isVisible {
  z-index: 7962;
}
#headerLayoutV2.absolute {
  position: relative;
  top: 60px;
  left: 0;
  margin-top: -60px;
}
#headerLayoutV2.static {
  position: static;
}
@media (max-width: 991px) {
  #headerLayoutV2 {
    height: 54px;
  }
}
#headerLayoutV2.blue {
  background-color: var(--lvh-bright-blue);
}
#headerLayoutV2.blue .headerDropdownMenuButton > .userName > span,
#headerLayoutV2.blue .headerDropdownMenuButton > .userName > i {
  color: var(--lvh-white);
}
#headerLayoutV2.blue .headerDropdownMenuButton:hover,
#headerLayoutV2.blue .headerDropdownMenuButton:focus,
#headerLayoutV2.blue .headerDropdownMenuButton:active {
  background-color: unset;
  outline: 0;
}
#headerLayoutV2.blue #headerNavButtonMobile .icon {
  color: var(--lvh-white);
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.withDropdown > .dropdownContent > button > span,
#headerLayoutV2.blue #headerMenuItems > .menuItem.withDropdown > .dropdownContent > button > i {
  color: var(--lvh-white);
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered {
  padding: 1.077em 0 !important;
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a {
  --lvh-btn-border-thickness: 1px;
  --lvh-btn-bg-colour: #00bdeb;
  --lvh-btn-border-colour: transparent;
  --lvh-btn-hover-bg-colour: #1fd3ff;
  --lvh-btn-hover-border-colour: #1fd3ff;
  --lvh-btn-focus-box-shadow-colour: #444444;
  outline: 0;
  border: none;
  background: none;
  line-height: normal;
  border-radius: 3px;
  box-sizing: border-box;
  transition: 0.2s background-color linear, 0.2s box-shadow linear;
  background-color: var(--lvh-btn-bg-colour);
  color: var(--lvh-btn-colour);
  border: var(--lvh-btn-border-thickness) solid var(--lvh-btn-border-colour);
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #666666;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #808080;
  --lvh-btn-hover-border-colour: #808080;
  color: var(--lvh-white) !important;
  padding: 0.538em 1.154em;
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a:hover:not([disabled]),
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a:hover:not([disabled]),
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a:hover:not(:disabled),
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a:hover:not(:disabled) {
  border: var(--lvh-btn-border-thickness) solid var(--lvh-btn-hover-border-colour);
  text-decoration: underline;
  background-color: var(--lvh-btn-hover-bg-colour);
  color: var(--lvh-btn-hover-colour);
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a:hover:not([disabled]) > .label,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a:hover:not([disabled]) > .label,
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a:hover:not(:disabled) > .label,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a:hover:not(:disabled) > .label {
  color: var(--lvh-btn-hover-colour);
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a:focus:not([disabled]),
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a:focus:not([disabled]),
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a:focus:not(:disabled),
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a:focus:not(:disabled) {
  border: 1px solid var(--lvh-btn-hover-border-colour);
  text-decoration: underline;
  background-color: var(--lvh-btn-hover-bg-colour);
  color: var(--lvh-btn-hover-colour);
  box-shadow: 0px 0px 0px 1px var(--lvh-white98), 0px 0px 0px 2px var(--lvh-btn-focus-box-shadow-colour);
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a:focus:not([disabled]) > .label,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a:focus:not([disabled]) > .label,
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a:focus:not(:disabled) > .label,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a:focus:not(:disabled) > .label {
  color: var(--lvh-btn-hover-colour);
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a > .label,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a > .label {
  color: var(--lvh-btn-colour);
  font-size: 1em;
  font-weight: 600;
  cursor: pointer;
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a.small,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a.small {
  padding: 5px 15px;
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a.medium,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a.medium {
  padding: 8px 20px;
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a.large,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a.large {
  padding: 11px 20px;
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a.large > .label,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a.large > .label {
  font-size: 1.154em;
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a.blue,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a.blue,
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a.bright-blue,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a.bright-blue {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #00bdeb;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #1fd3ff;
  --lvh-btn-hover-border-colour: #1fd3ff;
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a.shark-dark,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a.shark-dark {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #cccccc;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #e6e6e6;
  --lvh-btn-hover-border-colour: #e6e6e6;
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a.mid-grey,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a.mid-grey {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #666666;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #808080;
  --lvh-btn-hover-border-colour: #808080;
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a.paler-grey,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a.paler-grey {
  --lvh-btn-colour: #444444;
  --lvh-btn-bg-colour: #e0e0e0;
  --lvh-btn-hover-colour: #444444;
  --lvh-btn-hover-bg-colour: #fafafa;
  --lvh-btn-hover-border-colour: #fafafa;
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a.off-white,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a.off-white {
  --lvh-btn-colour: #888888;
  --lvh-btn-bg-colour: #f3f5f7;
  --lvh-btn-hover-colour: #888888;
  --lvh-btn-hover-bg-colour: #ffffff;
  --lvh-btn-hover-border-colour: #ffffff;
  --lvh-btn-border-colour: #dedede;
  --lvh-btn-hover-border-colour: #dedede;
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a.white,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a.white {
  --lvh-btn-colour: #888888;
  --lvh-btn-bg-colour: #fff;
  --lvh-btn-hover-colour: #888888;
  --lvh-btn-hover-bg-colour: #ffffff;
  --lvh-btn-hover-border-colour: #ffffff;
  --lvh-btn-border-colour: #dedede;
  --lvh-btn-hover-border-colour: #dedede;
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a.red,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a.red,
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a.ripe,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a.ripe {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #bd350f;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #ec4213;
  --lvh-btn-hover-border-colour: #ec4213;
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a.orange,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a.orange {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #ff8133;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #ffa066;
  --lvh-btn-hover-border-colour: #ffa066;
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a.yellow,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a.yellow {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #ffd540;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #ffe073;
  --lvh-btn-hover-border-colour: #ffe073;
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a.green,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a.green {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #50b848;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #73c66d;
  --lvh-btn-hover-border-colour: #73c66d;
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a.murkberry-dark,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a.murkberry-dark {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #a1b1de;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #c7d0eb;
  --lvh-btn-hover-border-colour: #c7d0eb;
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a.pink,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a.pink {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #ff5aa8;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #ff8dc3;
  --lvh-btn-hover-border-colour: #ff8dc3;
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a.purple,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a.purple {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #7858e0;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #9b83e8;
  --lvh-btn-hover-border-colour: #9b83e8;
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a.light-purple,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a.light-purple {
  --lvh-btn-colour: #7858e0;
  --lvh-btn-bg-colour: rgba(120, 88, 224, 0.2);
  --lvh-btn-hover-colour: #7858e0;
  --lvh-btn-hover-bg-colour: rgba(155, 131, 232, 0.2);
  --lvh-btn-hover-border-colour: rgba(155, 131, 232, 0.2);
}
#headerLayoutV2.blue #headerMenuItems > .menuItem > a {
  color: var(--lvh-white);
}
#headerLayoutV2.blue .headerLogo.whiteLogo {
  display: block;
}
#headerLayoutV2.blue .headerLogo.colourLogo {
  display: none;
}
#headerLayoutV2.transparent-dark {
  background-color: transparent;
  border-bottom: 1px solid var(--lvh-x-shark-light);
  box-sizing: border-box;
}
@media (max-width: 991px) {
  #headerLayoutV2.transparent-dark {
    background-color: var(--lvh-white);
  }
}
#headerLayoutV2.transparent-dark .headerDropdownMenuButton > .userName > span,
#headerLayoutV2.transparent-dark .headerDropdownMenuButton > .userName > i {
  color: var(--lvh-primary-text);
}
#headerLayoutV2.transparent-dark #headerNavButtonMobile .icon {
  color: var(--lvh-primary-text);
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.withDropdown > .dropdownContent > button > span,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.withDropdown > .dropdownContent > button > i {
  color: var(--lvh-primary-text);
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered {
  padding: 1.075em 0 !important;
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a {
  --lvh-btn-border-thickness: 1px;
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #00bdeb;
  --lvh-btn-border-colour: transparent;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #1fd3ff;
  --lvh-btn-hover-border-colour: #1fd3ff;
  --lvh-btn-focus-box-shadow-colour: #444444;
  outline: 0;
  border: none;
  background: none;
  line-height: normal;
  border-radius: 3px;
  box-sizing: border-box;
  transition: 0.2s background-color linear, 0.2s box-shadow linear;
  background-color: var(--lvh-btn-bg-colour);
  color: var(--lvh-btn-colour);
  border: var(--lvh-btn-border-thickness) solid var(--lvh-btn-border-colour);
  background-color: var(--lvh-white-transparent-40);
  padding: 0.538em 1.154em;
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a:hover:not([disabled]),
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a:hover:not([disabled]),
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a:hover:not(:disabled),
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a:hover:not(:disabled) {
  border: var(--lvh-btn-border-thickness) solid var(--lvh-btn-hover-border-colour);
  text-decoration: underline;
  background-color: var(--lvh-btn-hover-bg-colour);
  color: var(--lvh-btn-hover-colour);
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a:hover:not([disabled]) > .label,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a:hover:not([disabled]) > .label,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a:hover:not(:disabled) > .label,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a:hover:not(:disabled) > .label {
  color: var(--lvh-btn-hover-colour);
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a:focus:not([disabled]),
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a:focus:not([disabled]),
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a:focus:not(:disabled),
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a:focus:not(:disabled) {
  border: 1px solid var(--lvh-btn-hover-border-colour);
  text-decoration: underline;
  background-color: var(--lvh-btn-hover-bg-colour);
  color: var(--lvh-btn-hover-colour);
  box-shadow: 0px 0px 0px 1px var(--lvh-white98), 0px 0px 0px 2px var(--lvh-btn-focus-box-shadow-colour);
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a:focus:not([disabled]) > .label,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a:focus:not([disabled]) > .label,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a:focus:not(:disabled) > .label,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a:focus:not(:disabled) > .label {
  color: var(--lvh-btn-hover-colour);
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a > .label,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a > .label {
  color: var(--lvh-btn-colour);
  font-size: 1em;
  font-weight: 600;
  cursor: pointer;
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a.small,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a.small {
  padding: 5px 15px;
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a.medium,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a.medium {
  padding: 8px 20px;
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a.large,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a.large {
  padding: 11px 20px;
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a.large > .label,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a.large > .label {
  font-size: 1.154em;
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a.blue,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a.blue,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a.bright-blue,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a.bright-blue {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #00bdeb;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #1fd3ff;
  --lvh-btn-hover-border-colour: #1fd3ff;
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a.shark-dark,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a.shark-dark {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #cccccc;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #e6e6e6;
  --lvh-btn-hover-border-colour: #e6e6e6;
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a.mid-grey,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a.mid-grey {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #666666;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #808080;
  --lvh-btn-hover-border-colour: #808080;
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a.paler-grey,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a.paler-grey {
  --lvh-btn-colour: #444444;
  --lvh-btn-bg-colour: #e0e0e0;
  --lvh-btn-hover-colour: #444444;
  --lvh-btn-hover-bg-colour: #fafafa;
  --lvh-btn-hover-border-colour: #fafafa;
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a.off-white,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a.off-white {
  --lvh-btn-colour: #888888;
  --lvh-btn-bg-colour: #f3f5f7;
  --lvh-btn-hover-colour: #888888;
  --lvh-btn-hover-bg-colour: #ffffff;
  --lvh-btn-hover-border-colour: #ffffff;
  --lvh-btn-border-colour: #dedede;
  --lvh-btn-hover-border-colour: #dedede;
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a.white,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a.white {
  --lvh-btn-colour: #888888;
  --lvh-btn-bg-colour: #fff;
  --lvh-btn-hover-colour: #888888;
  --lvh-btn-hover-bg-colour: #ffffff;
  --lvh-btn-hover-border-colour: #ffffff;
  --lvh-btn-border-colour: #dedede;
  --lvh-btn-hover-border-colour: #dedede;
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a.red,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a.red,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a.ripe,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a.ripe {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #bd350f;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #ec4213;
  --lvh-btn-hover-border-colour: #ec4213;
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a.orange,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a.orange {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #ff8133;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #ffa066;
  --lvh-btn-hover-border-colour: #ffa066;
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a.yellow,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a.yellow {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #ffd540;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #ffe073;
  --lvh-btn-hover-border-colour: #ffe073;
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a.green,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a.green {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #50b848;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #73c66d;
  --lvh-btn-hover-border-colour: #73c66d;
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a.murkberry-dark,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a.murkberry-dark {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #a1b1de;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #c7d0eb;
  --lvh-btn-hover-border-colour: #c7d0eb;
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a.pink,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a.pink {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #ff5aa8;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #ff8dc3;
  --lvh-btn-hover-border-colour: #ff8dc3;
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a.purple,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a.purple {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #7858e0;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #9b83e8;
  --lvh-btn-hover-border-colour: #9b83e8;
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a.light-purple,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a.light-purple {
  --lvh-btn-colour: #7858e0;
  --lvh-btn-bg-colour: rgba(120, 88, 224, 0.2);
  --lvh-btn-hover-colour: #7858e0;
  --lvh-btn-hover-bg-colour: rgba(155, 131, 232, 0.2);
  --lvh-btn-hover-border-colour: rgba(155, 131, 232, 0.2);
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a:hover,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a:hover,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a:focus,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a:focus {
  background-color: var(--lvh-white-transparent-50);
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem > a {
  color: var(--lvh-primary-text);
}
#headerLayoutV2.transparent-dark .headerWidget .button > .icon {
  color: var(--lvh-primary-text);
}
@media (max-width: 991px) {
  #headerLayoutV2.transparent-dark .headerLogo.whiteLogo {
    display: none;
  }
}
@media (min-width: 992px) {
  #headerLayoutV2.transparent-dark .headerLogo.colourLogo {
    display: none;
  }
}
#headerLayoutV2.transparent-light {
  background-color: transparent;
  border-bottom: 1px solid var(--lvh-x-shark-light);
  box-sizing: border-box;
}
@media (max-width: 991px) {
  #headerLayoutV2.transparent-light {
    background-color: var(--lvh-white);
  }
}
#headerLayoutV2.transparent-light .headerDropdownMenuButton > .userName > span,
#headerLayoutV2.transparent-light .headerDropdownMenuButton > .userName > i {
  color: var(--lvh-white);
}
#headerLayoutV2.transparent-light #headerNavButtonMobile .icon {
  color: var(--lvh-x-dark-grey);
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.withDropdown > .dropdownContent > button > span,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.withDropdown > .dropdownContent > button > i {
  color: var(--lvh-white);
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered {
  padding: 1.075em 0 !important;
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a {
  --lvh-btn-border-thickness: 1px;
  --lvh-btn-border-colour: transparent;
  --lvh-btn-focus-box-shadow-colour: #444444;
  outline: 0;
  border: none;
  background: none;
  line-height: normal;
  border-radius: 3px;
  box-sizing: border-box;
  transition: 0.2s background-color linear, 0.2s box-shadow linear;
  background-color: var(--lvh-btn-bg-colour);
  color: var(--lvh-btn-colour);
  border: var(--lvh-btn-border-thickness) solid var(--lvh-btn-border-colour);
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #00bdeb;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #1fd3ff;
  --lvh-btn-hover-border-colour: #1fd3ff;
  padding: 0.538em 1.154em;
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a:hover:not([disabled]),
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a:hover:not([disabled]),
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a:hover:not(:disabled),
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a:hover:not(:disabled) {
  border: var(--lvh-btn-border-thickness) solid var(--lvh-btn-hover-border-colour);
  text-decoration: underline;
  background-color: var(--lvh-btn-hover-bg-colour);
  color: var(--lvh-btn-hover-colour);
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a:hover:not([disabled]) > .label,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a:hover:not([disabled]) > .label,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a:hover:not(:disabled) > .label,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a:hover:not(:disabled) > .label {
  color: var(--lvh-btn-hover-colour);
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a:focus:not([disabled]),
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a:focus:not([disabled]),
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a:focus:not(:disabled),
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a:focus:not(:disabled) {
  border: 1px solid var(--lvh-btn-hover-border-colour);
  text-decoration: underline;
  background-color: var(--lvh-btn-hover-bg-colour);
  color: var(--lvh-btn-hover-colour);
  box-shadow: 0px 0px 0px 1px var(--lvh-white98), 0px 0px 0px 2px var(--lvh-btn-focus-box-shadow-colour);
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a:focus:not([disabled]) > .label,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a:focus:not([disabled]) > .label,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a:focus:not(:disabled) > .label,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a:focus:not(:disabled) > .label {
  color: var(--lvh-btn-hover-colour);
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a > .label,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a > .label {
  color: var(--lvh-btn-colour);
  font-size: 1em;
  font-weight: 600;
  cursor: pointer;
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a.small,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a.small {
  padding: 5px 15px;
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a.medium,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a.medium {
  padding: 8px 20px;
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a.large,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a.large {
  padding: 11px 20px;
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a.large > .label,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a.large > .label {
  font-size: 1.154em;
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a.blue,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a.blue,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a.bright-blue,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a.bright-blue {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #00bdeb;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #1fd3ff;
  --lvh-btn-hover-border-colour: #1fd3ff;
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a.shark-dark,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a.shark-dark {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #cccccc;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #e6e6e6;
  --lvh-btn-hover-border-colour: #e6e6e6;
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a.mid-grey,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a.mid-grey {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #666666;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #808080;
  --lvh-btn-hover-border-colour: #808080;
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a.paler-grey,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a.paler-grey {
  --lvh-btn-colour: #444444;
  --lvh-btn-bg-colour: #e0e0e0;
  --lvh-btn-hover-colour: #444444;
  --lvh-btn-hover-bg-colour: #fafafa;
  --lvh-btn-hover-border-colour: #fafafa;
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a.off-white,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a.off-white {
  --lvh-btn-colour: #888888;
  --lvh-btn-bg-colour: #f3f5f7;
  --lvh-btn-hover-colour: #888888;
  --lvh-btn-hover-bg-colour: #ffffff;
  --lvh-btn-hover-border-colour: #ffffff;
  --lvh-btn-border-colour: #dedede;
  --lvh-btn-hover-border-colour: #dedede;
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a.white,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a.white {
  --lvh-btn-colour: #888888;
  --lvh-btn-bg-colour: #fff;
  --lvh-btn-hover-colour: #888888;
  --lvh-btn-hover-bg-colour: #ffffff;
  --lvh-btn-hover-border-colour: #ffffff;
  --lvh-btn-border-colour: #dedede;
  --lvh-btn-hover-border-colour: #dedede;
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a.red,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a.red,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a.ripe,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a.ripe {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #bd350f;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #ec4213;
  --lvh-btn-hover-border-colour: #ec4213;
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a.orange,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a.orange {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #ff8133;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #ffa066;
  --lvh-btn-hover-border-colour: #ffa066;
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a.yellow,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a.yellow {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #ffd540;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #ffe073;
  --lvh-btn-hover-border-colour: #ffe073;
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a.green,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a.green {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #50b848;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #73c66d;
  --lvh-btn-hover-border-colour: #73c66d;
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a.murkberry-dark,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a.murkberry-dark {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #a1b1de;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #c7d0eb;
  --lvh-btn-hover-border-colour: #c7d0eb;
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a.pink,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a.pink {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #ff5aa8;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #ff8dc3;
  --lvh-btn-hover-border-colour: #ff8dc3;
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a.purple,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a.purple {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #7858e0;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #9b83e8;
  --lvh-btn-hover-border-colour: #9b83e8;
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a.light-purple,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a.light-purple {
  --lvh-btn-colour: #7858e0;
  --lvh-btn-bg-colour: rgba(120, 88, 224, 0.2);
  --lvh-btn-hover-colour: #7858e0;
  --lvh-btn-hover-bg-colour: rgba(155, 131, 232, 0.2);
  --lvh-btn-hover-border-colour: rgba(155, 131, 232, 0.2);
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem > a {
  color: var(--lvh-white);
}
@media (max-width: 991px) {
  #headerLayoutV2.transparent-light .headerLogo.whiteLogo {
    display: none;
  }
}
@media (min-width: 992px) {
  #headerLayoutV2.transparent-light .headerLogo.colourLogo {
    display: none;
  }
}
#headerLayoutV2.white {
  background-color: var(--lvh-white);
}
#headerLayoutV2.white .headerDropdownMenuButton > .userName > span,
#headerLayoutV2.white .headerDropdownMenuButton > .userName > i {
  color: var(--lvh-x-mid-grey);
}
#headerLayoutV2.white #headerNavButtonMobile .icon {
  color: var(--lvh-x-mid-grey);
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered {
  padding: 1.077em 0 !important;
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a {
  --lvh-btn-border-thickness: 1px;
  --lvh-btn-border-colour: transparent;
  --lvh-btn-focus-box-shadow-colour: #444444;
  outline: 0;
  border: none;
  background: none;
  line-height: normal;
  border-radius: 3px;
  box-sizing: border-box;
  transition: 0.2s background-color linear, 0.2s box-shadow linear;
  background-color: var(--lvh-btn-bg-colour);
  color: var(--lvh-btn-colour);
  border: var(--lvh-btn-border-thickness) solid var(--lvh-btn-border-colour);
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #00bdeb;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #1fd3ff;
  --lvh-btn-hover-border-colour: #1fd3ff;
  color: var(--lvh-white) !important;
  padding: 0.538em 1.154em;
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a:hover:not([disabled]),
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a:hover:not([disabled]),
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a:hover:not(:disabled),
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a:hover:not(:disabled) {
  border: var(--lvh-btn-border-thickness) solid var(--lvh-btn-hover-border-colour);
  text-decoration: underline;
  background-color: var(--lvh-btn-hover-bg-colour);
  color: var(--lvh-btn-hover-colour);
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a:hover:not([disabled]) > .label,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a:hover:not([disabled]) > .label,
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a:hover:not(:disabled) > .label,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a:hover:not(:disabled) > .label {
  color: var(--lvh-btn-hover-colour);
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a:focus:not([disabled]),
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a:focus:not([disabled]),
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a:focus:not(:disabled),
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a:focus:not(:disabled) {
  border: 1px solid var(--lvh-btn-hover-border-colour);
  text-decoration: underline;
  background-color: var(--lvh-btn-hover-bg-colour);
  color: var(--lvh-btn-hover-colour);
  box-shadow: 0px 0px 0px 1px var(--lvh-white98), 0px 0px 0px 2px var(--lvh-btn-focus-box-shadow-colour);
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a:focus:not([disabled]) > .label,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a:focus:not([disabled]) > .label,
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a:focus:not(:disabled) > .label,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a:focus:not(:disabled) > .label {
  color: var(--lvh-btn-hover-colour);
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a > .label,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a > .label {
  color: var(--lvh-btn-colour);
  font-size: 1em;
  font-weight: 600;
  cursor: pointer;
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a.small,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a.small {
  padding: 5px 15px;
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a.medium,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a.medium {
  padding: 8px 20px;
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a.large,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a.large {
  padding: 11px 20px;
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a.large > .label,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a.large > .label {
  font-size: 1.154em;
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a.blue,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a.blue,
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a.bright-blue,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a.bright-blue {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #00bdeb;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #1fd3ff;
  --lvh-btn-hover-border-colour: #1fd3ff;
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a.shark-dark,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a.shark-dark {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #cccccc;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #e6e6e6;
  --lvh-btn-hover-border-colour: #e6e6e6;
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a.mid-grey,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a.mid-grey {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #666666;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #808080;
  --lvh-btn-hover-border-colour: #808080;
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a.paler-grey,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a.paler-grey {
  --lvh-btn-colour: #444444;
  --lvh-btn-bg-colour: #e0e0e0;
  --lvh-btn-hover-colour: #444444;
  --lvh-btn-hover-bg-colour: #fafafa;
  --lvh-btn-hover-border-colour: #fafafa;
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a.off-white,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a.off-white {
  --lvh-btn-colour: #888888;
  --lvh-btn-bg-colour: #f3f5f7;
  --lvh-btn-hover-colour: #888888;
  --lvh-btn-hover-bg-colour: #ffffff;
  --lvh-btn-hover-border-colour: #ffffff;
  --lvh-btn-border-colour: #dedede;
  --lvh-btn-hover-border-colour: #dedede;
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a.white,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a.white {
  --lvh-btn-colour: #888888;
  --lvh-btn-bg-colour: #fff;
  --lvh-btn-hover-colour: #888888;
  --lvh-btn-hover-bg-colour: #ffffff;
  --lvh-btn-hover-border-colour: #ffffff;
  --lvh-btn-border-colour: #dedede;
  --lvh-btn-hover-border-colour: #dedede;
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a.red,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a.red,
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a.ripe,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a.ripe {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #bd350f;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #ec4213;
  --lvh-btn-hover-border-colour: #ec4213;
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a.orange,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a.orange {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #ff8133;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #ffa066;
  --lvh-btn-hover-border-colour: #ffa066;
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a.yellow,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a.yellow {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #ffd540;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #ffe073;
  --lvh-btn-hover-border-colour: #ffe073;
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a.green,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a.green {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #50b848;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #73c66d;
  --lvh-btn-hover-border-colour: #73c66d;
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a.murkberry-dark,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a.murkberry-dark {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #a1b1de;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #c7d0eb;
  --lvh-btn-hover-border-colour: #c7d0eb;
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a.pink,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a.pink {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #ff5aa8;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #ff8dc3;
  --lvh-btn-hover-border-colour: #ff8dc3;
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a.purple,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a.purple {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #7858e0;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #9b83e8;
  --lvh-btn-hover-border-colour: #9b83e8;
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a.light-purple,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a.light-purple {
  --lvh-btn-colour: #7858e0;
  --lvh-btn-bg-colour: rgba(120, 88, 224, 0.2);
  --lvh-btn-hover-colour: #7858e0;
  --lvh-btn-hover-bg-colour: rgba(155, 131, 232, 0.2);
  --lvh-btn-hover-border-colour: rgba(155, 131, 232, 0.2);
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business {
  padding: 6px 6px 0 0 !important;
}
#headerLayoutV2.white .headerLogo.whiteLogo {
  display: none;
}
#headerLayoutV2.white .headerLogo.colourLogo {
  display: block;
}
@media (max-width: 991px) {
  #headerLayoutV2.hasSearchBar #headerLhs {
    padding-right: 2.308em;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media (max-width: 991px) {
  #headerLayoutV2.hasSearchBar #headerNavButtonMobile {
    position: absolute;
    top: 0;
    right: 0;
  }
}
@media (max-width: 991px) {
  #headerLayoutV2.hasSearchBar #headerLogoLink {
    display: none;
  }
}
#headerLayoutV2.employer-branded {
  height: 60px;
  font-size: 13px;
}
@media (max-width: 991px) {
  #headerLayoutV2.employer-branded {
    height: 44px;
    border-bottom: 1px solid var(--lvh-x-shark-light);
  }
}
#headerLayoutV2.employer-branded.livehire #headerLogoLink {
  height: 36px;
  margin: 12px;
}
@media (max-width: 991px) {
  #headerLayoutV2.employer-branded.livehire #headerLogoLink {
    height: 20px;
    margin: 12px 0;
  }
}
#headerLayoutV2.employer-branded.livehire #headerLogoLink .headerLogo {
  height: 36px;
}
@media (max-width: 991px) {
  #headerLayoutV2.employer-branded.livehire #headerLogoLink .headerLogo {
    height: 20px;
  }
}
#headerLayoutV2.employer-branded #headerLogoLink {
  width: auto;
  height: 40px;
  margin: 10px 0;
}
@media (max-width: 991px) {
  #headerLayoutV2.employer-branded #headerLogoLink {
    height: 24px;
    margin: 10px 0;
  }
}
#headerLayoutV2.employer-branded .headerLogo {
  width: auto;
  height: 40px;
  cursor: default;
}
@media (max-width: 991px) {
  #headerLayoutV2.employer-branded .headerLogo {
    height: 24px;
  }
}
#headerLayoutV2.employer-branded #headerNavWrap {
  float: left;
  border: 1px solid var(--lvh-x-pale-grey);
  border-radius: 3px;
}
@media (max-width: 991px) {
  #headerLayoutV2.employer-branded #headerNavWrap {
    margin: 4px 0;
  }
}
@media (max-width: 991px) {
  #headerLayoutV2.employer-branded #headerNavWrap.suppress-branding {
    display: none;
  }
}
@media (max-width: 991px) {
  #headerLayoutV2.employer-branded #headerNavWrap:nth-child(2) {
    margin-right: 20px;
  }
}
#headerLayoutV2.employer-branded #headerMenuItems > .menuItem {
  padding: 13px 0;
}
#headerLayoutV2.employer-branded #headerMenuItems.for-business,
#headerLayoutV2.employer-branded #headerMenuItems.get-discovered {
  padding: 6px 0 !important;
}
#headerLayoutV2.employer-branded #headerMenuItems.for-business:last-child,
#headerLayoutV2.employer-branded #headerMenuItems.get-discovered:last-child {
  padding: 6px 15px 6px 0 !important;
}
#headerLayoutV2.employer-branded #primaryHeaderMenuWrap {
  float: left;
  margin: 0 15px 0 0;
}
#headerLayoutV2.employer-branded #primaryHeaderMenuWrap:first-child {
  margin: 0;
}
@media (max-width: 991px) {
  #headerLayoutV2.employer-branded #primaryHeaderMenuWrap {
    margin: 0;
  }
}
#headerLayoutV2.employer-branded .headerDropdownMenuButton > .displayPic {
  width: 32px;
  height: 32px;
  padding: 6px 0;
}
#headerLayoutV2.employer-branded .headerDropdownMenuButton > .userName {
  margin: 13px 0;
}
#headerLayoutV2.employer-branded .headerDropdownMenu.callout {
  top: 39px;
  right: -10px;
}
#headerLayoutV2.force-colour-logo .headerLogo.whiteLogo {
  display: none !important;
}
#headerLayoutV2.force-colour-logo .headerLogo.colourLogo {
  display: block !important;
}
#headerLayoutV2 > .container {
  height: 100%;
  position: relative;
}
#headerLayoutV2 #headerLhs {
  float: left;
}
#headerLayoutV2 #headerLogoLink {
  float: left;
  height: 36px;
  margin: 12px 0;
  outline-offset: 1px;
  border-radius: 3px;
}
#headerLayoutV2 #headerLogoLink:focus {
  outline: solid 1px var(--lvh-x-mesh-dark);
}
@media (max-width: 991px) {
  #headerLayoutV2 #headerLogoLink {
    height: 30px;
  }
}
#headerLayoutV2 .headerLogo {
  float: left;
  height: 36px;
}
@media (max-width: 991px) {
  #headerLayoutV2 .headerLogo {
    height: 30px;
  }
}
@media (min-width: 992px) {
  #headerLayoutV2 .headerLogo.mobileOnly {
    display: none;
  }
}
@media (max-width: 991px) {
  #headerLayoutV2 .headerLogo.desktopOnly {
    display: none;
  }
}
#headerLayoutV2 #headerSearchBar {
  float: left;
  -moz-border-radius: 0.231em;
  -webkit-border-radius: 0.231em;
  border-radius: 0.231em;
  margin: 1.077em 0;
  background-color: var(--lvh-even-paler-grey);
}
@media (max-width: 991px) {
  #headerLayoutV2 #headerSearchBar {
    width: 100%;
    margin: 0.462em 0;
    position: relative;
  }
}
#headerLayoutV2 #headerSearchBar > input[type='text'] {
  width: auto !important;
  border: none !important;
  float: left;
  min-width: 23.077em;
  outline: none;
  border: none;
  padding: 0.538em 0 0.538em 0.769em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 0.231em;
  -webkit-border-radius: 0.231em;
  border-radius: 0.231em;
  color: var(--lvh-x-dark-grey);
  background-color: var(--lvh-even-paler-grey);
}
#headerLayoutV2 #headerSearchBar > input[type='text']:focus {
  border-color: transparent !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
@media (max-width: 991px) {
  #headerLayoutV2 #headerSearchBar > input[type='text'] {
    min-width: 100%;
    padding: 0.538em 2.462em 0.538em 0.462em;
  }
}
#headerLayoutV2 #headerSearchBar > input[type='text']::-webkit-input-placeholder {
  @placeholder-rules ();
}
#headerLayoutV2 #headerSearchBar > input[type='text']:-moz-placeholder {
  @placeholder-rules ();
}
#headerLayoutV2 #headerSearchBar > input[type='text']::-moz-placeholder {
  @placeholder-rules ();
}
#headerLayoutV2 #headerSearchBar > input[type='text']:-ms-input-placeholder {
  @placeholder-rules ();
}
#headerLayoutV2 #headerSearchBar > button {
  float: left;
  border: none;
  background: none;
  outline: none;
  padding: 0.538em 0.769em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  #headerLayoutV2 #headerSearchBar > button {
    float: right;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
  }
}
#headerLayoutV2 #headerSearchBar > button > i {
  color: var(--lvh-x-light-grey);
}
#headerLayoutV2 #headerRhs {
  float: right;
  height: 100%;
  display: flex;
  align-items: center;
}
#headerLayoutV2 #headerRhs #notification-area {
  float: left;
}
@media (min-width: 992px) {
  #headerLayoutV2 #headerRhs #notification-area:before {
    position: absolute;
    display: block;
    content: '';
    border-left: 1px solid var(--lvh-white-transparent-50);
    height: calc(100% - 30px);
    margin: 15px 0;
  }
}
@media (min-width: 992px) {
  #headerLayoutV2 #headerRhs #notification-area > .headerWidget:first-child {
    margin-left: 15px;
  }
}
#headerLayoutV2 #headerRhsPartial {
  float: left;
}
#headerLayoutV2 #primaryHeaderMenuWrap {
  position: relative;
}
#headerLayoutV2 #primaryHeaderMenu {
  display: none;
  float: left;
}
@media (min-width: 992px) {
  #headerLayoutV2 #primaryHeaderMenu {
    display: block;
  }
}
#headerLayoutV2 #headerMenuItems {
  float: left;
  margin: 0 2em 0 0;
  padding: 0;
}
#headerLayoutV2 #headerMenuItems:last-child {
  margin: 0;
}
#headerLayoutV2 #headerMenuItems > .menuItem {
  float: left;
  padding: 1.615em 0;
  margin: 0 2em 0 0;
  list-style: none;
}
@media (min-width: 992px) and (max-width: 1199px) {
  #headerLayoutV2 #headerMenuItems > .menuItem {
    margin: 0 1.5em 0 0;
  }
}
#headerLayoutV2 #headerMenuItems > .menuItem.withDropdown {
  position: relative;
}
#headerLayoutV2 #headerMenuItems > .menuItem.withDropdown > .dropdownContent > button > span {
  font-weight: 600;
  margin-right: 0.615em;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
#headerLayoutV2 #headerMenuItems > .menuItem.withDropdown > .dropdownContent > button > span,
#headerLayoutV2 #headerMenuItems > .menuItem.withDropdown > .dropdownContent > button > i {
  float: left;
  color: var(--lvh-x-mid-grey);
  cursor: pointer;
}
#headerLayoutV2 #headerMenuItems > .menuItem.withDropdown > .dropdownContent > button > i {
  margin: 0.423em 0;
}
#headerLayoutV2 #headerMenuItems > .menuItem.withDropdown > .dropdownContent > button > i:before {
  display: block;
  font-size: 0.538em;
}
#headerLayoutV2 #headerMenuItems > .menuItem:last-child {
  margin-right: 0;
}
#headerLayoutV2 #headerMenuItems > .menuItem > a {
  float: left;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--lvh-x-mid-grey);
  cursor: pointer;
}
@media (min-width: 992px) and (max-width: 1199px) {
  #headerLayoutV2 #headerMenuItems > .menuItem > a {
    font-size: 12px;
  }
}
#headerLayoutV2 .howItWorksCtaButton {
  background-color: var(--lvh-x-mid-grey);
  -moz-border-radius: 0.231em;
  -webkit-border-radius: 0.231em;
  border-radius: 0.231em;
  padding: 0.538em 1.231em;
  margin: 1.077em 0;
  border: none;
  outline: 0;
  -moz-transition: 0.2s background-color ease-in-out;
  -o-transition: 0.2s background-color ease-in-out;
  -webkit-transition: 0.2s background-color ease-in-out;
  transition: 0.2s background-color ease-in-out;
  margin-right: 10px;
}
#headerLayoutV2 .howItWorksCtaButton:last-child {
  margin-right: 0;
}
#headerLayoutV2 .howItWorksCtaButton:hover,
#headerLayoutV2 .howItWorksCtaButton:focus {
  background-color: #757575;
}
#headerLayoutV2 .howItWorksCtaButton.blue {
  background-color: var(--lvh-bright-blue);
}
#headerLayoutV2 .howItWorksCtaButton.blue:hover,
#headerLayoutV2 .howItWorksCtaButton.blue:focus {
  background-color: var(--lvh-brighter-blue);
}
#headerLayoutV2 .howItWorksCtaButton > .label {
  color: var(--lvh-white);
  font-weight: 600;
  line-height: normal;
}
@media (max-width: 991px) {
  #headerLayoutV2 #showHowItWorksButton {
    margin: 0.462em 0;
  }
}
#headerLayoutV2 #showHowItWorksButton:nth-child(2) {
  float: left;
  margin-right: 1.615em;
}
@media (max-width: 991px) {
  #headerLayoutV2 #showHowItWorksButton:nth-child(2) {
    margin-right: 3.153em;
  }
}
#headerLayoutV2 .headerDropdownMenuButton {
  float: left;
  background: none;
  border: none;
  outline: none;
  text-align: left;
  padding: 0 15px;
  border-radius: 3px;
  -webkit-user-select: none;
  user-select: none;
}
#headerLayoutV2 .headerDropdownMenuButton:focus,
#headerLayoutV2 .headerDropdownMenuButton:hover,
#headerLayoutV2 .headerDropdownMenuButton:active {
  outline: 1px solid var(--lvh-x-mesh-dark);
  outline-offset: 2px;
}
#headerLayoutV2 .headerDropdownMenuButton:focus span,
#headerLayoutV2 .headerDropdownMenuButton:hover span,
#headerLayoutV2 .headerDropdownMenuButton:active span {
  text-decoration: underline;
}
#headerLayoutV2 .headerDropdownMenuButton:focus {
  background-color: var(--lvh-white97);
}
#headerLayoutV2 .headerDropdownMenuButton:hover {
  background-color: var(--lvh-white98);
}
#headerLayoutV2 .headerDropdownMenuButton:active {
  background-color: var(--lvh-white94);
}
@media (max-width: 991px) {
  #headerLayoutV2 .headerDropdownMenuButton {
    display: none;
  }
}
#headerLayoutV2 .headerDropdownMenuButton > .displayPic {
  float: left;
  width: 3.077em;
  height: 3.077em;
  padding: 0.769em 0;
  margin-right: 0.769em;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
#headerLayoutV2 .headerDropdownMenuButton > .displayPic > img {
  width: 100%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
#headerLayoutV2 .headerDropdownMenuButton > .userName {
  float: left;
  margin: 1.615em 0;
}
#headerLayoutV2 .headerDropdownMenuButton > .userName > span {
  margin-right: 0.615em;
}
@media (max-width: 1199px) {
  #headerLayoutV2 .headerDropdownMenuButton > .userName > span {
    display: none;
  }
}
#headerLayoutV2 .headerDropdownMenuButton > .userName > span,
#headerLayoutV2 .headerDropdownMenuButton > .userName > i {
  float: left;
  font-weight: 600;
}
#headerLayoutV2 .headerDropdownMenuButton > .userName > i {
  margin: 0.423em 0;
}
#headerLayoutV2 .headerDropdownMenuButton > .userName > i:before {
  display: block;
  font-size: 0.538em;
}
#headerLayoutV2 #headerNavButtonMobile {
  float: right;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  outline: none;
}
#headerLayoutV2 #headerNavButtonMobile:focus {
  outline: 1px solid var(--lvh-x-mesh-dark);
}
@media (min-width: 992px) {
  #headerLayoutV2 #headerNavButtonMobile {
    display: none;
  }
}
#headerLayoutV2 #headerNavButtonMobile .icon {
  display: block;
  font-size: 1.846em;
}
#headerLayoutV2 .headerDropdownMenu {
  display: none;
  opacity: 0;
  -moz-transition: 0.3s opacity ease-in-out;
  -o-transition: 0.3s opacity ease-in-out;
  -webkit-transition: 0.3s opacity ease-in-out;
  transition: 0.3s opacity ease-in-out;
}
@media (max-width: 991px) {
  #headerLayoutV2 .headerDropdownMenu {
    display: none !important;
  }
}
#headerLayoutV2 .headerDropdownMenu.isVisible {
  opacity: 1;
  z-index: 1000;
}
#headerLayoutV2 .headerDropdownMenu.callout {
  position: absolute;
  padding-top: 13px;
  right: -26px;
  top: 3em;
  line-height: normal;
}
@media (max-width: 991px) {
  #headerLayoutV2 .headerDropdownMenu.callout {
    display: none !important;
  }
}
#headerLayoutV2 .headerDropdownMenu.callout .calloutTip {
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  top: 10px;
  right: 22px;
  margin: -3px 0 0 -9px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: none !important;
  border-right: none !important;
  border-right: none;
}
#headerLayoutV2 .headerDropdownMenu.callout .calloutBody {
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-pale-grey);
  border-radius: 3px;
}
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent {
  background-color: var(--lvh-white);
  border-radius: 3px;
  position: relative;
  z-index: 1002;
  overflow: hidden;
}
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent .mobileOnly {
  display: none;
}
@media (max-width: 991px) {
  #headerLayoutV2 .headerDropdownMenu.callout .calloutContent .mobileOnly {
    display: block;
  }
}
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul {
  margin: 0;
  padding: 13px 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul:last-child {
  padding: 13px 0 0 0;
}
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul.bullets > li {
  margin: 0 0 0 15px;
  padding: 0 0 10px 0;
  list-style: disc;
}
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul.bullets > li:last-child {
  padding: 0;
}
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li.mobileOnly {
  display: none;
}
@media (max-width: 991px) {
  #headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li.mobileOnly {
    display: list-item;
  }
}
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li.divider {
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  margin: 10px 0;
}
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li.divider > a {
  display: none;
}
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li > a,
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li > span {
  display: block;
  color: var(--lvh-x-mid-grey);
  outline: none;
  padding: 0.25em 1.538em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
}
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li > a:hover,
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li > span:hover,
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li > a:focus,
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li > span:focus,
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li > a.selected,
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li > span.selected {
  background-color: var(--lvh-x-off-white);
}
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li > a .label,
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li > span .label {
  color: var(--lvh-x-mid-grey);
  white-space: inherit;
}
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li.disabled > a,
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li.disabled > span {
  color: rgba(102, 102, 102, 0.3);
}
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li.disabled > a:hover,
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li.disabled > span:hover,
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li.disabled > a:focus,
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li.disabled > span:focus,
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li.disabled > a.selected,
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li.disabled > span.selected {
  background-color: var(--lvh-white);
}
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul {
  margin: 0;
  padding: 1em 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li.mobileOnly {
  display: none;
}
@media (max-width: 991px) {
  #headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li.mobileOnly {
    display: list-item;
  }
}
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li.divider {
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  margin: 10px 0;
}
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li.divider > a {
  display: none;
}
@media (min-width: 992px) {
  #headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li#showHowItWorksLink {
    display: none;
  }
}
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li > a,
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li > span {
  display: block;
  color: var(--lvh-x-mid-grey);
  outline: none;
  padding: 0.25em 1.538em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
}
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li > a:hover,
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li > span:hover,
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li > a:focus,
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li > span:focus,
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li > a.selected,
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li > span.selected {
  background-color: var(--lvh-x-off-white);
}
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li > a .label,
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li > span .label {
  color: var(--lvh-x-mid-grey);
  white-space: inherit;
}
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li.disabled > a,
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li.disabled > span {
  color: var(--lvh-disabled-text);
}
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li.disabled > a:hover,
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li.disabled > span:hover,
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li.disabled > a:focus,
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li.disabled > span:focus,
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li.disabled > a.selected,
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li.disabled > span.selected {
  background-color: var(--lvh-white);
}
.headerWidget {
  float: left;
  margin-right: 25px;
  position: relative;
}
.headerWidget#reportingHeaderWidget,
.headerWidget#talentPoolsWidget {
  display: none;
}
@media (min-width: 480px) {
  .headerWidget#reportingHeaderWidget,
  .headerWidget#talentPoolsWidget {
    display: block;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .headerWidget {
    margin-right: 10px;
  }
}
@media (max-width: 991px) {
  .headerWidget {
    margin-right: 15px;
  }
}
.headerWidget .header-button {
  float: left;
  outline: none;
  background: none;
  border: none;
  padding: 0;
}
.headerWidget .header-button:focus {
  opacity: 0.8;
}
.headerWidget .header-button > .label {
  display: none;
  float: left;
  margin: 21px 0 21px 5px;
  font-weight: 600;
  color: var(--lvh-white);
}
@media (min-width: 992px) {
  .headerWidget .header-button > .label {
    display: block;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .headerWidget .header-button > .label > .no-md-max {
    display: none;
  }
}
.headerWidget .header-button > .icon {
  float: left;
  margin: 22px 0;
  font-size: 16px;
  color: var(--lvh-white);
  position: relative;
}
@media (max-width: 991px) {
  .headerWidget .header-button > .icon {
    margin: 19px 0;
  }
}
.headerWidget .header-button > .unreadCount {
  position: absolute;
  top: 2px;
  left: 23px;
  height: 14px;
  width: 14px;
  text-align: center;
  font-size: 9.1px;
  border-radius: 50%;
  color: var(--lvh-white);
  background-color: var(--lvh-x-red);
  /* Hide until we know there are unread messages. */
}
@media (max-width: 991px) {
  .headerWidget .header-button > .unreadCount {
    top: 14px;
    left: 9px;
  }
}
.headerWidget .header-button > .unreadCount:not(.visible) {
  display: none;
}
#nameSearchHeaderWidget .calloutDirective {
  display: block;
  position: absolute;
  z-index: 1000;
  width: 490px;
  top: 100%;
  right: 0;
  margin-top: -3px;
  -moz-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05);
}
@media (min-width: 992px) and (max-width: 1199px) {
  #nameSearchHeaderWidget .calloutDirective {
    width: 390px;
  }
}
#nameSearchHeaderWidget .calloutDirective.left {
  margin-left: -315px;
}
#nameSearchHeaderWidget .calloutDirective .calloutTip {
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  top: 10px;
  right: 22px;
  margin: -3px 0 0 -9px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: none !important;
  border-right: none !important;
  top: 0;
  margin: -8px 0 0 -9px;
}
@media (max-width: 991px) {
  #nameSearchHeaderWidget .calloutDirective .calloutTip {
    display: none;
  }
}
#nameSearchHeaderWidget .calloutDirective .calloutBody {
  float: left;
  width: 100%;
  box-sizing: border-box;
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-pale-grey);
  border-radius: 3px;
}
@media (max-width: 991px) {
  #nameSearchHeaderWidget .calloutDirective .calloutBody {
    overflow-y: auto;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    background-color: var(--lvh-white);
  }
}
#nameSearchHeaderWidget .calloutDirective .suggestionListDirective {
  float: left;
  width: 100%;
  max-width: 38.462em;
}
@media (max-width: 991px) {
  #nameSearchHeaderWidget .calloutDirective .suggestionListDirective {
    max-width: none;
  }
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .heading {
  float: left;
  width: 100%;
  padding: 0.962em 0;
  background-color: var(--lvh-x-shark-light);
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 992px) {
  #nameSearchHeaderWidget .calloutDirective .suggestionList .heading {
    display: none;
  }
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .heading h3 {
  margin: 0;
  font-size: 1em;
  font-weight: normal;
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .heading h3 > span {
  font-size: 1.077em;
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .heading .closeButton {
  outline: 0;
  border: none;
  background: none;
  padding: 0;
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .heading .closeButton > .icon:before {
  font-size: 0.769em;
}
#nameSearchHeaderWidget .calloutDirective .suggestionList #searchInputWrap {
  float: left;
  width: 100%;
  padding: 1.231em 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  #nameSearchHeaderWidget .calloutDirective .suggestionList #searchInputWrap {
    padding: 1.231em 0;
  }
}
#nameSearchHeaderWidget .calloutDirective .suggestionList #searchInputWrap label {
  display: block;
  margin-bottom: 5px;
  font-size: 11px;
  color: var(--lvh-x-shark-dark);
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .suggestionListFooter {
  float: left;
  width: 100%;
  border-top: 1px solid var(--lvh-x-shark-light);
  padding: 0.769em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .suggestionListFooter:hover,
#nameSearchHeaderWidget .calloutDirective .suggestionList .suggestionListFooter.active {
  background-color: var(--lvh-x-off-white);
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .dropdown {
  float: left;
  width: 100%;
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .dropdown .spinner {
  padding: 10px 0;
  text-align: center;
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .suggestions {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .suggestions > .suggestion {
  list-style: none;
  margin: 0;
  float: left;
  width: 100%;
  padding: 0.769em 1em;
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  color: var(--lvh-secondary-text);
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .suggestions > .suggestion:last-child {
  border-bottom: none;
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .suggestions > .suggestion.active {
  background-color: var(--lvh-x-off-white);
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .suggestionTag {
  float: left;
  background-color: var(--lvh-white92);
  -moz-border-radius: 0.231em;
  -webkit-border-radius: 0.231em;
  border-radius: 0.231em;
  padding: 0.154em 0.538em;
  margin: 0 0.385em 0.385em 0;
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .heading {
  float: left;
  width: 100%;
  padding: 0.962em 0;
  background-color: #eee;
  border-bottom: 1px solid #dedede;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 992px) {
  #nameSearchHeaderWidget .calloutDirective .suggestionList .heading {
    display: none;
  }
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .heading h3 {
  margin: 0;
  font-size: 1em;
  font-weight: normal;
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .heading h3 > span {
  font-size: 1.077em;
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .heading .closeButton {
  outline: 0;
  border: none;
  background: none;
  padding: 0;
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .heading .closeButton > .icon:before {
  font-size: 0.769em;
}
#nameSearchHeaderWidget .calloutDirective .suggestionList #searchInputWrap {
  float: left;
  width: 100%;
  padding: 1.231em 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  #nameSearchHeaderWidget .calloutDirective .suggestionList #searchInputWrap {
    padding: 1.231em 0;
  }
}
#nameSearchHeaderWidget .calloutDirective .suggestionList #searchInputWrap label {
  display: block;
  margin-bottom: 5px;
  font-size: 11px;
  color: var(--lvh-x-shark-dark);
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .suggestionListFooter {
  float: left;
  width: 100%;
  border-top: 1px solid var(--lvh-x-shark-light);
  padding: 0.769em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .suggestionListFooter:hover,
#nameSearchHeaderWidget .calloutDirective .suggestionList .suggestionListFooter.active {
  background-color: var(--lvh-x-off-white);
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .dropdown {
  float: left;
  width: 100%;
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .dropdown .spinner {
  padding: 10px 0;
  text-align: center;
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .suggestions {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .suggestions > .suggestion {
  list-style: none;
  margin: 0;
  float: left;
  width: 100%;
  padding: 0.769em 1em;
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  color: var(--lvh-secondary-text);
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .suggestions > .suggestion:last-child {
  border-bottom: none;
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .suggestions > .suggestion.active {
  background-color: var(--lvh-x-off-white);
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .suggestionTag {
  float: left;
  background-color: var(--lvh-white92);
  -moz-border-radius: 0.231em;
  -webkit-border-radius: 0.231em;
  border-radius: 0.231em;
  padding: 0.154em 0.538em;
  margin: 0 0.385em 0.385em 0;
}
@media (min-width: 992px) {
  #nameSearchHeaderWidget .calloutDirective .suggestionList .heading {
    display: none;
  }
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .heading h3 {
  float: left;
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .heading .closeButton {
  float: right;
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .heading .closeButton > .icon {
  color: #7f7f7f;
}
#nameSearchHeaderWidget .calloutDirective .suggestionList #searchInputWrap {
  border-bottom: 1px solid var(--lvh-x-grey);
}
#nameSearchHeaderWidget .calloutDirective .suggestionList #searchInputWrap #headerNameSearchInput {
  z-index: unset;
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .suggestions > .suggestion {
  padding: 0;
  position: relative;
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .suggestions > .suggestion:last-child {
  border-bottom: 1px solid var(--lvh-x-pale-grey);
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .suggestionListFooter {
  cursor: pointer;
  border-top: none;
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .suggestionListFooter > .label {
  color: var(--lvh-bright-blue);
}
#nameSearchHeaderWidget .calloutDirective .p-empty-state {
  clear: both;
}
#nameSearchHeaderWidget .card-wrap {
  padding: 0;
  position: relative;
}
#nameSearchHeaderWidget .card-wrap:before {
  width: 4px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
#nameSearchHeaderWidget .card-wrap:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (min-width: 992px) {
  #nameSearchHeaderWidget .card-wrap:hover .cc-card-view.show-profile-actions .profile-actions,
  #nameSearchHeaderWidget .card-wrap:focus .cc-card-view.show-profile-actions .profile-actions {
    display: block;
  }
}
#nameSearchHeaderWidget .card-wrap.alumni:before {
  content: '';
  background-color: var(--lvh-x-green);
}
#nameSearchHeaderWidget .card-wrap.contractor:before {
  content: '';
  background-color: var(--lvh-x-dark-grey);
}
#nameSearchHeaderWidget .card-wrap.internal:before {
  content: '';
  background-color: var(--lvh-x-orange);
}
#appCuesHeaderWidget {
  display: none;
}
@media (min-width: 480px) {
  #appCuesHeaderWidget {
    display: block;
  }
}
@media (min-width: 992px) {
  #appCuesHeaderWidget {
    margin: 15px 0;
  }
}
#appCuesHeaderWidget .appcues-widget-wrapper #appcues-widget-selector {
  outline: 0;
}
#appCuesHeaderWidget .appcues-widget-wrapper #appcues-widget-selector:focus .icon {
  opacity: 0.8;
}
#appCuesHeaderWidget .appcues-widget-wrapper #appcues-widget-selector .icon {
  display: inline-block;
  margin: 19px 0;
  font-size: 16px;
  color: var(--lvh-white);
}
#appCuesHeaderWidget .appcues-widget-wrapper #appcues-widget-selector .icon:after {
  top: -5px;
  right: -5px;
  bottom: auto;
  padding: 0;
  height: 14px;
  width: 14px;
  font-size: 9.1px;
  font-weight: normal;
  border-radius: 50%;
  background: var(--lvh-x-red);
}
@media (min-width: 992px) {
  #appCuesHeaderWidget .appcues-widget-wrapper #appcues-widget-selector .icon {
    margin: 7px 0;
  }
}
.appcues-widget-container .appcues-widget-dropdown {
  padding: 0;
}
.appcues-widget-container .appcues-widget-dropdown .appcues-widget-content {
  overflow-y: auto;
  max-height: 250px;
}
.appcues-widget-container .appcues-widget-dropdown .appcues-widget-content .appcues-widget-list .appcues-nothing-new {
  display: none;
}
.appcues-widget-container .appcues-widget-dropdown .appcues-widget-content .appcues-widget-list .appcues-unread {
  font-weight: 600;
}
.appcues-widget-container .appcues-widget-dropdown .appcues-widget-content .appcues-widget-list .appcues-unread:before {
  position: absolute;
  top: 50%;
  left: 15px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: var(--lvh-x-red);
}
.appcues-widget-container .appcues-widget-dropdown .appcues-widget-content .appcues-widget-list .appcues-unread a {
  padding: 15px 60px 15px 25px;
}
.appcues-widget-container .appcues-widget-dropdown .appcues-widget-content .appcues-widget-list a {
  padding: 15px 60px 15px 15px;
  font-size: 12px;
  color: var(--lvh-primary-text);
}
.appcues-widget-container .appcues-widget-dropdown .appcues-widget-content .appcues-widget-list time {
  top: 15px;
  right: 10px;
  font-size: 11px;
  line-height: 15px;
}
@media (min-width: 992px) {
  #commsHeaderWidget {
    margin: 15px 0;
  }
}
@media (min-width: 992px) {
  #commsHeaderWidget .header-button {
    padding: 0 15px;
  }
}
@media (min-width: 992px) {
  #commsHeaderWidget .header-button > .icon {
    margin: 7px 0;
  }
}
#commsHeaderWidget .header-button > .label {
  display: none;
  margin: 6px 0 6px 5px;
}
#commsHeaderWidget .calloutDirective {
  display: block;
  position: absolute;
  background: var(--lvh-white);
  z-index: 1000;
  width: 355px;
  top: 100%;
  -moz-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05);
}
#commsHeaderWidget .calloutDirective.left {
  margin-left: -312px;
}
#commsHeaderWidget .calloutDirective .calloutTip {
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  top: 10px;
  right: 22px;
  margin: -3px 0 0 -9px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: none !important;
  border-right: none !important;
  top: 0;
  margin: -8px 0 0 -9px;
}
#commsHeaderWidget .calloutDirective .calloutBody {
  float: left;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-pale-grey);
  border-radius: 3px;
}
footer.minimal {
  width: 100%;
  padding: 30px 0;
  box-sizing: border-box;
  float: left;
}
@media (max-width: 991px) {
  footer.minimal {
    padding-left: 10px;
  }
}
footer.minimal .container {
  max-width: 1020px;
  margin: auto;
}
footer.minimal .poweredByFooter {
  display: flex;
  gap: 0.25em;
  padding: 0;
  align-items: center;
}
footer.minimal .poweredByFooter a {
  display: inherit;
  color: var(--lvh-x-dark-grey);
  border-top: 1px solid rgba(0, 0, 0, 0);
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  padding: 1px 0;
}
footer.minimal .poweredByFooter a:hover,
footer.minimal .poweredByFooter a:focus {
  border-bottom: 1px solid var(--lvh-x-mid-grey);
}
footer.minimal .poweredByFooter a img {
  width: auto;
  height: 12px;
  position: relative;
  top: 1px;
}
footer.minimal .poweredByFooter span {
  font-size: 12px;
  color: var(--lvh-x-dark-grey);
}
footer.minimal .legalLinks {
  color: var(--lvh-x-mid-grey);
  font-size: 11px;
  padding-top: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
}
footer.minimal .legalLinks > li {
  display: inline-block;
}
footer.minimal .legalLinks > li:not(:last-child):after {
  padding: 0 5px;
  content: '|';
}
footer.minimal .legalLinks > li a,
footer.minimal .legalLinks > li button {
  text-decoration: none;
  color: var(--lvh-x-mid-grey);
}
footer.minimal .legalLinks > li a:hover,
footer.minimal .legalLinks > li button:hover,
footer.minimal .legalLinks > li a:focus,
footer.minimal .legalLinks > li button:focus {
  text-decoration: underline 1px var(--lvh-x-mid-grey);
}
#mobileNav {
  position: fixed;
  top: 0;
  right: -18.462em;
  bottom: 0;
  width: 18.462em;
  height: 100%;
  background-color: #333333;
  padding: 10px 20px;
  line-height: normal;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: 0.3s right ease-out;
  -o-transition: 0.3s right ease-out;
  -webkit-transition: 0.3s right ease-out;
  transition: 0.3s right ease-out;
  overflow-y: scroll;
  z-index: 9001;
}
@media (min-width: 991px) {
  #mobileNav {
    display: none;
  }
}
#mobileNav.isVisible {
  right: 0;
}
#mobileNav #mobileNavHeader {
  float: left;
  width: 100%;
}
#mobileNav #mobileNavHeader #userProfilePhotoPartial {
  float: left;
  width: 100%;
  padding: 10px 0 15px 0;
  margin-bottom: 15px;
  border-bottom: 1px solid #4d4d4d;
}
#mobileNav #mobileNavHeader .displayPic {
  float: left;
  width: 2.769em;
  height: 2.769em;
  margin-right: 0.769em;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
#mobileNav #mobileNavHeader .displayPic > img {
  width: 100%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
#mobileNav #mobileNavHeader .userName {
  float: left;
  margin: 0.654em 0;
}
#mobileNav #mobileNavHeader .userName > span {
  font-size: 1.077em;
  font-weight: 600;
  color: var(--lvh-white);
}
@media (max-width: 991px) {
  #mobileNav #mobileNavHeader .userName .dropdownIndicator {
    display: none;
  }
}
#mobileNav #mobileNavBody {
  float: left;
  width: 100%;
}
#mobileNav #mobileNavBody.employer-page .navItem.log-in {
  margin: 0 0 15px 0;
  display: none;
}
@media (max-width: 991px) {
  #mobileNav #mobileNavBody.employer-page .navItem.log-in {
    display: block;
  }
}
#mobileNav #mobileNavBody.employer-page .navItem.log-in > a {
  border-top: 1px solid #4d4d4d;
  border-bottom: 1px solid #4d4d4d;
}
#mobileNav #mobileNavBody.employer-page .navItem.get-discovered {
  display: none;
}
@media (max-width: 991px) {
  #mobileNav #mobileNavBody.employer-page .navItem.get-discovered {
    display: block;
  }
}
#mobileNav #mobileNavBody.employer-page .navItem.get-discovered > a {
  float: left;
  width: 100%;
  background-color: var(--lvh-x-mid-grey);
  border-radius: 3px;
  padding: 5px 15px;
  box-sizing: border-box;
  border: none;
  outline: 0;
  text-align: center;
  transition: 0.2s background-color ease-in-out;
  color: var(--lvh-white) !important;
  font-weight: 600;
}
#mobileNav #mobileNavBody.talent-page .navItem.log-in {
  display: none;
}
@media (max-width: 991px) {
  #mobileNav #mobileNavBody.talent-page .navItem.log-in {
    display: block;
  }
}
#mobileNav #mobileNavBody.talent-page .navItem.log-in > a {
  border-top: 1px solid #4d4d4d;
  border-bottom: 1px solid #4d4d4d;
}
#mobileNav #mobileNavBody.talent-page .navItem.for-business {
  display: none;
}
@media (max-width: 991px) {
  #mobileNav #mobileNavBody.talent-page .navItem.for-business {
    display: block;
  }
}
#mobileNav #mobileNavBody.talent-page .navItem.for-business > a {
  border-bottom: 1px solid #4d4d4d;
}
#mobileNav #mobileNavBody .navItems {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}
#mobileNav #mobileNavBody .navItems:nth-child(2) {
  margin-bottom: 1em;
}
#mobileNav #mobileNavBody .navItems .navItem {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
#mobileNav #mobileNavBody .navItems .navItem > a {
  display: block;
  font-size: 15px;
  line-height: 26px;
  color: var(--lvh-white);
  padding: 5px 0;
  cursor: pointer;
  transition: 0.2s color ease-in-out;
}
#mobileNav #mobileNavBody .navItems .navItem > a:hover,
#mobileNav #mobileNavBody .navItems .navItem > a:focus {
  color: var(--lvh-bright-blue);
}
#mobileNavOverlay {
  display: none;
  opacity: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  -moz-transition: 0.2s opacity ease-in-out;
  -o-transition: 0.2s opacity ease-in-out;
  -webkit-transition: 0.2s opacity ease-in-out;
  transition: 0.2s opacity ease-in-out;
  z-index: 9000;
}
@media (min-width: 991px) {
  #mobileNavOverlay {
    display: none !important;
  }
}
#mobileNavOverlay.isVisible {
  opacity: 1;
}
.dropdownDirective {
  position: relative;
}
.dropdownDirective[disabled] .selectedLabel,
.dropdownDirective:disabled .selectedLabel {
  background-color: var(--lvh-x-shark-light) !important;
  cursor: default !important;
}
.dropdownDirective[disabled] .selectedLabel .label,
.dropdownDirective:disabled .selectedLabel .label,
.dropdownDirective[disabled] .selectedLabel .icon,
.dropdownDirective:disabled .selectedLabel .icon {
  color: var(--lvh-secondary-text) !important;
}
.dropdownComponent.select .selectedLabel,
.dropdownComponent.head .selectedLabel {
  float: left;
  display: block;
  padding: 0.846em 1em;
  color: var(--lvh-x-dark-grey);
  outline: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
  cursor: pointer;
}
.dropdownComponent.select .selectedLabel > span,
.dropdownComponent.head .selectedLabel > span {
  float: left;
  width: calc(100% - 15px);
  padding-right: 0.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dropdownComponent.select .dropdown,
.dropdownComponent.head .dropdown {
  position: absolute;
  top: 100%;
  left: -1px;
  width: auto;
  min-width: 100%;
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-shark-dark);
  border-top-color: var(--lvh-x-off-white);
  border-radius: 0 0 3px 3px;
  /*padding: 0.462em 0 1em 0;*/
  padding-bottom: 0.462em;
  z-index: 1000;
}
.dropdownComponent.select .menuItems,
.dropdownComponent.head .menuItems,
.dropdownComponent.select .subMenuItems,
.dropdownComponent.head .subMenuItems {
  margin: 0;
  padding: 0;
}
.dropdownComponent.select .menuItems > .menuItem,
.dropdownComponent.head .menuItems > .menuItem,
.dropdownComponent.select .subMenuItems > .menuItem,
.dropdownComponent.head .subMenuItems > .menuItem,
.dropdownComponent.select .menuItems > .subMenuItem,
.dropdownComponent.head .menuItems > .subMenuItem,
.dropdownComponent.select .subMenuItems > .subMenuItem,
.dropdownComponent.head .subMenuItems > .subMenuItem {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.dropdownComponent.select .menuItems > .menuItem > .label,
.dropdownComponent.head .menuItems > .menuItem > .label,
.dropdownComponent.select .subMenuItems > .menuItem > .label,
.dropdownComponent.head .subMenuItems > .menuItem > .label,
.dropdownComponent.select .menuItems > .subMenuItem > .label,
.dropdownComponent.head .menuItems > .subMenuItem > .label,
.dropdownComponent.select .subMenuItems > .subMenuItem > .label,
.dropdownComponent.head .subMenuItems > .subMenuItem > .label {
  display: block;
  cursor: pointer;
  color: var(--lvh-x-mid-grey);
  padding: 0.231em 1em;
}
.dropdownComponent.select .menuItems > .menuItem > .label:hover,
.dropdownComponent.head .menuItems > .menuItem > .label:hover,
.dropdownComponent.select .subMenuItems > .menuItem > .label:hover,
.dropdownComponent.head .subMenuItems > .menuItem > .label:hover,
.dropdownComponent.select .menuItems > .subMenuItem > .label:hover,
.dropdownComponent.head .menuItems > .subMenuItem > .label:hover,
.dropdownComponent.select .subMenuItems > .subMenuItem > .label:hover,
.dropdownComponent.head .subMenuItems > .subMenuItem > .label:hover,
.dropdownComponent.select .menuItems > .menuItem > .label:focus,
.dropdownComponent.head .menuItems > .menuItem > .label:focus,
.dropdownComponent.select .subMenuItems > .menuItem > .label:focus,
.dropdownComponent.head .subMenuItems > .menuItem > .label:focus,
.dropdownComponent.select .menuItems > .subMenuItem > .label:focus,
.dropdownComponent.head .menuItems > .subMenuItem > .label:focus,
.dropdownComponent.select .subMenuItems > .subMenuItem > .label:focus,
.dropdownComponent.head .subMenuItems > .subMenuItem > .label:focus {
  background-color: var(--lvh-x-off-white);
  outline: 1px solid var(--lvh-x-dark-grey);
  outline-offset: -1px;
}
.dropdownComponent.select .menuItems > .menuItem > .label:hover,
.dropdownComponent.head .menuItems > .menuItem > .label:hover,
.dropdownComponent.select .subMenuItems > .menuItem > .label:hover,
.dropdownComponent.head .subMenuItems > .menuItem > .label:hover,
.dropdownComponent.select .menuItems > .subMenuItem > .label:hover,
.dropdownComponent.head .menuItems > .subMenuItem > .label:hover,
.dropdownComponent.select .subMenuItems > .subMenuItem > .label:hover,
.dropdownComponent.head .subMenuItems > .subMenuItem > .label:hover {
  background-color: var(--lvh-x-off-white);
}
.dropdownComponent.select .menuItems > .menuItem > .label.divider,
.dropdownComponent.head .menuItems > .menuItem > .label.divider,
.dropdownComponent.select .subMenuItems > .menuItem > .label.divider,
.dropdownComponent.head .subMenuItems > .menuItem > .label.divider,
.dropdownComponent.select .menuItems > .subMenuItem > .label.divider,
.dropdownComponent.head .menuItems > .subMenuItem > .label.divider,
.dropdownComponent.select .subMenuItems > .subMenuItem > .label.divider,
.dropdownComponent.head .subMenuItems > .subMenuItem > .label.divider {
  cursor: default;
  padding: 0;
  border-bottom: solid 1px var(--lvh-x-mid-grey);
}
.dropdownComponent.select .menuItems > .menuItem > .label.blank,
.dropdownComponent.head .menuItems > .menuItem > .label.blank,
.dropdownComponent.select .subMenuItems > .menuItem > .label.blank,
.dropdownComponent.head .subMenuItems > .menuItem > .label.blank,
.dropdownComponent.select .menuItems > .subMenuItem > .label.blank,
.dropdownComponent.head .menuItems > .subMenuItem > .label.blank,
.dropdownComponent.select .subMenuItems > .subMenuItem > .label.blank,
.dropdownComponent.head .subMenuItems > .subMenuItem > .label.blank {
  height: 18px;
}
.dropdownComponent.select .subMenuItems > .subMenuItem,
.dropdownComponent.head .subMenuItems > .subMenuItem {
  position: relative;
}
.dropdownComponent.select .subMenuItems > .subMenuItem:before,
.dropdownComponent.head .subMenuItems > .subMenuItem:before {
  content: "\e915";
  font-family: 'IconFont';
  font-size: 0.538em;
  color: var(--lvh-x-shark-dark);
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 2em;
  margin-top: -0.5em;
}
.dropdownComponent.select .subMenuItems > .subMenuItem > .label,
.dropdownComponent.head .subMenuItems > .subMenuItem > .label {
  padding-left: 2em;
}
@media (min-width: 992px) {
  .dropdownComponent.above .dropdown {
    top: auto !important;
    bottom: 100% !important;
    border-radius: 3px 3px 0 0 !important;
  }
}
.dropdownComponent.callout {
  float: left;
  position: relative;
}
.dropdownComponent.callout .callout {
  display: none;
  opacity: 0;
  -moz-transition: 0.3s opacity ease-in-out;
  -o-transition: 0.3s opacity ease-in-out;
  -webkit-transition: 0.3s opacity ease-in-out;
  transition: 0.3s opacity ease-in-out;
  line-height: normal;
  position: absolute;
  padding-top: 13px;
  right: -26px;
  top: 4em;
}
.dropdownComponent.callout .callout.isVisible {
  display: block;
  opacity: 1;
  z-index: 1000;
}
.dropdownComponent.callout .calloutTip {
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  top: 10px;
  right: 22px;
  margin: -3px 0 0 -9px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: none !important;
  border-right: none !important;
}
.dropdownComponent.callout .calloutBody {
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-pale-grey);
  border-radius: 3px;
}
.dropdownComponent.callout .calloutContent {
  background-color: var(--lvh-white);
  border-radius: 3px;
  position: relative;
  z-index: 1002;
  overflow: hidden;
}
.dropdownComponent.callout .calloutContent .mobileOnly {
  display: none;
}
@media (max-width: 991px) {
  .dropdownComponent.callout .calloutContent .mobileOnly {
    display: block;
  }
}
.dropdownComponent.callout .calloutContent > ul {
  margin: 0;
  padding: 13px 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.dropdownComponent.callout .calloutContent > ul:last-child {
  padding: 13px 0 0 0;
}
.dropdownComponent.callout .calloutContent > ul.bullets > li {
  margin: 0 0 0 15px;
  padding: 0 0 10px 0;
  list-style: disc;
}
.dropdownComponent.callout .calloutContent > ul.bullets > li:last-child {
  padding: 0;
}
.dropdownComponent.callout .calloutContent > ul > li {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.dropdownComponent.callout .calloutContent > ul > li.mobileOnly {
  display: none;
}
@media (max-width: 991px) {
  .dropdownComponent.callout .calloutContent > ul > li.mobileOnly {
    display: list-item;
  }
}
.dropdownComponent.callout .calloutContent > ul > li.divider {
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  margin: 10px 0;
}
.dropdownComponent.callout .calloutContent > ul > li.divider > a {
  display: none;
}
.dropdownComponent.callout .calloutContent > ul > li > a,
.dropdownComponent.callout .calloutContent > ul > li > span {
  display: block;
  color: var(--lvh-x-mid-grey);
  outline: none;
  padding: 0.25em 1.538em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
}
.dropdownComponent.callout .calloutContent > ul > li > a:hover,
.dropdownComponent.callout .calloutContent > ul > li > span:hover,
.dropdownComponent.callout .calloutContent > ul > li > a:focus,
.dropdownComponent.callout .calloutContent > ul > li > span:focus,
.dropdownComponent.callout .calloutContent > ul > li > a.selected,
.dropdownComponent.callout .calloutContent > ul > li > span.selected {
  background-color: var(--lvh-x-off-white);
}
.dropdownComponent.callout .calloutContent > ul > li > a .label,
.dropdownComponent.callout .calloutContent > ul > li > span .label {
  color: var(--lvh-x-mid-grey);
  white-space: inherit;
}
.dropdownComponent.callout .calloutContent > ul > li.disabled > a,
.dropdownComponent.callout .calloutContent > ul > li.disabled > span {
  color: rgba(102, 102, 102, 0.3);
}
.dropdownComponent.callout .calloutContent > ul > li.disabled > a:hover,
.dropdownComponent.callout .calloutContent > ul > li.disabled > span:hover,
.dropdownComponent.callout .calloutContent > ul > li.disabled > a:focus,
.dropdownComponent.callout .calloutContent > ul > li.disabled > span:focus,
.dropdownComponent.callout .calloutContent > ul > li.disabled > a.selected,
.dropdownComponent.callout .calloutContent > ul > li.disabled > span.selected {
  background-color: var(--lvh-white);
}
.dropdownComponent.callout .calloutContent > ul {
  margin: 0;
  padding: 1em 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.dropdownComponent.callout .calloutContent > ul > li {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.dropdownComponent.callout .calloutContent > ul > li.mobileOnly {
  display: none;
}
@media (max-width: 991px) {
  .dropdownComponent.callout .calloutContent > ul > li.mobileOnly {
    display: list-item;
  }
}
.dropdownComponent.callout .calloutContent > ul > li.divider {
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  margin: 10px 0;
}
.dropdownComponent.callout .calloutContent > ul > li.divider > a {
  display: none;
}
@media (min-width: 992px) {
  .dropdownComponent.callout .calloutContent > ul > li#showHowItWorksLink {
    display: none;
  }
}
.dropdownComponent.callout .calloutContent > ul > li > a,
.dropdownComponent.callout .calloutContent > ul > li > span {
  display: block;
  color: var(--lvh-x-mid-grey);
  outline: none;
  padding: 0.25em 1.538em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
}
.dropdownComponent.callout .calloutContent > ul > li > a:hover,
.dropdownComponent.callout .calloutContent > ul > li > span:hover,
.dropdownComponent.callout .calloutContent > ul > li > a:focus,
.dropdownComponent.callout .calloutContent > ul > li > span:focus,
.dropdownComponent.callout .calloutContent > ul > li > a.selected,
.dropdownComponent.callout .calloutContent > ul > li > span.selected {
  background-color: var(--lvh-x-off-white);
}
.dropdownComponent.callout .calloutContent > ul > li > a .label,
.dropdownComponent.callout .calloutContent > ul > li > span .label {
  color: var(--lvh-x-mid-grey);
  white-space: inherit;
}
.dropdownComponent.callout .calloutContent > ul > li.disabled > a,
.dropdownComponent.callout .calloutContent > ul > li.disabled > span {
  color: var(--lvh-disabled-text);
}
.dropdownComponent.callout .calloutContent > ul > li.disabled > a:hover,
.dropdownComponent.callout .calloutContent > ul > li.disabled > span:hover,
.dropdownComponent.callout .calloutContent > ul > li.disabled > a:focus,
.dropdownComponent.callout .calloutContent > ul > li.disabled > span:focus,
.dropdownComponent.callout .calloutContent > ul > li.disabled > a.selected,
.dropdownComponent.callout .calloutContent > ul > li.disabled > span.selected {
  background-color: var(--lvh-white);
}
.cc-select-dropdown .dropdownComponent {
  position: relative;
}
.cc-select-dropdown .dropdownComponent:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.cc-select-dropdown .dropdownComponent.select,
.cc-select-dropdown .dropdownComponent.head {
  color: var(--lvh-x-dark-grey);
  border: none;
  outline: 0;
  line-height: normal;
  box-sizing: border-box;
}
.cc-select-dropdown .dropdownComponent.select.hasValidationMessage,
.cc-select-dropdown .dropdownComponent.head.hasValidationMessage {
  padding-bottom: 28px !important;
}
.cc-select-dropdown .dropdownComponent.select.hasValidationMessage .dropdown,
.cc-select-dropdown .dropdownComponent.head.hasValidationMessage .dropdown {
  top: calc(100% - 29px);
}
.cc-select-dropdown .dropdownComponent.select .dropdown,
.cc-select-dropdown .dropdownComponent.head .dropdown {
  border-color: var(--lvh-x-paler-grey);
  top: calc(100% - 1px);
  left: 0;
  max-height: 200px;
  overflow-y: auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cc-select-dropdown .dropdownComponent.select .selectedLabel,
.cc-select-dropdown .dropdownComponent.head .selectedLabel {
  float: left;
  width: 100%;
  padding: 7px 8px;
  color: var(--lvh-secondary-text);
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-paler-grey);
  border-radius: 3px;
  position: relative;
  box-sizing: border-box;
  z-index: 2;
}
@media (max-width: 991px) {
  .cc-select-dropdown .dropdownComponent.select .selectedLabel,
  .cc-select-dropdown .dropdownComponent.head .selectedLabel {
    padding: 10px 14px;
  }
}
.cc-select-dropdown .dropdownComponent.select .selectedLabel > span,
.cc-select-dropdown .dropdownComponent.head .selectedLabel > span {
  float: left;
  width: calc(100% - 15px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .cc-select-dropdown .dropdownComponent.select .selectedLabel > span,
  .cc-select-dropdown .dropdownComponent.head .selectedLabel > span {
    font-size: 16px;
  }
}
.cc-select-dropdown .dropdownComponent.select .selectedLabel i,
.cc-select-dropdown .dropdownComponent.head .selectedLabel i {
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -3.5px;
  display: block;
  font-size: 7px;
  color: var(--lvh-x-shark-dark);
}
@media (max-width: 991px) {
  .cc-select-dropdown .dropdownComponent.select .selectedLabel i,
  .cc-select-dropdown .dropdownComponent.head .selectedLabel i {
    right: 14px;
  }
}
.cc-select-dropdown .dropdownComponent.select .menuItems > .menuItem > .label,
.cc-select-dropdown .dropdownComponent.head .menuItems > .menuItem > .label,
.cc-select-dropdown .dropdownComponent.select .subMenuItems > .menuItem > .label,
.cc-select-dropdown .dropdownComponent.head .subMenuItems > .menuItem > .label,
.cc-select-dropdown .dropdownComponent.select .menuItems > .subMenuItem > .label,
.cc-select-dropdown .dropdownComponent.head .menuItems > .subMenuItem > .label,
.cc-select-dropdown .dropdownComponent.select .subMenuItems > .subMenuItem > .label,
.cc-select-dropdown .dropdownComponent.head .subMenuItems > .subMenuItem > .label {
  padding: 4px 8px;
}
.cc-select-dropdown .dropdownComponent.select .validation-message,
.cc-select-dropdown .dropdownComponent.head .validation-message {
  width: 100%;
  position: absolute;
  top: auto;
  bottom: 1px;
  left: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
}
.cc-select-dropdown .dropdownComponent.head .dropdown {
  max-height: 220px;
}
.cc-select-dropdown .dropdownComponent.head .selectedLabel > span {
  width: auto;
}
.cc-select-dropdown .dropdownComponent.head .menuItem {
  float: left;
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
}
.cc-select-dropdown .dropdownComponent.head .menuItem:hover {
  background-color: var(--lvh-x-off-white);
}
.cc-select-dropdown .dropdownComponent.head .profile-picture {
  float: left;
}
.cc-select-dropdown .dropdownComponent.head .cc-avatar {
  float: left;
  margin-right: 10px;
  padding-top: 5px;
}
.cc-select-dropdown .dropdownComponent.head .text {
  float: left;
  color: var(--lvh-secondary-text);
  line-height: 32px;
  max-width: 145px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 50px);
}
.cc-dropdown.validation-error .select .selected-option {
  border-color: var(--lvh-validation-red-dark);
}
.cc-dropdown.has-validation-message {
  padding-bottom: 28px !important;
}
.cc-dropdown.has-validation-message .select .dropdown {
  top: calc(100% - 29px);
}
.cc-dropdown .select {
  color: var(--lvh-x-dark-grey);
  border: none;
  outline: 0;
  line-height: normal;
  box-sizing: border-box;
  position: relative;
}
.cc-dropdown .select:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.cc-dropdown .select .dropdown {
  border-color: var(--lvh-x-paler-grey);
  top: calc(100% - 1px);
  left: 0;
  max-height: 200px;
  overflow-y: auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cc-dropdown .select .selected-option {
  float: left;
  width: 100%;
  padding: 7px 8px;
  color: var(--lvh-secondary-text);
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-paler-grey);
  border-radius: 3px;
  position: relative;
  box-sizing: border-box;
  z-index: 2;
}
@media (max-width: 991px) {
  .cc-dropdown .select .selected-option {
    padding: 10px 14px;
  }
}
.cc-dropdown .select .selected-option > span {
  float: left;
  width: calc(100% - 15px);
  min-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
}
.cc-dropdown .select .selected-option i {
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -3.5px;
  display: block;
  font-size: 7px;
  color: var(--lvh-x-shark-dark);
}
@media (max-width: 991px) {
  .cc-dropdown .select .selected-option i {
    right: 14px;
  }
}
.cc-dropdown .select .menuItems > .menuItem > .label,
.cc-dropdown .select .subMenuItems > .menuItem > .label,
.cc-dropdown .select .menuItems > .subMenuItem > .label,
.cc-dropdown .select .subMenuItems > .subMenuItem > .label {
  padding: 4px 8px;
}
.cc-dropdown .select .validation-message {
  width: 100%;
  position: absolute;
  top: auto;
  bottom: 1px;
  left: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
}
.layout-spacious .cc-dropdown .select .selected-option {
  padding: 10px 8px;
}
body.mobileOnlyModalOpen {
  min-height: 100vh;
}
@media (max-width: 991px) {
  body.mobileOnlyModalOpen {
    overflow: hidden;
  }
}
.datepicker.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  list-style: none;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: #333333;
  font-size: 13px;
  line-height: 20px;
}
.datepicker.dropdown-menu th,
.datepicker.datepicker-inline th,
.datepicker.dropdown-menu td,
.datepicker.datepicker-inline td {
  padding: 4px 5px;
}
.datepicker {
  padding: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  direction: ltr;
  /*.dow {
		border-top: 1px solid #ddd !important;
	}*/
}
.datepicker-inline {
  width: 220px;
}
.datepicker.datepicker-rtl {
  direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
}
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid var(--lvh-white);
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-top:after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid var(--lvh-white);
}
.datepicker > div {
  display: none;
}
.datepicker.days div.datepicker-days {
  display: block;
}
.datepicker.months div.datepicker-months {
  display: block;
}
.datepicker.years div.datepicker-years {
  display: block;
}
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: #eee;
  cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #999;
  cursor: default;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background-color: #ffe6cc;
  background-image: -moz-linear-gradient(top, #ffdfcc, #fff1cc);
  background-image: -ms-linear-gradient(top, #ffdfcc, #fff1cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffdfcc), to(#fff1cc));
  background-image: -webkit-linear-gradient(top, #ffdfcc, #fff1cc);
  background-image: -o-linear-gradient(top, #ffdfcc, #fff1cc);
  background-image: linear-gradient(top, #ffdfcc, #fff1cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfcc', endColorstr='#fff1cc', GradientType=0);
  border-color: #fff1cc #fff1cc #ffdb7f;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #000;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
  background-color: #fff1cc;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
  background-color: #ffe299 \9;
}
.datepicker table tr td.today:hover:hover {
  color: #000;
}
.datepicker table tr td.today.active:hover {
  color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eee;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  background-color: #f7c591;
  background-image: -moz-linear-gradient(top, #f7b891, #f7da90);
  background-image: -ms-linear-gradient(top, #f7b891, #f7da90);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f7b891), to(#f7da90));
  background-image: -webkit-linear-gradient(top, #f7b891, #f7da90);
  background-image: -o-linear-gradient(top, #f7b891, #f7da90);
  background-image: linear-gradient(top, #f7b891, #f7da90);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7b891', endColorstr='#f7da90', GradientType=0);
  border-color: #f7da90 #f7da90 #f1c149;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
  background-color: #f7da90;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
  background-color: #f3c961 \9;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  background-color: #9e9e9e;
  background-image: -moz-linear-gradient(top, #b3b3b3, #808080);
  background-image: -ms-linear-gradient(top, #b3b3b3, #808080);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
  background-image: -webkit-linear-gradient(top, #b3b3b3, #808080);
  background-image: -o-linear-gradient(top, #b3b3b3, #808080);
  background-image: linear-gradient(top, #b3b3b3, #808080);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
  border-color: #808080 #808080 #595959;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
  background-color: #808080;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
  background-color: #666666 \9;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #08c, #0044cc);
  background-image: -ms-linear-gradient(top, #08c, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #08c, #0044cc);
  background-image: -o-linear-gradient(top, #08c, #0044cc);
  background-image: linear-gradient(top, #08c, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.datepicker table tr td span:hover {
  background: #eee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #08c, #0044cc);
  background-image: -ms-linear-gradient(top, #08c, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #08c, #0044cc);
  background-image: -o-linear-gradient(top, #08c, #0044cc);
  background-image: linear-gradient(top, #08c, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #999;
}
.datepicker th.datepicker-switch {
  width: 145px;
}
.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
  background: #eee;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.datepicker thead tr:first-child th.cw {
  cursor: default;
  background-color: transparent;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  cursor: pointer;
  width: 16px;
  height: 16px;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  -moz-border-radius: 3px 0 0 3px;
  -webkit-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  -moz-border-radius: 0 3px 3px 0;
  -webkit-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 20px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  text-shadow: 0 1px 0 var(--lvh-white);
  vertical-align: middle;
  background-color: #eee;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px;
}
.alert {
  padding: 1em;
  border: 1px solid transparent;
  border-radius: 0.5em;
}
.alert.red {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert.green {
  color: #46c17c;
  background-color: #dcf7e7;
  border-color: #caf3db;
}
.alert.blue {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert.yellow {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.fileUpload {
  position: relative;
  overflow: hidden;
}
.fileUpload input[type='file'] {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 1.6em;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}
.acceptedFileTypes {
  display: block;
  font-size: 0.85em;
  color: #b3b3b3;
  font-weight: 300;
  margin-top: 0.2em;
}
nav.offCanvasMenu {
  width: 18em;
  height: 100%;
  top: 0;
  z-index: 92;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  right: -18em;
  background: #333333;
  position: fixed;
  line-height: normal;
}
@media (max-width: 991px) {
  nav.offCanvasMenu.noSearchBar .closeMenu {
    padding: 1.231em 2em;
  }
}
@media (max-width: 767px) {
  nav.offCanvasMenu.noSearchBar .closeMenu {
    padding: 0.962em 2em;
  }
}
@media (max-width: 991px) {
  nav.offCanvasMenu {
    overflow-y: scroll;
  }
}
nav.offCanvasMenu .closeMenu {
  width: 100%;
  padding: 1.538em 2em;
  text-align: left;
  outline: 0;
  background: none;
  border: 0;
  background-color: #4d4d4d;
  color: var(--lvh-white96);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  nav.offCanvasMenu .closeMenu {
    padding: 2.269em 2em;
  }
}
@media (max-width: 767px) {
  nav.offCanvasMenu .closeMenu {
    padding: 1.846em 2em;
  }
}
nav.offCanvasMenu .closeMenu .text {
  float: left;
}
nav.offCanvasMenu .closeMenu .text > span {
  font-size: 1.1em;
  font-weight: 600;
  vertical-align: middle;
}
nav.offCanvasMenu .closeMenu .iconWrap {
  float: left;
  margin-left: 1.4em;
}
nav.offCanvasMenu .closeMenu .iconWrap > span {
  font-size: 1.1em;
  vertical-align: middle;
}
nav.offCanvasMenu .content.areaSpecificMenu {
  width: 100%;
  background-color: #1a1a1a;
  margin: 0;
}
nav.offCanvasMenu .content.areaSpecificMenu ul li a {
  text-transform: uppercase;
}
nav.offCanvasMenu .content.areaSpecificMenu ul li a.active {
  color: var(--lvh-bright-blue);
}
nav.offCanvasMenu .content {
  float: left;
  padding: 2em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
nav.offCanvasMenu .content em {
  display: block;
  font-family: 'Ubuntu', sans-serif;
  font-style: normal;
  border-bottom: 1px solid #4d4d4d;
  padding-bottom: 0.4em;
}
nav.offCanvasMenu .content em > span {
  font-size: 1.1em;
  color: var(--lvh-white);
}
nav.offCanvasMenu .content ul {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  margin-top: 1em;
}
nav.offCanvasMenu .content ul:first-child {
  margin-top: 0;
}
nav.offCanvasMenu .content ul li a {
  font-weight: 500;
  color: #d9d9d9;
}
nav.offCanvasMenu .content ul.otherLinks {
  margin-top: 2em;
}
nav.offCanvasMenu .content ul.otherLinks li a {
  font-weight: 400;
  color: #b3b3b3;
}
nav.offCanvasMenu .content ul li {
  float: left;
  width: 100%;
  list-style: none;
}
nav.offCanvasMenu .content ul li a {
  float: left;
  padding: 0.5em 0;
}
nav.offCanvasMenu .content ul li a:hover {
  text-decoration: none;
}
.globalAlert {
  position: fixed;
  right: 15px;
  bottom: 15px;
  width: 316px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px;
  z-index: 10100;
}
.globalAlert.error {
  background-color: var(--lvh-validation-red-light);
  border: 1px solid var(--lvh-validation-red-mid);
  color: var(--lvh-validation-red-dark);
}
.globalAlert.success {
  background-color: var(--lvh-validation-green-light);
  border: 1px solid var(--lvh-validation-green-mid);
  color: var(--lvh-validation-green-dark);
}
.globalAlert.info {
  background-color: var(--lvh-alert-blue-light);
  border: 1px solid var(--lvh-alert-blue-mid);
  color: var(--lvh-alert-blue-text);
}
.globalAlert.warning {
  background-color: var(--lvh-alert-yellow-light);
  border: 1px solid var(--lvh-alert-yellow-mid);
  color: var(--lvh-alert-yellow-text);
}
.globalAlert h3 {
  margin: 0 0 4px 0;
  font-size: 1em;
  font-weight: normal;
}
.globalAlert h3 > span {
  font-weight: 600;
}
.globalAlert .message > span {
  font-size: 0.923em;
  line-height: 1.5;
}
.globalAlert .close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  border: none;
  background: none;
}
.globalAlert .close-button > .icon {
  font-size: 8px;
}
@-webkit-keyframes loadAnimationBlue {
  0%,
  100% {
    box-shadow: 0em -3em 0em 0.2em var(--lvh-bright-blue), 2em -2em 0 0em var(--lvh-bright-blue), 3em 0em 0 -0.5em var(--lvh-bright-blue), 2em 2em 0 -0.5em var(--lvh-bright-blue), 0em 3em 0 -0.5em var(--lvh-bright-blue), -2em 2em 0 -0.5em var(--lvh-bright-blue), -3em 0em 0 -0.5em var(--lvh-bright-blue), -2em -2em 0 0em var(--lvh-bright-blue);
  }
  12.5% {
    box-shadow: 0em -3em 0em 0em var(--lvh-bright-blue), 2em -2em 0 0.2em var(--lvh-bright-blue), 3em 0em 0 0em var(--lvh-bright-blue), 2em 2em 0 -0.5em var(--lvh-bright-blue), 0em 3em 0 -0.5em var(--lvh-bright-blue), -2em 2em 0 -0.5em var(--lvh-bright-blue), -3em 0em 0 -0.5em var(--lvh-bright-blue), -2em -2em 0 -0.5em var(--lvh-bright-blue);
  }
  25% {
    box-shadow: 0em -3em 0em -0.5em var(--lvh-bright-blue), 2em -2em 0 0em var(--lvh-bright-blue), 3em 0em 0 0.2em var(--lvh-bright-blue), 2em 2em 0 0em var(--lvh-bright-blue), 0em 3em 0 -0.5em var(--lvh-bright-blue), -2em 2em 0 -0.5em var(--lvh-bright-blue), -3em 0em 0 -0.5em var(--lvh-bright-blue), -2em -2em 0 -0.5em var(--lvh-bright-blue);
  }
  37.5% {
    box-shadow: 0em -3em 0em -0.5em var(--lvh-bright-blue), 2em -2em 0 -0.5em var(--lvh-bright-blue), 3em 0em 0 0em var(--lvh-bright-blue), 2em 2em 0 0.2em var(--lvh-bright-blue), 0em 3em 0 0em var(--lvh-bright-blue), -2em 2em 0 -0.5em var(--lvh-bright-blue), -3em 0em 0 -0.5em var(--lvh-bright-blue), -2em -2em 0 -0.5em var(--lvh-bright-blue);
  }
  50% {
    box-shadow: 0em -3em 0em -0.5em var(--lvh-bright-blue), 2em -2em 0 -0.5em var(--lvh-bright-blue), 3em 0em 0 -0.5em var(--lvh-bright-blue), 2em 2em 0 0em var(--lvh-bright-blue), 0em 3em 0 0.2em var(--lvh-bright-blue), -2em 2em 0 0em var(--lvh-bright-blue), -3em 0em 0 -0.5em var(--lvh-bright-blue), -2em -2em 0 -0.5em var(--lvh-bright-blue);
  }
  62.5% {
    box-shadow: 0em -3em 0em -0.5em var(--lvh-bright-blue), 2em -2em 0 -0.5em var(--lvh-bright-blue), 3em 0em 0 -0.5em var(--lvh-bright-blue), 2em 2em 0 -0.5em var(--lvh-bright-blue), 0em 3em 0 0em var(--lvh-bright-blue), -2em 2em 0 0.2em var(--lvh-bright-blue), -3em 0em 0 0em var(--lvh-bright-blue), -2em -2em 0 -0.5em var(--lvh-bright-blue);
  }
  75% {
    box-shadow: 0em -3em 0em -0.5em var(--lvh-bright-blue), 2em -2em 0 -0.5em var(--lvh-bright-blue), 3em 0em 0 -0.5em var(--lvh-bright-blue), 2em 2em 0 -0.5em var(--lvh-bright-blue), 0em 3em 0 -0.5em var(--lvh-bright-blue), -2em 2em 0 0em var(--lvh-bright-blue), -3em 0em 0 0.2em var(--lvh-bright-blue), -2em -2em 0 0em var(--lvh-bright-blue);
  }
  87.5% {
    box-shadow: 0em -3em 0em 0em var(--lvh-bright-blue), 2em -2em 0 -0.5em var(--lvh-bright-blue), 3em 0em 0 -0.5em var(--lvh-bright-blue), 2em 2em 0 -0.5em var(--lvh-bright-blue), 0em 3em 0 -0.5em var(--lvh-bright-blue), -2em 2em 0 0em var(--lvh-bright-blue), -3em 0em 0 0em var(--lvh-bright-blue), -2em -2em 0 0.2em var(--lvh-bright-blue);
  }
}
@keyframes loadAnimationBlue {
  0%,
  100% {
    box-shadow: 0em -3em 0em 0.2em var(--lvh-bright-blue), 2em -2em 0 0em var(--lvh-bright-blue), 3em 0em 0 -0.5em var(--lvh-bright-blue), 2em 2em 0 -0.5em var(--lvh-bright-blue), 0em 3em 0 -0.5em var(--lvh-bright-blue), -2em 2em 0 -0.5em var(--lvh-bright-blue), -3em 0em 0 -0.5em var(--lvh-bright-blue), -2em -2em 0 0em var(--lvh-bright-blue);
  }
  12.5% {
    box-shadow: 0em -3em 0em 0em var(--lvh-bright-blue), 2em -2em 0 0.2em var(--lvh-bright-blue), 3em 0em 0 0em var(--lvh-bright-blue), 2em 2em 0 -0.5em var(--lvh-bright-blue), 0em 3em 0 -0.5em var(--lvh-bright-blue), -2em 2em 0 -0.5em var(--lvh-bright-blue), -3em 0em 0 -0.5em var(--lvh-bright-blue), -2em -2em 0 -0.5em var(--lvh-bright-blue);
  }
  25% {
    box-shadow: 0em -3em 0em -0.5em var(--lvh-bright-blue), 2em -2em 0 0em var(--lvh-bright-blue), 3em 0em 0 0.2em var(--lvh-bright-blue), 2em 2em 0 0em var(--lvh-bright-blue), 0em 3em 0 -0.5em var(--lvh-bright-blue), -2em 2em 0 -0.5em var(--lvh-bright-blue), -3em 0em 0 -0.5em var(--lvh-bright-blue), -2em -2em 0 -0.5em var(--lvh-bright-blue);
  }
  37.5% {
    box-shadow: 0em -3em 0em -0.5em var(--lvh-bright-blue), 2em -2em 0 -0.5em var(--lvh-bright-blue), 3em 0em 0 0em var(--lvh-bright-blue), 2em 2em 0 0.2em var(--lvh-bright-blue), 0em 3em 0 0em var(--lvh-bright-blue), -2em 2em 0 -0.5em var(--lvh-bright-blue), -3em 0em 0 -0.5em var(--lvh-bright-blue), -2em -2em 0 -0.5em var(--lvh-bright-blue);
  }
  50% {
    box-shadow: 0em -3em 0em -0.5em var(--lvh-bright-blue), 2em -2em 0 -0.5em var(--lvh-bright-blue), 3em 0em 0 -0.5em var(--lvh-bright-blue), 2em 2em 0 0em var(--lvh-bright-blue), 0em 3em 0 0.2em var(--lvh-bright-blue), -2em 2em 0 0em var(--lvh-bright-blue), -3em 0em 0 -0.5em var(--lvh-bright-blue), -2em -2em 0 -0.5em var(--lvh-bright-blue);
  }
  62.5% {
    box-shadow: 0em -3em 0em -0.5em var(--lvh-bright-blue), 2em -2em 0 -0.5em var(--lvh-bright-blue), 3em 0em 0 -0.5em var(--lvh-bright-blue), 2em 2em 0 -0.5em var(--lvh-bright-blue), 0em 3em 0 0em var(--lvh-bright-blue), -2em 2em 0 0.2em var(--lvh-bright-blue), -3em 0em 0 0em var(--lvh-bright-blue), -2em -2em 0 -0.5em var(--lvh-bright-blue);
  }
  75% {
    box-shadow: 0em -3em 0em -0.5em var(--lvh-bright-blue), 2em -2em 0 -0.5em var(--lvh-bright-blue), 3em 0em 0 -0.5em var(--lvh-bright-blue), 2em 2em 0 -0.5em var(--lvh-bright-blue), 0em 3em 0 -0.5em var(--lvh-bright-blue), -2em 2em 0 0em var(--lvh-bright-blue), -3em 0em 0 0.2em var(--lvh-bright-blue), -2em -2em 0 0em var(--lvh-bright-blue);
  }
  87.5% {
    box-shadow: 0em -3em 0em 0em var(--lvh-bright-blue), 2em -2em 0 -0.5em var(--lvh-bright-blue), 3em 0em 0 -0.5em var(--lvh-bright-blue), 2em 2em 0 -0.5em var(--lvh-bright-blue), 0em 3em 0 -0.5em var(--lvh-bright-blue), -2em 2em 0 0em var(--lvh-bright-blue), -3em 0em 0 0em var(--lvh-bright-blue), -2em -2em 0 0.2em var(--lvh-bright-blue);
  }
}
@-webkit-keyframes loadAnimationGrey {
  0%,
  100% {
    box-shadow: 0em -3em 0em 0.2em #333333, 2em -2em 0 0em #333333, 3em 0em 0 -0.5em #333333, 2em 2em 0 -0.5em #333333, 0em 3em 0 -0.5em #333333, -2em 2em 0 -0.5em #333333, -3em 0em 0 -0.5em #333333, -2em -2em 0 0em #333333;
  }
  12.5% {
    box-shadow: 0em -3em 0em 0em #333333, 2em -2em 0 0.2em #333333, 3em 0em 0 0em #333333, 2em 2em 0 -0.5em #333333, 0em 3em 0 -0.5em #333333, -2em 2em 0 -0.5em #333333, -3em 0em 0 -0.5em #333333, -2em -2em 0 -0.5em #333333;
  }
  25% {
    box-shadow: 0em -3em 0em -0.5em #333333, 2em -2em 0 0em #333333, 3em 0em 0 0.2em #333333, 2em 2em 0 0em #333333, 0em 3em 0 -0.5em #333333, -2em 2em 0 -0.5em #333333, -3em 0em 0 -0.5em #333333, -2em -2em 0 -0.5em #333333;
  }
  37.5% {
    box-shadow: 0em -3em 0em -0.5em #333333, 2em -2em 0 -0.5em #333333, 3em 0em 0 0em #333333, 2em 2em 0 0.2em #333333, 0em 3em 0 0em #333333, -2em 2em 0 -0.5em #333333, -3em 0em 0 -0.5em #333333, -2em -2em 0 -0.5em #333333;
  }
  50% {
    box-shadow: 0em -3em 0em -0.5em #333333, 2em -2em 0 -0.5em #333333, 3em 0em 0 -0.5em #333333, 2em 2em 0 0em #333333, 0em 3em 0 0.2em #333333, -2em 2em 0 0em #333333, -3em 0em 0 -0.5em #333333, -2em -2em 0 -0.5em #333333;
  }
  62.5% {
    box-shadow: 0em -3em 0em -0.5em #333333, 2em -2em 0 -0.5em #333333, 3em 0em 0 -0.5em #333333, 2em 2em 0 -0.5em #333333, 0em 3em 0 0em #333333, -2em 2em 0 0.2em #333333, -3em 0em 0 0em #333333, -2em -2em 0 -0.5em #333333;
  }
  75% {
    box-shadow: 0em -3em 0em -0.5em #333333, 2em -2em 0 -0.5em #333333, 3em 0em 0 -0.5em #333333, 2em 2em 0 -0.5em #333333, 0em 3em 0 -0.5em #333333, -2em 2em 0 0em #333333, -3em 0em 0 0.2em #333333, -2em -2em 0 0em #333333;
  }
  87.5% {
    box-shadow: 0em -3em 0em 0em #333333, 2em -2em 0 -0.5em #333333, 3em 0em 0 -0.5em #333333, 2em 2em 0 -0.5em #333333, 0em 3em 0 -0.5em #333333, -2em 2em 0 0em #333333, -3em 0em 0 0em #333333, -2em -2em 0 0.2em #333333;
  }
}
@keyframes loadAnimationGrey {
  0%,
  100% {
    box-shadow: 0em -3em 0em 0.2em #333333, 2em -2em 0 0em #333333, 3em 0em 0 -0.5em #333333, 2em 2em 0 -0.5em #333333, 0em 3em 0 -0.5em #333333, -2em 2em 0 -0.5em #333333, -3em 0em 0 -0.5em #333333, -2em -2em 0 0em #333333;
  }
  12.5% {
    box-shadow: 0em -3em 0em 0em #333333, 2em -2em 0 0.2em #333333, 3em 0em 0 0em #333333, 2em 2em 0 -0.5em #333333, 0em 3em 0 -0.5em #333333, -2em 2em 0 -0.5em #333333, -3em 0em 0 -0.5em #333333, -2em -2em 0 -0.5em #333333;
  }
  25% {
    box-shadow: 0em -3em 0em -0.5em #333333, 2em -2em 0 0em #333333, 3em 0em 0 0.2em #333333, 2em 2em 0 0em #333333, 0em 3em 0 -0.5em #333333, -2em 2em 0 -0.5em #333333, -3em 0em 0 -0.5em #333333, -2em -2em 0 -0.5em #333333;
  }
  37.5% {
    box-shadow: 0em -3em 0em -0.5em #333333, 2em -2em 0 -0.5em #333333, 3em 0em 0 0em #333333, 2em 2em 0 0.2em #333333, 0em 3em 0 0em #333333, -2em 2em 0 -0.5em #333333, -3em 0em 0 -0.5em #333333, -2em -2em 0 -0.5em #333333;
  }
  50% {
    box-shadow: 0em -3em 0em -0.5em #333333, 2em -2em 0 -0.5em #333333, 3em 0em 0 -0.5em #333333, 2em 2em 0 0em #333333, 0em 3em 0 0.2em #333333, -2em 2em 0 0em #333333, -3em 0em 0 -0.5em #333333, -2em -2em 0 -0.5em #333333;
  }
  62.5% {
    box-shadow: 0em -3em 0em -0.5em #333333, 2em -2em 0 -0.5em #333333, 3em 0em 0 -0.5em #333333, 2em 2em 0 -0.5em #333333, 0em 3em 0 0em #333333, -2em 2em 0 0.2em #333333, -3em 0em 0 0em #333333, -2em -2em 0 -0.5em #333333;
  }
  75% {
    box-shadow: 0em -3em 0em -0.5em #333333, 2em -2em 0 -0.5em #333333, 3em 0em 0 -0.5em #333333, 2em 2em 0 -0.5em #333333, 0em 3em 0 -0.5em #333333, -2em 2em 0 0em #333333, -3em 0em 0 0.2em #333333, -2em -2em 0 0em #333333;
  }
  87.5% {
    box-shadow: 0em -3em 0em 0em #333333, 2em -2em 0 -0.5em #333333, 3em 0em 0 -0.5em #333333, 2em 2em 0 -0.5em #333333, 0em 3em 0 -0.5em #333333, -2em 2em 0 0em #333333, -3em 0em 0 0em #333333, -2em -2em 0 0.2em #333333;
  }
}
@-webkit-keyframes loadAnimationWhite {
  0%,
  100% {
    box-shadow: 0em -3em 0em 0.2em var(--lvh-white), 2em -2em 0 0em var(--lvh-white), 3em 0em 0 -0.5em var(--lvh-white), 2em 2em 0 -0.5em var(--lvh-white), 0em 3em 0 -0.5em var(--lvh-white), -2em 2em 0 -0.5em var(--lvh-white), -3em 0em 0 -0.5em var(--lvh-white), -2em -2em 0 0em var(--lvh-white);
  }
  12.5% {
    box-shadow: 0em -3em 0em 0em var(--lvh-white), 2em -2em 0 0.2em var(--lvh-white), 3em 0em 0 0em var(--lvh-white), 2em 2em 0 -0.5em var(--lvh-white), 0em 3em 0 -0.5em var(--lvh-white), -2em 2em 0 -0.5em var(--lvh-white), -3em 0em 0 -0.5em var(--lvh-white), -2em -2em 0 -0.5em var(--lvh-white);
  }
  25% {
    box-shadow: 0em -3em 0em -0.5em var(--lvh-white), 2em -2em 0 0em var(--lvh-white), 3em 0em 0 0.2em var(--lvh-white), 2em 2em 0 0em var(--lvh-white), 0em 3em 0 -0.5em var(--lvh-white), -2em 2em 0 -0.5em var(--lvh-white), -3em 0em 0 -0.5em var(--lvh-white), -2em -2em 0 -0.5em var(--lvh-white);
  }
  37.5% {
    box-shadow: 0em -3em 0em -0.5em var(--lvh-white), 2em -2em 0 -0.5em var(--lvh-white), 3em 0em 0 0em var(--lvh-white), 2em 2em 0 0.2em var(--lvh-white), 0em 3em 0 0em var(--lvh-white), -2em 2em 0 -0.5em var(--lvh-white), -3em 0em 0 -0.5em var(--lvh-white), -2em -2em 0 -0.5em var(--lvh-white);
  }
  50% {
    box-shadow: 0em -3em 0em -0.5em var(--lvh-white), 2em -2em 0 -0.5em var(--lvh-white), 3em 0em 0 -0.5em var(--lvh-white), 2em 2em 0 0em var(--lvh-white), 0em 3em 0 0.2em var(--lvh-white), -2em 2em 0 0em var(--lvh-white), -3em 0em 0 -0.5em var(--lvh-white), -2em -2em 0 -0.5em var(--lvh-white);
  }
  62.5% {
    box-shadow: 0em -3em 0em -0.5em var(--lvh-white), 2em -2em 0 -0.5em var(--lvh-white), 3em 0em 0 -0.5em var(--lvh-white), 2em 2em 0 -0.5em var(--lvh-white), 0em 3em 0 0em var(--lvh-white), -2em 2em 0 0.2em var(--lvh-white), -3em 0em 0 0em var(--lvh-white), -2em -2em 0 -0.5em var(--lvh-white);
  }
  75% {
    box-shadow: 0em -3em 0em -0.5em var(--lvh-white), 2em -2em 0 -0.5em var(--lvh-white), 3em 0em 0 -0.5em var(--lvh-white), 2em 2em 0 -0.5em var(--lvh-white), 0em 3em 0 -0.5em var(--lvh-white), -2em 2em 0 0em var(--lvh-white), -3em 0em 0 0.2em var(--lvh-white), -2em -2em 0 0em var(--lvh-white);
  }
  87.5% {
    box-shadow: 0em -3em 0em 0em var(--lvh-white), 2em -2em 0 -0.5em var(--lvh-white), 3em 0em 0 -0.5em var(--lvh-white), 2em 2em 0 -0.5em var(--lvh-white), 0em 3em 0 -0.5em var(--lvh-white), -2em 2em 0 0em var(--lvh-white), -3em 0em 0 0em var(--lvh-white), -2em -2em 0 0.2em var(--lvh-white);
  }
}
@keyframes loadAnimationWhite {
  0%,
  100% {
    box-shadow: 0em -3em 0em 0.2em var(--lvh-white), 2em -2em 0 0em var(--lvh-white), 3em 0em 0 -0.5em var(--lvh-white), 2em 2em 0 -0.5em var(--lvh-white), 0em 3em 0 -0.5em var(--lvh-white), -2em 2em 0 -0.5em var(--lvh-white), -3em 0em 0 -0.5em var(--lvh-white), -2em -2em 0 0em var(--lvh-white);
  }
  12.5% {
    box-shadow: 0em -3em 0em 0em var(--lvh-white), 2em -2em 0 0.2em var(--lvh-white), 3em 0em 0 0em var(--lvh-white), 2em 2em 0 -0.5em var(--lvh-white), 0em 3em 0 -0.5em var(--lvh-white), -2em 2em 0 -0.5em var(--lvh-white), -3em 0em 0 -0.5em var(--lvh-white), -2em -2em 0 -0.5em var(--lvh-white);
  }
  25% {
    box-shadow: 0em -3em 0em -0.5em var(--lvh-white), 2em -2em 0 0em var(--lvh-white), 3em 0em 0 0.2em var(--lvh-white), 2em 2em 0 0em var(--lvh-white), 0em 3em 0 -0.5em var(--lvh-white), -2em 2em 0 -0.5em var(--lvh-white), -3em 0em 0 -0.5em var(--lvh-white), -2em -2em 0 -0.5em var(--lvh-white);
  }
  37.5% {
    box-shadow: 0em -3em 0em -0.5em var(--lvh-white), 2em -2em 0 -0.5em var(--lvh-white), 3em 0em 0 0em var(--lvh-white), 2em 2em 0 0.2em var(--lvh-white), 0em 3em 0 0em var(--lvh-white), -2em 2em 0 -0.5em var(--lvh-white), -3em 0em 0 -0.5em var(--lvh-white), -2em -2em 0 -0.5em var(--lvh-white);
  }
  50% {
    box-shadow: 0em -3em 0em -0.5em var(--lvh-white), 2em -2em 0 -0.5em var(--lvh-white), 3em 0em 0 -0.5em var(--lvh-white), 2em 2em 0 0em var(--lvh-white), 0em 3em 0 0.2em var(--lvh-white), -2em 2em 0 0em var(--lvh-white), -3em 0em 0 -0.5em var(--lvh-white), -2em -2em 0 -0.5em var(--lvh-white);
  }
  62.5% {
    box-shadow: 0em -3em 0em -0.5em var(--lvh-white), 2em -2em 0 -0.5em var(--lvh-white), 3em 0em 0 -0.5em var(--lvh-white), 2em 2em 0 -0.5em var(--lvh-white), 0em 3em 0 0em var(--lvh-white), -2em 2em 0 0.2em var(--lvh-white), -3em 0em 0 0em var(--lvh-white), -2em -2em 0 -0.5em var(--lvh-white);
  }
  75% {
    box-shadow: 0em -3em 0em -0.5em var(--lvh-white), 2em -2em 0 -0.5em var(--lvh-white), 3em 0em 0 -0.5em var(--lvh-white), 2em 2em 0 -0.5em var(--lvh-white), 0em 3em 0 -0.5em var(--lvh-white), -2em 2em 0 0em var(--lvh-white), -3em 0em 0 0.2em var(--lvh-white), -2em -2em 0 0em var(--lvh-white);
  }
  87.5% {
    box-shadow: 0em -3em 0em 0em var(--lvh-white), 2em -2em 0 -0.5em var(--lvh-white), 3em 0em 0 -0.5em var(--lvh-white), 2em 2em 0 -0.5em var(--lvh-white), 0em 3em 0 -0.5em var(--lvh-white), -2em 2em 0 0em var(--lvh-white), -3em 0em 0 0em var(--lvh-white), -2em -2em 0 0.2em var(--lvh-white);
  }
}
iframe[name^="oauth2relay"] {
  display: none;
}
.flag {
  display: inline-block;
  position: relative;
  top: 1px;
  width: 16px;
  height: 11px;
  background: url('//assets.livehire.com/common/images/sprites/flags.png') no-repeat;
  margin-right: 0.5em;
}
.flag.flag-ad,
.flag.flag-and {
  background-position: -16px 0;
}
.flag.flag-ae,
.flag.flag-are {
  background-position: -32px 0;
}
.flag.flag-af,
.flag.flag-afg {
  background-position: -48px 0;
}
.flag.flag-ag,
.flag.flag-atg {
  background-position: -64px 0;
}
.flag.flag-ai,
.flag.flag-aia {
  background-position: -80px 0;
}
.flag.flag-al,
.flag.flag-alb {
  background-position: -96px 0;
}
.flag.flag-am,
.flag.flag-arm {
  background-position: -112px 0;
}
.flag.flag-an {
  background-position: -128px 0;
}
.flag.flag-ao,
.flag.flag-ago {
  background-position: -144px 0;
}
.flag.flag-ar,
.flag.flag-arg {
  background-position: -160px 0;
}
.flag.flag-as,
.flag.flag-asm {
  background-position: -176px 0;
}
.flag.flag-at,
.flag.flag-aut {
  background-position: -192px 0;
}
.flag.flag-au,
.flag.flag-aus,
.flag.flag-cx,
.flag.flag-cxr {
  background-position: -208px 0;
}
.flag.flag-aw,
.flag.flag-abw {
  background-position: -224px 0;
}
.flag.flag-az,
.flag.flag-aze {
  background-position: -240px 0;
}
.flag.flag-ba,
.flag.flag-bih {
  background-position: 0 -11px;
}
.flag.flag-bb,
.flag.flag-brb {
  background-position: -16px -11px;
}
.flag.flag-bd,
.flag.flag-bgd {
  background-position: -32px -11px;
}
.flag.flag-be,
.flag.flag-bel {
  background-position: -48px -11px;
}
.flag.flag-bf,
.flag.flag-bfa {
  background-position: -64px -11px;
}
.flag.flag-bg,
.flag.flag-bgr {
  background-position: -80px -11px;
}
.flag.flag-bh,
.flag.flag-bhr {
  background-position: -96px -11px;
}
.flag.flag-bi,
.flag.flag-bdi {
  background-position: -112px -11px;
}
.flag.flag-bj,
.flag.flag-ben {
  background-position: -128px -11px;
}
.flag.flag-bm,
.flag.flag-bmu {
  background-position: -144px -11px;
}
.flag.flag-bn,
.flag.flag-brn {
  background-position: -160px -11px;
}
.flag.flag-bo,
.flag.flag-bol {
  background-position: -176px -11px;
}
.flag.flag-br,
.flag.flag-bra {
  background-position: -192px -11px;
}
.flag.flag-bs,
.flag.flag-bhs {
  background-position: -208px -11px;
}
.flag.flag-bt,
.flag.flag-btn {
  background-position: -224px -11px;
}
.flag.flag-bv,
.flag.flag-bvt {
  background-position: -240px -11px;
}
.flag.flag-bw,
.flag.flag-bwa {
  background-position: 0 -22px;
}
.flag.flag-by,
.flag.flag-blr {
  background-position: -16px -22px;
}
.flag.flag-bz,
.flag.flag-blz {
  background-position: -32px -22px;
}
.flag.flag-ca,
.flag.flag-can {
  background-position: -48px -22px;
}
.flag.flag-catalonia,
.flag.flag- {
  background-position: -64px -22px;
}
.flag.flag-cd,
.flag.flag-cod {
  background-position: -80px -22px;
}
.flag.flag-cf,
.flag.flag-caf {
  background-position: -96px -22px;
}
.flag.flag-cg,
.flag.flag-cog {
  background-position: -112px -22px;
}
.flag.flag-ch,
.flag.flag-che {
  background-position: -128px -22px;
}
.flag.flag-ci,
.flag.flag-civ {
  background-position: -144px -22px;
}
.flag.flag-ck,
.flag.flag-cok {
  background-position: -160px -22px;
}
.flag.flag-cl,
.flag.flag-chl {
  background-position: -176px -22px;
}
.flag.flag-cm,
.flag.flag-cmr {
  background-position: -192px -22px;
}
.flag.flag-cn,
.flag.flag-chn {
  background-position: -208px -22px;
}
.flag.flag-co,
.flag.flag-col {
  background-position: -224px -22px;
}
.flag.flag-cr,
.flag.flag-cri {
  background-position: -240px -22px;
}
.flag.flag-cu,
.flag.flag-cub {
  background-position: 0 -33px;
}
.flag.flag-cv,
.flag.flag-cpv {
  background-position: -16px -33px;
}
.flag.flag-cw,
.flag.flag-cuw {
  background-position: -32px -33px;
}
.flag.flag-cy,
.flag.flag-cyp {
  background-position: -48px -33px;
}
.flag.flag-cz,
.flag.flag-cze {
  background-position: -64px -33px;
}
.flag.flag-de,
.flag.flag-deu {
  background-position: -80px -33px;
}
.flag.flag-dj,
.flag.flag-dji {
  background-position: -96px -33px;
}
.flag.flag-dk,
.flag.flag-dnk {
  background-position: -112px -33px;
}
.flag.flag-dm,
.flag.flag-dma {
  background-position: -128px -33px;
}
.flag.flag-do,
.flag.flag-dom {
  background-position: -144px -33px;
}
.flag.flag-dz,
.flag.flag-dza {
  background-position: -160px -33px;
}
.flag.flag-ec,
.flag.flag-ecu {
  background-position: -176px -33px;
}
.flag.flag-ee,
.flag.flag-est {
  background-position: -192px -33px;
}
.flag.flag-eg,
.flag.flag-egy {
  background-position: -208px -33px;
}
.flag.flag-eh,
.flag.flag-esh {
  background-position: -224px -33px;
}
.flag.flag-england,
.flag.flag- {
  background-position: -240px -33px;
}
.flag.flag-er,
.flag.flag-eri {
  background-position: 0 -44px;
}
.flag.flag-es,
.flag.flag-esp {
  background-position: -16px -44px;
}
.flag.flag-et,
.flag.flag-eth {
  background-position: -32px -44px;
}
.flag.flag-eu,
.flag.flag-eur {
  background-position: -48px -44px;
}
.flag.flag-fi,
.flag.flag-fin {
  background-position: -64px -44px;
}
.flag.flag-fj,
.flag.flag-fji {
  background-position: -80px -44px;
}
.flag.flag-fk,
.flag.flag-flk {
  background-position: -96px -44px;
}
.flag.flag-fm,
.flag.flag-fsm {
  background-position: -112px -44px;
}
.flag.flag-fo,
.flag.flag-fro {
  background-position: -128px -44px;
}
.flag.flag-fr,
.flag.flag-fra {
  background-position: -144px -44px;
}
.flag.flag-ga,
.flag.flag-gab {
  background-position: -160px -44px;
}
.flag.flag-gb,
.flag.flag-gbr {
  background-position: -176px -44px;
}
.flag.flag-gd,
.flag.flag-grd {
  background-position: -192px -44px;
}
.flag.flag-ge,
.flag.flag-geo {
  background-position: -208px -44px;
}
.flag.flag-gf,
.flag.flag-guf {
  background-position: -224px -44px;
}
.flag.flag-gg,
.flag.flag-ggy {
  background-position: -240px -44px;
}
.flag.flag-gh,
.flag.flag-gha {
  background-position: 0 -55px;
}
.flag.flag-gi,
.flag.flag-gib {
  background-position: -16px -55px;
}
.flag.flag-gl,
.flag.flag-grl {
  background-position: -32px -55px;
}
.flag.flag-gm,
.flag.flag-gmb {
  background-position: -48px -55px;
}
.flag.flag-gn,
.flag.flag-gin {
  background-position: -64px -55px;
}
.flag.flag-gp,
.flag.flag-glp {
  background-position: -80px -55px;
}
.flag.flag-gq,
.flag.flag-gnq {
  background-position: -96px -55px;
}
.flag.flag-gr,
.flag.flag-grc {
  background-position: -112px -55px;
}
.flag.flag-gs,
.flag.flag-sgs {
  background-position: -128px -55px;
}
.flag.flag-gt,
.flag.flag-gtm {
  background-position: -144px -55px;
}
.flag.flag-gu,
.flag.flag-gum {
  background-position: -160px -55px;
}
.flag.flag-gw,
.flag.flag-gnb {
  background-position: -176px -55px;
}
.flag.flag-gy,
.flag.flag-guy {
  background-position: -192px -55px;
}
.flag.flag-hk,
.flag.flag-hkg {
  background-position: -208px -55px;
}
.flag.flag-hm,
.flag.flag-hmd {
  background-position: -224px -55px;
}
.flag.flag-hn,
.flag.flag-hnd {
  background-position: -240px -55px;
}
.flag.flag-hr,
.flag.flag-hrv {
  background-position: 0 -66px;
}
.flag.flag-ht,
.flag.flag-hti {
  background-position: -16px -66px;
}
.flag.flag-hu,
.flag.flag-hun {
  background-position: -32px -66px;
}
.flag.flag-ic {
  background-position: -48px -66px;
}
.flag.flag-id,
.flag.flag-idn {
  background-position: -64px -66px;
}
.flag.flag-ie,
.flag.flag-irl {
  background-position: -80px -66px;
}
.flag.flag-il,
.flag.flag-isr {
  background-position: -96px -66px;
}
.flag.flag-im,
.flag.flag-imn {
  background-position: -112px -66px;
}
.flag.flag-in,
.flag.flag-ind {
  background-position: -128px -66px;
}
.flag.flag-io,
.flag.flag-iot {
  background-position: -144px -66px;
}
.flag.flag-iq,
.flag.flag-irq {
  background-position: -160px -66px;
}
.flag.flag-ir,
.flag.flag-irn {
  background-position: -176px -66px;
}
.flag.flag-is,
.flag.flag-isl {
  background-position: -192px -66px;
}
.flag.flag-it,
.flag.flag-ita {
  background-position: -208px -66px;
}
.flag.flag-je,
.flag.flag-jey {
  background-position: -224px -66px;
}
.flag.flag-jm,
.flag.flag-jam {
  background-position: -240px -66px;
}
.flag.flag-jo,
.flag.flag-jor {
  background-position: 0 -77px;
}
.flag.flag-jp,
.flag.flag-jpn {
  background-position: -16px -77px;
}
.flag.flag-ke,
.flag.flag-ken {
  background-position: -32px -77px;
}
.flag.flag-kg,
.flag.flag-kgz {
  background-position: -48px -77px;
}
.flag.flag-kh,
.flag.flag-khm {
  background-position: -64px -77px;
}
.flag.flag-ki,
.flag.flag-kir {
  background-position: -80px -77px;
}
.flag.flag-km,
.flag.flag-com {
  background-position: -96px -77px;
}
.flag.flag-kn,
.flag.flag-kna {
  background-position: -112px -77px;
}
.flag.flag-kp,
.flag.flag-prk {
  background-position: -128px -77px;
}
.flag.flag-kr,
.flag.flag-kor {
  background-position: -144px -77px;
}
.flag.flag-kurdistan,
.flag.flag- {
  background-position: -160px -77px;
}
.flag.flag-kw,
.flag.flag-kwt {
  background-position: -176px -77px;
}
.flag.flag-ky,
.flag.flag-cym {
  background-position: -192px -77px;
}
.flag.flag-kz,
.flag.flag-kaz {
  background-position: -208px -77px;
}
.flag.flag-la,
.flag.flag-lao {
  background-position: -224px -77px;
}
.flag.flag-lb,
.flag.flag-lbn {
  background-position: -240px -77px;
}
.flag.flag-lc,
.flag.flag-lca {
  background-position: 0 -88px;
}
.flag.flag-li,
.flag.flag-lie {
  background-position: -16px -88px;
}
.flag.flag-lk,
.flag.flag-lka {
  background-position: -32px -88px;
}
.flag.flag-lr,
.flag.flag-lbr {
  background-position: -48px -88px;
}
.flag.flag-ls,
.flag.flag-lso {
  background-position: -64px -88px;
}
.flag.flag-lt,
.flag.flag-ltu {
  background-position: -80px -88px;
}
.flag.flag-lu,
.flag.flag-lux {
  background-position: -96px -88px;
}
.flag.flag-lv,
.flag.flag-lva {
  background-position: -112px -88px;
}
.flag.flag-ly,
.flag.flag-lby {
  background-position: -128px -88px;
}
.flag.flag-ma,
.flag.flag-mar {
  background-position: -144px -88px;
}
.flag.flag-mc,
.flag.flag-mco {
  background-position: -160px -88px;
}
.flag.flag-md,
.flag.flag-mda {
  background-position: -176px -88px;
}
.flag.flag-me,
.flag.flag-mne {
  background-position: -192px -88px;
}
.flag.flag-mg,
.flag.flag-mdg {
  background-position: -208px -88px;
}
.flag.flag-mh,
.flag.flag-mhl {
  background-position: -224px -88px;
}
.flag.flag-mk,
.flag.flag-mkd {
  background-position: -240px -88px;
}
.flag.flag-ml,
.flag.flag-mli {
  background-position: 0 -99px;
}
.flag.flag-mm,
.flag.flag-mmr {
  background-position: -16px -99px;
}
.flag.flag-mn,
.flag.flag-mng {
  background-position: -32px -99px;
}
.flag.flag-mo,
.flag.flag-mac {
  background-position: -48px -99px;
}
.flag.flag-mp,
.flag.flag-mnp {
  background-position: -64px -99px;
}
.flag.flag-mq,
.flag.flag-mtq {
  background-position: -80px -99px;
}
.flag.flag-mr,
.flag.flag-mrt {
  background-position: -96px -99px;
}
.flag.flag-ms,
.flag.flag-msr {
  background-position: -112px -99px;
}
.flag.flag-mt,
.flag.flag-mlt {
  background-position: -128px -99px;
}
.flag.flag-mu,
.flag.flag-mus {
  background-position: -144px -99px;
}
.flag.flag-mv,
.flag.flag-mdv {
  background-position: -160px -99px;
}
.flag.flag-mw,
.flag.flag-mwi {
  background-position: -176px -99px;
}
.flag.flag-mx,
.flag.flag-mex {
  background-position: -192px -99px;
}
.flag.flag-my,
.flag.flag-mys {
  background-position: -208px -99px;
}
.flag.flag-mz,
.flag.flag-moz {
  background-position: -224px -99px;
}
.flag.flag-na,
.flag.flag-nam {
  background-position: -240px -99px;
}
.flag.flag-nc,
.flag.flag-ncl {
  background-position: 0 -110px;
}
.flag.flag-ne,
.flag.flag-ner {
  background-position: -16px -110px;
}
.flag.flag-nf,
.flag.flag-nfk {
  background-position: -32px -110px;
}
.flag.flag-ng,
.flag.flag-nga {
  background-position: -48px -110px;
}
.flag.flag-ni,
.flag.flag-nic {
  background-position: -64px -110px;
}
.flag.flag-nl,
.flag.flag-nld {
  background-position: -80px -110px;
}
.flag.flag-no,
.flag.flag-nor {
  background-position: -96px -110px;
}
.flag.flag-np,
.flag.flag-npl {
  background-position: -112px -110px;
}
.flag.flag-nr,
.flag.flag-nru {
  background-position: -128px -110px;
}
.flag.flag-nu,
.flag.flag-niu {
  background-position: -144px -110px;
}
.flag.flag-nz,
.flag.flag-nzl {
  background-position: -160px -110px;
}
.flag.flag-om,
.flag.flag-omn {
  background-position: -176px -110px;
}
.flag.flag-pa,
.flag.flag-pan {
  background-position: -192px -110px;
}
.flag.flag-pe,
.flag.flag-per {
  background-position: -208px -110px;
}
.flag.flag-pf,
.flag.flag-pyf {
  background-position: -224px -110px;
}
.flag.flag-pg,
.flag.flag-png {
  background-position: -240px -110px;
}
.flag.flag-ph,
.flag.flag-phl {
  background-position: 0 -121px;
}
.flag.flag-pk,
.flag.flag-pak {
  background-position: -16px -121px;
}
.flag.flag-pl,
.flag.flag-pol {
  background-position: -32px -121px;
}
.flag.flag-pm,
.flag.flag-spm {
  background-position: -48px -121px;
}
.flag.flag-pn,
.flag.flag-pcn {
  background-position: -64px -121px;
}
.flag.flag-pr,
.flag.flag-pri {
  background-position: -80px -121px;
}
.flag.flag-ps,
.flag.flag-pse {
  background-position: -96px -121px;
}
.flag.flag-pt,
.flag.flag-prt {
  background-position: -112px -121px;
}
.flag.flag-pw,
.flag.flag-plw {
  background-position: -128px -121px;
}
.flag.flag-py,
.flag.flag-pry {
  background-position: -144px -121px;
}
.flag.flag-qa,
.flag.flag-qat {
  background-position: -160px -121px;
}
.flag.flag-re,
.flag.flag-reu {
  background-position: -176px -121px;
}
.flag.flag-ro,
.flag.flag-rou {
  background-position: -192px -121px;
}
.flag.flag-rs,
.flag.flag-srb {
  background-position: -208px -121px;
}
.flag.flag-ru,
.flag.flag-rus {
  background-position: -224px -121px;
}
.flag.flag-rw,
.flag.flag-rwa {
  background-position: -240px -121px;
}
.flag.flag-sa,
.flag.flag-sau {
  background-position: 0 -132px;
}
.flag.flag-sb,
.flag.flag-slb {
  background-position: -16px -132px;
}
.flag.flag-sc,
.flag.flag-syc {
  background-position: -32px -132px;
}
.flag.flag-scotland,
.flag.flag- {
  background-position: -48px -132px;
}
.flag.flag-sd,
.flag.flag-sdn {
  background-position: -64px -132px;
}
.flag.flag-se,
.flag.flag-swe {
  background-position: -80px -132px;
}
.flag.flag-sg,
.flag.flag-sgp {
  background-position: -96px -132px;
}
.flag.flag-sh,
.flag.flag-shn {
  background-position: -112px -132px;
}
.flag.flag-si,
.flag.flag-svn {
  background-position: -128px -132px;
}
.flag.flag-sk,
.flag.flag-svk {
  background-position: -144px -132px;
}
.flag.flag-sl,
.flag.flag-sle {
  background-position: -160px -132px;
}
.flag.flag-sm,
.flag.flag-smr {
  background-position: -176px -132px;
}
.flag.flag-sn,
.flag.flag-sen {
  background-position: -192px -132px;
}
.flag.flag-so,
.flag.flag-som {
  background-position: -208px -132px;
}
.flag.flag-somaliland,
.flag.flag- {
  background-position: -224px -132px;
}
.flag.flag-sr,
.flag.flag-sur {
  background-position: -240px -132px;
}
.flag.flag-ss,
.flag.flag-ssd {
  background-position: 0 -143px;
}
.flag.flag-st,
.flag.flag-stp {
  background-position: -16px -143px;
}
.flag.flag-sv,
.flag.flag-slv {
  background-position: -32px -143px;
}
.flag.flag-sx,
.flag.flag-sxm {
  background-position: -48px -143px;
}
.flag.flag-sy,
.flag.flag-syr {
  background-position: -64px -143px;
}
.flag.flag-sz,
.flag.flag-swz {
  background-position: -80px -143px;
}
.flag.flag-tc,
.flag.flag-tca {
  background-position: -96px -143px;
}
.flag.flag-td,
.flag.flag-tcd {
  background-position: -112px -143px;
}
.flag.flag-tf,
.flag.flag-atf {
  background-position: -128px -143px;
}
.flag.flag-tg,
.flag.flag-tgo {
  background-position: -144px -143px;
}
.flag.flag-th,
.flag.flag-tha {
  background-position: -160px -143px;
}
.flag.flag-tj,
.flag.flag-tjk {
  background-position: -176px -143px;
}
.flag.flag-tk,
.flag.flag-tkl {
  background-position: -192px -143px;
}
.flag.flag-tl,
.flag.flag-tls {
  background-position: -208px -143px;
}
.flag.flag-tm,
.flag.flag-tkm {
  background-position: -224px -143px;
}
.flag.flag-tn,
.flag.flag-tun {
  background-position: -240px -143px;
}
.flag.flag-to,
.flag.flag-ton {
  background-position: 0 -154px;
}
.flag.flag-tr,
.flag.flag-tur {
  background-position: -16px -154px;
}
.flag.flag-tt,
.flag.flag-tto {
  background-position: -32px -154px;
}
.flag.flag-tv,
.flag.flag-tuv {
  background-position: -48px -154px;
}
.flag.flag-tw,
.flag.flag-twn {
  background-position: -64px -154px;
}
.flag.flag-tz,
.flag.flag-tza {
  background-position: -80px -154px;
}
.flag.flag-ua,
.flag.flag-ukr {
  background-position: -96px -154px;
}
.flag.flag-ug,
.flag.flag-uga {
  background-position: -112px -154px;
}
.flag.flag-um,
.flag.flag-umi {
  background-position: -128px -154px;
}
.flag.flag-us,
.flag.flag-usa {
  background-position: -144px -154px;
}
.flag.flag-uy,
.flag.flag-ury {
  background-position: -160px -154px;
}
.flag.flag-uz,
.flag.flag-uzb {
  background-position: -176px -154px;
}
.flag.flag-va,
.flag.flag-vat {
  background-position: -192px -154px;
}
.flag.flag-vc,
.flag.flag-vct {
  background-position: -208px -154px;
}
.flag.flag-ve,
.flag.flag-ven {
  background-position: -224px -154px;
}
.flag.flag-vg,
.flag.flag-vgb {
  background-position: -240px -154px;
}
.flag.flag-vi,
.flag.flag-vir {
  background-position: 0 -165px;
}
.flag.flag-vn,
.flag.flag-vnm {
  background-position: -16px -165px;
}
.flag.flag-vu,
.flag.flag-vut {
  background-position: -32px -165px;
}
.flag.flag-wales,
.flag.flag- {
  background-position: -48px -165px;
}
.flag.flag-wf,
.flag.flag-wlf {
  background-position: -64px -165px;
}
.flag.flag-ws,
.flag.flag-wsm {
  background-position: -80px -165px;
}
.flag.flag-ye,
.flag.flag-yem {
  background-position: -96px -165px;
}
.flag.flag-yt,
.flag.flag-myt {
  background-position: -112px -165px;
}
.flag.flag-za,
.flag.flag-zaf {
  background-position: -128px -165px;
}
.flag.flag-zanzibar,
.flag.flag- {
  background-position: -144px -165px;
}
.flag.flag-zm,
.flag.flag-zmb {
  background-position: -160px -165px;
}
.flag.flag-zw,
.flag.flag-zwe {
  background-position: -176px -165px;
}
/* -----------------------------------------------------------------------------

  JOB MODULE
  
----------------------------------------------------------------------------- */
#job-public-page {
  position: relative;
  /*z-index: 2;*/
}
#jm-main-content {
  float: left;
  width: 100%;
  padding: 30px 0;
}
@media (max-width: 991px) {
  #jm-main-content {
    padding: 20px 0;
  }
}
#jm-main-content > .container {
  position: relative;
}
.job-page {
  float: left;
  width: 100%;
}
.seo-job-page {
  background-color: var(--lvh-x-off-white);
}
.seo-job-page #cover-photo {
  width: 100%;
  height: 480px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}
.application-closed .position-closed {
  display: block;
  margin: 0 0 10px 0;
  font-size: 10px;
  font-weight: 600;
  color: var(--lvh-x-red);
  text-transform: uppercase;
}
.application-closed p > span {
  font-size: 11px;
  line-height: 1.6;
  color: var(--lvh-secondary-text);
}
.application-closed .button.medium {
  min-width: 180px;
}
@media (max-width: 991px) {
  .application-closed .button.medium {
    min-width: 100%;
  }
}
.full-width #jm-job-info {
  padding: 0;
}
#jm-job-info {
  float: left;
  width: 100%;
  padding: 0 240px 0 0;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  #jm-job-info {
    padding: 0;
    margin: 0 0 20px 0;
  }
}
#jm-job-info #job-content {
  background-color: var(--lvh-white);
  border-radius: 3px;
  border-bottom: 1px solid var(--lvh-x-grey);
}
#jm-job-info h2 {
  margin: 0;
}
#jm-job-info h2:not(:last-child) {
  margin: 0 0 15px 0;
}
@media (max-width: 991px) {
  #jm-job-info h2:not(:last-child) {
    margin: 0 0 5px 0;
  }
}
#jm-job-info h2 > span {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.05em;
  line-height: 1.3;
  color: var(--lvh-x-dark-grey);
}
@media (max-width: 991px) {
  #jm-job-info h2 > span {
    font-size: 20px;
  }
}
#jm-job-info h3:not(.heading) {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.05em;
  line-height: 1.2;
  color: var(--lvh-x-dark-grey);
}
@media (max-width: 991px) {
  #jm-job-info h3:not(.heading) {
    font-size: 14px;
  }
}
#jm-job-info h3:not(.heading):not(:last-child) {
  margin: 0 0 10px 0;
}
#jm-job-info h4 {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--lvh-x-dark-grey);
}
#jm-job-info h4:not(:last-child) {
  margin: 0 0 5px 0;
}
#jm-job-info #job-info-footer {
  padding-top: 20px;
  border-top: 1px solid var(--lvh-x-shark-light);
}
#jm-job-info #job-info-footer .user-action-widget {
  padding: 0 30px 30px 30px;
}
@media (max-width: 991px) {
  #jm-job-info #job-info-footer .user-action-widget {
    padding: 0 20px 20px 20px;
  }
}
#jm-job-info .header-view .user-action-widget .button:not(:last-child) {
  margin: 0 0 10px 0;
}
#jm-job-info .user-action-widget > .button-group .button {
  min-width: 180px;
}
@media (max-width: 991px) {
  #jm-job-info .user-action-widget > .button-group .button {
    width: 100%;
  }
}
@media (max-width: 991px) {
  #jm-job-info .user-action-widget > .button-group .button:not(:last-child) {
    margin: 0 0 10px 0;
  }
}
#jm-job-info #job-description {
  white-space: pre-wrap;
}
#jm-job-info #salary-description h3 {
  margin-bottom: 15px;
}
#jm-job-info #job-info-header {
  padding-top: 20px;
}
@media (min-width: 992px) {
  #jm-job-info #job-info-header .user-action-widget,
  #jm-job-info #job-info-header .application-closed {
    display: none;
  }
}
#jm-job-info #job-info-header .user-action-widget p,
#jm-job-info #job-info-header .application-closed p {
  margin: 13px 0;
}
#jm-job-info #job-eoi {
  margin-bottom: 12px;
}
#jm-job-info .job-section {
  padding: 30px;
  color: var(--lvh-secondary-text);
  box-sizing: border-box;
  word-break: break-word;
  /*
    Testing disabling the rest of this mixin to review state with current browser versions.  If specific problems found with older browsers, we'll look at manual hyphenation approaches

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;

    //Firefox -Simon's recollection was that this was a prior attempt to undo the hyphenation settings above - Jamie also tweaked to only affect mobile...  believe latest change makes it unnecessary
    @media screen and (max-width: @screen-sm-max) and (-moz-images-in-menus:0) {
        hyphens: none !important;
        -moz-hyphens: none !important;
        word-break: normal !important;
    }*/
}
@media (max-width: 991px) {
  #jm-job-info .job-section {
    padding: 20px;
  }
}
#jm-job-info .job-section:not(:last-child) {
  border-bottom: 1px solid var(--lvh-x-shark-light);
}
#jm-job-info .job-section ul {
  margin: 0;
}
#jm-job-info .job-section ul:not(:last-child) {
  margin: 0 0 25px 0;
}
#jm-job-info .job-section p {
  margin: 0;
  line-height: 1.6;
}
#jm-job-info .job-section ul {
  padding: 0 0 0 16px;
  line-height: 1.6;
}
#jm-job-info .job-section ul > li {
  position: relative;
  list-style: none;
}
#jm-job-info .job-section ul > li:not(:last-child) {
  margin: 0 0 5px 0;
}
@media (max-width: 991px) {
  #jm-job-info .job-section ul > li:not(:last-child) {
    margin: 0 0 10px 0;
  }
}
#jm-job-info .job-section ul > li:before {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--lvh-secondary-text);
  position: absolute;
  top: 11.5px;
  left: -16px;
  margin-top: -2px;
}
#jm-job-info #job-info-header:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#jm-job-info #job-info-header.has-specialties {
  padding-bottom: 25px;
}
#jm-job-info #job-highlights:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#jm-job-info #job-highlights:not(:nth-last-child(2)) {
  margin: 0 0 10px 0;
}
@media (max-width: 991px) {
  #jm-job-info #job-highlights:nth-last-child(2) {
    margin: 0 0 10px 0;
  }
}
#jm-job-info #job-highlights .highlight {
  float: left;
  padding: 5px 0;
}
@media (max-width: 991px) {
  #jm-job-info #job-highlights .highlight {
    position: relative;
    padding: 0 10px 0 0;
  }
}
#jm-job-info #job-highlights .highlight:not(:last-child) {
  margin: 0 20px 0 0;
}
@media (max-width: 991px) {
  #jm-job-info #job-highlights .highlight:not(:last-child) {
    margin: 0 10px 0 0;
  }
}
@media (max-width: 991px) {
  #jm-job-info #job-highlights .highlight:not(:last-child):before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: var(--lvh-x-shark-dark);
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -2px;
    margin-right: -2px;
  }
}
#jm-job-info #job-highlights .highlight > .icon {
  float: left;
  font-size: 16px;
  color: var(--lvh-x-mid-grey);
  margin-right: 8px;
}
@media (max-width: 991px) {
  #jm-job-info #job-highlights .highlight > .icon {
    display: none;
  }
}
#jm-job-info #job-highlights .highlight > .value {
  float: left;
  line-height: 16px;
  color: var(--lvh-secondary-text);
}
@media (max-width: 991px) {
  #jm-job-info #job-highlights .highlight > .value {
    line-height: 20px;
  }
}
#jm-job-info #job-specialties {
  margin: 0;
}
#jm-job-info #job-specialties:not(:last-child) {
  margin: 0 0 10px 0;
}
#jm-job-info #job-specialties:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#jm-job-info #job-specialties .specialty {
  float: left;
  background-color: #c6e5f6;
  -moz-border-radius: 0.231em;
  -webkit-border-radius: 0.231em;
  border-radius: 0.231em;
  padding: 0.154em 0.538em;
  margin: 0 0.385em 0.385em 0;
}
#jm-job-info #job-specialties .specialty > .label {
  display: block;
  font-size: 0.846em;
  color: #3994c4;
}
#jm-job-info #employer-description h3:not(:last-child) {
  margin: 0 0 20px 0;
}
#jm-job-info #youtube-video {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}
#jm-job-info #youtube-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}
#jm-job-info #cta-section h3 {
  font-size: 24px;
}
@media (max-width: 991px) {
  #jm-job-info #cta-section h3 {
    font-size: 18px;
  }
}
#jm-job-info .p-empty-state {
  margin-top: 75px;
}
#jm-job-sidebar {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 220px;
}
@media (max-width: 991px) {
  #jm-job-sidebar {
    float: left;
    width: 100%;
    max-width: 100%;
    position: static;
  }
}
#jm-job-sidebar .sidebar-widget {
  background-color: var(--lvh-white);
  border-radius: 3px;
  border-bottom: 1px solid var(--lvh-x-grey);
  margin: 0 0 20px 0;
}
@media (max-width: 991px) {
  #jm-job-sidebar .sidebar-widget {
    margin: 0 0 15px 0;
  }
}
#jm-job-sidebar .sidebar-widget .button-group button {
  width: 100%;
}
#jm-job-sidebar .sidebar-widget .button-group button:not(:last-child) {
  margin-bottom: 10px;
}
#jm-job-sidebar .sidebar-widget .widget-heading {
  padding: 10px 20px;
  border-bottom: 1px solid var(--lvh-x-shark-light);
}
#jm-job-sidebar .sidebar-widget .widget-heading h2 {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
}
#jm-job-sidebar .sidebar-widget .widget-content {
  padding: 15px 20px;
}
#jm-job-sidebar .sidebar-widget .widget-content p {
  margin: 0;
  line-height: 1.8;
  color: var(--lvh-secondary-text);
}
#jm-job-sidebar .sidebar-widget .widget-content p:not(:last-child) {
  margin: 0 0 10px 0;
}
#jm-job-sidebar #employer-info-widget {
  position: relative;
}
#jm-job-sidebar #employer-info-widget:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#jm-job-sidebar #employer-info-widget h4 {
  margin: 0 0 5px 0;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--lvh-x-dark-grey);
}
#jm-job-sidebar #employer-info-widget .cover-photo {
  width: 100%;
  height: 100px;
  /*background-image: linear-gradient(to right, fade(@x-shark-light, 50%) 0%, fade(@x-shark-light, 0%) 50%), url('//assets.livehire.com/employer-area/jobs-module/pageHero.jpg');*/
  background-position: center center;
  background-size: cover;
  margin-bottom: 24px;
}
#jm-job-sidebar #employer-info-widget .employer-logo {
  width: 64px;
  height: 64px;
  background-color: var(--lvh-white98);
  border-radius: 3px;
  box-shadow: 0 0 2.94px 0.06px rgba(0, 0, 0, 0.45);
  position: absolute;
  top: 60px;
  left: 50%;
  margin-left: -32px;
  overflow: hidden;
}
#jm-job-sidebar #employer-info-widget .employer-logo > .image {
  width: 100%;
  height: auto;
}
#jm-job-sidebar #employer-info-widget .text-content {
  text-align: center;
  padding: 15px 20px 20px 20px;
}
#jm-job-sidebar #employer-info-widget .text-content .vacancy-count {
  font-size: 11px;
  color: var(--lvh-secondary-text);
}
#jm-job-sidebar #discuss-widget {
  padding: 20px;
}
#jm-job-sidebar #discuss-widget > .button {
  width: 100%;
}
#jm-job-sidebar .application-closed .button.medium {
  width: 100%;
}
#jm-job-sidebar .user-action-widget {
  padding: 20px;
  position: relative;
}
@media (max-width: 991px) {
  #jm-job-sidebar .user-action-widget {
    display: none;
  }
}
#jm-job-sidebar .user-action-widget .calloutTip {
  height: 14px;
  width: 14px;
  background-color: var(--lvh-white);
  position: absolute;
  z-index: 1001;
  top: 32px;
  left: 0;
  margin: -3px 0 0 -7px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media (max-width: 991px) {
  #jm-job-sidebar .user-action-widget .calloutTip {
    display: none;
  }
}
.file-list-item .file-icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
  background-image: url('//assets.livehire.com/common/images/vectors/filetypes/filetype-other.svg');
  position: absolute;
  top: 20px;
}
.file-list-item .jpeg,
.file-list-item .png {
  background-image: url('//assets.livehire.com/common/images/vectors/filetypes/filetype-image.svg');
}
.file-list-item .pdf {
  background-image: url('//assets.livehire.com/common/images/vectors/filetypes/filetype-pdf.svg');
}
.file-list-item .word {
  background-image: url('//assets.livehire.com/common/images/vectors/filetypes/filetype-word.svg');
}
.file-list-item .xls {
  background-image: url('//assets.livehire.com/common/images/vectors/filetypes/filetype-excel.svg');
}
.file-list-item .ppt,
.file-list-item .pptx {
  background-image: url('//assets.livehire.com/common/images/vectors/filetypes/filetype-powerpoint.svg');
}
.file-list-item .file {
  position: relative;
  padding: 0 30px 0 45px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--lvh-secondary-text);
}
.file-list-item .file .file-title {
  display: block;
  color: var(--lvh-bright-blue);
}
.file-list-item .file .file-title .file-rename {
  margin-left: 5px;
}
.file-list-item .file .file-delete {
  position: absolute;
  top: 0;
  right: 0;
}
#job-documents-widget:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#job-documents-widget h2 {
  margin-left: 30px;
}
#job-documents-widget .file-list-item .icon {
  top: 24px;
}
#job-documents-widget .widget-content .list-items {
  list-style: none;
  float: left;
  width: 100%;
  padding: 0 0 0 30px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  #job-documents-widget .widget-content .list-items {
    padding: 0 20px;
  }
}
#job-documents-widget .widget-content .list-item {
  padding: 20px 0;
  width: 45%;
  box-sizing: border-box;
  float: left;
  position: relative;
  word-break: break-word;
}
@media (max-width: 991px) {
  #job-documents-widget .widget-content .list-item {
    width: 100%;
  }
}
#job-documents-widget .widget-content .list-item:nth-child(odd) {
  margin-right: 5%;
}
@media (max-width: 991px) {
  #job-documents-widget .widget-content .list-item:nth-child(odd) {
    margin-right: 0;
  }
}
#job-documents-widget.sidebar-widget .widget-content {
  padding: 0 !important;
  margin: 0;
}
#job-documents-widget.sidebar-widget .file-list-item .file {
  margin-left: 20px;
  overflow-wrap: break-word;
}
#job-documents-widget.sidebar-widget .file-list-item .file-icon {
  width: 12px;
  height: 12px;
  background-size: 12px 12px;
  margin-top: 4px;
  float: left;
  top: 10px;
}
#job-documents-widget.sidebar-widget .list-items {
  padding: 0;
  margin: 0;
  float: none;
}
#job-documents-widget.sidebar-widget .list-item {
  padding: 10px 20px;
  margin: 0;
  float: none;
  width: auto;
}
#job-documents-widget.sidebar-widget .list-item:not(:last-child) {
  border-bottom: 1px solid var(--lvh-x-shark-light);
}
#jm-job-closed-banner,
#jm-job-approval-banner {
  border: solid 1px var(--lvh-alert-yellow-mid);
  background-color: var(--lvh-alert-yellow-light);
  color: var(--lvh-alert-yellow-text);
  padding: 20px 30px !important;
  margin-bottom: 20px;
  box-sizing: border-box;
}
#jm-job-closed-banner h3,
#jm-job-approval-banner h3 {
  margin: 0 0 5px 0;
  font-weight: 700;
  font-size: 15px;
}
#jm-job-closed-banner p,
#jm-job-approval-banner p {
  margin: 0 0 10px 0;
  font-size: 12px;
  line-height: 1.6;
}
@media (max-width: 991px) {
  #jm-job-closed-banner .button-wrap > .button,
  #jm-job-approval-banner .button-wrap > .button {
    width: 100%;
  }
}
@media (max-width: 991px) {
  #jm-job-closed-banner .button-wrap > .button:first-child,
  #jm-job-approval-banner .button-wrap > .button:first-child {
    margin: 0 0 10px 0;
  }
}
#jm-job-message {
  float: left;
  width: 100%;
}
#jm-job-message textarea {
  border: none;
  margin-bottom: 1px;
}
#jm-job-message .job-message > .text {
  font-weight: 600;
  margin: 10px 0;
  display: block;
}
#jm-job-message .job-message-content {
  border: 1px solid var(--lvh-x-paler-grey);
}
#jm-job-message .job-message-to {
  position: relative;
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  float: left;
  width: 100%;
  padding: 10px 15px;
  box-sizing: border-box;
}
#jm-job-message .job-message-to span {
  font-size: 12px;
}
#jm-job-message .job-message-to .name {
  font-weight: 600;
}
#jm-job-message .job-message-to .profileTitle {
  min-height: 17px;
}
#jm-job-message .col.lhs {
  width: 38px;
  position: absolute;
  top: 0;
  left: 0;
}
#jm-job-message .col.rhs {
  float: left;
  width: 100%;
  padding-left: 53px;
  box-sizing: border-box;
}
#jm-job-message .profilePic {
  width: 38px;
  height: 38px;
  padding: 1.5px;
  background-size: 35px 35px;
}
#jm-job-message .profilePic .initials {
  line-height: 38px;
}
#jm-job-message .profilePic .initials > span {
  font-size: 24px;
}
#jm-job-message .profilePic > .indicator {
  width: 10px;
  height: 10px;
  right: 1.5px/2;
  bottom: 1.5px/2;
}
#jm-job-message .profilePic {
  position: absolute;
  top: 10px;
  left: 15px;
}
.jm-modal .dropdownComponent {
  position: relative;
}
.jm-modal .dropdownComponent:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.jm-modal .dropdownComponent.select,
.jm-modal .dropdownComponent.head {
  color: var(--lvh-x-dark-grey);
  border: none;
  outline: 0;
  line-height: normal;
  box-sizing: border-box;
}
.jm-modal .dropdownComponent.select.hasValidationMessage,
.jm-modal .dropdownComponent.head.hasValidationMessage {
  padding-bottom: 28px !important;
}
.jm-modal .dropdownComponent.select.hasValidationMessage .dropdown,
.jm-modal .dropdownComponent.head.hasValidationMessage .dropdown {
  top: calc(100% - 29px);
}
.jm-modal .dropdownComponent.select .dropdown,
.jm-modal .dropdownComponent.head .dropdown {
  border-color: var(--lvh-x-paler-grey);
  top: calc(100% - 1px);
  left: 0;
  max-height: 200px;
  overflow-y: auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.jm-modal .dropdownComponent.select .selectedLabel,
.jm-modal .dropdownComponent.head .selectedLabel {
  float: left;
  width: 100%;
  padding: 7px 8px;
  color: var(--lvh-secondary-text);
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-paler-grey);
  border-radius: 3px;
  position: relative;
  box-sizing: border-box;
  z-index: 2;
}
@media (max-width: 991px) {
  .jm-modal .dropdownComponent.select .selectedLabel,
  .jm-modal .dropdownComponent.head .selectedLabel {
    padding: 10px 14px;
  }
}
.jm-modal .dropdownComponent.select .selectedLabel > span,
.jm-modal .dropdownComponent.head .selectedLabel > span {
  float: left;
  width: calc(100% - 15px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .jm-modal .dropdownComponent.select .selectedLabel > span,
  .jm-modal .dropdownComponent.head .selectedLabel > span {
    font-size: 16px;
  }
}
.jm-modal .dropdownComponent.select .selectedLabel i,
.jm-modal .dropdownComponent.head .selectedLabel i {
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -3.5px;
  display: block;
  font-size: 7px;
  color: var(--lvh-x-shark-dark);
}
@media (max-width: 991px) {
  .jm-modal .dropdownComponent.select .selectedLabel i,
  .jm-modal .dropdownComponent.head .selectedLabel i {
    right: 14px;
  }
}
.jm-modal .dropdownComponent.select .menuItems > .menuItem > .label,
.jm-modal .dropdownComponent.head .menuItems > .menuItem > .label,
.jm-modal .dropdownComponent.select .subMenuItems > .menuItem > .label,
.jm-modal .dropdownComponent.head .subMenuItems > .menuItem > .label,
.jm-modal .dropdownComponent.select .menuItems > .subMenuItem > .label,
.jm-modal .dropdownComponent.head .menuItems > .subMenuItem > .label,
.jm-modal .dropdownComponent.select .subMenuItems > .subMenuItem > .label,
.jm-modal .dropdownComponent.head .subMenuItems > .subMenuItem > .label {
  padding: 4px 8px;
}
.jm-modal .dropdownComponent.select .validation-message,
.jm-modal .dropdownComponent.head .validation-message {
  width: 100%;
  position: absolute;
  top: auto;
  bottom: 1px;
  left: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
}
.jm-modal .dropdownComponent.head .dropdown {
  max-height: 220px;
}
.jm-modal .dropdownComponent.head .selectedLabel > span {
  width: auto;
}
.jm-modal .dropdownComponent.head .menuItem {
  float: left;
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
}
.jm-modal .dropdownComponent.head .menuItem:hover {
  background-color: var(--lvh-x-off-white);
}
.jm-modal .dropdownComponent.head .profile-picture {
  float: left;
}
.jm-modal .dropdownComponent.head .cc-avatar {
  float: left;
  margin-right: 10px;
  padding-top: 5px;
}
.jm-modal .dropdownComponent.head .text {
  float: left;
  color: var(--lvh-secondary-text);
  line-height: 32px;
  max-width: 145px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 50px);
}
.jm-modal .cc-modal {
  max-width: 620px;
}
.jm-modal .modalBody {
  padding: 30px;
}
.jm-modal .modalFooter {
  padding: 20px 30px;
  box-sizing: border-box;
}
.jm-modal .modalFooter > .button {
  float: right;
}
@media (max-width: 991px) {
  .jm-modal .modalFooter > .button {
    width: 100%;
  }
}
.jm-modal .modalFooter .button-group > .button {
  float: left;
  width: calc(50% - 5px);
}
@media (max-width: 991px) {
  .jm-modal .modalFooter .button-group > .button {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .jm-modal .modalFooter .button-group > .button:first-child {
    margin-right: 5px;
  }
}
@media (min-width: 992px) {
  .jm-modal .modalFooter .button-group > .button:last-child {
    margin-left: 5px;
  }
}
@media (max-width: 991px) {
  .jm-modal .modalFooter .button-group > .button:not(:last-child) {
    margin: 0 0 10px 0;
  }
}
.jm-modal .success-state {
  padding: 40px 30px 50px 30px;
  text-align: center;
}
.jm-modal .success-state .icon {
  display: block;
  font-size: 48px;
  color: var(--lvh-x-green);
  margin: 0 0 20px 0;
}
.jm-modal .success-state h2 {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--lvh-x-dark-grey);
  margin: 0 0 10px 0;
}
@media (max-width: 991px) {
  .jm-modal .success-state h2 {
    font-size: 20px;
  }
}
.jm-modal .success-state .isBusy {
  display: inline;
}
.jm-modal #job-message:not(:last-child) {
  margin: 0 0 20px 0;
}
@media (max-width: 991px) {
  #jm-apply-modal .modalBody {
    margin: 0 auto;
    width: 90%;
  }
}
#jm-apply-modal .modalBody p:not(:last-child) {
  margin: 0 0 20px 0 !important;
}
#jm-apply-modal .modalFooter {
  width: 100%;
}
@media (max-width: 991px) {
  #jm-apply-modal .modalFooter {
    margin: 0 auto 20px;
    width: 90%;
  }
}
#jm-apply-modal .dropdownComponent.select .selectedLabel {
  padding: 7px 8px;
}
#jm-apply-modal .form-section:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#jm-apply-modal .form-section:not(:last-child) {
  margin: 0 0 20px 0;
}
@media (max-width: 991px) {
  #jm-apply-modal .form-section:not(:last-child) {
    margin: 0 0 10px 0;
  }
}
#jm-apply-modal #empowered-by {
  border: solid 1px var(--lvh-x-grey);
  float: right;
  text-align: center;
  padding: 9px 15px;
  font-size: 10px;
}
#jm-apply-modal #empowered-by .text-content {
  display: block;
  font-size: 9px;
  line-height: 1;
  color: var(--lvh-x-shark-dark);
  margin: 0 0 3px 0;
}
#jm-apply-modal #empowered-by .logo {
  display: block;
  height: 14px;
  margin: 0 auto;
}
#jm-apply-modal .company-logo {
  height: 25px;
  margin: 0 0 20px 0;
}
@media (min-width: 992px) {
  #jm-apply-modal .company-logo {
    display: none;
  }
}
#jm-apply-modal .small-print {
  float: left;
  width: 100%;
  max-width: 160px;
  font-size: 11px;
  line-height: 21px;
  color: var(--lvh-x-shark-dark);
}
@media (max-width: 991px) {
  #jm-apply-modal .small-print {
    max-width: 100%;
    line-height: 1.6;
    margin: 0 0 20px 0;
  }
}
#jm-apply-modal .modal-footer-disclaimer {
  float: left;
  width: 100%;
  text-align: left;
  padding: 20px 0 0 0;
}
#jm-apply-modal .terms {
  background-color: var(--lvh-x-shark-light);
  border-radius: 3px;
  padding: 10px 20px;
  font-size: 11px;
  color: var(--lvh-secondary-text);
}
#jm-apply-modal .privacy-callout {
  position: relative;
}
#jm-apply-modal .privacy-callout .callout {
  position: absolute;
  text-align: left;
  right: 0px;
  bottom: calc(-100% + 40px);
}
@media (max-width: 480px) {
  #jm-apply-modal .privacy-callout .callout {
    right: inherit;
    bottom: calc(-100% + 80px);
  }
}
#jm-apply-modal .privacy-callout .close-callout {
  display: block;
  text-align: right;
  color: var(--lvh-primary-text);
  cursor: pointer;
  margin-bottom: 5px;
}
#jm-apply-modal .privacy-callout .close-callout .icon {
  font-size: 10px;
  padding-left: 5px;
}
#jm-apply-modal #right-to-work-warning {
  padding: 10px;
}
#signup-form {
  margin: 0 0 20px 0;
}
@media (max-width: 991px) {
  #signup-form {
    margin: 0 0 10px 0;
  }
}
#signup-form #social-signup-section .p-social-connect-buttons {
  margin: 0 0 20px 0;
}
#signup-form #social-signup-section .p-social-connect-buttons:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#signup-form #social-signup-section .p-social-connect-buttons .button {
  float: left;
  width: 48%;
}
@media (max-width: 991px) {
  #signup-form #social-signup-section .p-social-connect-buttons .button {
    width: 100%;
  }
}
#signup-form #social-signup-section .p-social-connect-buttons .button:nth-child(odd) {
  clear: both;
  margin-right: 4%;
}
@media (max-width: 991px) {
  #signup-form #social-signup-section .p-social-connect-buttons .button:nth-child(odd) {
    margin-right: 0;
  }
}
#signup-form #check-email-section {
  margin: 20px 0;
}
@media (max-width: 991px) {
  #signup-form #check-email-section {
    margin: 10px 0;
  }
}
@media (max-width: 991px) {
  #signup-form #check-email-section .col.halves {
    width: 100%;
  }
}
#signup-form #user-registration-section .row {
  float: left;
  width: 100%;
}
#signup-form #user-registration-section .row:not(:last-child) {
  margin: 0 0 20px 0;
}
@media (max-width: 991px) {
  #signup-form #user-registration-section .row:not(:last-child) {
    margin: 0 0 10px 0;
  }
}
@media (max-width: 991px) {
  #signup-form #user-registration-section .col.halves {
    width: 100%;
  }
}
@media (max-width: 991px) {
  #signup-form #user-registration-section .col.halves:not(:last-child) {
    margin: 0 0 10px 0;
  }
}
#signup-form #user-login-section .logo {
  width: 100%;
  max-width: 80px;
  margin: 0 0 5px 0;
}
#signup-form #user-login-section .row {
  float: left;
  width: 100%;
}
#signup-form #user-login-section .row:not(:last-child) {
  margin: 0 0 20px 0;
}
@media (max-width: 991px) {
  #signup-form #user-login-section .col.halves {
    width: 100%;
  }
}
#signup-form .existing-user {
  border: solid 1px var(--lvh-alert-yellow-mid);
  background-color: var(--lvh-alert-yellow-light);
  color: var(--lvh-alert-yellow-text);
  margin: 10px 0;
  padding: 10px;
  box-sizing: border-box;
}
#jm-decline-modal #decline-confirm .dropdownComponent {
  margin: 0 0 20px 0;
}
@media (max-width: 991px) {
  #jm-decline-modal #decline-confirm .dropdownComponent {
    width: 100%;
  }
}
#jm-decline-modal .success-state .button-group .button {
  min-width: 200px;
}
@media (max-width: 991px) {
  #jm-decline-modal .success-state .button-group .button {
    display: block;
    margin: auto;
  }
}
#jm-decline-modal .success-state .button-group .button:not(:last-child) {
  margin-right: 10px;
}
@media (max-width: 991px) {
  #jm-decline-modal .success-state .button-group .button:not(:last-child) {
    margin-right: auto;
    margin-bottom: 10px;
  }
}
/* -----------------------------------------------------------------------------

  EDIT VACANCY MODAL FEATURE

----------------------------------------------------------------------------- */
#edit-vacancy-modal > .modalHeader,
#job-description-modal > .modalHeader,
#job-documents-modal > .modalHeader,
#vacancy-video-interview-modal > .modalHeader,
#vacancy-publish-page > .modalHeader {
  padding: 20px 30px 0;
}
#edit-vacancy-modal > .modalHeader .imported-from,
#job-description-modal > .modalHeader .imported-from,
#job-documents-modal > .modalHeader .imported-from,
#vacancy-video-interview-modal > .modalHeader .imported-from,
#vacancy-publish-page > .modalHeader .imported-from {
  display: inline-block;
  color: var(--lvh-x-shark-dark);
  font-size: 13px;
  padding-top: 10px;
}
#edit-vacancy-modal > .modalHeader .imported-from:before,
#job-description-modal > .modalHeader .imported-from:before,
#job-documents-modal > .modalHeader .imported-from:before,
#vacancy-video-interview-modal > .modalHeader .imported-from:before,
#vacancy-publish-page > .modalHeader .imported-from:before {
  content: '•';
  margin: 0 5px;
}
@media (max-width: 991px) {
  #edit-vacancy-modal > .modalHeader .imported-from,
  #job-description-modal > .modalHeader .imported-from,
  #job-documents-modal > .modalHeader .imported-from,
  #vacancy-video-interview-modal > .modalHeader .imported-from,
  #vacancy-publish-page > .modalHeader .imported-from {
    display: none;
  }
}
#edit-vacancy-modal .text-right,
#job-description-modal .text-right,
#job-documents-modal .text-right,
#vacancy-video-interview-modal .text-right,
#vacancy-publish-page .text-right {
  text-align: right;
}
#edit-vacancy-modal .text-middle,
#job-description-modal .text-middle,
#job-documents-modal .text-middle,
#vacancy-video-interview-modal .text-middle,
#vacancy-publish-page .text-middle {
  text-align: center;
}
@media (max-width: 991px) {
  #edit-vacancy-modal .cc-modal.confirmationDialog,
  #job-description-modal .cc-modal.confirmationDialog,
  #job-documents-modal .cc-modal.confirmationDialog,
  #vacancy-video-interview-modal .cc-modal.confirmationDialog,
  #vacancy-publish-page .cc-modal.confirmationDialog {
    padding: 20px 0;
  }
}
#edit-vacancy-modal .cc-modal.confirmationDialog .modalHeader,
#job-description-modal .cc-modal.confirmationDialog .modalHeader,
#job-documents-modal .cc-modal.confirmationDialog .modalHeader,
#vacancy-video-interview-modal .cc-modal.confirmationDialog .modalHeader,
#vacancy-publish-page .cc-modal.confirmationDialog .modalHeader {
  min-height: 0;
}
@media (max-width: 991px) {
  #edit-vacancy-modal .cc-modal.confirmationDialog .modalHeader,
  #job-description-modal .cc-modal.confirmationDialog .modalHeader,
  #job-documents-modal .cc-modal.confirmationDialog .modalHeader,
  #vacancy-video-interview-modal .cc-modal.confirmationDialog .modalHeader,
  #vacancy-publish-page .cc-modal.confirmationDialog .modalHeader {
    min-height: 54px;
    padding: 0 30px;
  }
}
@media (max-width: 991px) {
  #edit-vacancy-modal .cc-modal #edit-vacancy-form .modalBody,
  #job-description-modal .cc-modal #edit-vacancy-form .modalBody,
  #job-documents-modal .cc-modal #edit-vacancy-form .modalBody,
  #vacancy-video-interview-modal .cc-modal #edit-vacancy-form .modalBody,
  #vacancy-publish-page .cc-modal #edit-vacancy-form .modalBody {
    padding: 20px;
    box-sizing: border-box;
  }
}
@media (max-width: 991px) {
  #edit-vacancy-modal .header > .container--mobile,
  #job-description-modal .header > .container--mobile,
  #job-documents-modal .header > .container--mobile,
  #vacancy-video-interview-modal .header > .container--mobile,
  #vacancy-publish-page .header > .container--mobile,
  #edit-vacancy-modal .body > .container--mobile,
  #job-description-modal .body > .container--mobile,
  #job-documents-modal .body > .container--mobile,
  #vacancy-video-interview-modal .body > .container--mobile,
  #vacancy-publish-page .body > .container--mobile,
  #edit-vacancy-modal .header > .container-mobile,
  #job-description-modal .header > .container-mobile,
  #job-documents-modal .header > .container-mobile,
  #vacancy-video-interview-modal .header > .container-mobile,
  #vacancy-publish-page .header > .container-mobile,
  #edit-vacancy-modal .body > .container-mobile,
  #job-description-modal .body > .container-mobile,
  #job-documents-modal .body > .container-mobile,
  #vacancy-video-interview-modal .body > .container-mobile,
  #vacancy-publish-page .body > .container-mobile {
    width: 100%;
  }
}
@media (max-width: 991px) {
  #edit-vacancy-modal .p-mobile-fullscreen-overlay.overlay-visible .header > .container--mobile,
  #job-description-modal .p-mobile-fullscreen-overlay.overlay-visible .header > .container--mobile,
  #job-documents-modal .p-mobile-fullscreen-overlay.overlay-visible .header > .container--mobile,
  #vacancy-video-interview-modal .p-mobile-fullscreen-overlay.overlay-visible .header > .container--mobile,
  #vacancy-publish-page .p-mobile-fullscreen-overlay.overlay-visible .header > .container--mobile,
  #edit-vacancy-modal .p-mobile-fullscreen-overlay.overlay-visible .body > .container--mobile,
  #job-description-modal .p-mobile-fullscreen-overlay.overlay-visible .body > .container--mobile,
  #job-documents-modal .p-mobile-fullscreen-overlay.overlay-visible .body > .container--mobile,
  #vacancy-video-interview-modal .p-mobile-fullscreen-overlay.overlay-visible .body > .container--mobile,
  #vacancy-publish-page .p-mobile-fullscreen-overlay.overlay-visible .body > .container--mobile,
  #edit-vacancy-modal .p-mobile-fullscreen-overlay.overlay-visible .header > .container-mobile,
  #job-description-modal .p-mobile-fullscreen-overlay.overlay-visible .header > .container-mobile,
  #job-documents-modal .p-mobile-fullscreen-overlay.overlay-visible .header > .container-mobile,
  #vacancy-video-interview-modal .p-mobile-fullscreen-overlay.overlay-visible .header > .container-mobile,
  #vacancy-publish-page .p-mobile-fullscreen-overlay.overlay-visible .header > .container-mobile,
  #edit-vacancy-modal .p-mobile-fullscreen-overlay.overlay-visible .body > .container-mobile,
  #job-description-modal .p-mobile-fullscreen-overlay.overlay-visible .body > .container-mobile,
  #job-documents-modal .p-mobile-fullscreen-overlay.overlay-visible .body > .container-mobile,
  #vacancy-video-interview-modal .p-mobile-fullscreen-overlay.overlay-visible .body > .container-mobile,
  #vacancy-publish-page .p-mobile-fullscreen-overlay.overlay-visible .body > .container-mobile {
    width: 90%;
  }
}
#edit-vacancy-modal .body .modalBody .dynamic-overlay,
#job-description-modal .body .modalBody .dynamic-overlay,
#job-documents-modal .body .modalBody .dynamic-overlay,
#vacancy-video-interview-modal .body .modalBody .dynamic-overlay,
#vacancy-publish-page .body .modalBody .dynamic-overlay {
  display: none;
}
#edit-vacancy-modal .body .modalBody .readonly-dynamic .overlay,
#job-description-modal .body .modalBody .readonly-dynamic .overlay,
#job-documents-modal .body .modalBody .readonly-dynamic .overlay,
#vacancy-video-interview-modal .body .modalBody .readonly-dynamic .overlay,
#vacancy-publish-page .body .modalBody .readonly-dynamic .overlay {
  position: absolute;
  top: 15px;
  z-index: 9100;
  width: 400px;
  height: 40px;
  display: block;
  margin: 0 auto;
}
#edit-vacancy-modal .body .modalBody #desiredStartDate.readonly-dynamic .overlay,
#job-description-modal .body .modalBody #desiredStartDate.readonly-dynamic .overlay,
#job-documents-modal .body .modalBody #desiredStartDate.readonly-dynamic .overlay,
#vacancy-video-interview-modal .body .modalBody #desiredStartDate.readonly-dynamic .overlay,
#vacancy-publish-page .body .modalBody #desiredStartDate.readonly-dynamic .overlay {
  width: 220px;
}
@media (max-width: 991px) {
  #edit-vacancy-modal .body .modalBody,
  #job-description-modal .body .modalBody,
  #job-documents-modal .body .modalBody,
  #vacancy-video-interview-modal .body .modalBody,
  #vacancy-publish-page .body .modalBody {
    padding: 20px;
  }
}
#edit-vacancy-modal .body .preview-vacancy-button,
#job-description-modal .body .preview-vacancy-button,
#job-documents-modal .body .preview-vacancy-button,
#vacancy-video-interview-modal .body .preview-vacancy-button,
#vacancy-publish-page .body .preview-vacancy-button {
  float: right;
  margin: 13px 30px 0 0;
}
@media (max-width: 991px) {
  #edit-vacancy-modal .body .preview-vacancy-button,
  #job-description-modal .body .preview-vacancy-button,
  #job-documents-modal .body .preview-vacancy-button,
  #vacancy-video-interview-modal .body .preview-vacancy-button,
  #vacancy-publish-page .body .preview-vacancy-button {
    margin: -20px 20px 0 0;
  }
}
#edit-vacancy-modal .body .preview-vacancy-button:hover .glyph0025,
#job-description-modal .body .preview-vacancy-button:hover .glyph0025,
#job-documents-modal .body .preview-vacancy-button:hover .glyph0025,
#vacancy-video-interview-modal .body .preview-vacancy-button:hover .glyph0025,
#vacancy-publish-page .body .preview-vacancy-button:hover .glyph0025,
#edit-vacancy-modal .body .preview-vacancy-button:focus .glyph0025,
#job-description-modal .body .preview-vacancy-button:focus .glyph0025,
#job-documents-modal .body .preview-vacancy-button:focus .glyph0025,
#vacancy-video-interview-modal .body .preview-vacancy-button:focus .glyph0025,
#vacancy-publish-page .body .preview-vacancy-button:focus .glyph0025 {
  color: var(--lvh-white);
}
@media (max-width: 991px) {
  #edit-vacancy-modal .body .preview-vacancy-button > .label,
  #job-description-modal .body .preview-vacancy-button > .label,
  #job-documents-modal .body .preview-vacancy-button > .label,
  #vacancy-video-interview-modal .body .preview-vacancy-button > .label,
  #vacancy-publish-page .body .preview-vacancy-button > .label {
    display: none;
  }
}
#edit-vacancy-modal .body .preview-vacancy-button .glyph0025,
#job-description-modal .body .preview-vacancy-button .glyph0025,
#job-documents-modal .body .preview-vacancy-button .glyph0025,
#vacancy-video-interview-modal .body .preview-vacancy-button .glyph0025,
#vacancy-publish-page .body .preview-vacancy-button .glyph0025 {
  font-size: 16px;
  vertical-align: middle;
}
@media (min-width: 992px) {
  #edit-vacancy-modal .body .preview-vacancy-button .glyph0025,
  #job-description-modal .body .preview-vacancy-button .glyph0025,
  #job-documents-modal .body .preview-vacancy-button .glyph0025,
  #vacancy-video-interview-modal .body .preview-vacancy-button .glyph0025,
  #vacancy-publish-page .body .preview-vacancy-button .glyph0025 {
    display: none;
  }
}
#edit-vacancy-modal .body .preview-vacancy-button .cc-callout,
#job-description-modal .body .preview-vacancy-button .cc-callout,
#job-documents-modal .body .preview-vacancy-button .cc-callout,
#vacancy-video-interview-modal .body .preview-vacancy-button .cc-callout,
#vacancy-publish-page .body .preview-vacancy-button .cc-callout {
  margin-right: -60px;
}
@media (max-width: 991px) {
  #edit-vacancy-modal .body .cc-tabopotamus .items,
  #job-description-modal .body .cc-tabopotamus .items,
  #job-documents-modal .body .cc-tabopotamus .items,
  #vacancy-video-interview-modal .body .cc-tabopotamus .items,
  #vacancy-publish-page .body .cc-tabopotamus .items {
    display: block;
  }
}
@media (max-width: 991px) {
  #edit-vacancy-modal .body .cc-tabopotamus .items .item:not(:last-child),
  #job-description-modal .body .cc-tabopotamus .items .item:not(:last-child),
  #job-documents-modal .body .cc-tabopotamus .items .item:not(:last-child),
  #vacancy-video-interview-modal .body .cc-tabopotamus .items .item:not(:last-child),
  #vacancy-publish-page .body .cc-tabopotamus .items .item:not(:last-child) {
    margin: 0 7px 0 0;
  }
}
@media (max-width: 991px) {
  #edit-vacancy-modal .body .cc-tabopotamus .items .item .tab,
  #job-description-modal .body .cc-tabopotamus .items .item .tab,
  #job-documents-modal .body .cc-tabopotamus .items .item .tab,
  #vacancy-video-interview-modal .body .cc-tabopotamus .items .item .tab,
  #vacancy-publish-page .body .cc-tabopotamus .items .item .tab {
    padding: 0 15px 15px;
  }
}
@media (max-width: 991px) {
  #edit-vacancy-modal .body .cc-tabopotamus .items .item .tab i,
  #job-description-modal .body .cc-tabopotamus .items .item .tab i,
  #job-documents-modal .body .cc-tabopotamus .items .item .tab i,
  #vacancy-video-interview-modal .body .cc-tabopotamus .items .item .tab i,
  #vacancy-publish-page .body .cc-tabopotamus .items .item .tab i {
    display: block;
    font-size: 16px;
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  #edit-vacancy-modal .body .cc-tabopotamus .items .item .tab .label,
  #job-description-modal .body .cc-tabopotamus .items .item .tab .label,
  #job-documents-modal .body .cc-tabopotamus .items .item .tab .label,
  #vacancy-video-interview-modal .body .cc-tabopotamus .items .item .tab .label,
  #vacancy-publish-page .body .cc-tabopotamus .items .item .tab .label {
    display: none;
  }
}
@media (min-width: 992px) {
  #edit-vacancy-modal .body .salary-range-wrap,
  #job-description-modal .body .salary-range-wrap,
  #job-documents-modal .body .salary-range-wrap,
  #vacancy-video-interview-modal .body .salary-range-wrap,
  #vacancy-publish-page .body .salary-range-wrap,
  #edit-vacancy-modal .body .category-wrap,
  #job-description-modal .body .category-wrap,
  #job-documents-modal .body .category-wrap,
  #vacancy-video-interview-modal .body .category-wrap,
  #vacancy-publish-page .body .category-wrap {
    position: relative;
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  #edit-vacancy-modal .body .salary-range-wrap:after,
  #job-description-modal .body .salary-range-wrap:after,
  #job-documents-modal .body .salary-range-wrap:after,
  #vacancy-video-interview-modal .body .salary-range-wrap:after,
  #vacancy-publish-page .body .salary-range-wrap:after,
  #edit-vacancy-modal .body .category-wrap:after,
  #job-description-modal .body .category-wrap:after,
  #job-documents-modal .body .category-wrap:after,
  #vacancy-video-interview-modal .body .category-wrap:after,
  #vacancy-publish-page .body .category-wrap:after {
    position: absolute;
    top: 39px;
    width: 100%;
    height: 1px;
    background: var(--lvh-x-pale-grey);
  }
}
@media (max-width: 991px) {
  #edit-vacancy-modal .body .salary-range-wrap,
  #job-description-modal .body .salary-range-wrap,
  #job-documents-modal .body .salary-range-wrap,
  #vacancy-video-interview-modal .body .salary-range-wrap,
  #vacancy-publish-page .body .salary-range-wrap {
    display: table;
  }
}
#edit-vacancy-modal .body .salary-range-wrap .row,
#job-description-modal .body .salary-range-wrap .row,
#job-documents-modal .body .salary-range-wrap .row,
#vacancy-video-interview-modal .body .salary-range-wrap .row,
#vacancy-publish-page .body .salary-range-wrap .row {
  clear: both;
}
@media (min-width: 992px) {
  #edit-vacancy-modal .body .salary-range-wrap .label,
  #job-description-modal .body .salary-range-wrap .label,
  #job-documents-modal .body .salary-range-wrap .label,
  #vacancy-video-interview-modal .body .salary-range-wrap .label,
  #vacancy-publish-page .body .salary-range-wrap .label {
    display: none;
  }
}
@media (max-width: 991px) {
  #edit-vacancy-modal .body .salary-range-wrap .checkbox-right,
  #job-description-modal .body .salary-range-wrap .checkbox-right,
  #job-documents-modal .body .salary-range-wrap .checkbox-right,
  #vacancy-video-interview-modal .body .salary-range-wrap .checkbox-right,
  #vacancy-publish-page .body .salary-range-wrap .checkbox-right {
    display: table-footer-group;
    float: none;
  }
}
@media (max-width: 991px) {
  #edit-vacancy-modal .body .salary-range-wrap .checkbox-right > .text,
  #job-description-modal .body .salary-range-wrap .checkbox-right > .text,
  #job-documents-modal .body .salary-range-wrap .checkbox-right > .text,
  #vacancy-video-interview-modal .body .salary-range-wrap .checkbox-right > .text,
  #vacancy-publish-page .body .salary-range-wrap .checkbox-right > .text {
    display: block;
    padding-top: 5px;
  }
}
#edit-vacancy-modal .body .salary-range-wrap .menuItems li a.label,
#job-description-modal .body .salary-range-wrap .menuItems li a.label,
#job-documents-modal .body .salary-range-wrap .menuItems li a.label,
#vacancy-video-interview-modal .body .salary-range-wrap .menuItems li a.label,
#vacancy-publish-page .body .salary-range-wrap .menuItems li a.label {
  display: block;
}
@media (min-width: 992px) {
  #edit-vacancy-modal .body .vacancy-info-wrap,
  #job-description-modal .body .vacancy-info-wrap,
  #job-documents-modal .body .vacancy-info-wrap,
  #vacancy-video-interview-modal .body .vacancy-info-wrap,
  #vacancy-publish-page .body .vacancy-info-wrap {
    position: relative;
  }
}
@media (min-width: 992px) {
  #edit-vacancy-modal .body .vacancy-info-wrap #jobTitleInput,
  #job-description-modal .body .vacancy-info-wrap #jobTitleInput,
  #job-documents-modal .body .vacancy-info-wrap #jobTitleInput,
  #vacancy-video-interview-modal .body .vacancy-info-wrap #jobTitleInput,
  #vacancy-publish-page .body .vacancy-info-wrap #jobTitleInput {
    padding-right: 90px;
    box-sizing: border-box;
  }
}
#edit-vacancy-modal .body .vacancy-info-wrap .vacancyID-wrap,
#job-description-modal .body .vacancy-info-wrap .vacancyID-wrap,
#job-documents-modal .body .vacancy-info-wrap .vacancyID-wrap,
#vacancy-video-interview-modal .body .vacancy-info-wrap .vacancyID-wrap,
#vacancy-publish-page .body .vacancy-info-wrap .vacancyID-wrap {
  float: left;
  width: 100%;
  margin-top: 20px;
}
@media (min-width: 992px) {
  #edit-vacancy-modal .body .vacancy-info-wrap .vacancyID-wrap,
  #job-description-modal .body .vacancy-info-wrap .vacancyID-wrap,
  #job-documents-modal .body .vacancy-info-wrap .vacancyID-wrap,
  #vacancy-video-interview-modal .body .vacancy-info-wrap .vacancyID-wrap,
  #vacancy-publish-page .body .vacancy-info-wrap .vacancyID-wrap {
    margin-top: 0;
  }
}
@media (min-width: 992px) {
  #edit-vacancy-modal .body .vacancy-info-wrap .vacancyID-wrap .label,
  #job-description-modal .body .vacancy-info-wrap .vacancyID-wrap .label,
  #job-documents-modal .body .vacancy-info-wrap .vacancyID-wrap .label,
  #vacancy-video-interview-modal .body .vacancy-info-wrap .vacancyID-wrap .label,
  #vacancy-publish-page .body .vacancy-info-wrap .vacancyID-wrap .label {
    display: none;
  }
}
@media (min-width: 992px) {
  #edit-vacancy-modal .body .vacancy-info-wrap .vacancyID-wrap .vacancyID,
  #job-description-modal .body .vacancy-info-wrap .vacancyID-wrap .vacancyID,
  #job-documents-modal .body .vacancy-info-wrap .vacancyID-wrap .vacancyID,
  #vacancy-video-interview-modal .body .vacancy-info-wrap .vacancyID-wrap .vacancyID,
  #vacancy-publish-page .body .vacancy-info-wrap .vacancyID-wrap .vacancyID {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 0;
    width: 90px;
    border-radius: 0 3px 3px 0;
  }
}
#edit-vacancy-modal .body .additional-fields-toggle,
#job-description-modal .body .additional-fields-toggle,
#job-documents-modal .body .additional-fields-toggle,
#vacancy-video-interview-modal .body .additional-fields-toggle,
#vacancy-publish-page .body .additional-fields-toggle {
  outline: none;
  border: none;
  font-size: 11px;
  padding: 0;
  color: var(--lvh-bright-blue);
  background: none;
}
#edit-vacancy-modal .body .additional-fields-toggle:hover,
#job-description-modal .body .additional-fields-toggle:hover,
#job-documents-modal .body .additional-fields-toggle:hover,
#vacancy-video-interview-modal .body .additional-fields-toggle:hover,
#vacancy-publish-page .body .additional-fields-toggle:hover {
  text-decoration: underline;
}
#edit-vacancy-modal .body .toggle-section.open > .header,
#job-description-modal .body .toggle-section.open > .header,
#job-documents-modal .body .toggle-section.open > .header,
#vacancy-video-interview-modal .body .toggle-section.open > .header,
#vacancy-publish-page .body .toggle-section.open > .header {
  border-radius: 3px 3px 0 0;
  border-bottom: 1px solid var(--lvh-white);
}
#edit-vacancy-modal .body .toggle-section.open > .header .icon:before,
#job-description-modal .body .toggle-section.open > .header .icon:before,
#job-documents-modal .body .toggle-section.open > .header .icon:before,
#vacancy-video-interview-modal .body .toggle-section.open > .header .icon:before,
#vacancy-publish-page .body .toggle-section.open > .header .icon:before {
  content: "\e949";
}
#edit-vacancy-modal .body .toggle-section.open > .body,
#job-description-modal .body .toggle-section.open > .body,
#job-documents-modal .body .toggle-section.open > .body,
#vacancy-video-interview-modal .body .toggle-section.open > .body,
#vacancy-publish-page .body .toggle-section.open > .body {
  overflow: visible;
  visibility: visible;
  padding: 20px;
  height: auto;
}
#edit-vacancy-modal .body .toggle-section > .header,
#job-description-modal .body .toggle-section > .header,
#job-documents-modal .body .toggle-section > .header,
#vacancy-video-interview-modal .body .toggle-section > .header,
#vacancy-publish-page .body .toggle-section > .header {
  position: relative;
  display: block;
  height: auto;
  padding: 13px 20px;
  border-radius: 3px;
  text-align: left;
  background: rgba(0, 0, 0, 0.06);
}
#edit-vacancy-modal .body .toggle-section > .header .icon,
#job-description-modal .body .toggle-section > .header .icon,
#job-documents-modal .body .toggle-section > .header .icon,
#vacancy-video-interview-modal .body .toggle-section > .header .icon,
#vacancy-publish-page .body .toggle-section > .header .icon {
  position: absolute;
  top: 50%;
  right: 20px;
  outline: none;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0;
  border: none;
  background: var(--lvh-white);
  cursor: pointer;
}
#edit-vacancy-modal .body .toggle-section > .header .icon:before,
#job-description-modal .body .toggle-section > .header .icon:before,
#job-documents-modal .body .toggle-section > .header .icon:before,
#vacancy-video-interview-modal .body .toggle-section > .header .icon:before,
#vacancy-publish-page .body .toggle-section > .header .icon:before {
  display: block;
  font-size: 13px;
  color: var(--lvh-secondary-text);
}
#edit-vacancy-modal .body .toggle-section > .header .title,
#job-description-modal .body .toggle-section > .header .title,
#job-documents-modal .body .toggle-section > .header .title,
#vacancy-video-interview-modal .body .toggle-section > .header .title,
#vacancy-publish-page .body .toggle-section > .header .title {
  display: block;
  width: 100%;
  padding: 0 20px 0 0;
  box-sizing: border-box;
  font-size: 13px;
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
}
#edit-vacancy-modal .body .toggle-section > .body,
#job-description-modal .body .toggle-section > .body,
#job-documents-modal .body .toggle-section > .body,
#vacancy-video-interview-modal .body .toggle-section > .body,
#vacancy-publish-page .body .toggle-section > .body {
  overflow: hidden;
  visibility: hidden;
  margin: 0;
  height: 0;
  border-radius: 0 0 3px 3px;
  background: rgba(0, 0, 0, 0.03);
}
#edit-vacancy-modal .body .cc-team-picker,
#job-description-modal .body .cc-team-picker,
#job-documents-modal .body .cc-team-picker,
#vacancy-video-interview-modal .body .cc-team-picker,
#vacancy-publish-page .body .cc-team-picker {
  padding-bottom: 15px;
  border-bottom: 1px solid var(--lvh-x-paler-grey);
}
#edit-vacancy-modal #post-all,
#job-description-modal #post-all,
#job-documents-modal #post-all,
#vacancy-video-interview-modal #post-all,
#vacancy-publish-page #post-all,
#edit-vacancy-modal #broadbean-header,
#job-description-modal #broadbean-header,
#job-documents-modal #broadbean-header,
#vacancy-video-interview-modal #broadbean-header,
#vacancy-publish-page #broadbean-header {
  position: relative;
}
#edit-vacancy-modal #post-all .title,
#job-description-modal #post-all .title,
#job-documents-modal #post-all .title,
#vacancy-video-interview-modal #post-all .title,
#vacancy-publish-page #post-all .title,
#edit-vacancy-modal #broadbean-header .title,
#job-description-modal #broadbean-header .title,
#job-documents-modal #broadbean-header .title,
#vacancy-video-interview-modal #broadbean-header .title,
#vacancy-publish-page #broadbean-header .title {
  float: left;
  width: 100%;
  padding: 0 100px 0 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#edit-vacancy-modal #post-all .title h3,
#job-description-modal #post-all .title h3,
#job-documents-modal #post-all .title h3,
#vacancy-video-interview-modal #post-all .title h3,
#vacancy-publish-page #post-all .title h3,
#edit-vacancy-modal #broadbean-header .title h3,
#job-description-modal #broadbean-header .title h3,
#job-documents-modal #broadbean-header .title h3,
#vacancy-video-interview-modal #broadbean-header .title h3,
#vacancy-publish-page #broadbean-header .title h3 {
  margin: 5px 0 0;
  font-size: 15px;
  font-weight: 600;
}
@media (max-width: 991px) {
  #edit-vacancy-modal #post-all .title h3,
  #job-description-modal #post-all .title h3,
  #job-documents-modal #post-all .title h3,
  #vacancy-video-interview-modal #post-all .title h3,
  #vacancy-publish-page #post-all .title h3,
  #edit-vacancy-modal #broadbean-header .title h3,
  #job-description-modal #broadbean-header .title h3,
  #job-documents-modal #broadbean-header .title h3,
  #vacancy-video-interview-modal #broadbean-header .title h3,
  #vacancy-publish-page #broadbean-header .title h3 {
    font-size: 13px;
  }
}
#edit-vacancy-modal #post-all .post-wrapper,
#job-description-modal #post-all .post-wrapper,
#job-documents-modal #post-all .post-wrapper,
#vacancy-video-interview-modal #post-all .post-wrapper,
#vacancy-publish-page #post-all .post-wrapper,
#edit-vacancy-modal #broadbean-header .post-wrapper,
#job-description-modal #broadbean-header .post-wrapper,
#job-documents-modal #broadbean-header .post-wrapper,
#vacancy-video-interview-modal #broadbean-header .post-wrapper,
#vacancy-publish-page #broadbean-header .post-wrapper {
  position: absolute;
  top: 0;
  right: 0;
}
#edit-vacancy-modal #post-all .post-wrapper .preview-button,
#job-description-modal #post-all .post-wrapper .preview-button,
#job-documents-modal #post-all .post-wrapper .preview-button,
#vacancy-video-interview-modal #post-all .post-wrapper .preview-button,
#vacancy-publish-page #post-all .post-wrapper .preview-button,
#edit-vacancy-modal #broadbean-header .post-wrapper .preview-button,
#job-description-modal #broadbean-header .post-wrapper .preview-button,
#job-documents-modal #broadbean-header .post-wrapper .preview-button,
#vacancy-video-interview-modal #broadbean-header .post-wrapper .preview-button,
#vacancy-publish-page #broadbean-header .post-wrapper .preview-button {
  float: left;
  margin-right: 10px;
}
#edit-vacancy-modal #post-all .post-wrapper .post-all-callout,
#job-description-modal #post-all .post-wrapper .post-all-callout,
#job-documents-modal #post-all .post-wrapper .post-all-callout,
#vacancy-video-interview-modal #post-all .post-wrapper .post-all-callout,
#vacancy-publish-page #post-all .post-wrapper .post-all-callout,
#edit-vacancy-modal #broadbean-header .post-wrapper .post-all-callout,
#job-description-modal #broadbean-header .post-wrapper .post-all-callout,
#job-documents-modal #broadbean-header .post-wrapper .post-all-callout,
#vacancy-video-interview-modal #broadbean-header .post-wrapper .post-all-callout,
#vacancy-publish-page #broadbean-header .post-wrapper .post-all-callout {
  float: left;
}
#edit-vacancy-modal #post-all .post-wrapper .post-all-callout .calloutDirective,
#job-description-modal #post-all .post-wrapper .post-all-callout .calloutDirective,
#job-documents-modal #post-all .post-wrapper .post-all-callout .calloutDirective,
#vacancy-video-interview-modal #post-all .post-wrapper .post-all-callout .calloutDirective,
#vacancy-publish-page #post-all .post-wrapper .post-all-callout .calloutDirective,
#edit-vacancy-modal #broadbean-header .post-wrapper .post-all-callout .calloutDirective,
#job-description-modal #broadbean-header .post-wrapper .post-all-callout .calloutDirective,
#job-documents-modal #broadbean-header .post-wrapper .post-all-callout .calloutDirective,
#vacancy-video-interview-modal #broadbean-header .post-wrapper .post-all-callout .calloutDirective,
#vacancy-publish-page #broadbean-header .post-wrapper .post-all-callout .calloutDirective {
  position: absolute;
  top: calc(100% + 5px);
  display: block;
  width: 260px;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05);
  z-index: 2000;
}
#edit-vacancy-modal #post-all .post-wrapper .post-all-callout .calloutDirective .calloutTip,
#job-description-modal #post-all .post-wrapper .post-all-callout .calloutDirective .calloutTip,
#job-documents-modal #post-all .post-wrapper .post-all-callout .calloutDirective .calloutTip,
#vacancy-video-interview-modal #post-all .post-wrapper .post-all-callout .calloutDirective .calloutTip,
#vacancy-publish-page #post-all .post-wrapper .post-all-callout .calloutDirective .calloutTip,
#edit-vacancy-modal #broadbean-header .post-wrapper .post-all-callout .calloutDirective .calloutTip,
#job-description-modal #broadbean-header .post-wrapper .post-all-callout .calloutDirective .calloutTip,
#job-documents-modal #broadbean-header .post-wrapper .post-all-callout .calloutDirective .calloutTip,
#vacancy-video-interview-modal #broadbean-header .post-wrapper .post-all-callout .calloutDirective .calloutTip,
#vacancy-publish-page #broadbean-header .post-wrapper .post-all-callout .calloutDirective .calloutTip {
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  top: 10px;
  right: 22px;
  margin: -3px 0 0 -9px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: none !important;
  border-right: none !important;
  left: 22px;
  top: -4px;
  right: auto;
}
@media (max-width: 991px) {
  #edit-vacancy-modal #post-all .post-wrapper .post-all-callout .calloutDirective .calloutTip,
  #job-description-modal #post-all .post-wrapper .post-all-callout .calloutDirective .calloutTip,
  #job-documents-modal #post-all .post-wrapper .post-all-callout .calloutDirective .calloutTip,
  #vacancy-video-interview-modal #post-all .post-wrapper .post-all-callout .calloutDirective .calloutTip,
  #vacancy-publish-page #post-all .post-wrapper .post-all-callout .calloutDirective .calloutTip,
  #edit-vacancy-modal #broadbean-header .post-wrapper .post-all-callout .calloutDirective .calloutTip,
  #job-description-modal #broadbean-header .post-wrapper .post-all-callout .calloutDirective .calloutTip,
  #job-documents-modal #broadbean-header .post-wrapper .post-all-callout .calloutDirective .calloutTip,
  #vacancy-video-interview-modal #broadbean-header .post-wrapper .post-all-callout .calloutDirective .calloutTip,
  #vacancy-publish-page #broadbean-header .post-wrapper .post-all-callout .calloutDirective .calloutTip {
    display: none;
  }
}
#edit-vacancy-modal #post-all .post-wrapper .post-all-callout .calloutDirective .calloutBody,
#job-description-modal #post-all .post-wrapper .post-all-callout .calloutDirective .calloutBody,
#job-documents-modal #post-all .post-wrapper .post-all-callout .calloutDirective .calloutBody,
#vacancy-video-interview-modal #post-all .post-wrapper .post-all-callout .calloutDirective .calloutBody,
#vacancy-publish-page #post-all .post-wrapper .post-all-callout .calloutDirective .calloutBody,
#edit-vacancy-modal #broadbean-header .post-wrapper .post-all-callout .calloutDirective .calloutBody,
#job-description-modal #broadbean-header .post-wrapper .post-all-callout .calloutDirective .calloutBody,
#job-documents-modal #broadbean-header .post-wrapper .post-all-callout .calloutDirective .calloutBody,
#vacancy-video-interview-modal #broadbean-header .post-wrapper .post-all-callout .calloutDirective .calloutBody,
#vacancy-publish-page #broadbean-header .post-wrapper .post-all-callout .calloutDirective .calloutBody {
  float: left;
  width: 100%;
  padding: 15px;
  box-sizing: border-box;
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-pale-grey);
  border-radius: 3px;
}
@media (max-width: 991px) {
  #edit-vacancy-modal #post-all .post-wrapper .post-all-callout .calloutDirective .calloutBody,
  #job-description-modal #post-all .post-wrapper .post-all-callout .calloutDirective .calloutBody,
  #job-documents-modal #post-all .post-wrapper .post-all-callout .calloutDirective .calloutBody,
  #vacancy-video-interview-modal #post-all .post-wrapper .post-all-callout .calloutDirective .calloutBody,
  #vacancy-publish-page #post-all .post-wrapper .post-all-callout .calloutDirective .calloutBody,
  #edit-vacancy-modal #broadbean-header .post-wrapper .post-all-callout .calloutDirective .calloutBody,
  #job-description-modal #broadbean-header .post-wrapper .post-all-callout .calloutDirective .calloutBody,
  #job-documents-modal #broadbean-header .post-wrapper .post-all-callout .calloutDirective .calloutBody,
  #vacancy-video-interview-modal #broadbean-header .post-wrapper .post-all-callout .calloutDirective .calloutBody,
  #vacancy-publish-page #broadbean-header .post-wrapper .post-all-callout .calloutDirective .calloutBody {
    overflow-y: auto;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    background-color: var(--lvh-white);
  }
}
#edit-vacancy-modal #post-all .post-wrapper .post-all-callout .calloutDirective .calloutBody .row > span,
#job-description-modal #post-all .post-wrapper .post-all-callout .calloutDirective .calloutBody .row > span,
#job-documents-modal #post-all .post-wrapper .post-all-callout .calloutDirective .calloutBody .row > span,
#vacancy-video-interview-modal #post-all .post-wrapper .post-all-callout .calloutDirective .calloutBody .row > span,
#vacancy-publish-page #post-all .post-wrapper .post-all-callout .calloutDirective .calloutBody .row > span,
#edit-vacancy-modal #broadbean-header .post-wrapper .post-all-callout .calloutDirective .calloutBody .row > span,
#job-description-modal #broadbean-header .post-wrapper .post-all-callout .calloutDirective .calloutBody .row > span,
#job-documents-modal #broadbean-header .post-wrapper .post-all-callout .calloutDirective .calloutBody .row > span,
#vacancy-video-interview-modal #broadbean-header .post-wrapper .post-all-callout .calloutDirective .calloutBody .row > span,
#vacancy-publish-page #broadbean-header .post-wrapper .post-all-callout .calloutDirective .calloutBody .row > span {
  color: var(--lvh-secondary-text);
}
#edit-vacancy-modal #post-all .post-wrapper .post-all-callout .calloutDirective .calloutBody .row > span .optional,
#job-description-modal #post-all .post-wrapper .post-all-callout .calloutDirective .calloutBody .row > span .optional,
#job-documents-modal #post-all .post-wrapper .post-all-callout .calloutDirective .calloutBody .row > span .optional,
#vacancy-video-interview-modal #post-all .post-wrapper .post-all-callout .calloutDirective .calloutBody .row > span .optional,
#vacancy-publish-page #post-all .post-wrapper .post-all-callout .calloutDirective .calloutBody .row > span .optional,
#edit-vacancy-modal #broadbean-header .post-wrapper .post-all-callout .calloutDirective .calloutBody .row > span .optional,
#job-description-modal #broadbean-header .post-wrapper .post-all-callout .calloutDirective .calloutBody .row > span .optional,
#job-documents-modal #broadbean-header .post-wrapper .post-all-callout .calloutDirective .calloutBody .row > span .optional,
#vacancy-video-interview-modal #broadbean-header .post-wrapper .post-all-callout .calloutDirective .calloutBody .row > span .optional,
#vacancy-publish-page #broadbean-header .post-wrapper .post-all-callout .calloutDirective .calloutBody .row > span .optional {
  color: var(--lvh-x-shark-dark);
}
#edit-vacancy-modal #post-all .post-wrapper .post-all-callout .callout,
#job-description-modal #post-all .post-wrapper .post-all-callout .callout,
#job-documents-modal #post-all .post-wrapper .post-all-callout .callout,
#vacancy-video-interview-modal #post-all .post-wrapper .post-all-callout .callout,
#vacancy-publish-page #post-all .post-wrapper .post-all-callout .callout,
#edit-vacancy-modal #broadbean-header .post-wrapper .post-all-callout .callout,
#job-description-modal #broadbean-header .post-wrapper .post-all-callout .callout,
#job-documents-modal #broadbean-header .post-wrapper .post-all-callout .callout,
#vacancy-video-interview-modal #broadbean-header .post-wrapper .post-all-callout .callout,
#vacancy-publish-page #broadbean-header .post-wrapper .post-all-callout .callout {
  display: none;
}
#edit-vacancy-modal #post-all .post-wrapper .post-all-callout .callout.visible,
#job-description-modal #post-all .post-wrapper .post-all-callout .callout.visible,
#job-documents-modal #post-all .post-wrapper .post-all-callout .callout.visible,
#vacancy-video-interview-modal #post-all .post-wrapper .post-all-callout .callout.visible,
#vacancy-publish-page #post-all .post-wrapper .post-all-callout .callout.visible,
#edit-vacancy-modal #broadbean-header .post-wrapper .post-all-callout .callout.visible,
#job-description-modal #broadbean-header .post-wrapper .post-all-callout .callout.visible,
#job-documents-modal #broadbean-header .post-wrapper .post-all-callout .callout.visible,
#vacancy-video-interview-modal #broadbean-header .post-wrapper .post-all-callout .callout.visible,
#vacancy-publish-page #broadbean-header .post-wrapper .post-all-callout .callout.visible {
  display: block;
}
#edit-vacancy-modal .job-post-destinations,
#job-description-modal .job-post-destinations,
#job-documents-modal .job-post-destinations,
#vacancy-video-interview-modal .job-post-destinations,
#vacancy-publish-page .job-post-destinations {
  padding-top: 15px;
  border-top: 1px solid var(--lvh-x-paler-grey);
}
#edit-vacancy-modal .job-post-destinations .destination,
#job-description-modal .job-post-destinations .destination,
#job-documents-modal .job-post-destinations .destination,
#vacancy-video-interview-modal .job-post-destinations .destination,
#vacancy-publish-page .job-post-destinations .destination {
  background-color: var(--lvh-white98);
  border-radius: 3px;
  box-shadow: 0px 1px 1px var(--lvh-white92);
  box-sizing: border-box;
  padding: 15px;
}
@media (max-width: 991px) {
  #edit-vacancy-modal .job-post-destinations .destination,
  #job-description-modal .job-post-destinations .destination,
  #job-documents-modal .job-post-destinations .destination,
  #vacancy-video-interview-modal .job-post-destinations .destination,
  #vacancy-publish-page .job-post-destinations .destination {
    padding: 15px 0 0 0;
  }
}
#edit-vacancy-modal .job-post-destinations .destination:not(:last-child),
#job-description-modal .job-post-destinations .destination:not(:last-child),
#job-documents-modal .job-post-destinations .destination:not(:last-child),
#vacancy-video-interview-modal .job-post-destinations .destination:not(:last-child),
#vacancy-publish-page .job-post-destinations .destination:not(:last-child) {
  margin: 0 0 10px 0;
}
#edit-vacancy-modal .job-post-destinations .destination-info-table,
#job-description-modal .job-post-destinations .destination-info-table,
#job-documents-modal .job-post-destinations .destination-info-table,
#vacancy-video-interview-modal .job-post-destinations .destination-info-table,
#vacancy-publish-page .job-post-destinations .destination-info-table {
  width: 100%;
  display: table;
}
#edit-vacancy-modal .job-post-destinations .destination-info-table:not(:last-child),
#job-description-modal .job-post-destinations .destination-info-table:not(:last-child),
#job-documents-modal .job-post-destinations .destination-info-table:not(:last-child),
#vacancy-video-interview-modal .job-post-destinations .destination-info-table:not(:last-child),
#vacancy-publish-page .job-post-destinations .destination-info-table:not(:last-child) {
  padding: 0 0 15px 0;
  margin: 0 0 15px 0;
  border-bottom: 1px solid var(--lvh-x-pale-grey);
}
#edit-vacancy-modal .job-post-destinations .destination-info-table > *,
#job-description-modal .job-post-destinations .destination-info-table > *,
#job-documents-modal .job-post-destinations .destination-info-table > *,
#vacancy-video-interview-modal .job-post-destinations .destination-info-table > *,
#vacancy-publish-page .job-post-destinations .destination-info-table > * {
  display: table-cell;
  vertical-align: middle;
  font-size: 13px;
  padding: 0 15px 0 0;
  color: var(--lvh-secondary-text);
}
@media (max-width: 991px) {
  #edit-vacancy-modal .job-post-destinations .destination-info-table > *,
  #job-description-modal .job-post-destinations .destination-info-table > *,
  #job-documents-modal .job-post-destinations .destination-info-table > *,
  #vacancy-video-interview-modal .job-post-destinations .destination-info-table > *,
  #vacancy-publish-page .job-post-destinations .destination-info-table > * {
    display: block;
    padding: 0 0 15px 0;
    box-sizing: border-box;
  }
}
#edit-vacancy-modal .job-post-destinations .destination-info-table > *:last-child,
#job-description-modal .job-post-destinations .destination-info-table > *:last-child,
#job-documents-modal .job-post-destinations .destination-info-table > *:last-child,
#vacancy-video-interview-modal .job-post-destinations .destination-info-table > *:last-child,
#vacancy-publish-page .job-post-destinations .destination-info-table > *:last-child {
  padding: 0;
}
#edit-vacancy-modal .job-post-destinations .destination-info,
#job-description-modal .job-post-destinations .destination-info,
#job-documents-modal .job-post-destinations .destination-info,
#vacancy-video-interview-modal .job-post-destinations .destination-info,
#vacancy-publish-page .job-post-destinations .destination-info {
  width: 25%;
}
@media (max-width: 991px) {
  #edit-vacancy-modal .job-post-destinations .destination-info,
  #job-description-modal .job-post-destinations .destination-info,
  #job-documents-modal .job-post-destinations .destination-info,
  #vacancy-video-interview-modal .job-post-destinations .destination-info,
  #vacancy-publish-page .job-post-destinations .destination-info {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
#edit-vacancy-modal .job-post-destinations .destination-logo,
#job-description-modal .job-post-destinations .destination-logo,
#job-documents-modal .job-post-destinations .destination-logo,
#vacancy-video-interview-modal .job-post-destinations .destination-logo,
#vacancy-publish-page .job-post-destinations .destination-logo {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
  width: 38px;
  height: 38px;
  border: 1px solid var(--lvh-x-shark-light);
  border-radius: 3px;
}
@media (max-width: 991px) {
  #edit-vacancy-modal .job-post-destinations .destination-logo,
  #job-description-modal .job-post-destinations .destination-logo,
  #job-documents-modal .job-post-destinations .destination-logo,
  #vacancy-video-interview-modal .job-post-destinations .destination-logo,
  #vacancy-publish-page .job-post-destinations .destination-logo {
    vertical-align: top;
    width: 18px;
    height: 18px;
  }
}
#edit-vacancy-modal .job-post-destinations .destination-logo img,
#job-description-modal .job-post-destinations .destination-logo img,
#job-documents-modal .job-post-destinations .destination-logo img,
#vacancy-video-interview-modal .job-post-destinations .destination-logo img,
#vacancy-publish-page .job-post-destinations .destination-logo img {
  max-width: 100%;
  height: auto;
}
#edit-vacancy-modal .job-post-destinations .cc-tooltip,
#job-description-modal .job-post-destinations .cc-tooltip,
#job-documents-modal .job-post-destinations .cc-tooltip,
#vacancy-video-interview-modal .job-post-destinations .cc-tooltip,
#vacancy-publish-page .job-post-destinations .cc-tooltip {
  margin-left: 5px;
  z-index: 100;
}
@media (max-width: 991px) {
  #edit-vacancy-modal .job-post-destinations .cc-tooltip,
  #job-description-modal .job-post-destinations .cc-tooltip,
  #job-documents-modal .job-post-destinations .cc-tooltip,
  #vacancy-video-interview-modal .job-post-destinations .cc-tooltip,
  #vacancy-publish-page .job-post-destinations .cc-tooltip {
    display: none;
  }
}
#edit-vacancy-modal .job-post-destinations .cc-tooltip .icon,
#job-description-modal .job-post-destinations .cc-tooltip .icon,
#job-documents-modal .job-post-destinations .cc-tooltip .icon,
#vacancy-video-interview-modal .job-post-destinations .cc-tooltip .icon,
#vacancy-publish-page .job-post-destinations .cc-tooltip .icon {
  font-size: 10px;
  line-height: 20px;
  color: var(--lvh-x-shark-dark);
}
#edit-vacancy-modal .job-post-destinations .cc-tooltip .tooltipContainer,
#job-description-modal .job-post-destinations .cc-tooltip .tooltipContainer,
#job-documents-modal .job-post-destinations .cc-tooltip .tooltipContainer,
#vacancy-video-interview-modal .job-post-destinations .cc-tooltip .tooltipContainer,
#vacancy-publish-page .job-post-destinations .cc-tooltip .tooltipContainer {
  width: 180px;
  margin-left: -90px;
}
#edit-vacancy-modal .job-post-destinations .destination-title-wrap,
#job-description-modal .job-post-destinations .destination-title-wrap,
#job-documents-modal .job-post-destinations .destination-title-wrap,
#vacancy-video-interview-modal .job-post-destinations .destination-title-wrap,
#vacancy-publish-page .job-post-destinations .destination-title-wrap {
  display: inline-block;
  vertical-align: middle;
  max-width: 140px;
}
#edit-vacancy-modal .job-post-destinations .destination-title-wrap .destination-title,
#job-description-modal .job-post-destinations .destination-title-wrap .destination-title,
#job-documents-modal .job-post-destinations .destination-title-wrap .destination-title,
#vacancy-video-interview-modal .job-post-destinations .destination-title-wrap .destination-title,
#vacancy-publish-page .job-post-destinations .destination-title-wrap .destination-title {
  display: inline-block;
  color: var(--lvh-x-mesh-dark);
  font-weight: 600;
}
#edit-vacancy-modal .job-post-destinations .destination-title-wrap .destination-subtitle,
#job-description-modal .job-post-destinations .destination-title-wrap .destination-subtitle,
#job-documents-modal .job-post-destinations .destination-title-wrap .destination-subtitle,
#vacancy-video-interview-modal .job-post-destinations .destination-title-wrap .destination-subtitle,
#vacancy-publish-page .job-post-destinations .destination-title-wrap .destination-subtitle {
  display: block;
  font-size: 11px;
  color: var(--lvh-x-shark-dark);
}
#edit-vacancy-modal .job-post-destinations .destination-title-wrap .destination-subtitle a,
#job-description-modal .job-post-destinations .destination-title-wrap .destination-subtitle a,
#job-documents-modal .job-post-destinations .destination-title-wrap .destination-subtitle a,
#vacancy-video-interview-modal .job-post-destinations .destination-title-wrap .destination-subtitle a,
#vacancy-publish-page .job-post-destinations .destination-title-wrap .destination-subtitle a {
  color: var(--lvh-x-shark-dark);
}
#edit-vacancy-modal .job-post-destinations .destination-title-wrap .destination-subtitle a:hover,
#job-description-modal .job-post-destinations .destination-title-wrap .destination-subtitle a:hover,
#job-documents-modal .job-post-destinations .destination-title-wrap .destination-subtitle a:hover,
#vacancy-video-interview-modal .job-post-destinations .destination-title-wrap .destination-subtitle a:hover,
#vacancy-publish-page .job-post-destinations .destination-title-wrap .destination-subtitle a:hover {
  text-decoration: underline;
}
@media (max-width: 991px) {
  #edit-vacancy-modal .job-post-destinations .destination-title-wrap .destination-subtitle,
  #job-description-modal .job-post-destinations .destination-title-wrap .destination-subtitle,
  #job-documents-modal .job-post-destinations .destination-title-wrap .destination-subtitle,
  #vacancy-video-interview-modal .job-post-destinations .destination-title-wrap .destination-subtitle,
  #vacancy-publish-page .job-post-destinations .destination-title-wrap .destination-subtitle {
    margin-top: 5px;
  }
}
#edit-vacancy-modal .job-post-destinations .post-status,
#job-description-modal .job-post-destinations .post-status,
#job-documents-modal .job-post-destinations .post-status,
#vacancy-video-interview-modal .job-post-destinations .post-status,
#vacancy-publish-page .job-post-destinations .post-status {
  width: 15%;
}
@media (max-width: 991px) {
  #edit-vacancy-modal .job-post-destinations .post-status,
  #job-description-modal .job-post-destinations .post-status,
  #job-documents-modal .job-post-destinations .post-status,
  #vacancy-video-interview-modal .job-post-destinations .post-status,
  #vacancy-publish-page .job-post-destinations .post-status {
    float: left;
    width: 40%;
    padding-left: 15px;
  }
}
#edit-vacancy-modal .job-post-destinations .post-status:before,
#job-description-modal .job-post-destinations .post-status:before,
#job-documents-modal .job-post-destinations .post-status:before,
#vacancy-video-interview-modal .job-post-destinations .post-status:before,
#vacancy-publish-page .job-post-destinations .post-status:before {
  display: inline;
  content: '\25CF';
  font-size: 12px;
  padding: 0 8px 0 0;
  color: var(--lvh-x-shark-dark);
}
#edit-vacancy-modal .job-post-destinations .post-status.pending:before,
#job-description-modal .job-post-destinations .post-status.pending:before,
#job-documents-modal .job-post-destinations .post-status.pending:before,
#vacancy-video-interview-modal .job-post-destinations .post-status.pending:before,
#vacancy-publish-page .job-post-destinations .post-status.pending:before {
  color: var(--lvh-x-yellow);
}
#edit-vacancy-modal .job-post-destinations .post-status.retrying:before,
#job-description-modal .job-post-destinations .post-status.retrying:before,
#job-documents-modal .job-post-destinations .post-status.retrying:before,
#vacancy-video-interview-modal .job-post-destinations .post-status.retrying:before,
#vacancy-publish-page .job-post-destinations .post-status.retrying:before {
  color: var(--lvh-x-orange);
}
#edit-vacancy-modal .job-post-destinations .post-status.posted:before,
#job-description-modal .job-post-destinations .post-status.posted:before,
#job-documents-modal .job-post-destinations .post-status.posted:before,
#vacancy-video-interview-modal .job-post-destinations .post-status.posted:before,
#vacancy-publish-page .job-post-destinations .post-status.posted:before {
  color: var(--lvh-x-green);
}
#edit-vacancy-modal .job-post-destinations .post-status.scheduled:before,
#job-description-modal .job-post-destinations .post-status.scheduled:before,
#job-documents-modal .job-post-destinations .post-status.scheduled:before,
#vacancy-video-interview-modal .job-post-destinations .post-status.scheduled:before,
#vacancy-publish-page .job-post-destinations .post-status.scheduled:before {
  color: var(--lvh-bright-blue);
}
#edit-vacancy-modal .job-post-destinations .post-status.error:before,
#job-description-modal .job-post-destinations .post-status.error:before,
#job-documents-modal .job-post-destinations .post-status.error:before,
#vacancy-video-interview-modal .job-post-destinations .post-status.error:before,
#vacancy-publish-page .job-post-destinations .post-status.error:before,
#edit-vacancy-modal .job-post-destinations .post-status.expired:before,
#job-description-modal .job-post-destinations .post-status.expired:before,
#job-documents-modal .job-post-destinations .post-status.expired:before,
#vacancy-video-interview-modal .job-post-destinations .post-status.expired:before,
#vacancy-publish-page .job-post-destinations .post-status.expired:before {
  color: var(--lvh-x-ripe);
}
#edit-vacancy-modal .job-post-destinations .post-status:not(.error) .hint-icon,
#job-description-modal .job-post-destinations .post-status:not(.error) .hint-icon,
#job-documents-modal .job-post-destinations .post-status:not(.error) .hint-icon,
#vacancy-video-interview-modal .job-post-destinations .post-status:not(.error) .hint-icon,
#vacancy-publish-page .job-post-destinations .post-status:not(.error) .hint-icon {
  display: none;
}
#edit-vacancy-modal .job-post-destinations .primary-actions,
#job-description-modal .job-post-destinations .primary-actions,
#job-documents-modal .job-post-destinations .primary-actions,
#vacancy-video-interview-modal .job-post-destinations .primary-actions,
#vacancy-publish-page .job-post-destinations .primary-actions {
  width: 15%;
  text-align: right;
}
@media (max-width: 991px) {
  #edit-vacancy-modal .job-post-destinations .primary-actions,
  #job-description-modal .job-post-destinations .primary-actions,
  #job-documents-modal .job-post-destinations .primary-actions,
  #vacancy-video-interview-modal .job-post-destinations .primary-actions,
  #vacancy-publish-page .job-post-destinations .primary-actions {
    float: left;
    width: 100%;
    padding: 0;
    border-top: 1px solid var(--lvh-x-pale-grey);
  }
}
#edit-vacancy-modal .job-post-destinations .primary-actions > .button,
#job-description-modal .job-post-destinations .primary-actions > .button,
#job-documents-modal .job-post-destinations .primary-actions > .button,
#vacancy-video-interview-modal .job-post-destinations .primary-actions > .button,
#vacancy-publish-page .job-post-destinations .primary-actions > .button {
  display: block;
  float: right;
  min-width: 90px;
  min-height: 28px;
}
@media (max-width: 991px) {
  #edit-vacancy-modal .job-post-destinations .primary-actions > .button,
  #job-description-modal .job-post-destinations .primary-actions > .button,
  #job-documents-modal .job-post-destinations .primary-actions > .button,
  #vacancy-video-interview-modal .job-post-destinations .primary-actions > .button,
  #vacancy-publish-page .job-post-destinations .primary-actions > .button {
    padding: 10px 15px;
    border-radius: 0;
    border-left: 1px solid var(--lvh-x-pale-grey);
    background: transparent;
    box-shadow: none;
  }
}
@media (max-width: 991px) {
  #edit-vacancy-modal .job-post-destinations .primary-actions > .button .label,
  #job-description-modal .job-post-destinations .primary-actions > .button .label,
  #job-documents-modal .job-post-destinations .primary-actions > .button .label,
  #vacancy-video-interview-modal .job-post-destinations .primary-actions > .button .label,
  #vacancy-publish-page .job-post-destinations .primary-actions > .button .label {
    font-weight: 400;
    color: var(--lvh-bright-blue);
  }
}
@media (max-width: 991px) {
  #edit-vacancy-modal .job-post-destinations .secondary-actions,
  #job-description-modal .job-post-destinations .secondary-actions,
  #job-documents-modal .job-post-destinations .secondary-actions,
  #vacancy-video-interview-modal .job-post-destinations .secondary-actions,
  #vacancy-publish-page .job-post-destinations .secondary-actions {
    position: absolute;
    top: 10px;
    right: 0;
  }
}
#edit-vacancy-modal .job-post-destinations .cc-date-range-callout,
#job-description-modal .job-post-destinations .cc-date-range-callout,
#job-documents-modal .job-post-destinations .cc-date-range-callout,
#vacancy-video-interview-modal .job-post-destinations .cc-date-range-callout,
#vacancy-publish-page .job-post-destinations .cc-date-range-callout,
#edit-vacancy-modal .job-post-destinations .date-range-non-editable,
#job-description-modal .job-post-destinations .date-range-non-editable,
#job-documents-modal .job-post-destinations .date-range-non-editable,
#vacancy-video-interview-modal .job-post-destinations .date-range-non-editable,
#vacancy-publish-page .job-post-destinations .date-range-non-editable {
  width: 30%;
  position: relative;
}
@media (max-width: 991px) {
  #edit-vacancy-modal .job-post-destinations .cc-date-range-callout,
  #job-description-modal .job-post-destinations .cc-date-range-callout,
  #job-documents-modal .job-post-destinations .cc-date-range-callout,
  #vacancy-video-interview-modal .job-post-destinations .cc-date-range-callout,
  #vacancy-publish-page .job-post-destinations .cc-date-range-callout,
  #edit-vacancy-modal .job-post-destinations .date-range-non-editable,
  #job-description-modal .job-post-destinations .date-range-non-editable,
  #job-documents-modal .job-post-destinations .date-range-non-editable,
  #vacancy-video-interview-modal .job-post-destinations .date-range-non-editable,
  #vacancy-publish-page .job-post-destinations .date-range-non-editable {
    float: left;
    width: 60%;
    padding-right: 15px;
  }
}
#edit-vacancy-modal .job-post-destinations .cc-date-range-callout .listing-dates,
#job-description-modal .job-post-destinations .cc-date-range-callout .listing-dates,
#job-documents-modal .job-post-destinations .cc-date-range-callout .listing-dates,
#vacancy-video-interview-modal .job-post-destinations .cc-date-range-callout .listing-dates,
#vacancy-publish-page .job-post-destinations .cc-date-range-callout .listing-dates,
#edit-vacancy-modal .job-post-destinations .date-range-non-editable .listing-dates,
#job-description-modal .job-post-destinations .date-range-non-editable .listing-dates,
#job-documents-modal .job-post-destinations .date-range-non-editable .listing-dates,
#vacancy-video-interview-modal .job-post-destinations .date-range-non-editable .listing-dates,
#vacancy-publish-page .job-post-destinations .date-range-non-editable .listing-dates {
  position: relative;
}
@media (max-width: 991px) {
  #edit-vacancy-modal .job-post-destinations .cc-date-range-callout .listing-dates,
  #job-description-modal .job-post-destinations .cc-date-range-callout .listing-dates,
  #job-documents-modal .job-post-destinations .cc-date-range-callout .listing-dates,
  #vacancy-video-interview-modal .job-post-destinations .cc-date-range-callout .listing-dates,
  #vacancy-publish-page .job-post-destinations .cc-date-range-callout .listing-dates,
  #edit-vacancy-modal .job-post-destinations .date-range-non-editable .listing-dates,
  #job-description-modal .job-post-destinations .date-range-non-editable .listing-dates,
  #job-documents-modal .job-post-destinations .date-range-non-editable .listing-dates,
  #vacancy-video-interview-modal .job-post-destinations .date-range-non-editable .listing-dates,
  #vacancy-publish-page .job-post-destinations .date-range-non-editable .listing-dates {
    font-size: 11px;
    text-align: right;
    white-space: nowrap;
  }
}
#edit-vacancy-modal .job-post-destinations .cc-date-range-callout .listing-dates.active .publish-dates .cc-callout,
#job-description-modal .job-post-destinations .cc-date-range-callout .listing-dates.active .publish-dates .cc-callout,
#job-documents-modal .job-post-destinations .cc-date-range-callout .listing-dates.active .publish-dates .cc-callout,
#vacancy-video-interview-modal .job-post-destinations .cc-date-range-callout .listing-dates.active .publish-dates .cc-callout,
#vacancy-publish-page .job-post-destinations .cc-date-range-callout .listing-dates.active .publish-dates .cc-callout,
#edit-vacancy-modal .job-post-destinations .date-range-non-editable .listing-dates.active .publish-dates .cc-callout,
#job-description-modal .job-post-destinations .date-range-non-editable .listing-dates.active .publish-dates .cc-callout,
#job-documents-modal .job-post-destinations .date-range-non-editable .listing-dates.active .publish-dates .cc-callout,
#vacancy-video-interview-modal .job-post-destinations .date-range-non-editable .listing-dates.active .publish-dates .cc-callout,
#vacancy-publish-page .job-post-destinations .date-range-non-editable .listing-dates.active .publish-dates .cc-callout {
  display: block;
}
#edit-vacancy-modal .job-post-destinations .cc-date-range-callout .listing-dates .icon,
#job-description-modal .job-post-destinations .cc-date-range-callout .listing-dates .icon,
#job-documents-modal .job-post-destinations .cc-date-range-callout .listing-dates .icon,
#vacancy-video-interview-modal .job-post-destinations .cc-date-range-callout .listing-dates .icon,
#vacancy-publish-page .job-post-destinations .cc-date-range-callout .listing-dates .icon,
#edit-vacancy-modal .job-post-destinations .date-range-non-editable .listing-dates .icon,
#job-description-modal .job-post-destinations .date-range-non-editable .listing-dates .icon,
#job-documents-modal .job-post-destinations .date-range-non-editable .listing-dates .icon,
#vacancy-video-interview-modal .job-post-destinations .date-range-non-editable .listing-dates .icon,
#vacancy-publish-page .job-post-destinations .date-range-non-editable .listing-dates .icon {
  margin: 0 5px 0 0;
  font-size: 12px;
  color: var(--lvh-x-shark-dark);
}
@media (max-width: 991px) {
  #edit-vacancy-modal .job-post-destinations .cc-date-range-callout .listing-dates .icon,
  #job-description-modal .job-post-destinations .cc-date-range-callout .listing-dates .icon,
  #job-documents-modal .job-post-destinations .cc-date-range-callout .listing-dates .icon,
  #vacancy-video-interview-modal .job-post-destinations .cc-date-range-callout .listing-dates .icon,
  #vacancy-publish-page .job-post-destinations .cc-date-range-callout .listing-dates .icon,
  #edit-vacancy-modal .job-post-destinations .date-range-non-editable .listing-dates .icon,
  #job-description-modal .job-post-destinations .date-range-non-editable .listing-dates .icon,
  #job-documents-modal .job-post-destinations .date-range-non-editable .listing-dates .icon,
  #vacancy-video-interview-modal .job-post-destinations .date-range-non-editable .listing-dates .icon,
  #vacancy-publish-page .job-post-destinations .date-range-non-editable .listing-dates .icon {
    display: none;
  }
}
#edit-vacancy-modal .job-post-destinations .cc-date-range-callout .listing-dates .edit-dates,
#job-description-modal .job-post-destinations .cc-date-range-callout .listing-dates .edit-dates,
#job-documents-modal .job-post-destinations .cc-date-range-callout .listing-dates .edit-dates,
#vacancy-video-interview-modal .job-post-destinations .cc-date-range-callout .listing-dates .edit-dates,
#vacancy-publish-page .job-post-destinations .cc-date-range-callout .listing-dates .edit-dates,
#edit-vacancy-modal .job-post-destinations .date-range-non-editable .listing-dates .edit-dates,
#job-description-modal .job-post-destinations .date-range-non-editable .listing-dates .edit-dates,
#job-documents-modal .job-post-destinations .date-range-non-editable .listing-dates .edit-dates,
#vacancy-video-interview-modal .job-post-destinations .date-range-non-editable .listing-dates .edit-dates,
#vacancy-publish-page .job-post-destinations .date-range-non-editable .listing-dates .edit-dates {
  margin: 0 0 0 5px;
}
#edit-vacancy-modal .job-post-destinations .cc-date-range-callout .calloutDirective,
#job-description-modal .job-post-destinations .cc-date-range-callout .calloutDirective,
#job-documents-modal .job-post-destinations .cc-date-range-callout .calloutDirective,
#vacancy-video-interview-modal .job-post-destinations .cc-date-range-callout .calloutDirective,
#vacancy-publish-page .job-post-destinations .cc-date-range-callout .calloutDirective,
#edit-vacancy-modal .job-post-destinations .date-range-non-editable .calloutDirective,
#job-description-modal .job-post-destinations .date-range-non-editable .calloutDirective,
#job-documents-modal .job-post-destinations .date-range-non-editable .calloutDirective,
#vacancy-video-interview-modal .job-post-destinations .date-range-non-editable .calloutDirective,
#vacancy-publish-page .job-post-destinations .date-range-non-editable .calloutDirective {
  position: absolute;
  top: 100%;
  display: block;
  width: 260px;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05);
  z-index: 2000;
}
#edit-vacancy-modal .job-post-destinations .cc-date-range-callout .calloutDirective .calloutTip,
#job-description-modal .job-post-destinations .cc-date-range-callout .calloutDirective .calloutTip,
#job-documents-modal .job-post-destinations .cc-date-range-callout .calloutDirective .calloutTip,
#vacancy-video-interview-modal .job-post-destinations .cc-date-range-callout .calloutDirective .calloutTip,
#vacancy-publish-page .job-post-destinations .cc-date-range-callout .calloutDirective .calloutTip,
#edit-vacancy-modal .job-post-destinations .date-range-non-editable .calloutDirective .calloutTip,
#job-description-modal .job-post-destinations .date-range-non-editable .calloutDirective .calloutTip,
#job-documents-modal .job-post-destinations .date-range-non-editable .calloutDirective .calloutTip,
#vacancy-video-interview-modal .job-post-destinations .date-range-non-editable .calloutDirective .calloutTip,
#vacancy-publish-page .job-post-destinations .date-range-non-editable .calloutDirective .calloutTip {
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  top: 10px;
  right: 22px;
  margin: -3px 0 0 -9px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: none !important;
  border-right: none !important;
  left: 22px;
  top: -4px;
  right: auto;
}
@media (max-width: 991px) {
  #edit-vacancy-modal .job-post-destinations .cc-date-range-callout .calloutDirective .calloutTip,
  #job-description-modal .job-post-destinations .cc-date-range-callout .calloutDirective .calloutTip,
  #job-documents-modal .job-post-destinations .cc-date-range-callout .calloutDirective .calloutTip,
  #vacancy-video-interview-modal .job-post-destinations .cc-date-range-callout .calloutDirective .calloutTip,
  #vacancy-publish-page .job-post-destinations .cc-date-range-callout .calloutDirective .calloutTip,
  #edit-vacancy-modal .job-post-destinations .date-range-non-editable .calloutDirective .calloutTip,
  #job-description-modal .job-post-destinations .date-range-non-editable .calloutDirective .calloutTip,
  #job-documents-modal .job-post-destinations .date-range-non-editable .calloutDirective .calloutTip,
  #vacancy-video-interview-modal .job-post-destinations .date-range-non-editable .calloutDirective .calloutTip,
  #vacancy-publish-page .job-post-destinations .date-range-non-editable .calloutDirective .calloutTip {
    display: none;
  }
}
#edit-vacancy-modal .job-post-destinations .cc-date-range-callout .calloutDirective .calloutBody,
#job-description-modal .job-post-destinations .cc-date-range-callout .calloutDirective .calloutBody,
#job-documents-modal .job-post-destinations .cc-date-range-callout .calloutDirective .calloutBody,
#vacancy-video-interview-modal .job-post-destinations .cc-date-range-callout .calloutDirective .calloutBody,
#vacancy-publish-page .job-post-destinations .cc-date-range-callout .calloutDirective .calloutBody,
#edit-vacancy-modal .job-post-destinations .date-range-non-editable .calloutDirective .calloutBody,
#job-description-modal .job-post-destinations .date-range-non-editable .calloutDirective .calloutBody,
#job-documents-modal .job-post-destinations .date-range-non-editable .calloutDirective .calloutBody,
#vacancy-video-interview-modal .job-post-destinations .date-range-non-editable .calloutDirective .calloutBody,
#vacancy-publish-page .job-post-destinations .date-range-non-editable .calloutDirective .calloutBody {
  float: left;
  width: 100%;
  padding: 15px;
  box-sizing: border-box;
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-pale-grey);
  border-radius: 3px;
}
@media (max-width: 991px) {
  #edit-vacancy-modal .job-post-destinations .cc-date-range-callout .calloutDirective .calloutBody,
  #job-description-modal .job-post-destinations .cc-date-range-callout .calloutDirective .calloutBody,
  #job-documents-modal .job-post-destinations .cc-date-range-callout .calloutDirective .calloutBody,
  #vacancy-video-interview-modal .job-post-destinations .cc-date-range-callout .calloutDirective .calloutBody,
  #vacancy-publish-page .job-post-destinations .cc-date-range-callout .calloutDirective .calloutBody,
  #edit-vacancy-modal .job-post-destinations .date-range-non-editable .calloutDirective .calloutBody,
  #job-description-modal .job-post-destinations .date-range-non-editable .calloutDirective .calloutBody,
  #job-documents-modal .job-post-destinations .date-range-non-editable .calloutDirective .calloutBody,
  #vacancy-video-interview-modal .job-post-destinations .date-range-non-editable .calloutDirective .calloutBody,
  #vacancy-publish-page .job-post-destinations .date-range-non-editable .calloutDirective .calloutBody {
    overflow-y: auto;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    background-color: var(--lvh-white);
  }
}
#edit-vacancy-modal .job-post-destinations .cc-date-range-callout .callout,
#job-description-modal .job-post-destinations .cc-date-range-callout .callout,
#job-documents-modal .job-post-destinations .cc-date-range-callout .callout,
#vacancy-video-interview-modal .job-post-destinations .cc-date-range-callout .callout,
#vacancy-publish-page .job-post-destinations .cc-date-range-callout .callout,
#edit-vacancy-modal .job-post-destinations .date-range-non-editable .callout,
#job-description-modal .job-post-destinations .date-range-non-editable .callout,
#job-documents-modal .job-post-destinations .date-range-non-editable .callout,
#vacancy-video-interview-modal .job-post-destinations .date-range-non-editable .callout,
#vacancy-publish-page .job-post-destinations .date-range-non-editable .callout {
  display: none;
}
#edit-vacancy-modal .job-post-destinations .cc-date-range-callout .callout.visible,
#job-description-modal .job-post-destinations .cc-date-range-callout .callout.visible,
#job-documents-modal .job-post-destinations .cc-date-range-callout .callout.visible,
#vacancy-video-interview-modal .job-post-destinations .cc-date-range-callout .callout.visible,
#vacancy-publish-page .job-post-destinations .cc-date-range-callout .callout.visible,
#edit-vacancy-modal .job-post-destinations .date-range-non-editable .callout.visible,
#job-description-modal .job-post-destinations .date-range-non-editable .callout.visible,
#job-documents-modal .job-post-destinations .date-range-non-editable .callout.visible,
#vacancy-video-interview-modal .job-post-destinations .date-range-non-editable .callout.visible,
#vacancy-publish-page .job-post-destinations .date-range-non-editable .callout.visible {
  display: block;
}
#edit-vacancy-modal .job-post-destinations .advertlink,
#job-description-modal .job-post-destinations .advertlink,
#job-documents-modal .job-post-destinations .advertlink,
#vacancy-video-interview-modal .job-post-destinations .advertlink,
#vacancy-publish-page .job-post-destinations .advertlink {
  width: 15%;
}
#edit-vacancy-modal .job-post-destinations .advertlink .view-ad-button,
#job-description-modal .job-post-destinations .advertlink .view-ad-button,
#job-documents-modal .job-post-destinations .advertlink .view-ad-button,
#vacancy-video-interview-modal .job-post-destinations .advertlink .view-ad-button,
#vacancy-publish-page .job-post-destinations .advertlink .view-ad-button {
  min-width: 90px;
  color: var(--lvh-x-shark-dark);
}
#edit-vacancy-modal .job-post-destinations .publication-details,
#job-description-modal .job-post-destinations .publication-details,
#job-documents-modal .job-post-destinations .publication-details,
#vacancy-video-interview-modal .job-post-destinations .publication-details,
#vacancy-publish-page .job-post-destinations .publication-details {
  display: flow-root;
  padding: 4px 10px;
  margin: -10px 0px 10px;
  border-radius: 3px;
  box-shadow: 0px 1px 1px var(--lvh-white92);
  box-sizing: border-box;
  background-color: var(--lvh-x-shark-light);
  min-height: 36px;
}
#edit-vacancy-modal .job-post-destinations .publication-details > .button,
#job-description-modal .job-post-destinations .publication-details > .button,
#job-documents-modal .job-post-destinations .publication-details > .button,
#vacancy-video-interview-modal .job-post-destinations .publication-details > .button,
#vacancy-publish-page .job-post-destinations .publication-details > .button {
  display: table-row;
  line-height: 34px;
  float: right;
  min-width: 90px;
  color: var(--lvh-x-light-grey);
}
#edit-vacancy-modal .job-post-destinations .job-alerts > .wrapper,
#job-description-modal .job-post-destinations .job-alerts > .wrapper,
#job-documents-modal .job-post-destinations .job-alerts > .wrapper,
#vacancy-video-interview-modal .job-post-destinations .job-alerts > .wrapper,
#vacancy-publish-page .job-post-destinations .job-alerts > .wrapper {
  display: flex;
}
#edit-vacancy-modal .job-post-destinations .job-alerts .icon-col,
#job-description-modal .job-post-destinations .job-alerts .icon-col,
#job-documents-modal .job-post-destinations .job-alerts .icon-col,
#vacancy-video-interview-modal .job-post-destinations .job-alerts .icon-col,
#vacancy-publish-page .job-post-destinations .job-alerts .icon-col {
  display: flex;
  width: 40px;
  justify-content: center;
  padding-top: 1px;
}
#edit-vacancy-modal .job-post-destinations .job-alerts .icon-col .icon,
#job-description-modal .job-post-destinations .job-alerts .icon-col .icon,
#job-documents-modal .job-post-destinations .job-alerts .icon-col .icon,
#vacancy-video-interview-modal .job-post-destinations .job-alerts .icon-col .icon,
#vacancy-publish-page .job-post-destinations .job-alerts .icon-col .icon {
  font-size: 16px;
}
#edit-vacancy-modal .job-post-destinations .job-alerts .glyph0150,
#job-description-modal .job-post-destinations .job-alerts .glyph0150,
#job-documents-modal .job-post-destinations .job-alerts .glyph0150,
#vacancy-video-interview-modal .job-post-destinations .job-alerts .glyph0150,
#vacancy-publish-page .job-post-destinations .job-alerts .glyph0150 {
  color: var(--lvh-x-yellow);
}
#edit-vacancy-modal .job-post-destinations .job-alerts .glyph0034,
#job-description-modal .job-post-destinations .job-alerts .glyph0034,
#job-documents-modal .job-post-destinations .job-alerts .glyph0034,
#vacancy-video-interview-modal .job-post-destinations .job-alerts .glyph0034,
#vacancy-publish-page .job-post-destinations .job-alerts .glyph0034 {
  color: var(--lvh-x-green);
}
#edit-vacancy-modal .job-post-destinations .job-alerts .glyph0161,
#job-description-modal .job-post-destinations .job-alerts .glyph0161,
#job-documents-modal .job-post-destinations .job-alerts .glyph0161,
#vacancy-video-interview-modal .job-post-destinations .job-alerts .glyph0161,
#vacancy-publish-page .job-post-destinations .job-alerts .glyph0161 {
  color: var(--lvh-x-shark-dark);
}
#edit-vacancy-modal .job-post-destinations .job-alerts .status-col,
#job-description-modal .job-post-destinations .job-alerts .status-col,
#job-documents-modal .job-post-destinations .job-alerts .status-col,
#vacancy-video-interview-modal .job-post-destinations .job-alerts .status-col,
#vacancy-publish-page .job-post-destinations .job-alerts .status-col {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}
#edit-vacancy-modal .job-post-destinations .job-alerts .status-heading,
#job-description-modal .job-post-destinations .job-alerts .status-heading,
#job-documents-modal .job-post-destinations .job-alerts .status-heading,
#vacancy-video-interview-modal .job-post-destinations .job-alerts .status-heading,
#vacancy-publish-page .job-post-destinations .job-alerts .status-heading {
  color: var(--lvh-x-dark-grey);
  margin: 0 5px 5px 0;
}
#edit-vacancy-modal .job-post-destinations .job-alerts .status-heading strong,
#job-description-modal .job-post-destinations .job-alerts .status-heading strong,
#job-documents-modal .job-post-destinations .job-alerts .status-heading strong,
#vacancy-video-interview-modal .job-post-destinations .job-alerts .status-heading strong,
#vacancy-publish-page .job-post-destinations .job-alerts .status-heading strong {
  font-weight: 600;
}
#edit-vacancy-modal .job-post-destinations .job-alerts .status-description,
#job-description-modal .job-post-destinations .job-alerts .status-description,
#job-documents-modal .job-post-destinations .job-alerts .status-description,
#vacancy-video-interview-modal .job-post-destinations .job-alerts .status-description,
#vacancy-publish-page .job-post-destinations .job-alerts .status-description {
  font-size: 11px;
  color: var(--lvh-secondary-text);
}
#edit-vacancy-modal .job-post-destinations .job-alerts .icon,
#job-description-modal .job-post-destinations .job-alerts .icon,
#job-documents-modal .job-post-destinations .job-alerts .icon,
#vacancy-video-interview-modal .job-post-destinations .job-alerts .icon,
#vacancy-publish-page .job-post-destinations .job-alerts .icon,
#edit-vacancy-modal .job-post-destinations .job-alerts .p-checkbox,
#job-description-modal .job-post-destinations .job-alerts .p-checkbox,
#job-documents-modal .job-post-destinations .job-alerts .p-checkbox,
#vacancy-video-interview-modal .job-post-destinations .job-alerts .p-checkbox,
#vacancy-publish-page .job-post-destinations .job-alerts .p-checkbox {
  display: flex;
}
#edit-vacancy-modal .job-post-destinations .job-alerts .p-checkbox .checkbox,
#job-description-modal .job-post-destinations .job-alerts .p-checkbox .checkbox,
#job-documents-modal .job-post-destinations .job-alerts .p-checkbox .checkbox,
#vacancy-video-interview-modal .job-post-destinations .job-alerts .p-checkbox .checkbox,
#vacancy-publish-page .job-post-destinations .job-alerts .p-checkbox .checkbox {
  top: 1px;
}
#edit-vacancy-modal .job-post-destinations .job-alerts .info-icon,
#job-description-modal .job-post-destinations .job-alerts .info-icon,
#job-documents-modal .job-post-destinations .job-alerts .info-icon,
#vacancy-video-interview-modal .job-post-destinations .job-alerts .info-icon,
#vacancy-publish-page .job-post-destinations .job-alerts .info-icon {
  font-size: 12px;
  color: var(--lvh-x-shark-dark);
}
#edit-vacancy-modal #broadbean-section,
#job-description-modal #broadbean-section,
#job-documents-modal #broadbean-section,
#vacancy-video-interview-modal #broadbean-section,
#vacancy-publish-page #broadbean-section {
  margin-top: 20px;
}
#edit-vacancy-modal #broadbean-section #broadbean-header,
#job-description-modal #broadbean-section #broadbean-header,
#job-documents-modal #broadbean-section #broadbean-header,
#vacancy-video-interview-modal #broadbean-section #broadbean-header,
#vacancy-publish-page #broadbean-section #broadbean-header {
  position: relative;
  margin: 0 0 20px;
  padding: 0 0 20px;
  width: 100%;
  border-bottom: 1px solid var(--lvh-x-paler-grey);
}
#edit-vacancy-modal #broadbean-section #broadbean-header .title,
#job-description-modal #broadbean-section #broadbean-header .title,
#job-documents-modal #broadbean-section #broadbean-header .title,
#vacancy-video-interview-modal #broadbean-section #broadbean-header .title,
#vacancy-publish-page #broadbean-section #broadbean-header .title {
  float: none;
}
#edit-vacancy-modal #broadbean-section #broadbean-header .powered-by,
#job-description-modal #broadbean-section #broadbean-header .powered-by,
#job-documents-modal #broadbean-section #broadbean-header .powered-by,
#vacancy-video-interview-modal #broadbean-section #broadbean-header .powered-by,
#vacancy-publish-page #broadbean-section #broadbean-header .powered-by {
  position: absolute;
  top: 2px;
  right: 0;
  display: block;
  font-size: 11px;
  color: var(--lvh-x-shark-dark);
}
@media (max-width: 991px) {
  #edit-vacancy-modal #broadbean-section #broadbean-header .powered-by,
  #job-description-modal #broadbean-section #broadbean-header .powered-by,
  #job-documents-modal #broadbean-section #broadbean-header .powered-by,
  #vacancy-video-interview-modal #broadbean-section #broadbean-header .powered-by,
  #vacancy-publish-page #broadbean-section #broadbean-header .powered-by {
    position: static;
    margin: 5px 0 0;
  }
}
#edit-vacancy-modal #broadbean-section .broadbean-available,
#job-description-modal #broadbean-section .broadbean-available,
#job-documents-modal #broadbean-section .broadbean-available,
#vacancy-video-interview-modal #broadbean-section .broadbean-available,
#vacancy-publish-page #broadbean-section .broadbean-available {
  float: left;
  width: 100%;
}
#edit-vacancy-modal #broadbean-section .broadbean-available button,
#job-description-modal #broadbean-section .broadbean-available button,
#job-documents-modal #broadbean-section .broadbean-available button,
#vacancy-video-interview-modal #broadbean-section .broadbean-available button,
#vacancy-publish-page #broadbean-section .broadbean-available button {
  margin-bottom: 10px;
}
#edit-vacancy-modal #broadbean-section .p-empty-state,
#job-description-modal #broadbean-section .p-empty-state,
#job-documents-modal #broadbean-section .p-empty-state,
#vacancy-video-interview-modal #broadbean-section .p-empty-state,
#vacancy-publish-page #broadbean-section .p-empty-state {
  background-color: var(--lvh-white98);
}
#edit-vacancy-modal #application-close-section,
#job-description-modal #application-close-section,
#job-documents-modal #application-close-section,
#vacancy-video-interview-modal #application-close-section,
#vacancy-publish-page #application-close-section {
  height: 35px;
}
#edit-vacancy-modal #application-close-section .date-input-wrap,
#job-description-modal #application-close-section .date-input-wrap,
#job-documents-modal #application-close-section .date-input-wrap,
#vacancy-video-interview-modal #application-close-section .date-input-wrap,
#vacancy-publish-page #application-close-section .date-input-wrap {
  width: 200px;
}
#edit-vacancy-modal #application-close-section .date-input-wrap .date-picker-wrap,
#job-description-modal #application-close-section .date-input-wrap .date-picker-wrap,
#job-documents-modal #application-close-section .date-input-wrap .date-picker-wrap,
#vacancy-video-interview-modal #application-close-section .date-input-wrap .date-picker-wrap,
#vacancy-publish-page #application-close-section .date-input-wrap .date-picker-wrap {
  margin-right: 10px;
}
#edit-vacancy-modal #application-close-section div > .label,
#job-description-modal #application-close-section div > .label,
#job-documents-modal #application-close-section div > .label,
#vacancy-video-interview-modal #application-close-section div > .label,
#vacancy-publish-page #application-close-section div > .label {
  position: relative;
  float: left;
  margin: 10px 0px;
}
#edit-vacancy-modal #application-close-section #application-close-wrap,
#job-description-modal #application-close-section #application-close-wrap,
#job-documents-modal #application-close-section #application-close-wrap,
#vacancy-video-interview-modal #application-close-section #application-close-wrap,
#vacancy-publish-page #application-close-section #application-close-wrap {
  position: absolute;
  display: -webkit-inline-box;
  top: 0;
  right: 0;
}
#edit-vacancy-modal #application-close-section .date-input-wrap,
#job-description-modal #application-close-section .date-input-wrap,
#job-documents-modal #application-close-section .date-input-wrap,
#vacancy-video-interview-modal #application-close-section .date-input-wrap,
#vacancy-publish-page #application-close-section .date-input-wrap {
  padding-right: 6px;
}
#edit-vacancy-modal .html-disabled-field,
#job-description-modal .html-disabled-field,
#job-documents-modal .html-disabled-field,
#vacancy-video-interview-modal .html-disabled-field,
#vacancy-publish-page .html-disabled-field {
  color: var(--lvh-x-shark-dark);
  background-color: var(--lvh-x-shark-light);
  padding: 6px;
  min-height: 240px;
  border: 1px solid var(--lvh-x-paler-grey);
  border-radius: 3px;
  overflow: auto;
}
#vacancy-publish-modal #btn-refresh.button.isBusy {
  display: inline;
}
#job-description-modal .job-description {
  /* Plain-text editor. */
  /* HTML read-only display. */
}
#job-description-modal .job-description textarea {
  resize: vertical;
}
#job-description-modal .job-description .html-disabled-field {
  max-height: 200px;
  max-width: 100%;
}
#job-description-modal .job-description .html-disabled-field img {
  max-width: 100%;
  height: auto;
}
@media (max-width: 991px) {
  #vacancy-publish-page .primary-header-menu {
    float: none;
    margin-bottom: 30px;
  }
  #vacancy-publish-page .primary-header-menu .header-lhs {
    display: none;
  }
}
/* -----------------------------------------------------------------------------

  VACANCY MANAGEMENT FEATURE

----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------

  VACANCY LIST PAGE
  
----------------------------------------------------------------------------- */
#vacancy-list-page {
  float: left;
  width: 100%;
  padding: 0 0 80px 0;
}
@media (max-width: 991px) {
  #vacancy-list-page {
    padding: 0 0 40px 0;
  }
}
@media (min-width: 992px) {
  #vacancy-list-page {
    margin-top: 80px;
  }
}
#vacancy-list-page .container {
  position: relative;
}
@media (max-width: 991px) {
  #vacancy-list-page .col.quarters {
    width: 100% !important;
    margin-bottom: 20px;
  }
}
@media (max-width: 991px) {
  #vacancy-list-page .col.quarters:not(:last-child) {
    margin-right: 0 !important;
  }
}
@media (min-width: 992px) {
  #vacancy-list-page .employerAppHeader {
    position: fixed;
    top: 60px;
    margin: 0;
    z-index: 7961;
  }
}
#vacancy-list-page .employerAppHeader #stats-toggle-container {
  margin: 23px 0 0 10px;
}
#vacancy-list-page .employerAppHeader .button-wrap {
  float: right;
}
#vacancy-list-page #advanced-filters button.active {
  color: var(--lvh-bright-blue);
}
#vacancy-list-page .header-tabs-section {
  float: none;
}
#vacancy-list-page .header-tabs-section .lhs {
  float: left;
}
@media (max-width: 991px) {
  #vacancy-list-page .header-tabs-section .lhs {
    width: 100%;
  }
}
#vacancy-list-page .header-tabs-section .rhs {
  float: right;
}
@media (max-width: 991px) {
  #vacancy-list-page .header-tabs-section .rhs {
    width: 100%;
    margin: 10px 0 0 0;
  }
}
#vacancy-list-page .header-tabs-section .rhs > .item {
  float: left;
  margin: 15px 0 0 0;
}
#vacancy-list-page .header-tabs-section .rhs > .item:not(:last-child) {
  margin: 15px 10px 0 0;
}
#vacancy-list-page .header-tabs-section .rhs > .item:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#vacancy-list-page .header-tabs-section .rhs > .item .button {
  display: block;
}
#vacancy-list-page .header-tabs-section .rhs > .item .button .icon.glyph0038 {
  color: var(--lvh-x-purple);
}
#vacancy-list-page .header-tabs-section .rhs > .item > threshold-action-counts-toggle-ng1 {
  position: relative;
  top: -1px;
}
#vacancy-list-page .header-tabs-section .rhs .container-inner > div {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 10px;
}
@media (max-width: 991px) {
  #vacancy-list-page .header-tabs-section .rhs .container-inner > div {
    margin: 0 0 10px;
    width: 100%;
  }
}
#vacancy-list-page .header-tabs-section .container-inner {
  margin-top: 10px;
}
@media (max-width: 991px) {
  #vacancy-list-page .header-tabs-section .container-inner {
    margin-top: 0;
  }
}
#vacancy-list-page .header-tabs-section #search-wrap {
  position: relative;
}
#vacancy-list-page .header-tabs-section #search-wrap input {
  width: 195px;
}
@media (max-width: 991px) {
  #vacancy-list-page .header-tabs-section #search-wrap input {
    width: 100%;
  }
}
#vacancy-list-page .header-tabs-section #search-wrap i.iconFont.glyph0061 {
  position: absolute;
  top: 50%;
  right: 7px;
  font-size: 14px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: var(--lvh-x-shark-dark);
  z-index: 2;
}
@media (max-width: 991px) {
  #vacancy-list-page .header-tabs-section #include-eoi-wrap {
    display: none;
  }
}
#vacancy-list-page .header-tabs-section #collaboration-wrap {
  white-space: nowrap;
  position: relative;
}
#vacancy-list-page .header-tabs-section #collaboration-wrap:before {
  content: '';
  width: 15px;
  display: block;
  position: absolute;
  left: -15px;
  top: 15px;
  border-bottom: solid 1px var(--lvh-x-paler-grey);
}
@media (max-width: 991px) {
  #vacancy-list-page .header-tabs-section #collaboration-wrap:before {
    display: none;
  }
}
#vacancy-list-page .header-tabs-section #owner-wrap {
  width: 200px;
}
#vacancy-list-page .header-tabs-section #category-wrap {
  width: 150px;
}
#vacancy-list-page .header-tabs-section #category-wrap .cc-dropdown2 {
  width: 150px;
}
@media (max-width: 991px) {
  #vacancy-list-page .header-tabs-section #category-wrap .cc-dropdown2 {
    width: auto;
  }
}
#vacancy-list-page .header-tabs-section #category-wrap .dropdown {
  right: -150px;
}
@media (max-width: 991px) {
  #vacancy-list-page .header-tabs-section #category-wrap .dropdown {
    z-index: 8500;
    right: 0;
  }
}
#vacancy-list-page .header-tabs-section #category-wrap .dropdown .icon {
  right: 10px;
}
#vacancy-list-page .header-tabs-section #category-wrap .dropdown .label {
  padding-right: 10px;
}
#vacancy-list-page .header-tabs-section #category-wrap .dropdown .primary-option > .inner-wrap {
  padding: 0 10px;
}
#vacancy-list-page .header-tabs-section #category-wrap .dropdown .primary-option .p-checkbox {
  left: 10px;
}
#vacancy-list-page .header-tabs-section #category-wrap .dropdown .secondary-option > .inner-wrap {
  padding: 0 0 0 30px;
}
#vacancy-list-page .header-tabs-section #category-wrap .dropdown .secondary-option .p-checkbox {
  left: 30px;
}
#vacancy-list-page .header-tabs-section #owner-wrap,
#vacancy-list-page .header-tabs-section #category-wrap {
  z-index: 2000;
}
#vacancy-list-page .header-tabs-section #owner-wrap .dropdownComponent,
#vacancy-list-page .header-tabs-section #category-wrap .dropdownComponent {
  position: relative;
}
#vacancy-list-page .header-tabs-section #owner-wrap .dropdownComponent:after,
#vacancy-list-page .header-tabs-section #category-wrap .dropdownComponent:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#vacancy-list-page .header-tabs-section #owner-wrap .dropdownComponent.select,
#vacancy-list-page .header-tabs-section #category-wrap .dropdownComponent.select,
#vacancy-list-page .header-tabs-section #owner-wrap .dropdownComponent.head,
#vacancy-list-page .header-tabs-section #category-wrap .dropdownComponent.head {
  color: var(--lvh-x-dark-grey);
  border: none;
  outline: 0;
  line-height: normal;
  box-sizing: border-box;
}
#vacancy-list-page .header-tabs-section #owner-wrap .dropdownComponent.select.hasValidationMessage,
#vacancy-list-page .header-tabs-section #category-wrap .dropdownComponent.select.hasValidationMessage,
#vacancy-list-page .header-tabs-section #owner-wrap .dropdownComponent.head.hasValidationMessage,
#vacancy-list-page .header-tabs-section #category-wrap .dropdownComponent.head.hasValidationMessage {
  padding-bottom: 28px !important;
}
#vacancy-list-page .header-tabs-section #owner-wrap .dropdownComponent.select.hasValidationMessage .dropdown,
#vacancy-list-page .header-tabs-section #category-wrap .dropdownComponent.select.hasValidationMessage .dropdown,
#vacancy-list-page .header-tabs-section #owner-wrap .dropdownComponent.head.hasValidationMessage .dropdown,
#vacancy-list-page .header-tabs-section #category-wrap .dropdownComponent.head.hasValidationMessage .dropdown {
  top: calc(100% - 29px);
}
#vacancy-list-page .header-tabs-section #owner-wrap .dropdownComponent.select .dropdown,
#vacancy-list-page .header-tabs-section #category-wrap .dropdownComponent.select .dropdown,
#vacancy-list-page .header-tabs-section #owner-wrap .dropdownComponent.head .dropdown,
#vacancy-list-page .header-tabs-section #category-wrap .dropdownComponent.head .dropdown {
  border-color: var(--lvh-x-paler-grey);
  top: calc(100% - 1px);
  left: 0;
  max-height: 200px;
  overflow-y: auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#vacancy-list-page .header-tabs-section #owner-wrap .dropdownComponent.select .selectedLabel,
#vacancy-list-page .header-tabs-section #category-wrap .dropdownComponent.select .selectedLabel,
#vacancy-list-page .header-tabs-section #owner-wrap .dropdownComponent.head .selectedLabel,
#vacancy-list-page .header-tabs-section #category-wrap .dropdownComponent.head .selectedLabel {
  float: left;
  width: 100%;
  padding: 7px 8px;
  color: var(--lvh-secondary-text);
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-paler-grey);
  border-radius: 3px;
  position: relative;
  box-sizing: border-box;
  z-index: 2;
}
@media (max-width: 991px) {
  #vacancy-list-page .header-tabs-section #owner-wrap .dropdownComponent.select .selectedLabel,
  #vacancy-list-page .header-tabs-section #category-wrap .dropdownComponent.select .selectedLabel,
  #vacancy-list-page .header-tabs-section #owner-wrap .dropdownComponent.head .selectedLabel,
  #vacancy-list-page .header-tabs-section #category-wrap .dropdownComponent.head .selectedLabel {
    padding: 10px 14px;
  }
}
#vacancy-list-page .header-tabs-section #owner-wrap .dropdownComponent.select .selectedLabel > span,
#vacancy-list-page .header-tabs-section #category-wrap .dropdownComponent.select .selectedLabel > span,
#vacancy-list-page .header-tabs-section #owner-wrap .dropdownComponent.head .selectedLabel > span,
#vacancy-list-page .header-tabs-section #category-wrap .dropdownComponent.head .selectedLabel > span {
  float: left;
  width: calc(100% - 15px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  #vacancy-list-page .header-tabs-section #owner-wrap .dropdownComponent.select .selectedLabel > span,
  #vacancy-list-page .header-tabs-section #category-wrap .dropdownComponent.select .selectedLabel > span,
  #vacancy-list-page .header-tabs-section #owner-wrap .dropdownComponent.head .selectedLabel > span,
  #vacancy-list-page .header-tabs-section #category-wrap .dropdownComponent.head .selectedLabel > span {
    font-size: 16px;
  }
}
#vacancy-list-page .header-tabs-section #owner-wrap .dropdownComponent.select .selectedLabel i,
#vacancy-list-page .header-tabs-section #category-wrap .dropdownComponent.select .selectedLabel i,
#vacancy-list-page .header-tabs-section #owner-wrap .dropdownComponent.head .selectedLabel i,
#vacancy-list-page .header-tabs-section #category-wrap .dropdownComponent.head .selectedLabel i {
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -3.5px;
  display: block;
  font-size: 7px;
  color: var(--lvh-x-shark-dark);
}
@media (max-width: 991px) {
  #vacancy-list-page .header-tabs-section #owner-wrap .dropdownComponent.select .selectedLabel i,
  #vacancy-list-page .header-tabs-section #category-wrap .dropdownComponent.select .selectedLabel i,
  #vacancy-list-page .header-tabs-section #owner-wrap .dropdownComponent.head .selectedLabel i,
  #vacancy-list-page .header-tabs-section #category-wrap .dropdownComponent.head .selectedLabel i {
    right: 14px;
  }
}
#vacancy-list-page .header-tabs-section #owner-wrap .dropdownComponent.select .menuItems > .menuItem > .label,
#vacancy-list-page .header-tabs-section #category-wrap .dropdownComponent.select .menuItems > .menuItem > .label,
#vacancy-list-page .header-tabs-section #owner-wrap .dropdownComponent.head .menuItems > .menuItem > .label,
#vacancy-list-page .header-tabs-section #category-wrap .dropdownComponent.head .menuItems > .menuItem > .label,
#vacancy-list-page .header-tabs-section #owner-wrap .dropdownComponent.select .subMenuItems > .menuItem > .label,
#vacancy-list-page .header-tabs-section #category-wrap .dropdownComponent.select .subMenuItems > .menuItem > .label,
#vacancy-list-page .header-tabs-section #owner-wrap .dropdownComponent.head .subMenuItems > .menuItem > .label,
#vacancy-list-page .header-tabs-section #category-wrap .dropdownComponent.head .subMenuItems > .menuItem > .label,
#vacancy-list-page .header-tabs-section #owner-wrap .dropdownComponent.select .menuItems > .subMenuItem > .label,
#vacancy-list-page .header-tabs-section #category-wrap .dropdownComponent.select .menuItems > .subMenuItem > .label,
#vacancy-list-page .header-tabs-section #owner-wrap .dropdownComponent.head .menuItems > .subMenuItem > .label,
#vacancy-list-page .header-tabs-section #category-wrap .dropdownComponent.head .menuItems > .subMenuItem > .label,
#vacancy-list-page .header-tabs-section #owner-wrap .dropdownComponent.select .subMenuItems > .subMenuItem > .label,
#vacancy-list-page .header-tabs-section #category-wrap .dropdownComponent.select .subMenuItems > .subMenuItem > .label,
#vacancy-list-page .header-tabs-section #owner-wrap .dropdownComponent.head .subMenuItems > .subMenuItem > .label,
#vacancy-list-page .header-tabs-section #category-wrap .dropdownComponent.head .subMenuItems > .subMenuItem > .label {
  padding: 4px 8px;
}
#vacancy-list-page .header-tabs-section #owner-wrap .dropdownComponent.select .validation-message,
#vacancy-list-page .header-tabs-section #category-wrap .dropdownComponent.select .validation-message,
#vacancy-list-page .header-tabs-section #owner-wrap .dropdownComponent.head .validation-message,
#vacancy-list-page .header-tabs-section #category-wrap .dropdownComponent.head .validation-message {
  width: 100%;
  position: absolute;
  top: auto;
  bottom: 1px;
  left: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
}
#vacancy-list-page .header-tabs-section #owner-wrap .dropdownComponent.head .dropdown,
#vacancy-list-page .header-tabs-section #category-wrap .dropdownComponent.head .dropdown {
  max-height: 220px;
}
#vacancy-list-page .header-tabs-section #owner-wrap .dropdownComponent.head .selectedLabel > span,
#vacancy-list-page .header-tabs-section #category-wrap .dropdownComponent.head .selectedLabel > span {
  width: auto;
}
#vacancy-list-page .header-tabs-section #owner-wrap .dropdownComponent.head .menuItem,
#vacancy-list-page .header-tabs-section #category-wrap .dropdownComponent.head .menuItem {
  float: left;
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
}
#vacancy-list-page .header-tabs-section #owner-wrap .dropdownComponent.head .menuItem:hover,
#vacancy-list-page .header-tabs-section #category-wrap .dropdownComponent.head .menuItem:hover {
  background-color: var(--lvh-x-off-white);
}
#vacancy-list-page .header-tabs-section #owner-wrap .dropdownComponent.head .profile-picture,
#vacancy-list-page .header-tabs-section #category-wrap .dropdownComponent.head .profile-picture {
  float: left;
}
#vacancy-list-page .header-tabs-section #owner-wrap .dropdownComponent.head .cc-avatar,
#vacancy-list-page .header-tabs-section #category-wrap .dropdownComponent.head .cc-avatar {
  float: left;
  margin-right: 10px;
  padding-top: 5px;
}
#vacancy-list-page .header-tabs-section #owner-wrap .dropdownComponent.head .text,
#vacancy-list-page .header-tabs-section #category-wrap .dropdownComponent.head .text {
  float: left;
  color: var(--lvh-secondary-text);
  line-height: 32px;
  max-width: 145px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 50px);
}
@media (max-width: 991px) {
  #vacancy-list-page .header-tabs-section #owner-wrap,
  #vacancy-list-page .header-tabs-section #category-wrap {
    width: 100%;
  }
}
#vacancy-list-page .header-tabs-section #owner-wrap .dropdownDirective,
#vacancy-list-page .header-tabs-section #category-wrap .dropdownDirective {
  width: 100%;
}
#vacancy-list-page .header-tabs-section #owner-wrap .dropdownComponent,
#vacancy-list-page .header-tabs-section #category-wrap .dropdownComponent {
  z-index: 2000;
}
#vacancy-list-page .header-tabs-section #owner-wrap .dropdownComponent .selectedLabel,
#vacancy-list-page .header-tabs-section #category-wrap .dropdownComponent .selectedLabel {
  min-height: 34px;
}
@media (max-width: 991px) {
  #vacancy-list-page .header-tabs-section #owner-wrap .dropdownComponent .selectedLabel,
  #vacancy-list-page .header-tabs-section #category-wrap .dropdownComponent .selectedLabel {
    min-height: 40px;
  }
}
#vacancy-list-page .header-tabs-section #owner-wrap .dropdownComponent .selectedLabel .placeholder,
#vacancy-list-page .header-tabs-section #category-wrap .dropdownComponent .selectedLabel .placeholder {
  color: var(--lvh-x-shark-dark);
}
#vacancy-list-page .header-tabs-section #owner-wrap .dropdownComponent .selectedLabel > i,
#vacancy-list-page .header-tabs-section #category-wrap .dropdownComponent .selectedLabel > i {
  color: var(--lvh-x-shark-dark) !important;
}
#vacancy-list-page .header-tabs-section:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
}
#vacancy-list-page #report-aggregate-numbers .cc-bucket-list .buckets {
  border: none;
}
#vacancy-list-page #report-aggregate-numbers .cc-bucket-list .bucket {
  width: 16.666666%;
  cursor: default;
}
#vacancy-list-page #report-aggregate-numbers .nvd3 text,
#vacancy-list-page #report-aggregate-numbers #vacant-positions-per-recruiter-chart text {
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  font-weight: 400;
  fill: var(--lvh-secondary-text);
}
#vacancy-list-page #report-aggregate-numbers .nvd3 .nv-legend-symbol,
#vacancy-list-page #report-aggregate-numbers #vacant-positions-per-recruiter-chart .nv-legend-symbol,
#vacancy-list-page #report-aggregate-numbers .nvd3 .nv-legend-text,
#vacancy-list-page #report-aggregate-numbers #vacant-positions-per-recruiter-chart .nv-legend-text {
  cursor: default;
}
#vacancy-list-page #report-aggregate-numbers .nvd3 .nv-axis .nv-axisMaxMin-x text,
#vacancy-list-page #report-aggregate-numbers #vacant-positions-per-recruiter-chart .nv-axis .nv-axisMaxMin-x text,
#vacancy-list-page #report-aggregate-numbers .nvd3 .nv-axis .y text,
#vacancy-list-page #report-aggregate-numbers #vacant-positions-per-recruiter-chart .nv-axis .y text {
  font-weight: 400;
  fill: var(--lvh-x-shark-dark);
}
#vacancy-list-page #report-aggregate-numbers .nvd3 .nv-series:not(:last-child),
#vacancy-list-page #report-aggregate-numbers #vacant-positions-per-recruiter-chart .nv-series:not(:last-child) {
  margin-bottom: 5px;
}
#vacancy-list-page #vacancy-list {
  float: left;
  width: 100%;
}
#vacancy-list-page #vacancy-list thead tr th {
  padding: 8px 10px;
}
#vacancy-list-page #vacancy-list thead tr th.sort-column {
  position: relative;
}
@media (max-width: 991px) {
  #vacancy-list-page #vacancy-list tbody tr {
    position: relative;
  }
}
#vacancy-list-page #vacancy-list tbody tr td {
  padding: 20px 10px;
  vertical-align: top;
}
@media (max-width: 991px) {
  #vacancy-list-page #vacancy-list tbody tr td {
    margin: 0 0 5px 0;
    padding: 0;
    vertical-align: middle;
  }
}
#vacancy-list-page #vacancy-list tbody tr td:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (min-width: 992px) {
  #vacancy-list-page #vacancy-list tbody tr td.role-name {
    width: 195px;
  }
}
@media (max-width: 991px) {
  #vacancy-list-page #vacancy-list tbody tr td.role-name:before {
    display: none;
  }
}
@media (min-width: 992px) {
  #vacancy-list-page #vacancy-list tbody tr td.role-name .text {
    padding: 7px 0;
  }
}
@media (min-width: 992px) {
  #vacancy-list-page #vacancy-list tbody tr td.role-name .role-name {
    display: block;
  }
}
#vacancy-list-page #vacancy-list tbody tr td.role-name .role-name .job-details {
  display: block;
  font-size: 11px;
  color: var(--lvh-primary-text);
  line-height: 18px;
}
@media (max-width: 991px) {
  #vacancy-list-page #vacancy-list tbody tr td.role-name .role-name .job-details {
    font-size: 13px;
    line-height: 22px;
  }
}
#vacancy-list-page #vacancy-list tbody tr td.role-name .role-name .job-details .job-owner-name:before {
  content: '•';
  padding: 0 5px;
}
@media (min-width: 992px) {
  #vacancy-list-page #vacancy-list tbody tr td.role-name .role-name .job-details .job-owner-name {
    display: none;
  }
}
#vacancy-list-page #vacancy-list tbody tr td.role-name .role-name .job-details .imported-from:before {
  content: '•';
  padding: 0 5px;
}
@media (max-width: 991px) {
  #vacancy-list-page #vacancy-list tbody tr td.role-name .role-name .job-details .imported-from {
    display: none;
  }
}
#vacancy-list-page #vacancy-list tbody tr td.role-name .role-name .job-details .manage-clients,
#vacancy-list-page #vacancy-list tbody tr td.role-name .role-name .job-details .location-name {
  display: block;
}
#vacancy-list-page #vacancy-list tbody tr td.job-status {
  white-space: nowrap;
}
#vacancy-list-page #vacancy-list tbody tr td.job-status > .cc-tooltip {
  white-space: normal;
}
@media (max-width: 991px) {
  #vacancy-list-page #vacancy-list tbody tr td.job-status > .cc-tooltip {
    margin-left: 0;
  }
}
#vacancy-list-page #vacancy-list tbody tr td.job-status > .callout-wrap {
  position: relative;
  display: inline-block;
  white-space: normal;
}
#vacancy-list-page #vacancy-list tbody tr td.job-status > .callout-wrap .icon {
  margin: 0 3px;
  font-size: 11px;
  color: var(--lvh-x-shark-dark);
}
#vacancy-list-page #vacancy-list tbody tr td.job-status > .callout-wrap .callout {
  position: absolute;
  top: 15px;
}
#vacancy-list-page #vacancy-list tbody tr td.job-status > .callout-wrap .callout .body .note-title {
  font-weight: 600;
  margin-bottom: 5px;
}
#vacancy-list-page #vacancy-list tbody tr td.job-status > .callout-wrap .callout .body .bottom-space {
  margin-bottom: 25px;
}
#vacancy-list-page #vacancy-list tbody tr td.job-status > .job-notes {
  display: flex;
  align-items: center;
  margin: 5px 0;
  font-size: 11px;
}
#vacancy-list-page #vacancy-list tbody tr td.job-status > .job-notes .icon {
  margin-right: 5px;
  color: var(--lvh-x-shark-dark);
}
#vacancy-list-page #vacancy-list tbody tr td.job-status > .job-notes .icon.unread {
  position: relative;
}
#vacancy-list-page #vacancy-list tbody tr td.job-status > .job-notes .icon.unread:after {
  position: absolute;
  top: -2px;
  right: -3px;
  content: "";
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background: var(--lvh-x-ripe);
}
#vacancy-list-page #vacancy-list tbody tr td.job-status > .job-notes span:hover {
  text-decoration: underline;
}
@media (max-width: 991px) {
  #vacancy-list-page #vacancy-list tbody tr td.application-close-date > .cc-tooltip {
    margin-left: 0;
  }
}
#vacancy-list-page #vacancy-list tbody tr td.applicants .new-applicants {
  display: inline-block;
  font-size: 11px;
  line-height: 17px;
  color: var(--lvh-x-orange);
  padding: 0 5px;
  border: 1px solid var(--lvh-x-orange);
  border-radius: 3px;
  box-sizing: border-box;
  margin: 0 0 0 4px;
}
#vacancy-list-page #vacancy-list tbody tr td.applicants .velocity-badges {
  margin: 5px 0 0;
}
@media (max-width: 991px) {
  #vacancy-list-page #vacancy-list tbody tr td.applicants .velocity-badges {
    margin: 5px 0 5px 100px;
  }
}
#vacancy-list-page #vacancy-list tbody tr td.applicants .velocity-badges ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#vacancy-list-page #vacancy-list tbody tr td.applicants .velocity-badges ul li:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#vacancy-list-page #vacancy-list tbody tr td.stage {
  font-size: 11px;
}
@media (max-width: 991px) {
  #vacancy-list-page #vacancy-list tbody tr td.stage {
    font-size: 13px;
  }
}
@media (max-width: 991px) {
  #vacancy-list-page #vacancy-list tbody tr td.stage .highest-stage .label {
    display: none;
  }
}
#vacancy-list-page #vacancy-list tbody tr td.copy-link {
  width: 40px;
}
@media (max-width: 991px) {
  #vacancy-list-page #vacancy-list tbody tr td.copy-link {
    position: absolute;
    top: 10px;
    right: 10px;
  }
}
@media (min-width: 992px) {
  #vacancy-list-page #vacancy-list tbody tr td.copy-link .menuItem:last-child {
    display: none;
  }
}
@media (max-width: 991px) {
  #vacancy-list-page #vacancy-list tbody tr td > .cc-tooltip {
    margin-left: 100px;
  }
}
#vacancy-list-page #vacancy-list tbody tr td .text {
  display: block;
  padding: 15px 0;
}
@media (max-width: 991px) {
  #vacancy-list-page #vacancy-list tbody tr td .text {
    padding: 0;
  }
}
#vacancy-list-page #vacancy-list tbody tr td .text.small {
  font-size: 11px;
}
#vacancy-list-page #vacancy-list tbody tr td > .text {
  padding: 0 0 0 100px;
}
@media (min-width: 992px) {
  #vacancy-list-page #vacancy-list tbody tr td > .text {
    padding: 0;
  }
}
#vacancy-list-page #vacancy-list tbody tr td .status-changed {
  font-size: 11px;
  color: var(--lvh-x-shark-dark);
}
@media (max-width: 991px) {
  #vacancy-list-page #vacancy-list tbody tr td .cell-content {
    float: left;
    width: calc(100% - 100px);
  }
}
#vacancy-list-page #vacancy-list tbody tr td .fill-status {
  font-size: 11px;
}
#vacancy-list-page #vacancy-list tbody tr td .copy-link-button {
  padding: 15px 10px;
}
#vacancy-list-page #vacancy-list tbody tr td .copy-link-button .icon {
  font-size: 12px;
  color: var(--lvh-x-shark-dark);
}
@media (min-width: 992px) and (max-width: 1199px) {
  #vacancy-list-page #vacancy-list th[name="Team"],
  #vacancy-list-page #vacancy-list td.team {
    display: none;
  }
}
@media (min-width: 1441px) {
  #vacancy-list-page #vacancy-list th[name="Team"],
  #vacancy-list-page #vacancy-list td.team {
    display: table-cell;
  }
}
#vacancy-list-page #vacancy-list .cc-action-callout .cc-callout-list .item {
  min-width: 150px;
}
#vacancy-list-page .vacancy-stage-indicator {
  width: 180px;
  height: 19px;
  position: relative;
  z-index: 1000;
  margin: 0 -8px 4px 0;
}
#vacancy-list-page .vacancy-stage-indicator .tooltips {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
}
#vacancy-list-page .vacancy-stage-indicator .cc-tooltip {
  float: right;
  width: 16.666%;
  height: 100%;
  cursor: pointer;
}
#vacancy-list-page .vacancy-stage-indicator .stages {
  background-color: var(--lvh-x-shark-light);
  border: 1px solid var(--lvh-light-blue);
  border-radius: 3px;
  overflow: hidden;
}
#vacancy-list-page .vacancy-stage-indicator .stage.active:after {
  background-color: var(--lvh-lighter-blue);
}
#vacancy-list-page .vacancy-stage-indicator .stage.active .count {
  color: var(--lvh-primary-text);
}
#vacancy-list-page .vacancy-stage-indicator .stage {
  float: right;
  width: 16.666%;
  height: 100%;
  position: relative;
  text-align: center;
  padding: 0 5px;
  box-sizing: border-box;
}
#vacancy-list-page .vacancy-stage-indicator .stage:after {
  content: '';
  display: block;
  height: 100px;
  width: 100px;
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-light-blue);
  position: absolute;
  top: 50%;
  right: 50%;
  margin: 0px -11px 0 0;
  transform: translateX(8px) translate(50%, -50%) scaleY(1.5) rotate(45deg) translate(-50%, 50%);
}
#vacancy-list-page .vacancy-stage-indicator .stage .count {
  display: block;
  font-size: 11px;
  line-height: 19px;
  color: var(--lvh-x-murkberry-dark);
  position: relative;
  z-index: 7;
}
#vacancy-list-page .vacancy-stage-indicator .stage:nth-child(1):after {
  z-index: 1;
  transform: translateX(15px) translate(50%, -50%) scaleY(1.5) rotate(45deg) translate(-50%, 50%);
}
#vacancy-list-page .vacancy-stage-indicator .stage:nth-child(2):after {
  z-index: 2;
}
#vacancy-list-page .vacancy-stage-indicator .stage:nth-child(3):after {
  z-index: 3;
}
#vacancy-list-page .vacancy-stage-indicator .stage:nth-child(4):after {
  z-index: 4;
}
#vacancy-list-page .vacancy-stage-indicator .stage:nth-child(5):after {
  z-index: 5;
}
#vacancy-list-page .vacancy-stage-indicator .stage:nth-child(6):after {
  z-index: 6;
}
#vacancy-list-page #vacancy-max-stage-filter {
  overflow: hidden;
  border: 1px solid var(--lvh-light-blue);
  border-radius: 3px;
  margin-bottom: 20px;
  background: white;
}
#vacancy-list-page #vacancy-max-stage-filter .stage {
  float: right;
  width: 16.666%;
  height: 50px;
  position: relative;
  text-align: center;
  padding: 0 5px;
  box-sizing: border-box;
}
#vacancy-list-page #vacancy-max-stage-filter .stage:after {
  content: '';
  display: block;
  height: 300px;
  width: 300px;
  border: 1px solid var(--lvh-light-blue);
  background: var(--lvh-lighter-blue);
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translateX(8px) translate(50%, -50%) scaleY(1.5) rotate(45deg) translate(-50%, 50%);
}
#vacancy-list-page #vacancy-max-stage-filter .stage:hover .count {
  color: var(--lvh-x-darker-grey);
}
#vacancy-list-page #vacancy-max-stage-filter .stage .count {
  display: block;
  color: var(--lvh-primary-text);
  position: relative;
  z-index: 7;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
}
#vacancy-list-page #vacancy-max-stage-filter .stage:nth-child(1):after {
  z-index: 1;
  border: none;
  transform: translateX(15px) translate(50%, -50%) scaleY(1.5) rotate(45deg) translate(-50%, 50%);
}
#vacancy-list-page #vacancy-max-stage-filter .stage:nth-child(2):after {
  z-index: 2;
}
#vacancy-list-page #vacancy-max-stage-filter .stage:nth-child(3):after {
  z-index: 3;
}
#vacancy-list-page #vacancy-max-stage-filter .stage:nth-child(4):after {
  z-index: 4;
}
#vacancy-list-page #vacancy-max-stage-filter .stage:nth-child(5):after {
  z-index: 5;
}
#vacancy-list-page #vacancy-max-stage-filter .stage:nth-child(6):after {
  z-index: 6;
}
#vacancy-list-page #vacancy-max-stage-filter .stage.active .count {
  color: var(--lvh-white);
}
#vacancy-list-page #vacancy-max-stage-filter .stage.active:after {
  border: 1px solid var(--lvh-bright-blue);
  background-color: var(--lvh-bright-blue);
}
#vacancy-list-page #vacancy-max-stage-filter .stage.active:hover .count {
  color: var(--lvh-white);
}
#vacancy-list-page #vacancy-max-stage-filter .stage.disabled .count {
  color: var(--lvh-x-murkberry-dark);
  cursor: default;
}
#vacancy-list-page #vacancy-max-stage-filter .stage.disabled:after {
  background-color: var(--lvh-x-off-white);
}
#vacancy-list-page #vacancy-max-stage-filter .stage.disabled:hover .count {
  color: var(--lvh-x-murkberry-dark);
}
#vacancy-list-page .add-job-button {
  float: right;
  margin: 23px 0;
}
@media (max-width: 991px) {
  #vacancy-list-page .add-job-button {
    margin: 8px 0;
  }
}
#vacancy-list-page .tabs .tab:before {
  content: '';
  width: 1px;
  height: 17px;
  background-color: var(--lvh-x-pale-grey);
  margin-top: -8.5px;
}
#vacancy-list-page .cc-tabopotamus .cc-count-badge {
  background-color: var(--lvh-x-shark-light);
  color: var(--lvh-x-shark-dark);
}
#vacancy-list-page .cc-tabopotamus .tab.active .cc-count-badge {
  color: var(--lvh-bright-blue);
}
@media (max-width: 991px) {
  #vacancy-list-page .cc-tabopotamus .item {
    margin: 0 20px 0 0;
  }
}
/* -----------------------------------------------------------------------------

  APPLICANT MANAGEMENT PAGE (Candidate List)

----------------------------------------------------------------------------- */
#applicant-management-page,
#vacancy-publish-page {
  float: left;
  width: 100%;
  padding: 0 0 80px 0;
}
@media (max-width: 991px) {
  #applicant-management-page,
  #vacancy-publish-page {
    margin: 0;
    padding: 0 0 40px 0;
  }
}
@media (min-width: 992px) {
  #applicant-management-page:not(.overlay-blur),
  #vacancy-publish-page:not(.overlay-blur) {
    margin-top: 102px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #applicant-management-page:not(.overlay-blur) .primary-header-menu,
  #vacancy-publish-page:not(.overlay-blur) .primary-header-menu {
    min-height: 82px;
  }
}
@media (min-width: 992px) {
  #applicant-management-page:not(.overlay-blur) .primary-header-menu,
  #vacancy-publish-page:not(.overlay-blur) .primary-header-menu {
    position: fixed;
    top: 60px;
    margin: 0;
    width: 100%;
    z-index: 7961;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #applicant-management-page:not(.overlay-blur) .primary-header-menu .header-lhs,
  #vacancy-publish-page:not(.overlay-blur) .primary-header-menu .header-lhs {
    min-height: 35px;
    padding-bottom: 30px;
  }
}
#applicant-management-page .container,
#vacancy-publish-page .container {
  position: relative;
}
#applicant-management-page #applicant-management-header:after,
#vacancy-publish-page #applicant-management-header:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#applicant-management-page .cc-tabopotamus .cc-count-badge,
#vacancy-publish-page .cc-tabopotamus .cc-count-badge {
  background-color: var(--lvh-x-shark-light);
  color: var(--lvh-x-shark-dark);
}
#applicant-management-page .cc-tabopotamus .tab.active .cc-count-badge,
#vacancy-publish-page .cc-tabopotamus .tab.active .cc-count-badge {
  color: var(--lvh-bright-blue);
}
@media (min-width: 992px) {
  #applicant-management-page .cc-tabopotamus .items,
  #vacancy-publish-page .cc-tabopotamus .items {
    min-height: 60px;
  }
}
#applicant-management-page .p-empty-state,
#vacancy-publish-page .p-empty-state {
  clear: both;
}
#applicant-management-page .job-notes,
#vacancy-publish-page .job-notes {
  clear: both;
  margin: 0 0 20px;
}
#applicant-management-page .job-notes:after,
#vacancy-publish-page .job-notes:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (max-width: 991px) {
  #applicant-management-page .job-notes,
  #vacancy-publish-page .job-notes {
    margin: 10px 0 0;
  }
}
#applicant-management-page .job-notes span,
#vacancy-publish-page .job-notes span {
  white-space: pre-wrap;
}
#applicant-management-page #report-aggregate-numbers .text-right,
#vacancy-publish-page #report-aggregate-numbers .text-right {
  text-align: right;
}
#applicant-management-page #report-aggregate-numbers .cc-bucket-list,
#vacancy-publish-page #report-aggregate-numbers .cc-bucket-list {
  margin: 0;
}
@media (max-width: 991px) {
  #applicant-management-page #report-aggregate-numbers .cc-bucket-list,
  #vacancy-publish-page #report-aggregate-numbers .cc-bucket-list {
    display: block;
    margin: 10px 0 0;
  }
}
#applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket,
#vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket {
  cursor: default;
}
@media (min-width: 992px) {
  #applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket,
  #vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket {
    width: 16.666666%;
  }
}
@media (max-width: 991px) {
  #applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket:not(:last-child),
  #vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket:not(:last-child) {
    display: none;
  }
}
#applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket:last-child,
#vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket:last-child {
  border-right: none;
}
@media (max-width: 991px) {
  #applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket:last-child,
  #vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket:last-child {
    padding: 10px 0;
    height: auto;
    border-bottom: 1px solid var(--lvh-x-paler-grey);
  }
}
@media (max-width: 991px) {
  #applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket:last-child.pointer,
  #vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket:last-child.pointer {
    cursor: pointer;
  }
}
#applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .positions-wrap .positions-filled-wrap,
#vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .positions-wrap .positions-filled-wrap {
  display: block;
}
@media (max-width: 991px) {
  #applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .positions-wrap .positions-filled-wrap,
  #vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .positions-wrap .positions-filled-wrap {
    float: right;
  }
}
#applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .positions-wrap .positions,
#vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .positions-wrap .positions {
  position: relative;
  display: inline-block;
  height: 38px;
  margin-left: 12px;
  z-index: 1000;
}
#applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .positions-wrap .position,
#vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .positions-wrap .position {
  display: none;
  overflow: hidden;
  width: 34px;
  height: 34px;
  margin-left: -12px;
  font-weight: 600;
  line-height: 34px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--lvh-x-grey);
  border: 1px solid var(--lvh-x-pale-grey);
  box-sizing: border-box;
  color: var(--lvh-primary-text);
}
#applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .positions-wrap .position.default-avatar,
#vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .positions-wrap .position.default-avatar {
  background-image: url('//assets.livehire.com/common/images/vectors/avatar-1.svg');
  background-size: cover;
  background-position: center;
}
#applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .positions-wrap .position:first-child,
#vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .positions-wrap .position:first-child {
  display: inline-block;
  z-index: 4;
}
#applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .positions-wrap .position:nth-child(2),
#vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .positions-wrap .position:nth-child(2) {
  display: inline-block;
  z-index: 3;
}
#applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .positions-wrap .position:nth-child(3),
#vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .positions-wrap .position:nth-child(3) {
  display: inline-block;
  z-index: 2;
}
#applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .positions-wrap .position.extra,
#vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .positions-wrap .position.extra {
  display: inline-block;
  z-index: 1;
}
#applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .positions-wrap .position-count,
#vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .positions-wrap .position-count {
  padding: 0 0 4px 0;
}
@media (max-width: 991px) {
  #applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .positions-wrap .position-count,
  #vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .positions-wrap .position-count {
    padding: 0;
    font-size: 13px;
  }
}
#applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .positions-wrap .position-count.empty-state,
#vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .positions-wrap .position-count.empty-state {
  margin: 35px 0 0;
}
@media (max-width: 991px) {
  #applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .positions-wrap .position-count.empty-state,
  #vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .positions-wrap .position-count.empty-state {
    margin: 0 0 10px;
  }
}
#applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .positions-wrap .position-count.empty-state .icon,
#vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .positions-wrap .position-count.empty-state .icon {
  display: none;
}
@media (max-width: 991px) {
  #applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .job-position-summary,
  #vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .job-position-summary {
    float: left;
    margin: 10px 0 0;
  }
}
@media (max-width: 991px) {
  #applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .job-position-summary .position-count > .icon,
  #vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .job-position-summary .position-count > .icon {
    display: none;
  }
}
#applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .position-summaries .position-summary .filled-position,
#vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .position-summaries .position-summary .filled-position {
  text-align: left;
}
#applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer:after,
#vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (max-width: 991px) {
  #applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible,
  #vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9100;
    background-color: var(--lvh-white);
    overflow-y: auto;
  }
  #applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible > .overlayContent,
  #vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible > .overlayContent {
    padding: 0;
  }
  #applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible > .overlayContent .cc-modal,
  #vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible > .overlayContent .cc-modal {
    margin: 0;
    padding: 0;
    max-width: 100%;
  }
  #applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible > .overlayContent .cc-modal .modalHeader,
  #vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible > .overlayContent .cc-modal .modalHeader {
    display: none;
  }
  #applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible > .overlayContent .cc-modal .body,
  #vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible > .overlayContent .cc-modal .body {
    margin: 20px 0;
  }
  #applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible > .overlayContent .closeModal,
  #vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible > .overlayContent .closeModal {
    display: none;
  }
  #applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .header,
  #vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .header {
    display: block;
    text-align: center;
    background-color: var(--lvh-x-shark-light);
  }
  #applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .header button,
  #vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .header button,
  #applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .header .back-button,
  #vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .header .back-button,
  #applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .header .clear-button,
  #vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .header .clear-button {
    display: block;
  }
  #applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .header .close-button,
  #vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .header .close-button {
    position: absolute;
    top: 15px;
    left: 0;
    margin: 0;
    border: none;
    background: transparent;
    display: inline-block;
    line-height: 1;
  }
  #applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .header .close-button .icon,
  #vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .header .close-button .icon {
    cursor: inherit;
  }
  #applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .body,
  #vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .body {
    display: block;
  }
  #applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .body > .container--mobile,
  #vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .body > .container--mobile,
  #applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .body > .container-mobile,
  #vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .body > .container-mobile {
    width: 90%;
  }
  #applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .body .p-mobile-fullscreen-overlay.overlay-visible .header,
  #vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .body .p-mobile-fullscreen-overlay.overlay-visible .header {
    display: block;
  }
  #applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .body .p-mobile-fullscreen-overlay.overlay-visible .search-by,
  #vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .body .p-mobile-fullscreen-overlay.overlay-visible .search-by {
    display: block;
    margin: 20px auto;
    box-sizing: border-box;
    width: 90%;
  }
  #applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .body .p-mobile-fullscreen-overlay.overlay-visible .body .cc-location-picker-dropdown,
  #vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .body .p-mobile-fullscreen-overlay.overlay-visible .body .cc-location-picker-dropdown {
    border-top: 1px solid var(--lvh-x-paler-grey);
  }
  #applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .body .p-mobile-fullscreen-overlay.overlay-visible .body .cc-location-picker-dropdown .cc-new-location,
  #vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .body .p-mobile-fullscreen-overlay.overlay-visible .body .cc-location-picker-dropdown .cc-new-location {
    padding: 8px 5%;
  }
  #applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .body .p-mobile-fullscreen-overlay.overlay-visible .body .cc-location-picker-dropdown .cc-location-picker-options,
  #vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .body .p-mobile-fullscreen-overlay.overlay-visible .body .cc-location-picker-dropdown .cc-location-picker-options,
  #applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .body .p-mobile-fullscreen-overlay.overlay-visible .body .cc-location-picker-dropdown .cc-location-picker-new-location-form,
  #vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .body .p-mobile-fullscreen-overlay.overlay-visible .body .cc-location-picker-dropdown .cc-location-picker-new-location-form {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  #applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .body .p-mobile-fullscreen-overlay.overlay-visible .body .cc-location-picker-dropdown li,
  #vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .body .p-mobile-fullscreen-overlay.overlay-visible .body .cc-location-picker-dropdown li {
    padding: 0 5% 5px;
  }
  #applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .body .p-mobile-fullscreen-overlay.overlay-visible .body .cc-location-picker-dropdown li:first-child,
  #vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .body .p-mobile-fullscreen-overlay.overlay-visible .body .cc-location-picker-dropdown li:first-child {
    padding-top: 5px;
  }
  #applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .body .p-mobile-fullscreen-overlay .header,
  #vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .body .p-mobile-fullscreen-overlay .header {
    display: none;
  }
  #applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .body .p-mobile-fullscreen-overlay .search-by,
  #vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .body .p-mobile-fullscreen-overlay .search-by {
    width: 100%;
    padding: 10px 14px;
  }
}
#applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.hidden-header .header,
#vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.hidden-header .header {
  display: none;
}
@media (max-width: 991px) {
  #applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.no-scroll,
  #vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.no-scroll {
    overflow-y: visible;
  }
}
#applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer .header,
#vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer .header {
  display: none;
}
@media (max-width: 991px) {
  #applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer .header,
  #vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer .header {
    width: 100%;
    height: 44px;
    overflow: hidden;
  }
}
#applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer .header:after,
#vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer .header:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (max-width: 991px) {
  #applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer .header > .container--mobile .container--inner,
  #vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer .header > .container--mobile .container--inner,
  #applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer .header > .container-mobile .container--inner,
  #vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer .header > .container-mobile .container--inner {
    position: relative;
  }
}
#applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer .header .button,
#vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer .header .button {
  display: none;
  padding: 0;
  border: none;
  background: none;
  outline: none;
}
#applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer .header .back-button,
#vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer .header .back-button {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 17px;
  padding: 0;
  border: none;
  background: none;
  outline: none;
}
#applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer .header .back-button .icon,
#vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer .header .back-button .icon {
  display: block;
}
@media (max-width: 991px) {
  #applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer .header .heading,
  #vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer .header .heading {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    margin: 0;
    padding: 0 45px;
    font-size: 14px;
    font-weight: 600;
    line-height: 44px;
    color: var(--lvh-x-mesh-dark);
  }
}
#applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer .header .clear-button,
#vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer .header .clear-button {
  display: none;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: none;
  background: none;
}
#applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer .header .clear-button .glyph0015:before,
#vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer .header .clear-button .glyph0015:before {
  font-size: 10px;
  color: var(--lvh-primary-text);
}
@media (max-width: 991px) {
  #applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer .body,
  #vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer .body {
    display: none;
  }
}
#applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer .header,
#vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer .header {
  display: none;
}
@media (max-width: 991px) {
  #applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible,
  #vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible {
    display: block;
  }
}
@media (max-width: 991px) {
  #applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .header,
  #vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .header {
    display: block;
  }
}
@media (max-width: 991px) {
  #applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .header .icon,
  #vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .header .icon {
    display: block;
  }
}
@media (max-width: 991px) {
  #applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .callout,
  #vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .callout {
    padding: 0;
  }
}
@media (max-width: 991px) {
  #applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .callout .cc-callout-tip,
  #vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .callout .cc-callout-tip {
    display: none;
  }
}
@media (max-width: 991px) {
  #applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .callout .cc-callout-body,
  #vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .callout .cc-callout-body {
    border: none;
  }
}
@media (max-width: 991px) {
  #applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .callout .cc-callout-body > .title,
  #vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .callout .cc-callout-body > .title {
    display: none;
  }
}
@media (max-width: 991px) {
  #applicant-management-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .callout .cc-callout-body .position-summaries,
  #vacancy-publish-page #report-aggregate-numbers .cc-bucket-list .bucket .tooltipContainer.overlay-visible .callout .cc-callout-body .position-summaries {
    border-top: 1px solid var(--lvh-x-pale-grey);
  }
}
@media (min-width: 992px) {
  #applicant-management-page #report-aggregate-numbers .charts,
  #vacancy-publish-page #report-aggregate-numbers .charts {
    margin: 20px 0 0;
  }
}
@media (min-width: 992px) {
  #applicant-management-page #report-aggregate-numbers .charts .employerJobAggregateWrapper,
  #vacancy-publish-page #report-aggregate-numbers .charts .employerJobAggregateWrapper {
    min-height: 219px;
  }
}
#applicant-management-page #report-aggregate-numbers .nvd3 text,
#vacancy-publish-page #report-aggregate-numbers .nvd3 text {
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  font-weight: 400;
  fill: var(--lvh-secondary-text);
  cursor: default;
}
#applicant-management-page #report-aggregate-numbers .nvd3 .nv-axis .tick line,
#vacancy-publish-page #report-aggregate-numbers .nvd3 .nv-axis .tick line {
  stroke: var(--lvh-x-shark-light);
  stroke-dasharray: 2 2;
}
#applicant-management-page #report-aggregate-numbers .nvd3 .nv-axis .nv-axisMaxMin-x text,
#vacancy-publish-page #report-aggregate-numbers .nvd3 .nv-axis .nv-axisMaxMin-x text,
#applicant-management-page #report-aggregate-numbers .nvd3 .nv-axis .y text,
#vacancy-publish-page #report-aggregate-numbers .nvd3 .nv-axis .y text {
  font-weight: 400;
  fill: var(--lvh-x-shark-dark);
}
#applicant-management-page #report-aggregate-numbers .nvd3 .nv-series:not(:last-child),
#vacancy-publish-page #report-aggregate-numbers .nvd3 .nv-series:not(:last-child) {
  margin-bottom: 5px;
}
#applicant-management-page #report-aggregate-numbers #candidate-source-chart .empty-state,
#vacancy-publish-page #report-aggregate-numbers #candidate-source-chart .empty-state {
  position: absolute;
  top: 50px;
}
#applicant-management-page #report-aggregate-numbers #candidate-source-chart .empty-state .empty-state-doughnut,
#vacancy-publish-page #report-aggregate-numbers #candidate-source-chart .empty-state .empty-state-doughnut {
  border: 9px solid #f3f3f3;
  border-radius: 85px;
  height: 85px;
  width: 85px;
  margin-top: 10px;
  margin-left: 5px;
}
#applicant-management-page #report-aggregate-numbers #candidate-engagement-chart,
#vacancy-publish-page #report-aggregate-numbers #candidate-engagement-chart {
  position: relative;
}
#applicant-management-page #report-aggregate-numbers #candidate-engagement-chart #candidate-engagement-chart-empty,
#vacancy-publish-page #report-aggregate-numbers #candidate-engagement-chart #candidate-engagement-chart-empty {
  position: absolute;
  top: 35px;
}
#applicant-management-page #report-aggregate-numbers #candidate-engagement-chart > span,
#vacancy-publish-page #report-aggregate-numbers #candidate-engagement-chart > span {
  font-size: 11px;
  color: var(--lvh-secondary-text);
}
#applicant-management-page #report-aggregate-numbers #candidate-engagement-chart .candidate-engagement-container,
#vacancy-publish-page #report-aggregate-numbers #candidate-engagement-chart .candidate-engagement-container {
  position: absolute;
  top: 35px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 250px;
  height: 100px;
  text-align: center;
}
#applicant-management-page #report-aggregate-numbers #candidate-engagement-chart .candidate-engagement-container .table,
#vacancy-publish-page #report-aggregate-numbers #candidate-engagement-chart .candidate-engagement-container .table {
  display: table;
  width: 100%;
  height: 100%;
  max-height: 100px;
}
#applicant-management-page #report-aggregate-numbers #candidate-engagement-chart .candidate-engagement-container .table .table-cell,
#vacancy-publish-page #report-aggregate-numbers #candidate-engagement-chart .candidate-engagement-container .table .table-cell {
  display: table-cell;
  vertical-align: middle;
}
#applicant-management-page #report-aggregate-numbers #candidate-engagement-chart .candidate-engagement-container #candidate-engagement-metrics,
#vacancy-publish-page #report-aggregate-numbers #candidate-engagement-chart .candidate-engagement-container #candidate-engagement-metrics {
  position: absolute;
  bottom: 10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 115px;
}
#applicant-management-page #report-aggregate-numbers #candidate-engagement-chart .candidate-engagement-container #candidate-engagement-metrics .candidate-engagement-val,
#vacancy-publish-page #report-aggregate-numbers #candidate-engagement-chart .candidate-engagement-container #candidate-engagement-metrics .candidate-engagement-val {
  position: absolute;
  bottom: 10px;
  font-size: 11px;
  color: var(--lvh-secondary-text);
}
#applicant-management-page #report-aggregate-numbers #candidate-engagement-chart .candidate-engagement-container #candidate-engagement-metrics .candidate-engagement-val#min,
#vacancy-publish-page #report-aggregate-numbers #candidate-engagement-chart .candidate-engagement-container #candidate-engagement-metrics .candidate-engagement-val#min {
  left: -5px;
}
#applicant-management-page #report-aggregate-numbers #candidate-engagement-chart .candidate-engagement-container #candidate-engagement-metrics .candidate-engagement-val#max,
#vacancy-publish-page #report-aggregate-numbers #candidate-engagement-chart .candidate-engagement-container #candidate-engagement-metrics .candidate-engagement-val#max {
  right: -5px;
}
#applicant-management-page #report-aggregate-numbers #candidate-engagement-chart .candidate-engagement-container #candidate-engagement-metrics .engaged-candidates,
#vacancy-publish-page #report-aggregate-numbers #candidate-engagement-chart .candidate-engagement-container #candidate-engagement-metrics .engaged-candidates {
  display: block;
  font-size: 24px;
  color: var(--lvh-x-dark-grey);
}
#applicant-management-page #report-aggregate-numbers #candidate-engagement-chart .candidate-engagement-container #candidate-engagement-metrics .text,
#vacancy-publish-page #report-aggregate-numbers #candidate-engagement-chart .candidate-engagement-container #candidate-engagement-metrics .text {
  display: block;
  margin: 0 auto;
  width: 65px;
  font-size: 11px;
  line-height: 13px;
  color: var(--lvh-secondary-text);
}
#applicant-management-page #report-aggregate-numbers #candidate-engagement-chart .chart-info,
#vacancy-publish-page #report-aggregate-numbers #candidate-engagement-chart .chart-info {
  float: left;
  width: 100%;
  margin-top: 115px;
}
#applicant-management-page #report-aggregate-numbers #candidate-engagement-chart .chart-info .content-wrapper,
#vacancy-publish-page #report-aggregate-numbers #candidate-engagement-chart .chart-info .content-wrapper {
  float: left;
  width: 100%;
}
#applicant-management-page #report-aggregate-numbers #candidate-engagement-chart .chart-info .content-wrapper .text,
#vacancy-publish-page #report-aggregate-numbers #candidate-engagement-chart .chart-info .content-wrapper .text {
  display: block;
  font-size: 11px;
  color: var(--lvh-secondary-text);
}
#applicant-management-page #report-aggregate-numbers #candidate-engagement-chart .chart-info .content-wrapper .text.text-name,
#vacancy-publish-page #report-aggregate-numbers #candidate-engagement-chart .chart-info .content-wrapper .text.text-name {
  float: left;
}
#applicant-management-page #report-aggregate-numbers #candidate-engagement-chart .chart-info .content-wrapper .text.text-value,
#vacancy-publish-page #report-aggregate-numbers #candidate-engagement-chart .chart-info .content-wrapper .text.text-value {
  float: right;
}
#applicant-management-page #report-aggregate-numbers #candidate-engagement-chart .chart-info .cc-progress-indicator,
#vacancy-publish-page #report-aggregate-numbers #candidate-engagement-chart .chart-info .cc-progress-indicator {
  float: left;
  width: 100%;
  margin: 5px 0 10px;
}
#applicant-management-page #report-aggregate-numbers #candidate-engagement-chart .chart-info .cc-progress-indicator:last-child,
#vacancy-publish-page #report-aggregate-numbers #candidate-engagement-chart .chart-info .cc-progress-indicator:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
#applicant-management-page #report-aggregate-numbers #candidate-progression-chart .items,
#vacancy-publish-page #report-aggregate-numbers #candidate-progression-chart .items {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  width: 100%;
  margin-top: 10px;
}
#applicant-management-page #report-aggregate-numbers #candidate-progression-chart .items .item,
#vacancy-publish-page #report-aggregate-numbers #candidate-progression-chart .items .item {
  position: relative;
  float: left;
  min-height: 30px;
  width: 100%;
  margin: 0 0 10px;
}
#applicant-management-page #report-aggregate-numbers #candidate-progression-chart .items .item:first-child .process-time,
#vacancy-publish-page #report-aggregate-numbers #candidate-progression-chart .items .item:first-child .process-time {
  background-color: #7addf5;
}
#applicant-management-page #report-aggregate-numbers #candidate-progression-chart .items .item:nth-child(2) .process-time,
#vacancy-publish-page #report-aggregate-numbers #candidate-progression-chart .items .item:nth-child(2) .process-time {
  background-color: #49d0f1;
}
#applicant-management-page #report-aggregate-numbers #candidate-progression-chart .items .item:nth-child(3) .process-time,
#vacancy-publish-page #report-aggregate-numbers #candidate-progression-chart .items .item:nth-child(3) .process-time {
  background-color: var(--lvh-bright-blue);
}
#applicant-management-page #report-aggregate-numbers #candidate-progression-chart .items .item:nth-child(4) .process-time,
#vacancy-publish-page #report-aggregate-numbers #candidate-progression-chart .items .item:nth-child(4) .process-time {
  background-color: #daf4e6;
}
#applicant-management-page #report-aggregate-numbers #candidate-progression-chart .items .item:nth-child(4) .process-time .text,
#vacancy-publish-page #report-aggregate-numbers #candidate-progression-chart .items .item:nth-child(4) .process-time .text {
  color: var(--lvh-x-green);
}
#applicant-management-page #report-aggregate-numbers #candidate-progression-chart .items .item > .cc-tooltip.wrapper,
#vacancy-publish-page #report-aggregate-numbers #candidate-progression-chart .items .item > .cc-tooltip.wrapper {
  width: calc(100% - 105px);
}
#applicant-management-page #report-aggregate-numbers #candidate-progression-chart .items .item .progression-status,
#vacancy-publish-page #report-aggregate-numbers #candidate-progression-chart .items .item .progression-status {
  display: block;
  float: left;
  width: 90px;
  margin: 8px 15px 8px 0;
  text-align: right;
  font-size: 11px;
  color: var(--lvh-secondary-text);
}
#applicant-management-page #report-aggregate-numbers #candidate-progression-chart .items .item .process-time,
#vacancy-publish-page #report-aggregate-numbers #candidate-progression-chart .items .item .process-time {
  display: block;
  padding: 6px 10px;
  border-radius: 3px;
  box-sizing: border-box;
}
#applicant-management-page #report-aggregate-numbers #candidate-progression-chart .items .item .process-time .cc-tooltip.wrapper,
#vacancy-publish-page #report-aggregate-numbers #candidate-progression-chart .items .item .process-time .cc-tooltip.wrapper {
  max-width: 100%;
}
#applicant-management-page #report-aggregate-numbers #candidate-progression-chart .items .item .process-time .text,
#vacancy-publish-page #report-aggregate-numbers #candidate-progression-chart .items .item .process-time .text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  color: var(--lvh-white);
}
#applicant-management-page #report-aggregate-numbers #candidate-progression-chart .candidates-hired,
#vacancy-publish-page #report-aggregate-numbers #candidate-progression-chart .candidates-hired {
  font-size: 11px;
  text-align: center;
  color: var(--lvh-secondary-text);
}
#applicant-management-page #report-aggregate-numbers .row,
#vacancy-publish-page #report-aggregate-numbers .row {
  margin-bottom: 10px;
}
#applicant-management-page .header-tabs-section,
#vacancy-publish-page .header-tabs-section {
  position: relative;
  margin-bottom: 0px;
}
#applicant-management-page .header-tabs-section #owner-wrap,
#vacancy-publish-page .header-tabs-section #owner-wrap,
#applicant-management-page .header-tabs-section #action-only-wrap,
#vacancy-publish-page .header-tabs-section #action-only-wrap {
  margin: 10px 10px 0 0;
  float: left;
}
@media (max-width: 991px) {
  #applicant-management-page .header-tabs-section #owner-wrap,
  #vacancy-publish-page .header-tabs-section #owner-wrap,
  #applicant-management-page .header-tabs-section #action-only-wrap,
  #vacancy-publish-page .header-tabs-section #action-only-wrap {
    width: 100%;
    margin: 10px 0;
  }
}
#applicant-management-page .header-tabs-section #owner-wrap .cc-dropdown2,
#vacancy-publish-page .header-tabs-section #owner-wrap .cc-dropdown2,
#applicant-management-page .header-tabs-section #action-only-wrap .cc-dropdown2,
#vacancy-publish-page .header-tabs-section #action-only-wrap .cc-dropdown2 {
  min-width: 250px;
}
#applicant-management-page .header-tabs-section #advanced-filters-tags,
#vacancy-publish-page .header-tabs-section #advanced-filters-tags {
  float: left;
  margin-top: 10px;
  max-width: 700px;
  min-width: 700px;
  min-height: 33px;
}
@media (max-width: 991px) {
  #applicant-management-page .header-tabs-section #advanced-filters-tags,
  #vacancy-publish-page .header-tabs-section #advanced-filters-tags {
    min-width: 100%;
    max-width: 100%;
  }
}
#applicant-management-page .header-tabs-section #advanced-filters-tags > label,
#vacancy-publish-page .header-tabs-section #advanced-filters-tags > label {
  float: left;
  display: block;
  padding-right: 10px;
  line-height: 26px;
}
#applicant-management-page .header-tabs-section #advanced-filters-tags > .cc-filter-list,
#vacancy-publish-page .header-tabs-section #advanced-filters-tags > .cc-filter-list {
  float: left;
  min-width: 580px;
  width: calc(100% - 130px);
  padding: 0;
  border: none;
  background: transparent;
}
#applicant-management-page .header-tabs-section #advanced-filters-tags > .cc-filter-list .filters .required,
#vacancy-publish-page .header-tabs-section #advanced-filters-tags > .cc-filter-list .filters .required {
  background-color: var(--lvh-white);
}
#applicant-management-page .header-tabs-section #advanced-filters-tags > .cc-filter-list > .clearFiltersButton,
#vacancy-publish-page .header-tabs-section #advanced-filters-tags > .cc-filter-list > .clearFiltersButton {
  border: none;
  float: left;
}
#applicant-management-page .header-tabs-section #advanced-filters-tags > .cc-filter-list > .clearFiltersButton .label,
#vacancy-publish-page .header-tabs-section #advanced-filters-tags > .cc-filter-list > .clearFiltersButton .label {
  color: var(--lvh-bright-blue);
}
#applicant-management-page .header-tabs-section #filter-controls,
#vacancy-publish-page .header-tabs-section #filter-controls {
  float: right;
  margin: 10px 0 0 10px;
}
@media (max-width: 991px) {
  #applicant-management-page .header-tabs-section #filter-controls,
  #vacancy-publish-page .header-tabs-section #filter-controls {
    float: left;
    width: 100%;
    margin: 0;
  }
}
#applicant-management-page .header-tabs-section #filter-controls #search-wrap,
#vacancy-publish-page .header-tabs-section #filter-controls #search-wrap {
  float: right;
  margin: 0 0 0 10px;
}
@media (max-width: 991px) {
  #applicant-management-page .header-tabs-section #filter-controls #search-wrap,
  #vacancy-publish-page .header-tabs-section #filter-controls #search-wrap {
    float: left;
    width: 100%;
    margin: 0;
  }
}
#applicant-management-page .header-tabs-section #filter-controls #advanced-filters,
#vacancy-publish-page .header-tabs-section #filter-controls #advanced-filters {
  float: right;
  margin: 0 0 0 10px;
}
@media (max-width: 991px) {
  #applicant-management-page .header-tabs-section #filter-controls #advanced-filters,
  #vacancy-publish-page .header-tabs-section #filter-controls #advanced-filters {
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
  }
}
#applicant-management-page .header-tabs-section #filter-controls #advanced-filters.active,
#vacancy-publish-page .header-tabs-section #filter-controls #advanced-filters.active {
  color: var(--lvh-bright-blue);
}
#applicant-management-page .header-tabs-section #filter-controls #advanced-filters.active > button.active,
#vacancy-publish-page .header-tabs-section #filter-controls #advanced-filters.active > button.active {
  color: var(--lvh-bright-blue);
}
@media (max-width: 991px) {
  #applicant-management-page .header-tabs-section #filter-controls #advanced-filters > button,
  #vacancy-publish-page .header-tabs-section #filter-controls #advanced-filters > button {
    width: 100%;
    text-align: left;
  }
}
#applicant-management-page .header-tabs-section #filter-controls #share-candidates,
#vacancy-publish-page .header-tabs-section #filter-controls #share-candidates {
  float: right;
  margin: 0;
}
@media (max-width: 991px) {
  #applicant-management-page .header-tabs-section #filter-controls #share-candidates,
  #vacancy-publish-page .header-tabs-section #filter-controls #share-candidates {
    width: 100%;
    margin: 10px 0;
  }
}
@media (max-width: 991px) {
  #applicant-management-page .header-tabs-section #filter-controls #share-candidates > button,
  #vacancy-publish-page .header-tabs-section #filter-controls #share-candidates > button {
    width: 100%;
    text-align: left;
  }
}
#applicant-management-page .header-tabs-section > .container > .row,
#vacancy-publish-page .header-tabs-section > .container > .row {
  float: left;
  width: 100%;
  border-bottom: none;
}
#applicant-management-page .applicant-filter-tabs,
#vacancy-publish-page .applicant-filter-tabs {
  content: '';
  display: block;
  height: 0;
  clear: both;
  width: 100%;
}
#applicant-management-page .applicant-filter-tabs .cc-tabopotamus,
#vacancy-publish-page .applicant-filter-tabs .cc-tabopotamus {
  float: left;
}
@media (max-width: 991px) {
  #applicant-management-page .applicant-filter-tabs .cc-tabopotamus,
  #vacancy-publish-page .applicant-filter-tabs .cc-tabopotamus {
    margin: 0;
  }
}
#applicant-management-page .applicant-filter-tabs .cc-tabopotamus .items,
#vacancy-publish-page .applicant-filter-tabs .cc-tabopotamus .items {
  border: none;
}
#applicant-management-page .applicant-filter-tabs > .container > .row,
#vacancy-publish-page .applicant-filter-tabs > .container > .row {
  float: left;
  width: 100%;
  margin: 0 0 20px 0;
  border-bottom: 1px solid var(--lvh-x-paler-grey);
}
#applicant-management-page .applicant-filter-tabs #actions-count,
#vacancy-publish-page .applicant-filter-tabs #actions-count {
  float: right;
  margin: 14px 0 0 10px;
}
@media (max-width: 991px) {
  #applicant-management-page .applicant-filter-tabs #actions-count,
  #vacancy-publish-page .applicant-filter-tabs #actions-count {
    width: 100%;
    margin: 10px 0;
  }
}
#applicant-management-page .applicant-filter-tabs #actions-count > button,
#vacancy-publish-page .applicant-filter-tabs #actions-count > button {
  font-weight: 600;
}
@media (max-width: 991px) {
  #applicant-management-page .applicant-filter-tabs #actions-count > button,
  #vacancy-publish-page .applicant-filter-tabs #actions-count > button {
    width: 100%;
    text-align: left;
  }
}
#applicant-management-page .applicant-bucket-info,
#vacancy-publish-page .applicant-bucket-info {
  float: left;
  width: 100%;
}
#applicant-management-page .applicant-bucket-info > .container [data-testid=applicant-status-buckets]:after,
#vacancy-publish-page .applicant-bucket-info > .container [data-testid=applicant-status-buckets]:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#applicant-management-page .applicant-bucket-info > .container [data-testid=applicant-status-buckets] .cc-bucket-list,
#vacancy-publish-page .applicant-bucket-info > .container [data-testid=applicant-status-buckets] .cc-bucket-list {
  margin: 0 0 20px;
}
@media (max-width: 991px) {
  #applicant-management-page .applicant-bucket-info > .container [data-testid=applicant-status-buckets] .cc-bucket-list,
  #vacancy-publish-page .applicant-bucket-info > .container [data-testid=applicant-status-buckets] .cc-bucket-list {
    margin: 0 0 10px;
  }
}
#applicant-management-page .applicant-bucket-info > .container > .alert,
#vacancy-publish-page .applicant-bucket-info > .container > .alert {
  margin-bottom: 15px;
}
#applicant-management-page #suggestion-filters,
#vacancy-publish-page #suggestion-filters {
  padding: 0 0 20px 0;
}
#applicant-management-page #suggestion-filters:after,
#vacancy-publish-page #suggestion-filters:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#applicant-management-page #suggestion-filters > .lhs,
#vacancy-publish-page #suggestion-filters > .lhs {
  width: 100%;
}
#applicant-management-page #suggestion-filters .lhs,
#vacancy-publish-page #suggestion-filters .lhs {
  float: left;
}
#applicant-management-page #suggestion-filters .lhs > div,
#vacancy-publish-page #suggestion-filters .lhs > div {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  margin: 0;
}
#applicant-management-page #suggestion-filters .lhs #suggestion-experience-dropdown,
#vacancy-publish-page #suggestion-filters .lhs #suggestion-experience-dropdown {
  width: 150px;
}
#applicant-management-page #suggestion-filters .lhs #suggestion-experience-dropdown > .dropdown,
#vacancy-publish-page #suggestion-filters .lhs #suggestion-experience-dropdown > .dropdown {
  max-height: none;
}
#applicant-management-page #suggestion-filters .lhs #suggestion-relationship-dropdown,
#vacancy-publish-page #suggestion-filters .lhs #suggestion-relationship-dropdown {
  width: 200px;
}
@media (max-width: 991px) {
  #applicant-management-page #suggestion-filters .lhs,
  #vacancy-publish-page #suggestion-filters .lhs {
    width: 100%;
  }
}
#applicant-management-page #suggestion-filters .lhs > .suggestions-and-keywords,
#vacancy-publish-page #suggestion-filters .lhs > .suggestions-and-keywords {
  display: block;
}
#applicant-management-page #suggestion-filters .lhs > .suggestions-and-keywords .cc-multi-tag .search-input,
#vacancy-publish-page #suggestion-filters .lhs > .suggestions-and-keywords .cc-multi-tag .search-input {
  min-width: 250px;
}
#applicant-management-page #suggestion-filters .lhs > .suggestions-and-keywords .row:not(:last-child),
#vacancy-publish-page #suggestion-filters .lhs > .suggestions-and-keywords .row:not(:last-child) {
  margin-bottom: 10px;
}
#applicant-management-page #suggestion-filters .lhs > .suggestions-and-keywords .row.suggestions-tags .p-tag .label .text,
#vacancy-publish-page #suggestion-filters .lhs > .suggestions-and-keywords .row.suggestions-tags .p-tag .label .text {
  color: var(--lvh-x-blue);
}
#applicant-management-page #suggestion-filters .lhs > .suggestions-and-keywords .row.suggestions-pay-rate .lhs > label > span,
#vacancy-publish-page #suggestion-filters .lhs > .suggestions-and-keywords .row.suggestions-pay-rate .lhs > label > span,
#applicant-management-page #suggestion-filters .lhs > .suggestions-and-keywords .row.suggestions-tags .lhs > label > span,
#vacancy-publish-page #suggestion-filters .lhs > .suggestions-and-keywords .row.suggestions-tags .lhs > label > span,
#applicant-management-page #suggestion-filters .lhs > .suggestions-and-keywords .row.suggestions-keywords .lhs > label > span,
#vacancy-publish-page #suggestion-filters .lhs > .suggestions-and-keywords .row.suggestions-keywords .lhs > label > span {
  display: block;
  color: var(--lvh-disabled-text);
  font-size: 11px;
}
#applicant-management-page #suggestion-filters .lhs > .suggestions-and-keywords .row.suggestions-pay-rate .rhs .cc-input-overlay,
#vacancy-publish-page #suggestion-filters .lhs > .suggestions-and-keywords .row.suggestions-pay-rate .rhs .cc-input-overlay {
  display: flex;
  gap: 5px;
  position: relative;
}
#applicant-management-page #suggestion-filters .lhs > .suggestions-and-keywords .row.suggestions-pay-rate .rhs .cc-input-overlay #payRateMax,
#vacancy-publish-page #suggestion-filters .lhs > .suggestions-and-keywords .row.suggestions-pay-rate .rhs .cc-input-overlay #payRateMax {
  width: 150px;
}
#applicant-management-page #suggestion-filters .lhs > .suggestions-and-keywords .row.suggestions-pay-rate .rhs .cc-input-overlay #suggestion-remuneration-dropdown,
#vacancy-publish-page #suggestion-filters .lhs > .suggestions-and-keywords .row.suggestions-pay-rate .rhs .cc-input-overlay #suggestion-remuneration-dropdown {
  width: 100px;
}
#applicant-management-page #suggestion-filters .lhs > .suggestions-and-keywords .row.suggestions-pay-rate .rhs .cc-input-overlay #suggestion-remuneration-dropdown .dropdown .body .options > :first-child,
#vacancy-publish-page #suggestion-filters .lhs > .suggestions-and-keywords .row.suggestions-pay-rate .rhs .cc-input-overlay #suggestion-remuneration-dropdown .dropdown .body .options > :first-child {
  display: none;
}
#applicant-management-page #suggestion-filters .lhs > .suggestions-and-keywords .row.suggestions-pay-rate .rhs .cc-input-overlay.large-suffix .input,
#vacancy-publish-page #suggestion-filters .lhs > .suggestions-and-keywords .row.suggestions-pay-rate .rhs .cc-input-overlay.large-suffix .input {
  padding-right: 60px;
  padding-left: 60px;
}
#applicant-management-page #suggestion-filters .lhs > .suggestions-and-keywords .row.suggestions-pay-rate .rhs .cc-input-overlay.thousands-suffix .input,
#vacancy-publish-page #suggestion-filters .lhs > .suggestions-and-keywords .row.suggestions-pay-rate .rhs .cc-input-overlay.thousands-suffix .input {
  padding-right: 40px;
  padding-left: 25px;
  text-align: right;
}
#applicant-management-page #suggestion-filters .lhs > .suggestions-and-keywords .row.suggestions-pay-rate .rhs .cc-input-overlay.currency-input.symbol-length-1 .input,
#vacancy-publish-page #suggestion-filters .lhs > .suggestions-and-keywords .row.suggestions-pay-rate .rhs .cc-input-overlay.currency-input.symbol-length-1 .input {
  padding-left: 26px;
}
#applicant-management-page #suggestion-filters .lhs > .suggestions-and-keywords .row.suggestions-pay-rate .rhs .cc-input-overlay.currency-input.symbol-length-2 .input,
#vacancy-publish-page #suggestion-filters .lhs > .suggestions-and-keywords .row.suggestions-pay-rate .rhs .cc-input-overlay.currency-input.symbol-length-2 .input {
  padding-left: 33px;
}
#applicant-management-page #suggestion-filters .lhs > .suggestions-and-keywords .row.suggestions-pay-rate .rhs .cc-input-overlay.currency-input.symbol-length-3 .input,
#vacancy-publish-page #suggestion-filters .lhs > .suggestions-and-keywords .row.suggestions-pay-rate .rhs .cc-input-overlay.currency-input.symbol-length-3 .input {
  padding-left: 40px;
}
#applicant-management-page #suggestion-filters .lhs > .suggestions-and-keywords .row.suggestions-pay-rate .rhs .cc-input-overlay.currency-input .input,
#vacancy-publish-page #suggestion-filters .lhs > .suggestions-and-keywords .row.suggestions-pay-rate .rhs .cc-input-overlay.currency-input .input {
  text-align: left;
  padding-right: 7px;
  padding-left: 7px;
}
#applicant-management-page #suggestion-filters .lhs > .suggestions-and-keywords .row.suggestions-pay-rate .rhs .cc-input-overlay.per-hour-suffix .input,
#vacancy-publish-page #suggestion-filters .lhs > .suggestions-and-keywords .row.suggestions-pay-rate .rhs .cc-input-overlay.per-hour-suffix .input {
  padding-right: 70px;
  padding-left: 25px;
  text-align: right;
}
#applicant-management-page #suggestion-filters .lhs > .suggestions-and-keywords .row.suggestions-pay-rate .rhs .cc-input-overlay .input,
#vacancy-publish-page #suggestion-filters .lhs > .suggestions-and-keywords .row.suggestions-pay-rate .rhs .cc-input-overlay .input {
  padding-right: 25px;
  padding-left: 25px;
  text-align: center;
}
#applicant-management-page #suggestion-filters .lhs > .suggestions-and-keywords .row.suggestions-pay-rate .rhs .cc-input-overlay .prefix,
#vacancy-publish-page #suggestion-filters .lhs > .suggestions-and-keywords .row.suggestions-pay-rate .rhs .cc-input-overlay .prefix,
#applicant-management-page #suggestion-filters .lhs > .suggestions-and-keywords .row.suggestions-pay-rate .rhs .cc-input-overlay .suffix,
#vacancy-publish-page #suggestion-filters .lhs > .suggestions-and-keywords .row.suggestions-pay-rate .rhs .cc-input-overlay .suffix {
  color: var(--lvh-secondary-text);
}
#applicant-management-page #suggestion-filters .lhs > .suggestions-and-keywords .row.suggestions-pay-rate .rhs .cc-input-overlay .prefix,
#vacancy-publish-page #suggestion-filters .lhs > .suggestions-and-keywords .row.suggestions-pay-rate .rhs .cc-input-overlay .prefix {
  position: absolute;
  top: 50%;
  left: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 13px;
  z-index: 2;
}
#applicant-management-page #suggestion-filters .lhs > .suggestions-and-keywords .row.suggestions-pay-rate .rhs .cc-input-overlay .suffix,
#vacancy-publish-page #suggestion-filters .lhs > .suggestions-and-keywords .row.suggestions-pay-rate .rhs .cc-input-overlay .suffix {
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 13px;
  z-index: 2;
}
#applicant-management-page #suggestion-filters .lhs > .suggestions-and-keywords .row > #refreshable-keyword-container,
#vacancy-publish-page #suggestion-filters .lhs > .suggestions-and-keywords .row > #refreshable-keyword-container {
  position: relative;
}
#applicant-management-page #suggestion-filters .lhs > .suggestions-and-keywords .row > #refreshable-keyword-container > button,
#vacancy-publish-page #suggestion-filters .lhs > .suggestions-and-keywords .row > #refreshable-keyword-container > button {
  position: absolute;
  bottom: 5px;
  right: 5px;
  z-index: 2;
  padding: 2px 8px;
  font-size: 16px;
}
#applicant-management-page #suggestion-filters .lhs > .suggestions-and-keywords .row .lhs,
#vacancy-publish-page #suggestion-filters .lhs > .suggestions-and-keywords .row .lhs {
  width: 75px;
}
#applicant-management-page #suggestion-filters .lhs > .suggestions-and-keywords .row .rhs,
#vacancy-publish-page #suggestion-filters .lhs > .suggestions-and-keywords .row .rhs {
  margin: 0 0 0 80px;
}
#applicant-management-page #suggestion-filters .lhs > .suggestions-and-keywords .row .rhs .suggestions-attributes,
#vacancy-publish-page #suggestion-filters .lhs > .suggestions-and-keywords .row .rhs .suggestions-attributes {
  display: flex;
  gap: 5px;
}
#applicant-management-page #suggestion-filters .lhs > .suggestions-and-keywords .row .rhs .suggestions-attributes:after,
#vacancy-publish-page #suggestion-filters .lhs > .suggestions-and-keywords .row .rhs .suggestions-attributes:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#applicant-management-page #suggestion-filters .lhs > .suggestions-and-keywords .row .rhs .suggestions-attributes .attribute,
#vacancy-publish-page #suggestion-filters .lhs > .suggestions-and-keywords .row .rhs .suggestions-attributes .attribute {
  padding: 5px 10px 5px 10px;
  background-color: var(--lvh-x-murkberry-light);
}
#applicant-management-page #suggestion-filters .lhs > .suggestions-and-keywords .row .rhs .suggestions-attributes .attribute .label,
#vacancy-publish-page #suggestion-filters .lhs > .suggestions-and-keywords .row .rhs .suggestions-attributes .attribute .label {
  display: block;
  color: var(--lvh-x-murkberry-darker);
}
#applicant-management-page #suggestion-filters .lhs > .suggestions-and-keywords .row .rhs .suggestions-attributes .attribute:last-child,
#vacancy-publish-page #suggestion-filters .lhs > .suggestions-and-keywords .row .rhs .suggestions-attributes .attribute:last-child {
  margin-right: 0;
}
#applicant-management-page #suggestion-filters .lhs > .suggestions-and-keywords .row .rhs .suggestions-attributes .suggestions-work-type,
#vacancy-publish-page #suggestion-filters .lhs > .suggestions-and-keywords .row .rhs .suggestions-attributes .suggestions-work-type {
  display: inline-block;
  width: 220px;
}
#applicant-management-page #suggestion-filters .lhs > .suggestions-and-keywords .row .rhs .suggestions-attributes .suggestions-work-type .cc-dropdown2 .multi-select-form,
#vacancy-publish-page #suggestion-filters .lhs > .suggestions-and-keywords .row .rhs .suggestions-attributes .suggestions-work-type .cc-dropdown2 .multi-select-form {
  height: 25px;
}
#applicant-management-page #suggestion-filters .lhs > .suggestions-and-keywords .row .rhs .suggestions-attributes .suggestions-work-type .cc-dropdown2 .multi-select-form > a .selected-options,
#vacancy-publish-page #suggestion-filters .lhs > .suggestions-and-keywords .row .rhs .suggestions-attributes .suggestions-work-type .cc-dropdown2 .multi-select-form > a .selected-options {
  height: 25px;
}
#applicant-management-page #suggestion-filters .lhs > .suggestions-and-keywords .row .rhs .suggestions-attributes .suggestions-work-type .cc-dropdown2 .multi-select-form > .selected-option,
#vacancy-publish-page #suggestion-filters .lhs > .suggestions-and-keywords .row .rhs .suggestions-attributes .suggestions-work-type .cc-dropdown2 .multi-select-form > .selected-option {
  min-height: 25px;
}
#applicant-management-page #suggestion-filters .lhs > .suggestions-and-keywords .row .rhs .suggestions-attributes .suggestions-work-type .cc-dropdown2 .multi-select-form > .selected-option > span,
#vacancy-publish-page #suggestion-filters .lhs > .suggestions-and-keywords .row .rhs .suggestions-attributes .suggestions-work-type .cc-dropdown2 .multi-select-form > .selected-option > span {
  font-size: 11px;
  line-height: 25px;
}
#applicant-management-page #suggestion-filters .lhs > .suggestions-and-keywords .row .rhs .suggestions-attributes .suggestions-work-type .cc-dropdown2 .multi-select-form > .selected-option > i,
#vacancy-publish-page #suggestion-filters .lhs > .suggestions-and-keywords .row .rhs .suggestions-attributes .suggestions-work-type .cc-dropdown2 .multi-select-form > .selected-option > i {
  line-height: 25px;
}
#applicant-management-page #suggestion-filters .lhs > .suggestions-and-keywords .row .rhs .suggestions-attributes .suggestions-work-type .cc-dropdown2 .multi-select-form .dropdown,
#vacancy-publish-page #suggestion-filters .lhs > .suggestions-and-keywords .row .rhs .suggestions-attributes .suggestions-work-type .cc-dropdown2 .multi-select-form .dropdown {
  max-height: fit-content;
}
#applicant-management-page #suggestion-filters .lhs > .suggestions-and-keywords .row .rhs .suggestions-attributes .suggestions-work-type .cc-dropdown2 .multi-select-form .dropdown .options,
#vacancy-publish-page #suggestion-filters .lhs > .suggestions-and-keywords .row .rhs .suggestions-attributes .suggestions-work-type .cc-dropdown2 .multi-select-form .dropdown .options {
  font-size: 11px;
}
#applicant-management-page #suggestion-filters .lhs > .suggestions-and-keywords .row .rhs .suggestions-attributes .suggestions-radius,
#vacancy-publish-page #suggestion-filters .lhs > .suggestions-and-keywords .row .rhs .suggestions-attributes .suggestions-radius {
  display: inline-block;
}
#applicant-management-page #suggestion-filters .lhs > .suggestions-and-keywords .row .rhs .suggestions-attributes .suggestions-radius .cc-dropdown2 > .selected-option > span,
#vacancy-publish-page #suggestion-filters .lhs > .suggestions-and-keywords .row .rhs .suggestions-attributes .suggestions-radius .cc-dropdown2 > .selected-option > span {
  font-size: 11px;
}
#applicant-management-page #suggestion-filters .lhs > .suggestions-and-keywords .row .rhs .suggestions-attributes .suggestions-radius .cc-dropdown2 > .selected-option > span:before,
#vacancy-publish-page #suggestion-filters .lhs > .suggestions-and-keywords .row .rhs .suggestions-attributes .suggestions-radius .cc-dropdown2 > .selected-option > span:before {
  content: 'Radius: ';
}
#applicant-management-page #suggestion-filters .lhs > .suggestions-and-keywords .row .rhs .suggestions-attributes .suggestions-radius .cc-dropdown2 .dropdown .option,
#vacancy-publish-page #suggestion-filters .lhs > .suggestions-and-keywords .row .rhs .suggestions-attributes .suggestions-radius .cc-dropdown2 .dropdown .option {
  font-size: 11px;
}
@media (min-width: 992px) {
  #applicant-management-page section.applications.selections-count-1,
  #vacancy-publish-page section.applications.selections-count-1 {
    margin-left: -20px;
  }
}
@media (min-width: 992px) {
  #applicant-management-page section.applications.selections-count-2,
  #vacancy-publish-page section.applications.selections-count-2 {
    margin-left: -40px;
  }
}
@media (min-width: 992px) {
  #applicant-management-page section.applications.selections-count-3,
  #vacancy-publish-page section.applications.selections-count-3 {
    margin-left: -60px;
  }
}
@media (min-width: 992px) {
  #applicant-management-page #applicant-management-table tbody tr,
  #vacancy-publish-page #applicant-management-table tbody tr {
    background-color: transparent;
    border-bottom: none;
  }
}
@media (max-width: 991px) {
  #applicant-management-page #applicant-management-table tbody tr,
  #vacancy-publish-page #applicant-management-table tbody tr {
    position: relative;
  }
}
@media (min-width: 992px) {
  #applicant-management-page #applicant-management-table tbody tr:hover .profile-actions,
  #vacancy-publish-page #applicant-management-table tbody tr:hover .profile-actions,
  #applicant-management-page #applicant-management-table tbody tr:focus .profile-actions,
  #vacancy-publish-page #applicant-management-table tbody tr:focus .profile-actions {
    display: block;
  }
}
#applicant-management-page #applicant-management-table tbody tr:not(:last-child),
#vacancy-publish-page #applicant-management-table tbody tr:not(:last-child) {
  margin: 0 0 15px 0;
}
#applicant-management-page #applicant-management-table tbody tr.alumni .candidate:before,
#vacancy-publish-page #applicant-management-table tbody tr.alumni .candidate:before {
  content: '';
  background-color: var(--lvh-x-green);
}
#applicant-management-page #applicant-management-table tbody tr.contractor .candidate:before,
#vacancy-publish-page #applicant-management-table tbody tr.contractor .candidate:before {
  content: '';
  background-color: var(--lvh-x-dark-grey);
}
#applicant-management-page #applicant-management-table tbody tr.internal .candidate:before,
#vacancy-publish-page #applicant-management-table tbody tr.internal .candidate:before {
  content: '';
  background-color: var(--lvh-x-orange);
}
#applicant-management-page #applicant-management-table tbody tr.retained td:not(:first-child),
#vacancy-publish-page #applicant-management-table tbody tr.retained td:not(:first-child) {
  background-color: var(--lvh-white98);
  cursor: default;
}
#applicant-management-page #applicant-management-table tbody tr .review,
#vacancy-publish-page #applicant-management-table tbody tr .review {
  width: 120px;
}
@media (max-width: 991px) {
  #applicant-management-page #applicant-management-table tbody tr .review,
  #vacancy-publish-page #applicant-management-table tbody tr .review {
    width: auto;
  }
}
#applicant-management-page #applicant-management-table tbody tr .activity,
#vacancy-publish-page #applicant-management-table tbody tr .activity {
  font-size: 11px;
}
#applicant-management-page #applicant-management-table tbody tr .activity > *,
#vacancy-publish-page #applicant-management-table tbody tr .activity > * {
  display: block;
  margin-bottom: 5px;
}
#applicant-management-page #applicant-management-table tbody tr .activity > *:last-child,
#vacancy-publish-page #applicant-management-table tbody tr .activity > *:last-child {
  margin-bottom: 0;
}
#applicant-management-page #applicant-management-table tbody tr .activity .candidate-owner .label,
#vacancy-publish-page #applicant-management-table tbody tr .activity .candidate-owner .label {
  color: var(--lvh-x-shark-dark);
}
#applicant-management-page #applicant-management-table tbody tr .activity .video-interview-status,
#vacancy-publish-page #applicant-management-table tbody tr .activity .video-interview-status {
  padding-left: 3px;
}
#applicant-management-page #applicant-management-table tbody tr .activity .video-interview-status .status-text,
#vacancy-publish-page #applicant-management-table tbody tr .activity .video-interview-status .status-text {
  padding-left: 3px;
}
#applicant-management-page #applicant-management-table tbody tr .activity .video-interview-status a:hover,
#vacancy-publish-page #applicant-management-table tbody tr .activity .video-interview-status a:hover {
  text-decoration: underline;
}
#applicant-management-page #applicant-management-table tbody tr .activity .video-interview-status .inviting,
#vacancy-publish-page #applicant-management-table tbody tr .activity .video-interview-status .inviting {
  color: var(--lvh-secondary-text);
}
#applicant-management-page #applicant-management-table tbody tr .activity .video-interview-status .invited,
#vacancy-publish-page #applicant-management-table tbody tr .activity .video-interview-status .invited {
  color: var(--lvh-secondary-text);
}
#applicant-management-page #applicant-management-table tbody tr .activity .video-interview-status .responded,
#vacancy-publish-page #applicant-management-table tbody tr .activity .video-interview-status .responded,
#applicant-management-page #applicant-management-table tbody tr .activity .video-interview-status .responded a,
#vacancy-publish-page #applicant-management-table tbody tr .activity .video-interview-status .responded a {
  color: var(--lvh-x-red);
}
#applicant-management-page #applicant-management-table tbody tr .activity .video-interview-status .watched,
#vacancy-publish-page #applicant-management-table tbody tr .activity .video-interview-status .watched,
#applicant-management-page #applicant-management-table tbody tr .activity .video-interview-status .watched a,
#vacancy-publish-page #applicant-management-table tbody tr .activity .video-interview-status .watched a {
  color: var(--lvh-x-shark-dark);
}
#applicant-management-page #applicant-management-table tbody tr .activity .video-interview-status .spinner,
#vacancy-publish-page #applicant-management-table tbody tr .activity .video-interview-status .spinner {
  text-align: left !important;
  float: left;
  margin-right: 4px;
  font-size: 12px;
}
#applicant-management-page #applicant-management-table tbody tr .activity .lastAction .avatarWrap,
#vacancy-publish-page #applicant-management-table tbody tr .activity .lastAction .avatarWrap {
  height: 18px;
  width: 18px;
}
@media (max-width: 991px) {
  #applicant-management-page #applicant-management-table tbody tr .candidate,
  #vacancy-publish-page #applicant-management-table tbody tr .candidate {
    position: static;
  }
}
#applicant-management-page #applicant-management-table tbody tr .candidate:before,
#vacancy-publish-page #applicant-management-table tbody tr .candidate:before {
  width: 4px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
@media (max-width: 991px) {
  #applicant-management-page #applicant-management-table tbody tr .candidate:before,
  #vacancy-publish-page #applicant-management-table tbody tr .candidate:before {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
}
#applicant-management-page #applicant-management-table tbody tr .candidate .cc-card-view:not(:last-child),
#vacancy-publish-page #applicant-management-table tbody tr .candidate .cc-card-view:not(:last-child) {
  margin: 0 0 5px 0;
}
#applicant-management-page #applicant-management-table tbody tr .candidate .has-badge:after,
#vacancy-publish-page #applicant-management-table tbody tr .candidate .has-badge:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#applicant-management-page #applicant-management-table tbody tr .candidate .has-badge:not(:last-child),
#vacancy-publish-page #applicant-management-table tbody tr .candidate .has-badge:not(:last-child) {
  margin: 0 0 10px 0;
}
#applicant-management-page #applicant-management-table tbody tr .candidate .referrers,
#vacancy-publish-page #applicant-management-table tbody tr .candidate .referrers {
  float: left;
  width: 100%;
  margin: 5px 0 0;
}
#applicant-management-page #applicant-management-table tbody tr .candidate .referrers .col.lhs,
#vacancy-publish-page #applicant-management-table tbody tr .candidate .referrers .col.lhs {
  float: left;
  width: 54px;
  text-align: right;
}
@media (max-width: 991px) {
  #applicant-management-page #applicant-management-table tbody tr .candidate .referrers .col.lhs,
  #vacancy-publish-page #applicant-management-table tbody tr .candidate .referrers .col.lhs {
    width: 60px;
    text-align: left;
  }
}
#applicant-management-page #applicant-management-table tbody tr .candidate .referrers .col.rhs,
#vacancy-publish-page #applicant-management-table tbody tr .candidate .referrers .col.rhs {
  width: 100%;
  padding-left: 70px;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  #applicant-management-page #applicant-management-table tbody tr .candidate .referrers .col.rhs,
  #vacancy-publish-page #applicant-management-table tbody tr .candidate .referrers .col.rhs {
    padding-left: 100px;
  }
}
#applicant-management-page #applicant-management-table tbody tr .candidate .referrers .referrer,
#vacancy-publish-page #applicant-management-table tbody tr .candidate .referrers .referrer {
  font-size: 13px;
  line-height: 19px;
  color: var(--lvh-x-dark-grey);
}
#applicant-management-page #applicant-management-table tbody tr .candidate .referrers .referrer.read-only,
#vacancy-publish-page #applicant-management-table tbody tr .candidate .referrers .referrer.read-only {
  color: var(--lvh-x-shark-dark);
}
#applicant-management-page #applicant-management-table tbody tr .score .low,
#vacancy-publish-page #applicant-management-table tbody tr .score .low {
  color: red;
}
@media (max-width: 991px) {
  #applicant-management-page #applicant-management-table tbody tr .actions,
  #vacancy-publish-page #applicant-management-table tbody tr .actions {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 10px;
  }
}
#applicant-management-page #applicant-management-table tbody tr .actions .cc-action-callout,
#vacancy-publish-page #applicant-management-table tbody tr .actions .cc-action-callout {
  float: right;
}
#applicant-management-page #applicant-management-table tbody td:not(:first-child),
#vacancy-publish-page #applicant-management-table tbody td:not(:first-child) {
  background-color: var(--lvh-white);
}
@media (min-width: 992px) {
  #applicant-management-page #applicant-management-table tbody td:not(:first-child),
  #vacancy-publish-page #applicant-management-table tbody td:not(:first-child) {
    border-bottom: 1px solid var(--lvh-x-grey);
  }
}
@media (max-width: 991px) {
  #applicant-management-page #applicant-management-table tbody td:not(:last-child),
  #vacancy-publish-page #applicant-management-table tbody td:not(:last-child) {
    padding-left: 20px;
  }
}
#applicant-management-page #applicant-management-table.suggestions .selection,
#vacancy-publish-page #applicant-management-table.suggestions .selection {
  visibility: hidden;
}
#applicant-management-page #applicant-management-table.suggestions .cc-action-callout,
#vacancy-publish-page #applicant-management-table.suggestions .cc-action-callout {
  display: inline-block;
}
#applicant-management-page #applicant-management-table.suggestions .suggestion-actions button,
#vacancy-publish-page #applicant-management-table.suggestions .suggestion-actions button {
  margin: 0 2px 0 0;
}
#applicant-management-page #applicant-management-table.suggestions .cc-card-view .user-info,
#vacancy-publish-page #applicant-management-table.suggestions .cc-card-view .user-info {
  max-width: 500px;
}
@media (max-width: 991px) {
  #applicant-management-page #applicant-management-table.suggestions .cc-card-view .user-info,
  #vacancy-publish-page #applicant-management-table.suggestions .cc-card-view .user-info {
    max-width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #applicant-management-page #applicant-management-table.suggestions .cc-card-view .user-info,
  #vacancy-publish-page #applicant-management-table.suggestions .cc-card-view .user-info {
    max-width: 400px;
  }
}
#applicant-management-page #applicant-management-table tr:hover td:not(:first-child),
#vacancy-publish-page #applicant-management-table tr:hover td:not(:first-child) {
  background-color: var(--lvh-x-pale-blue);
}
#applicant-management-page #applicant-management-table td.selection,
#vacancy-publish-page #applicant-management-table td.selection {
  padding: 0;
}
#applicant-management-page #applicant-management-table td.selection.count-1,
#vacancy-publish-page #applicant-management-table td.selection.count-1 {
  width: 20px;
}
#applicant-management-page #applicant-management-table td.selection.count-2,
#vacancy-publish-page #applicant-management-table td.selection.count-2 {
  width: 40px;
}
#applicant-management-page #applicant-management-table td.selection.count-3,
#vacancy-publish-page #applicant-management-table td.selection.count-3 {
  width: 60px;
}
#applicant-management-page #applicant-management-table td.selection > .selections,
#vacancy-publish-page #applicant-management-table td.selection > .selections {
  margin: 0;
  padding: 0;
  list-style: none;
}
#applicant-management-page #applicant-management-table td .tooltipContainer > .tooltip,
#vacancy-publish-page #applicant-management-table td .tooltipContainer > .tooltip {
  z-index: 1;
}
#applicant-management-page #applicant-management-table th,
#vacancy-publish-page #applicant-management-table th,
#applicant-management-page #applicant-sticky-header th,
#vacancy-publish-page #applicant-sticky-header th {
  background-color: var(--lvh-x-dark-grey);
}
#applicant-management-page #applicant-management-table th.selection,
#vacancy-publish-page #applicant-management-table th.selection,
#applicant-management-page #applicant-sticky-header th.selection,
#vacancy-publish-page #applicant-sticky-header th.selection {
  position: relative;
  padding: 0;
  background-color: transparent;
}
@media (max-width: 991px) {
  #applicant-management-page #applicant-management-table th.selection,
  #vacancy-publish-page #applicant-management-table th.selection,
  #applicant-management-page #applicant-sticky-header th.selection,
  #vacancy-publish-page #applicant-sticky-header th.selection {
    position: static;
  }
}
#applicant-management-page #applicant-management-table th.selection:hover,
#vacancy-publish-page #applicant-management-table th.selection:hover,
#applicant-management-page #applicant-sticky-header th.selection:hover,
#vacancy-publish-page #applicant-sticky-header th.selection:hover {
  cursor: default;
}
#applicant-management-page #applicant-management-table th.selection.count-1,
#vacancy-publish-page #applicant-management-table th.selection.count-1,
#applicant-management-page #applicant-sticky-header th.selection.count-1,
#vacancy-publish-page #applicant-sticky-header th.selection.count-1 {
  width: 20px;
}
#applicant-management-page #applicant-management-table th.selection.count-2,
#vacancy-publish-page #applicant-management-table th.selection.count-2,
#applicant-management-page #applicant-sticky-header th.selection.count-2,
#vacancy-publish-page #applicant-sticky-header th.selection.count-2 {
  width: 40px;
}
#applicant-management-page #applicant-management-table th.selection.count-3,
#vacancy-publish-page #applicant-management-table th.selection.count-3,
#applicant-management-page #applicant-sticky-header th.selection.count-3,
#vacancy-publish-page #applicant-sticky-header th.selection.count-3 {
  width: 60px;
}
#applicant-management-page #applicant-management-table th.selection > .selections,
#vacancy-publish-page #applicant-management-table th.selection > .selections,
#applicant-management-page #applicant-sticky-header th.selection > .selections,
#vacancy-publish-page #applicant-sticky-header th.selection > .selections {
  margin: 0;
  padding: 0;
  list-style: none;
}
#applicant-management-page #applicant-management-table tr:hover .p-checkbox,
#vacancy-publish-page #applicant-management-table tr:hover .p-checkbox,
#applicant-management-page #applicant-sticky-header tr:hover .p-checkbox,
#vacancy-publish-page #applicant-sticky-header tr:hover .p-checkbox {
  display: block;
}
#applicant-management-page #applicant-management-table tr:hover .p-checkbox .checkbox,
#vacancy-publish-page #applicant-management-table tr:hover .p-checkbox .checkbox,
#applicant-management-page #applicant-sticky-header tr:hover .p-checkbox .checkbox,
#vacancy-publish-page #applicant-sticky-header tr:hover .p-checkbox .checkbox {
  background-color: var(--lvh-white);
  width: 16px;
  height: 16px;
}
#applicant-management-page #applicant-management-table .p-checkbox,
#vacancy-publish-page #applicant-management-table .p-checkbox,
#applicant-management-page #applicant-sticky-header .p-checkbox,
#vacancy-publish-page #applicant-sticky-header .p-checkbox {
  position: absolute;
  top: 7px;
  left: auto;
  display: none;
}
#applicant-management-page #applicant-management-table .p-checkbox.c-0,
#vacancy-publish-page #applicant-management-table .p-checkbox.c-0,
#applicant-management-page #applicant-sticky-header .p-checkbox.c-0,
#vacancy-publish-page #applicant-sticky-header .p-checkbox.c-0 {
  left: 40px;
}
#applicant-management-page #applicant-management-table .p-checkbox.c-1,
#vacancy-publish-page #applicant-management-table .p-checkbox.c-1,
#applicant-management-page #applicant-sticky-header .p-checkbox.c-1,
#vacancy-publish-page #applicant-sticky-header .p-checkbox.c-1 {
  left: 20px;
}
#applicant-management-page #applicant-management-table .p-checkbox.c-2,
#vacancy-publish-page #applicant-management-table .p-checkbox.c-2,
#applicant-management-page #applicant-sticky-header .p-checkbox.c-2,
#vacancy-publish-page #applicant-sticky-header .p-checkbox.c-2 {
  left: 0;
}
#applicant-management-page #applicant-management-table .p-checkbox.green .input:checked ~ .checkbox,
#vacancy-publish-page #applicant-management-table .p-checkbox.green .input:checked ~ .checkbox,
#applicant-management-page #applicant-sticky-header .p-checkbox.green .input:checked ~ .checkbox,
#vacancy-publish-page #applicant-sticky-header .p-checkbox.green .input:checked ~ .checkbox {
  border-color: var(--lvh-x-green);
}
#applicant-management-page #applicant-management-table .p-checkbox.green .input:checked ~ .checkbox:before,
#vacancy-publish-page #applicant-management-table .p-checkbox.green .input:checked ~ .checkbox:before,
#applicant-management-page #applicant-sticky-header .p-checkbox.green .input:checked ~ .checkbox:before,
#vacancy-publish-page #applicant-sticky-header .p-checkbox.green .input:checked ~ .checkbox:before {
  color: var(--lvh-x-green);
}
#applicant-management-page #applicant-management-table .p-checkbox.amber .input:checked ~ .checkbox,
#vacancy-publish-page #applicant-management-table .p-checkbox.amber .input:checked ~ .checkbox,
#applicant-management-page #applicant-sticky-header .p-checkbox.amber .input:checked ~ .checkbox,
#vacancy-publish-page #applicant-sticky-header .p-checkbox.amber .input:checked ~ .checkbox {
  border-color: var(--lvh-x-orange);
}
#applicant-management-page #applicant-management-table .p-checkbox.amber .input:checked ~ .checkbox:before,
#vacancy-publish-page #applicant-management-table .p-checkbox.amber .input:checked ~ .checkbox:before,
#applicant-management-page #applicant-sticky-header .p-checkbox.amber .input:checked ~ .checkbox:before,
#vacancy-publish-page #applicant-sticky-header .p-checkbox.amber .input:checked ~ .checkbox:before {
  color: var(--lvh-x-orange);
}
#applicant-management-page #applicant-management-table .p-checkbox.red .input:checked ~ .checkbox,
#vacancy-publish-page #applicant-management-table .p-checkbox.red .input:checked ~ .checkbox,
#applicant-management-page #applicant-sticky-header .p-checkbox.red .input:checked ~ .checkbox,
#vacancy-publish-page #applicant-sticky-header .p-checkbox.red .input:checked ~ .checkbox {
  border-color: var(--lvh-x-red);
}
#applicant-management-page #applicant-management-table .p-checkbox.red .input:checked ~ .checkbox:before,
#vacancy-publish-page #applicant-management-table .p-checkbox.red .input:checked ~ .checkbox:before,
#applicant-management-page #applicant-sticky-header .p-checkbox.red .input:checked ~ .checkbox:before,
#vacancy-publish-page #applicant-sticky-header .p-checkbox.red .input:checked ~ .checkbox:before {
  color: var(--lvh-x-red);
}
@media (max-width: 991px) {
  #applicant-management-page #applicant-management-table .p-checkbox,
  #vacancy-publish-page #applicant-management-table .p-checkbox,
  #applicant-management-page #applicant-sticky-header .p-checkbox,
  #vacancy-publish-page #applicant-sticky-header .p-checkbox {
    display: block;
    top: -20px;
    left: 0;
  }
}
#applicant-management-page #applicant-management-table .p-checkbox.selected,
#vacancy-publish-page #applicant-management-table .p-checkbox.selected,
#applicant-management-page #applicant-sticky-header .p-checkbox.selected,
#vacancy-publish-page #applicant-sticky-header .p-checkbox.selected,
#applicant-management-page #applicant-management-table .p-checkbox.visible,
#vacancy-publish-page #applicant-management-table .p-checkbox.visible,
#applicant-management-page #applicant-sticky-header .p-checkbox.visible,
#vacancy-publish-page #applicant-sticky-header .p-checkbox.visible {
  display: block;
  z-index: 1;
}
#applicant-management-page #applicant-management-table .p-checkbox .checkbox,
#vacancy-publish-page #applicant-management-table .p-checkbox .checkbox,
#applicant-management-page #applicant-sticky-header .p-checkbox .checkbox,
#vacancy-publish-page #applicant-sticky-header .p-checkbox .checkbox {
  display: block;
  background-color: var(--lvh-white);
  border: 2px solid var(--lvh-bright-blue);
  width: 16px;
  height: 16px;
}
#applicant-management-page .vacancy-creator,
#vacancy-publish-page .vacancy-creator {
  float: right;
  width: 140px;
  padding: 10px;
  color: var(--lvh-x-shark-dark);
}
#applicant-management-page .status-graph,
#vacancy-publish-page .status-graph {
  float: right;
  padding: 10px;
  position: relative;
}
#applicant-management-page .status-graph .graph,
#vacancy-publish-page .status-graph .graph {
  display: block;
  margin: auto;
  width: 60px !important;
  height: 60px !important;
}
#applicant-management-page .status-graph .graphWrap > .count,
#vacancy-publish-page .status-graph .graphWrap > .count {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 80px;
  color: #888888;
  text-align: center;
}
#applicant-management-page .applicants,
#vacancy-publish-page .applicants {
  padding: 20px;
}
#applicant-management-page .draft,
#vacancy-publish-page .draft,
#applicant-management-page .pending,
#vacancy-publish-page .pending {
  color: var(--lvh-x-shark-dark);
}
#applicant-management-page .closed,
#vacancy-publish-page .closed {
  color: var(--lvh-x-ripe);
}
#applicant-management-page .on-hold,
#vacancy-publish-page .on-hold {
  color: var(--lvh-x-orange);
}
#applicant-management-page .approved,
#vacancy-publish-page .approved,
#applicant-management-page .filled,
#vacancy-publish-page .filled,
#applicant-management-page .open,
#vacancy-publish-page .open {
  color: var(--lvh-x-green);
}
@media (max-width: 991px) {
  #applicant-management-page .cc-bucket-list,
  #vacancy-publish-page .cc-bucket-list {
    border-bottom: none;
    background: none;
  }
}
.primary-header-menu {
  position: relative;
  float: left;
  width: 100%;
  height: 82px;
  margin: 0 0 20px;
  border-top: 1px solid var(--lvh-x-off-white);
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  box-sizing: border-box;
  background-color: var(--lvh-white);
}
@media (max-width: 1199px) {
  .primary-header-menu {
    height: auto;
    margin: 0;
  }
}
.primary-header-menu .header-lhs {
  position: relative;
  float: left;
  width: 100%;
  padding: 13px 575px 0 0;
  box-sizing: border-box;
}
@media (min-width: 992px) {
  .primary-header-menu .header-lhs.extra-buttons {
    padding: 13px 735px 0 0;
  }
}
@media (max-width: 991px) {
  .primary-header-menu .header-lhs {
    width: auto;
    max-width: calc(100% - 181px);
    padding: 0;
  }
}
.primary-header-menu .header-lhs .header-group {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.primary-header-menu .header-lhs .header-group flexible-work-badge-ng1 {
  margin-bottom: 8px;
  margin-left: 8px;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .primary-header-menu .header-lhs .header-group flexible-work-badge-ng1 {
    display: none;
  }
}
.primary-header-menu .header-lhs .heading {
  margin: 0 0 8px 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  color: var(--lvh-x-dark-grey);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .primary-header-menu .header-lhs .heading {
    margin: 12px 0 3px;
    font-size: 13px;
  }
}
.primary-header-menu .header-lhs .back-button {
  position: absolute;
  top: 13px;
  left: -30px;
  padding: 5px;
}
@media (max-width: 991px) {
  .primary-header-menu .header-lhs .back-button {
    display: none;
  }
}
.primary-header-menu .header-lhs .back-button .icon {
  display: block;
  font-size: 15px;
}
.primary-header-menu .header-rhs {
  position: absolute;
  top: 0;
  right: 30px;
  padding: 25px 0 22px;
}
@media (max-width: 991px) {
  .primary-header-menu .header-rhs {
    position: static;
    float: right;
    width: auto;
    max-width: 100%;
    padding: 15px 0;
  }
}
.primary-header-menu .header-rhs #stats-toggle-container {
  margin: 0 0 0 10px;
}
.primary-header-menu .header-rhs #status-action-panel {
  position: relative;
  float: right;
  margin: 0 0 0 10px;
  border-radius: 3px;
}
.primary-header-menu .header-rhs #status-action-panel.disabled {
  cursor: default;
  background-color: var(--lvh-x-shark-light);
}
.primary-header-menu .header-rhs #status-action-panel.disabled #status-detail .status-text {
  border-right: none;
}
.primary-header-menu .header-rhs #status-action-panel.disabled #status-detail .status-text .value.draft,
.primary-header-menu .header-rhs #status-action-panel.disabled #status-detail .status-text .value.pending {
  color: var(--lvh-secondary-text);
}
.primary-header-menu .header-rhs #status-action-panel.disabled #status-detail .button-wrap {
  display: none;
}
@media (min-width: 992px) {
  .primary-header-menu .header-rhs #status-action-panel {
    z-index: 2000;
  }
}
@media (max-width: 991px) {
  .primary-header-menu .header-rhs #status-action-panel {
    display: none;
  }
}
@media (max-width: 991px) {
  .primary-header-menu .header-rhs #status-action-panel.mobile-overlay {
    display: block;
  }
}
.primary-header-menu .header-rhs #status-action-panel:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.primary-header-menu .header-rhs #status-action-panel #status-detail {
  float: left;
  width: 100%;
  border: 1px solid var(--lvh-x-paler-grey);
  border-radius: 3px;
  box-sizing: border-box;
}
.primary-header-menu .header-rhs #status-action-panel #status-detail:hover .toggle-panel,
.primary-header-menu .header-rhs #status-action-panel #status-detail:focus .toggle-panel,
.primary-header-menu .header-rhs #status-action-panel #status-detail:active .toggle-panel {
  display: block;
}
.primary-header-menu .header-rhs #status-action-panel #status-detail:hover .button-wrap .show-panel:before,
.primary-header-menu .header-rhs #status-action-panel #status-detail:focus .button-wrap .show-panel:before,
.primary-header-menu .header-rhs #status-action-panel #status-detail:active .button-wrap .show-panel:before {
  content: "\e931";
}
.primary-header-menu .header-rhs #status-action-panel #status-detail .status-text {
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 120px;
  padding: 5px 11px;
  box-sizing: border-box;
  line-height: 22px;
  cursor: pointer;
  border-right: 1px solid var(--lvh-x-paler-grey);
  color: var(--lvh-secondary-text);
}
.primary-header-menu .header-rhs #status-action-panel #status-detail .button-wrap {
  float: left;
}
.primary-header-menu .header-rhs #status-action-panel #status-detail .button-wrap .show-panel {
  font-size: 7px;
  display: block;
  line-height: 22px;
  padding: 5px 15px;
  box-sizing: border-box;
  outline: none;
  border: none;
  background: none;
  color: var(--lvh-x-shark-dark);
}
.primary-header-menu .header-rhs #status-action-panel #status-detail .button-wrap .show-panel:before {
  content: "\e930";
}
.primary-header-menu .header-rhs #status-action-panel .toggle-panel {
  position: absolute;
  display: none;
  top: 32px;
  right: 0;
  width: 100%;
  border: 1px solid var(--lvh-x-paler-grey);
  border-radius: 0 0 3px 3px;
  box-sizing: border-box;
  background: var(--lvh-white);
}
@media (max-width: 991px) {
  .primary-header-menu .header-rhs #status-action-panel .toggle-panel {
    display: block;
  }
}
@media (min-width: 992px) {
  .primary-header-menu .header-rhs #status-action-panel .toggle-panel {
    z-index: 1000;
  }
}
.primary-header-menu .header-rhs #status-action-panel .toggle-panel .menu-items {
  margin: 0;
  padding: 0;
  list-style: none;
}
.primary-header-menu .header-rhs #status-action-panel .toggle-panel .menu-items .menu-item {
  position: relative;
  display: block;
  padding: 10px 12px;
  box-sizing: border-box;
  border-bottom: 1px solid var(--lvh-x-paler-grey);
  color: var(--lvh-secondary-text);
}
@media (max-width: 991px) {
  .primary-header-menu .header-rhs #status-action-panel .toggle-panel .menu-items .menu-item {
    padding: 10px 5%;
  }
}
.primary-header-menu .header-rhs #status-action-panel .toggle-panel .menu-items .menu-item.toggle-item {
  padding: 10px 60px 10px 12px;
}
@media (max-width: 991px) {
  .primary-header-menu .header-rhs #status-action-panel .toggle-panel .menu-items .menu-item.toggle-item {
    padding: 10px 60px 10px 5%;
  }
}
.primary-header-menu .header-rhs #status-action-panel .toggle-panel .menu-items .menu-item.url {
  padding: 0;
}
.primary-header-menu .header-rhs #status-action-panel .toggle-panel .menu-items .menu-item.url > a {
  display: block;
  padding: 10px 12px;
}
@media (max-width: 991px) {
  .primary-header-menu .header-rhs #status-action-panel .toggle-panel .menu-items .menu-item.url > a {
    padding: 10px 5%;
  }
}
.primary-header-menu .header-rhs #status-action-panel .toggle-panel .menu-items .menu-item.url > a:hover {
  background-color: var(--lvh-x-off-white);
}
.primary-header-menu .header-rhs #status-action-panel .toggle-panel .menu-items .menu-item:first-child {
  border-bottom: none;
}
@media (min-width: 992px) {
  .primary-header-menu .header-rhs #status-action-panel .toggle-panel .menu-items .menu-item:last-child {
    border-bottom: none;
  }
}
.primary-header-menu .header-rhs #status-action-panel .toggle-panel .menu-items .menu-item:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.primary-header-menu .header-rhs #status-action-panel .toggle-panel .menu-items .menu-item > .label {
  display: block;
  color: var(--lvh-secondary-text);
}
.primary-header-menu .header-rhs #status-action-panel .toggle-panel .menu-items .menu-item > .label .icon {
  font-size: 10px;
  line-height: 20px;
  color: var(--lvh-x-shark-dark);
}
@media (max-width: 991px) {
  .primary-header-menu .header-rhs #status-action-panel .toggle-panel .menu-items .menu-item > .label .icon {
    display: none;
  }
}
.primary-header-menu .header-rhs #status-action-panel .toggle-panel .menu-items .menu-item.mobile-status-area {
  padding-bottom: 0;
}
@media (min-width: 992px) {
  .primary-header-menu .header-rhs #status-action-panel .toggle-panel .menu-items .menu-item.mobile-status-area {
    display: none;
  }
}
.primary-header-menu .header-rhs #status-action-panel .toggle-panel .menu-items .menu-item.mobile-status-area .button {
  display: block;
  padding: 7px 15px;
  border: 1px solid var(--lvh-x-paler-grey);
  border-radius: 3px;
  box-sizing: border-box;
}
.primary-header-menu .header-rhs #status-action-panel .toggle-panel .menu-items .menu-item .button {
  display: block;
  width: 100%;
}
.primary-header-menu .header-rhs #status-action-panel .toggle-panel .menu-items .menu-item .cc-toggle-switch {
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (max-width: 991px) {
  .primary-header-menu .header-rhs #status-action-panel .toggle-panel .menu-items .menu-item .cc-toggle-switch {
    right: 5%;
  }
}
.primary-header-menu .header-rhs .actions-menu-wrap {
  float: right;
  margin: 0 0 0 10px;
}
@media (max-width: 991px) {
  .primary-header-menu .header-rhs .actions-menu-wrap .trigger .button {
    display: none;
  }
}
.primary-header-menu .header-rhs .actions-menu-wrap .trigger .mobile-only-icon {
  margin: 8px 0 0;
}
@media (min-width: 992px) {
  .primary-header-menu .header-rhs .actions-menu-wrap .trigger .mobile-only-icon {
    display: none;
  }
}
@media (min-width: 992px) {
  .primary-header-menu .header-rhs .actions-menu-wrap .menuItem.cancel,
  .primary-header-menu .header-rhs .actions-menu-wrap .menuItem.jobDetails,
  .primary-header-menu .header-rhs .actions-menu-wrap .menuItem.publish,
  .primary-header-menu .header-rhs .actions-menu-wrap .menuItem.customScript {
    display: none;
  }
}
.primary-header-menu .header-rhs .actions-menu-wrap .menuItem .active {
  font-size: 10px;
  line-height: 20px;
  color: var(--lvh-x-green);
}
.primary-header-menu .header-rhs .actions-menu-wrap .menuItem.inactive {
  cursor: not-allowed;
}
.primary-header-menu .header-rhs .actions-menu-wrap .menuItem.inactive .label {
  cursor: not-allowed;
  color: var(--lvh-x-shark-dark);
}
.primary-header-menu .header-rhs .primary-button-wrap {
  float: right;
}
.primary-header-menu .header-rhs .primary-button-wrap > .button > .circle {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 4px;
  border-radius: 50%;
  box-sizing: border-box;
}
.primary-header-menu .header-rhs .primary-button-wrap > .button > .circle.off {
  background-color: var(--lvh-x-shark-light);
  border: 1px solid var(--lvh-x-shark-dark);
}
.primary-header-menu .header-rhs .primary-button-wrap > .button > .circle.on {
  background-color: var(--lvh-x-pale-green);
  border: 1px solid var(--lvh-x-green);
}
.primary-header-menu .header-rhs .primary-button-wrap:not(:last-child) {
  margin: 0 0 0 10px;
}
@media (max-width: 991px) {
  .primary-header-menu .header-rhs .primary-button-wrap {
    display: none;
  }
}
.primary-header-menu .header-rhs .actions-menu .menu-items .menu-item .button-wrap {
  padding: 0 20px 15px 20px;
}
.primary-header-menu .header-rhs .mobile-status-button {
  float: right;
  outline: none;
  background: none;
  padding: 0;
  border: 1px solid var(--lvh-x-paler-grey);
  border-radius: 3px;
  box-sizing: border-box;
  margin: 0;
}
@media (min-width: 992px) {
  .primary-header-menu .header-rhs .mobile-status-button {
    display: none;
  }
}
.primary-header-menu .header-rhs .mobile-status-button.open .label,
.primary-header-menu .header-rhs .mobile-status-button.approved .label {
  color: var(--lvh-x-green);
}
.primary-header-menu .header-rhs .mobile-status-button.closed .label {
  color: var(--lvh-x-red);
}
.primary-header-menu .header-rhs .mobile-status-button .label {
  float: left;
  line-height: 32px;
  padding: 0 0 0 10px;
}
.primary-header-menu .header-rhs .mobile-status-button .icon {
  float: left;
  font-size: 12px;
  line-height: 32px;
  color: var(--lvh-x-shark-dark);
  padding: 0 10px;
}
.primary-header-menu .header-rhs .approvers-list {
  display: inline-block;
  vertical-align: middle;
}
.primary-header-menu .header-rhs .approvers-list:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (min-width: 992px) {
  .primary-header-menu .header-rhs .approvers-list.has-border {
    padding-left: 10px;
    border-left: 1px solid var(--lvh-x-pale-grey);
  }
}
.primary-header-menu .header-rhs .approvers-list .cc-action-callout {
  float: right;
}
.primary-header-menu .header-rhs .approvers-list .cc-action-callout > .trigger {
  margin-top: 8px;
}
.primary-header-menu .header-btm {
  float: left;
  width: 100%;
  padding: 0 575px 0 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 1200px) {
  .primary-header-menu .header-btm.extra-buttons {
    padding: 0 735px 0 0;
  }
}
@media (max-width: 1199px) {
  .primary-header-menu .header-btm {
    position: relative;
    padding: 0;
  }
}
.primary-header-menu .header-btm #toggleVacancyInfo {
  position: absolute;
  top: -25px;
  float: left;
  width: auto;
  padding: 0;
  outline: none;
  border: none;
  font-size: 11px;
  text-align: left;
  color: var(--lvh-x-shark-dark);
  background: transparent;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .primary-header-menu .header-btm #toggleVacancyInfo {
    top: -30px;
  }
}
@media (min-width: 1200px) {
  .primary-header-menu .header-btm #toggleVacancyInfo {
    display: none;
  }
}
.primary-header-menu .header-btm #toggleVacancyInfo .icon {
  font-size: 7px;
  color: var(--lvh-x-shark-dark);
}
@media (max-width: 1199px) {
  .primary-header-menu .header-btm .job-vacancy-info {
    display: none;
  }
}
@media (max-width: 1199px) {
  .primary-header-menu .header-btm .job-vacancy-info.show {
    display: block;
    margin: 0 0 15px;
    padding: 15px 0 0;
    border-top: 1px solid var(--lvh-x-paler-grey);
  }
}
@media (max-width: 1199px) {
  .primary-header-menu .header-btm .job-vacancy-info.show .info {
    position: relative;
    width: 50%;
    margin: 0 0 10px;
    font-size: 11px;
  }
}
@media (max-width: 1199px) {
  .primary-header-menu .header-btm .job-vacancy-info.show .info:nth-child(even) {
    padding: 0 5% 0 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media (max-width: 991px) {
  .primary-header-menu .header-btm .job-vacancy-info.show .info .icon {
    display: none;
  }
}
.primary-header-menu .header-btm .info.attachments .callout-wrap .cc-callout-body {
  padding: 0;
}
@media (max-width: 991px) {
  .primary-header-menu .header-btm .info.attachments .callout-wrap .cc-callout-body .p-mobile-fullscreen-overlay.overlay-visible .body {
    margin: 0;
  }
}
.primary-header-menu .header-btm .info.flexible-work {
  display: none;
}
@media (max-width: 991px) {
  .primary-header-menu .header-btm .info.flexible-work {
    display: block;
  }
}
.primary-header-menu .header-btm .info .callout-wrap {
  position: relative;
}
.primary-header-menu .header-btm .info .callout-wrap:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (min-width: 992px) {
  .primary-header-menu .header-btm .info .callout-wrap:hover .callout .calloutDirective {
    display: block;
  }
}
.primary-header-menu .header-btm .info .callout-wrap .trigger {
  color: var(--lvh-bright-blue);
}
.primary-header-menu .header-btm .info .callout-wrap .callout {
  position: absolute;
  top: 15px;
}
@media (max-width: 991px) {
  .primary-header-menu .header-btm .info .callout-wrap .callout .p-mobile-fullscreen-overlay.overlay-visible .header .icon {
    display: block;
    margin: 0;
    line-height: 1;
    color: unset;
  }
}
@media (min-width: 992px) {
  .primary-header-menu .header-btm .info .callout-wrap .callout .body {
    position: relative;
    z-index: 1001;
  }
}
.primary-header-menu .header-btm .info .callout-wrap .callout .body .section .heading {
  padding: 6px 13px;
  font-size: 10px;
  text-transform: uppercase;
  background: var(--lvh-x-shark-light);
  color: var(--lvh-x-mesh-dark);
}
.primary-header-menu .header-btm .info .callout-wrap .callout .body .section ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.primary-header-menu .header-btm .info .callout-wrap .callout .body .section ul li {
  border-bottom: 1px solid var(--lvh-x-pale-grey);
}
.primary-header-menu .header-btm .info .callout-wrap .callout .body .section ul li:last-child {
  border-bottom: none;
}
.primary-header-menu .header-btm .info .callout-wrap .callout .body .section ul li > a {
  display: block;
  padding: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.primary-header-menu .header-btm .info .callout-wrap .callout .body .application-close-form label.label {
  margin-bottom: 5px;
  display: block;
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
}
@media (min-width: 992px) {
  .primary-header-menu .header-btm .info .callout-wrap .callout .body .application-close-form .date-update-wrap {
    position: relative;
    padding: 0 90px 0 0;
  }
}
.primary-header-menu .header-btm .info .callout-wrap .callout .body .application-close-form .date-update-wrap .date-input-wrap:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (max-width: 991px) {
  .primary-header-menu .header-btm .info .callout-wrap .callout .body .application-close-form .date-update-wrap .date-input-wrap {
    margin: 0 0 10px;
  }
}
.primary-header-menu .header-btm .info .callout-wrap .callout .body .application-close-form .date-update-wrap .button {
  width: 100%;
}
@media (min-width: 992px) {
  .primary-header-menu .header-btm .info .callout-wrap .callout .body .application-close-form .date-update-wrap .button {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
  }
}
.primary-header-menu .status {
  float: left;
  padding: 0;
}
@media (max-width: 991px) {
  .primary-header-menu .status {
    width: 100%;
    padding: 20px 0 0 0;
    margin: 0 0 20px 0;
  }
}
.primary-header-menu .status:not(:last-child) {
  padding-right: 20px;
}
.primary-header-menu .status .status-name {
  float: left;
  width: 100%;
  margin: 0 0 9px 0;
}
.primary-header-menu .status .status-name:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (max-width: 991px) {
  .primary-header-menu .status .status-name {
    margin: 0 0 15px 0;
  }
}
.primary-header-menu .status .status-name.open .value,
.primary-header-menu .status .status-name.approved .value {
  color: var(--lvh-x-green);
}
.primary-header-menu .status .status-name.closed .value {
  color: var(--lvh-x-red);
}
.primary-header-menu .status .status-name .label {
  float: left;
  color: var(--lvh-x-dark-grey);
  margin: 0 4px 0 0;
}
.primary-header-menu .status .status-name .value {
  float: left;
  font-weight: 600;
}
.primary-header-menu .status .button-wrap {
  float: left;
}
@media (max-width: 991px) {
  .primary-header-menu .status .button-wrap {
    width: 100%;
  }
}
.primary-header-menu .status .button-wrap:not(:last-child) {
  margin: 0 10px 0 0;
}
@media (max-width: 991px) {
  .primary-header-menu .status .button-wrap:not(:last-child) {
    margin: 0 0 10px 0;
  }
}
.primary-header-menu .status .button {
  width: 80px;
  padding: 4px 5px;
}
@media (max-width: 991px) {
  .primary-header-menu .status .button {
    width: 100%;
    padding: 10px 15px;
  }
}
.primary-header-menu .toggles {
  float: left;
  padding: 2px 0;
}
@media (max-width: 991px) {
  .primary-header-menu .toggles {
    width: 100%;
    padding: 0 0 20px 0;
    border-bottom: 1px solid var(--lvh-x-grey);
  }
}
@media (min-width: 992px) {
  .primary-header-menu .toggles:not(:last-child) {
    padding-right: 20px;
    border-right: 1px solid var(--lvh-x-off-white);
  }
}
.primary-header-menu .toggles .toggle-wrap {
  padding: 0 0 0 15px;
  box-sizing: border-box;
  position: relative;
}
@media (max-width: 991px) {
  .primary-header-menu .toggles .toggle-wrap {
    padding: 0;
  }
}
.primary-header-menu .toggles .toggle-wrap:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.primary-header-menu .toggles .toggle-wrap:not(:last-child) {
  margin: 0 0 10px 0;
}
@media (max-width: 991px) {
  .primary-header-menu .toggles .toggle-wrap:not(:last-child) {
    margin: 0 0 15px 0;
  }
}
.primary-header-menu .toggles .cc-tooltip {
  position: absolute;
  top: 0;
  left: 0;
}
.primary-header-menu .toggles .tooltip {
  z-index: 8001;
}
.primary-header-menu .toggles .label {
  float: left;
  width: 55px;
  font-size: 11px;
  line-height: 20px;
  color: var(--lvh-x-dark-grey);
}
@media (max-width: 991px) {
  .primary-header-menu .toggles .label {
    width: auto;
    font-size: 13px;
    line-height: 25px;
  }
}
.primary-header-menu .toggles .cc-toggle-switch {
  float: left;
}
@media (max-width: 991px) {
  .primary-header-menu .toggles .cc-toggle-switch {
    float: right;
  }
  .primary-header-menu .toggles .cc-toggle-switch.on .knob {
    left: calc(100% - 20px);
  }
  .primary-header-menu .toggles .cc-toggle-switch .switch {
    width: 50px;
    height: 25px;
    border-radius: 12px;
    padding: 0 4px;
  }
  .primary-header-menu .toggles .cc-toggle-switch .knob {
    width: 16px;
    height: 16px;
    left: 4px;
    margin-top: -8px;
  }
}
.primary-header-menu .duration {
  float: left;
  padding: 2px 10px;
  text-align: center;
}
@media (max-width: 991px) {
  .primary-header-menu .duration {
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid var(--lvh-x-grey);
  }
}
@media (min-width: 992px) {
  .primary-header-menu .duration:not(:last-child) {
    border-right: 1px solid var(--lvh-x-off-white);
  }
}
.primary-header-menu .duration .value {
  display: block;
  font-size: 26px;
  line-height: 32px;
  color: var(--lvh-secondary-text);
}
@media (max-width: 991px) {
  .primary-header-menu .duration .value {
    float: left;
    margin: 0 20px 0 0;
  }
}
.primary-header-menu .duration .label {
  display: block;
  font-size: 11px;
  color: var(--lvh-x-shark-dark);
}
@media (max-width: 991px) {
  .primary-header-menu .duration .label {
    float: left;
    font-size: 13px;
    line-height: 32px;
  }
}
.primary-header-menu .dates {
  float: left;
  padding: 0 20px;
  font-size: 11px;
  color: var(--lvh-x-shark-dark);
}
@media (max-width: 991px) {
  .primary-header-menu .dates {
    width: 100%;
    padding: 20px 0;
  }
}
.primary-header-menu .dates:last-child {
  padding-right: 0;
}
.primary-header-menu .dates > .date {
  display: block;
  margin: 0 0 4px 0;
}
@media (max-width: 991px) {
  .primary-header-menu .dates > .date {
    display: none;
  }
}
.primary-header-menu .dates > .date:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (max-width: 991px) {
  .primary-header-menu .dates > .date .label {
    float: left;
  }
}
@media (max-width: 991px) {
  .primary-header-menu .dates > .date .value {
    float: right;
  }
}
@media (max-width: 991px) {
  .primary-header-menu .dates .anchor {
    display: none;
  }
}
@media (max-width: 991px) {
  .primary-header-menu .dates .cc-tooltip.wrapper {
    display: block;
  }
}
.primary-header-menu .dates .cc-tooltip .tooltipContainer {
  top: 30px;
  width: 205px;
  margin-left: -165px;
}
@media (max-width: 991px) {
  .primary-header-menu .dates .cc-tooltip .tooltipContainer {
    position: static;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
  }
}
.primary-header-menu .dates .cc-tooltip .tooltipContainer .cc-callout-tip.top {
  top: -5px;
  right: 30px;
}
@media (max-width: 991px) {
  .primary-header-menu .dates .cc-tooltip .tooltipContainer .cc-callout-tip.top {
    display: none;
  }
}
.primary-header-menu .dates .cc-tooltip .tooltipContainer .cc-callout-body {
  padding: 20px;
}
@media (max-width: 991px) {
  .primary-header-menu .dates .cc-tooltip .tooltipContainer .cc-callout-body {
    padding: 0;
    border: none;
  }
}
.primary-header-menu .dates .cc-tooltip .all-dates {
  margin: 0;
  list-style: none;
  text-align: left;
}
.primary-header-menu .dates .cc-tooltip .all-dates li {
  font-size: 11px;
  margin-bottom: 5px;
}
@media (max-width: 991px) {
  .primary-header-menu .dates .cc-tooltip .all-dates li {
    font-size: 13px;
    line-height: 20px;
  }
}
.primary-header-menu .dates .cc-tooltip .all-dates li.divider {
  margin: 10px 0 0;
  padding-top: 10px;
  border-top: 1px solid var(--lvh-x-shark-light);
}
@media (max-width: 991px) {
  .primary-header-menu .dates .cc-tooltip .all-dates li.divider {
    margin: 0;
    padding-top: 0;
    border: 0;
  }
}
.primary-header-menu .dates .cc-tooltip .all-dates .name {
  color: var(--lvh-x-dark-grey);
}
.primary-header-menu .dates .cc-tooltip .all-dates .date {
  float: right;
  color: var(--lvh-secondary-text);
}
.primary-header-menu .dates .cc-tooltip .all-dates .approver {
  padding-left: 10px;
}
.primary-header-menu #pending-approval-button {
  width: 100px;
}
.primary-header-menu:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#vacancy-video-interview-modal .sub-title {
  margin: 20px 0 0;
  font-size: 13px;
  font-weight: 600;
  color: var(--lvh-x-mesh-dark);
}
#vacancy-video-interview-modal .subtitle-link {
  margin-left: 10px;
}
#vacancy-video-interview-modal .screen-sm-max {
  display: none;
}
@media (max-width: 991px) {
  #vacancy-video-interview-modal .screen-sm-max {
    display: block;
  }
}
#vacancy-video-interview-modal .modalBody {
  min-height: 21px;
}
#vacancy-video-interview-modal .p-empty-state .block {
  display: block;
}
#vacancy-video-interview-modal .section {
  padding: 20px;
  border: solid 1px var(--lvh-x-shark-dark);
  border-radius: 3px;
  background-color: var(--lvh-white);
}
#vacancy-video-interview-modal .row.publish {
  padding-top: 20px;
  border-top: 1px solid var(--lvh-x-paler-grey);
  text-align: right;
}
#vacancy-video-interview-modal .row.publish .button {
  display: inline-block;
}
#vacancy-video-interview-modal .row:last-child {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  #vacancy-video-interview-modal .row .col.quarters {
    width: 100% !important;
  }
}
@media (max-width: 991px) {
  #vacancy-video-interview-modal .row .col.quarters.span3 {
    width: 100% !important;
  }
}
@media (max-width: 991px) {
  #vacancy-video-interview-modal .row .col:not(:last-child) {
    margin-bottom: 20px;
  }
}
#vacancy-video-interview-modal label {
  display: inline-block;
}
#vacancy-video-interview-modal .date-picker-wrap i {
  z-index: 100;
}
#vacancy-video-interview-modal .cc-tooltip {
  margin-left: 5px;
  z-index: 100;
}
@media (max-width: 991px) {
  #vacancy-video-interview-modal .cc-tooltip {
    display: none;
  }
}
#vacancy-video-interview-modal .cc-tooltip .icon {
  font-size: 10px;
  line-height: 20px;
  color: var(--lvh-x-shark-dark);
}
#vacancy-video-interview-modal .cc-tooltip .tooltipContainer {
  width: 185px;
  margin-left: -93px;
}
#vacancy-video-interview-modal .cc-toggle-switch {
  display: inline-block;
  vertical-align: middle;
  margin-left: 12px;
}
#vacancy-video-interview-modal #interview-questions {
  margin: 0;
}
@media (max-width: 991px) {
  #vacancy-video-interview-modal #interview-questions table tr {
    padding: 20px 15px;
  }
}
#vacancy-video-interview-modal #interview-questions table tr:focus,
#vacancy-video-interview-modal #interview-questions table tr:hover {
  background-color: transparent;
}
#vacancy-video-interview-modal #interview-questions table tr:last-child {
  border-bottom: none;
}
@media (min-width: 992px) {
  #vacancy-video-interview-modal #interview-questions table tr th:not(:first-child) {
    width: 10%;
  }
}
#vacancy-video-interview-modal #interview-questions table tr td {
  padding: 10px 15px;
}
@media (max-width: 991px) {
  #vacancy-video-interview-modal #interview-questions table tr td {
    margin: 0 0 20px;
    padding: 0;
  }
}
@media (max-width: 991px) {
  #vacancy-video-interview-modal #interview-questions table tr td:last-child {
    margin: 0;
  }
}
@media (max-width: 991px) {
  #vacancy-video-interview-modal #interview-questions table tr td .question-inner {
    display: block;
    padding-left: 100px;
  }
}
#vacancy-video-interview-modal #interview-questions table tbody tr {
  border-bottom-color: var(--lvh-x-paler-grey);
}
@media (max-width: 991px) {
  #applicant-management-page .vm-table tr,
  #modal-container .vm-table tr {
    margin: 0;
    padding: 40px 20px 5px 20px;
    position: relative;
  }
}
#applicant-management-page .vm-table th,
#modal-container .vm-table th {
  position: relative;
}
@media (min-width: 992px) and (max-width: 1199px) {
  #applicant-management-page .vm-table th,
  #modal-container .vm-table th {
    padding: 8px 10px;
  }
}
#applicant-management-page .vm-table td,
#modal-container .vm-table td {
  position: relative;
  padding: 20px 15px;
}
@media (max-width: 991px) {
  #applicant-management-page .vm-table td,
  #modal-container .vm-table td {
    display: block;
    padding: 0;
    margin: 0 0 10px 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #applicant-management-page .vm-table td,
  #modal-container .vm-table td {
    padding: 20px 10px;
  }
}
#applicant-management-page .vm-table td.candidate:after,
#modal-container .vm-table td.candidate:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#applicant-management-page .vm-table td.candidate .agency-profile,
#modal-container .vm-table td.candidate .agency-profile {
  position: relative;
  font-size: 12px;
  display: inline;
}
#applicant-management-page .vm-table td.candidate .agency-profile:after,
#modal-container .vm-table td.candidate .agency-profile:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#applicant-management-page .vm-table td.candidate .agency-profile .col.lhs,
#modal-container .vm-table td.candidate .agency-profile .col.lhs {
  float: left;
  width: 54px;
  text-align: right;
  position: relative;
}
#applicant-management-page .vm-table td.candidate .agency-profile .col.rhs,
#modal-container .vm-table td.candidate .agency-profile .col.rhs {
  width: 100%;
  padding-left: 15px;
  box-sizing: border-box;
  display: inline;
}
#applicant-management-page .vm-table td.candidate .agency-profile .col.rhs .agency-representation,
#modal-container .vm-table td.candidate .agency-profile .col.rhs .agency-representation {
  display: inline;
}
#applicant-management-page .vm-table td.candidate .agency-profile .agency-representation-callout-body,
#modal-container .vm-table td.candidate .agency-profile .agency-representation-callout-body {
  color: var(--lvh-x-shark-dark);
}
#applicant-management-page .vm-table td.job-status .status-details .new,
#modal-container .vm-table td.job-status .status-details .new {
  font-weight: 600;
  color: var(--lvh-x-orange);
}
#applicant-management-page .vm-table td.job-status .status-details a:not(.locked):hover,
#modal-container .vm-table td.job-status .status-details a:not(.locked):hover,
#applicant-management-page .vm-table td.job-status .status-details a:not(.locked):focus,
#modal-container .vm-table td.job-status .status-details a:not(.locked):focus {
  text-decoration: underline;
}
#applicant-management-page .vm-table td.job-status .status-details a.locked,
#modal-container .vm-table td.job-status .status-details a.locked,
#applicant-management-page .vm-table td.job-status .status-details a.declined,
#modal-container .vm-table td.job-status .status-details a.declined {
  color: var(--lvh-x-mid-grey);
}
#applicant-management-page .vm-table td.job-status .status-details a.locked:hover,
#modal-container .vm-table td.job-status .status-details a.locked:hover,
#applicant-management-page .vm-table td.job-status .status-details a.declined:hover,
#modal-container .vm-table td.job-status .status-details a.declined:hover,
#applicant-management-page .vm-table td.job-status .status-details a.locked:focus,
#modal-container .vm-table td.job-status .status-details a.locked:focus,
#applicant-management-page .vm-table td.job-status .status-details a.declined:focus,
#modal-container .vm-table td.job-status .status-details a.declined:focus {
  text-decoration: none;
}
#applicant-management-page .vm-table td.job-status .status-details .unsuccessful,
#modal-container .vm-table td.job-status .status-details .unsuccessful {
  font-size: 11px;
}
@media (max-width: 991px) {
  #applicant-management-page .vm-table td.job-status .status-details .unsuccessful,
  #modal-container .vm-table td.job-status .status-details .unsuccessful {
    margin: 3px 0 0 100px;
  }
}
#applicant-management-page .vm-table td.job-status .status-details .unsuccessful .notnotified,
#modal-container .vm-table td.job-status .status-details .unsuccessful .notnotified {
  color: var(--lvh-x-ripe);
}
#applicant-management-page .vm-table td.job-status .status-details .unsuccessful .scheduled,
#modal-container .vm-table td.job-status .status-details .unsuccessful .scheduled {
  color: var(--lvh-x-yellow);
}
#applicant-management-page .vm-table td.job-status .status-details .unsuccessful .notified,
#modal-container .vm-table td.job-status .status-details .unsuccessful .notified {
  color: var(--lvh-x-green);
}
#applicant-management-page .vm-table td.job-status .offer-details,
#modal-container .vm-table td.job-status .offer-details,
#applicant-management-page .vm-table td.job-status .submission-details,
#modal-container .vm-table td.job-status .submission-details,
#applicant-management-page .vm-table td.job-status .assignment-details,
#modal-container .vm-table td.job-status .assignment-details {
  padding-top: 5px;
  font-size: 11px;
  color: var(--lvh-secondary-text);
  text-underline-offset: 3px;
}
#applicant-management-page .vm-table td.job-status .offer-details i.line,
#modal-container .vm-table td.job-status .offer-details i.line,
#applicant-management-page .vm-table td.job-status .submission-details i.line,
#modal-container .vm-table td.job-status .submission-details i.line,
#applicant-management-page .vm-table td.job-status .assignment-details i.line,
#modal-container .vm-table td.job-status .assignment-details i.line {
  font-size: 0.83em;
  vertical-align: super;
}
#applicant-management-page .vm-table td.job-status .offer-details i.eye,
#modal-container .vm-table td.job-status .offer-details i.eye,
#applicant-management-page .vm-table td.job-status .submission-details i.eye,
#modal-container .vm-table td.job-status .submission-details i.eye,
#applicant-management-page .vm-table td.job-status .assignment-details i.eye,
#modal-container .vm-table td.job-status .assignment-details i.eye {
  color: var(--lvh-x-shark-dark);
}
#applicant-management-page .vm-table td.job-status .offer-details i.eye.viewed,
#modal-container .vm-table td.job-status .offer-details i.eye.viewed,
#applicant-management-page .vm-table td.job-status .submission-details i.eye.viewed,
#modal-container .vm-table td.job-status .submission-details i.eye.viewed,
#applicant-management-page .vm-table td.job-status .assignment-details i.eye.viewed,
#modal-container .vm-table td.job-status .assignment-details i.eye.viewed {
  color: var(--lvh-bright-blue);
}
@media (max-width: 991px) {
  #applicant-management-page .vm-table td.job-status .offer-details,
  #modal-container .vm-table td.job-status .offer-details,
  #applicant-management-page .vm-table td.job-status .submission-details,
  #modal-container .vm-table td.job-status .submission-details,
  #applicant-management-page .vm-table td.job-status .assignment-details,
  #modal-container .vm-table td.job-status .assignment-details {
    margin: 3px 0 0 100px;
  }
}
#applicant-management-page .vm-table td.job-status .offer-details a,
#modal-container .vm-table td.job-status .offer-details a,
#applicant-management-page .vm-table td.job-status .submission-details a,
#modal-container .vm-table td.job-status .submission-details a,
#applicant-management-page .vm-table td.job-status .assignment-details a,
#modal-container .vm-table td.job-status .assignment-details a {
  text-decoration: underline;
  text-decoration-style: dotted;
  text-decoration-color: var(--lvh-secondary-text);
  color: var(--lvh-secondary-text);
}
#applicant-management-page .vm-table td.job-status .offer-details a:hover,
#modal-container .vm-table td.job-status .offer-details a:hover,
#applicant-management-page .vm-table td.job-status .submission-details a:hover,
#modal-container .vm-table td.job-status .submission-details a:hover,
#applicant-management-page .vm-table td.job-status .assignment-details a:hover,
#modal-container .vm-table td.job-status .assignment-details a:hover,
#applicant-management-page .vm-table td.job-status .offer-details a:focus,
#modal-container .vm-table td.job-status .offer-details a:focus,
#applicant-management-page .vm-table td.job-status .submission-details a:focus,
#modal-container .vm-table td.job-status .submission-details a:focus,
#applicant-management-page .vm-table td.job-status .assignment-details a:focus,
#modal-container .vm-table td.job-status .assignment-details a:focus,
#applicant-management-page .vm-table td.job-status .offer-details a:active,
#modal-container .vm-table td.job-status .offer-details a:active,
#applicant-management-page .vm-table td.job-status .submission-details a:active,
#modal-container .vm-table td.job-status .submission-details a:active,
#applicant-management-page .vm-table td.job-status .assignment-details a:active,
#modal-container .vm-table td.job-status .assignment-details a:active {
  text-decoration: none;
}
#applicant-management-page .vm-table td.job-status .offer-details a.submissionaccepted,
#modal-container .vm-table td.job-status .offer-details a.submissionaccepted,
#applicant-management-page .vm-table td.job-status .submission-details a.submissionaccepted,
#modal-container .vm-table td.job-status .submission-details a.submissionaccepted,
#applicant-management-page .vm-table td.job-status .assignment-details a.submissionaccepted,
#modal-container .vm-table td.job-status .assignment-details a.submissionaccepted {
  text-decoration-color: var(--lvh-x-green);
  color: var(--lvh-x-green);
}
#applicant-management-page .vm-table td.job-status .offer-details a.submissionrejected,
#modal-container .vm-table td.job-status .offer-details a.submissionrejected,
#applicant-management-page .vm-table td.job-status .submission-details a.submissionrejected,
#modal-container .vm-table td.job-status .submission-details a.submissionrejected,
#applicant-management-page .vm-table td.job-status .assignment-details a.submissionrejected,
#modal-container .vm-table td.job-status .assignment-details a.submissionrejected,
#applicant-management-page .vm-table td.job-status .offer-details a.submissionerror,
#modal-container .vm-table td.job-status .offer-details a.submissionerror,
#applicant-management-page .vm-table td.job-status .submission-details a.submissionerror,
#modal-container .vm-table td.job-status .submission-details a.submissionerror,
#applicant-management-page .vm-table td.job-status .assignment-details a.submissionerror,
#modal-container .vm-table td.job-status .assignment-details a.submissionerror {
  text-decoration-color: var(--lvh-x-ripe);
  color: var(--lvh-x-ripe);
}
#applicant-management-page .vm-table td.job-status .action-required,
#modal-container .vm-table td.job-status .action-required,
#applicant-management-page .vm-table td.job-status .edited,
#modal-container .vm-table td.job-status .edited {
  padding-top: 5px;
}
#applicant-management-page .vm-table td.applied .row:not(:last-child),
#modal-container .vm-table td.applied .row:not(:last-child) {
  margin: 0 0 2px 0;
}
#applicant-management-page .vm-table td.applied .edited-date,
#modal-container .vm-table td.applied .edited-date {
  display: block;
  font-size: 11px;
  color: var(--lvh-x-shark-dark);
}
#applicant-management-page .vm-table td.application,
#modal-container .vm-table td.application {
  min-width: 120px;
}
@media (max-width: 991px) {
  #applicant-management-page .vm-table td.application .cover-message-row,
  #modal-container .vm-table td.application .cover-message-row {
    display: none;
  }
}
#applicant-management-page .vm-table td.application .cover-message-row .label,
#modal-container .vm-table td.application .cover-message-row .label {
  display: block;
  cursor: pointer;
  font-size: 11px;
  color: var(--lvh-x-yellow);
}
#applicant-management-page .vm-table td.application .cover-message-row .label:hover,
#modal-container .vm-table td.application .cover-message-row .label:hover {
  margin-left: -10px;
  padding-left: 10px;
}
#applicant-management-page .vm-table td.application .cover-message-row .label:hover + .cc-tooltip .tooltipContainer,
#modal-container .vm-table td.application .cover-message-row .label:hover + .cc-tooltip .tooltipContainer {
  display: block;
}
#applicant-management-page .vm-table td.application .cover-message-row hr,
#modal-container .vm-table td.application .cover-message-row hr {
  margin: 15px 0;
  border: none;
  border-top: 1px solid var(--lvh-x-shark-light);
}
#applicant-management-page .vm-table td.application .cover-message-row .cover-message-text,
#modal-container .vm-table td.application .cover-message-row .cover-message-text {
  display: block;
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 15px;
  color: var(--lvh-secondary-text);
}
#applicant-management-page .vm-table td.application .cover-message-row .jump,
#modal-container .vm-table td.application .cover-message-row .jump {
  font-size: 13px;
  line-height: 20px;
  color: var(--lvh-bright-blue);
}
#applicant-management-page .vm-table td.application:after,
#modal-container .vm-table td.application:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#applicant-management-page .vm-table td.application > .badge,
#modal-container .vm-table td.application > .badge {
  float: left;
  margin: 4px 4px 0px 0px;
}
#applicant-management-page .vm-table td.application .source-wrapper,
#modal-container .vm-table td.application .source-wrapper {
  clear: both;
  margin: 5px 0 0;
  font-size: 11px;
}
@media (max-width: 991px) {
  #applicant-management-page .vm-table td.application .source-wrapper,
  #modal-container .vm-table td.application .source-wrapper {
    margin: 0 0 0 100px;
  }
}
#applicant-management-page .vm-table td.application .source-wrapper .source-editing,
#modal-container .vm-table td.application .source-wrapper .source-editing,
#applicant-management-page .vm-table td.application .source-wrapper .no-source-editing,
#modal-container .vm-table td.application .source-wrapper .no-source-editing {
  display: block;
  max-width: 120px;
}
#applicant-management-page .vm-table td.application .source-wrapper .source-editing .type,
#modal-container .vm-table td.application .source-wrapper .source-editing .type,
#applicant-management-page .vm-table td.application .source-wrapper .no-source-editing .type,
#modal-container .vm-table td.application .source-wrapper .no-source-editing .type,
#applicant-management-page .vm-table td.application .source-wrapper .source-editing .name,
#modal-container .vm-table td.application .source-wrapper .source-editing .name,
#applicant-management-page .vm-table td.application .source-wrapper .no-source-editing .name,
#modal-container .vm-table td.application .source-wrapper .no-source-editing .name,
#applicant-management-page .vm-table td.application .source-wrapper .source-editing .agency-name,
#modal-container .vm-table td.application .source-wrapper .source-editing .agency-name,
#applicant-management-page .vm-table td.application .source-wrapper .no-source-editing .agency-name,
#modal-container .vm-table td.application .source-wrapper .no-source-editing .agency-name {
  display: block;
  margin-top: 3px;
}
#applicant-management-page .vm-table td.application .source-wrapper .source-editing .name,
#modal-container .vm-table td.application .source-wrapper .source-editing .name,
#applicant-management-page .vm-table td.application .source-wrapper .no-source-editing .name,
#modal-container .vm-table td.application .source-wrapper .no-source-editing .name,
#applicant-management-page .vm-table td.application .source-wrapper .source-editing .agency-name,
#modal-container .vm-table td.application .source-wrapper .source-editing .agency-name,
#applicant-management-page .vm-table td.application .source-wrapper .no-source-editing .agency-name,
#modal-container .vm-table td.application .source-wrapper .no-source-editing .agency-name {
  color: var(--lvh-x-shark-dark);
}
#applicant-management-page .vm-table td.application .source-wrapper .source-editing.cannot-click,
#modal-container .vm-table td.application .source-wrapper .source-editing.cannot-click {
  cursor: default;
}
#applicant-management-page .vm-table td.application .source-wrapper .source-editing > .no-job-candidate-source .name,
#modal-container .vm-table td.application .source-wrapper .source-editing > .no-job-candidate-source .name,
#applicant-management-page .vm-table td.application .source-wrapper .source-editing > .no-job-candidate-source .agency-name,
#modal-container .vm-table td.application .source-wrapper .source-editing > .no-job-candidate-source .agency-name {
  display: block;
}
#applicant-management-page .vm-table td.application .source-wrapper .source-editing > .has-job-candidate-source .type,
#modal-container .vm-table td.application .source-wrapper .source-editing > .has-job-candidate-source .type,
#applicant-management-page .vm-table td.application .source-wrapper .source-editing > .has-job-candidate-source .name,
#modal-container .vm-table td.application .source-wrapper .source-editing > .has-job-candidate-source .name,
#applicant-management-page .vm-table td.application .source-wrapper .source-editing > .has-job-candidate-source .agency-name,
#modal-container .vm-table td.application .source-wrapper .source-editing > .has-job-candidate-source .agency-name {
  display: inline-block;
}
#applicant-management-page .vm-table td.application .source-wrapper .source-editing .title,
#modal-container .vm-table td.application .source-wrapper .source-editing .title {
  display: block;
}
#applicant-management-page .vm-table td.application .source-wrapper .source-editing .icon,
#modal-container .vm-table td.application .source-wrapper .source-editing .icon {
  font-size: 12px;
  color: var(--lvh-x-shark-dark);
}
#applicant-management-page .vm-table.wrapper,
#modal-container .vm-table.wrapper {
  max-width: 175px;
  position: absolute;
  right: 2.154em;
}
#applicant-management-page .vm-table.wrapper .tooltipContainer,
#modal-container .vm-table.wrapper .tooltipContainer {
  width: 140px;
}
@media (max-width: 991px) {
  #applicant-management-page .vm-table.wrapper,
  #modal-container .vm-table.wrapper {
    float: left;
    width: 100%;
    position: relative;
  }
}
#applicant-management-page .vm-table .lastAction,
#modal-container .vm-table .lastAction {
  float: left;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  #applicant-management-page .vm-table .lastAction,
  #modal-container .vm-table .lastAction {
    float: left;
    width: 100%;
    position: relative;
    bottom: auto;
  }
}
#applicant-management-page .vm-table .lastAction.has-sibling,
#modal-container .vm-table .lastAction.has-sibling {
  padding-right: 20px;
}
#applicant-management-page .vm-table .lastAction .avatarWrap,
#modal-container .vm-table .lastAction .avatarWrap {
  float: right;
  width: 23px;
  height: 23px;
}
#applicant-management-page .vm-table .lastAction .avatar,
#modal-container .vm-table .lastAction .avatar {
  width: 100%;
  height: 100%;
  background-color: var(--lvh-white96);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
#applicant-management-page .vm-table .lastAction .avatar > img,
#modal-container .vm-table .lastAction .avatar > img {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
#applicant-management-page .vm-table .lastAction .text,
#modal-container .vm-table .lastAction .text {
  width: 100%;
  padding: 2px 30px 2px 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--lvh-x-shark-dark);
  white-space: nowrap;
  text-align: right;
  cursor: default;
}
#applicant-management-page .vm-table .lastAction .text span,
#modal-container .vm-table .lastAction .text span {
  display: block;
  font-size: 11px;
  overflow: hidden;
}
#applicant-management-page .vm-table .attachmentsIndicator,
#modal-container .vm-table .attachmentsIndicator {
  position: absolute;
  top: 0;
  right: 0;
}
#applicant-management-page .vm-table .attachmentsIndicator .icon,
#modal-container .vm-table .attachmentsIndicator .icon {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.192em 0;
}
#applicant-management-page .vm-table .attachmentsIndicator .icon i,
#modal-container .vm-table .attachmentsIndicator .icon i {
  font-size: 0.923em;
  color: var(--lvh-x-shark-dark);
}
@media (max-width: 991px) {
  #applicant-management-page .vm-table .lastAction,
  #modal-container .vm-table .lastAction {
    margin: 0 0 0 100px;
    width: calc(100% - 100px);
    float: none;
  }
}
@media (min-width: 992px) {
  #applicant-management-page .vm-table .lastAction,
  #modal-container .vm-table .lastAction {
    position: relative;
    float: none;
    clear: both;
  }
}
#applicant-management-page .vm-table .lastAction .avatarWrap,
#modal-container .vm-table .lastAction .avatarWrap {
  float: left;
}
#applicant-management-page .vm-table .lastAction .text,
#modal-container .vm-table .lastAction .text {
  text-align: left;
  padding: 2px 20px 2px 30px;
}
@media (max-width: 991px) {
  #applicant-management-page .vm-table .cover-message,
  #modal-container .vm-table .cover-message {
    display: none;
  }
}
#applicant-management-page .vm-table .cover-message > span,
#modal-container .vm-table .cover-message > span {
  font-size: 11px;
  color: var(--lvh-x-yellow);
}
#applicant-management-page .vm-table .star-row,
#modal-container .vm-table .star-row {
  float: left;
  width: 100%;
}
@media (max-width: 991px) {
  #applicant-management-page .vm-table .star-row,
  #modal-container .vm-table .star-row {
    width: auto;
  }
}
#applicant-management-page .vm-table .file-row-container,
#modal-container .vm-table .file-row-container {
  display: block;
  margin-bottom: 2px;
}
#applicant-management-page .vm-table .file-row-container:after,
#modal-container .vm-table .file-row-container:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
}
#applicant-management-page .vm-table .file-row-container .file-row,
#modal-container .vm-table .file-row-container .file-row {
  float: left;
  margin-right: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#applicant-management-page .vm-table .file-row-container .file-row i,
#modal-container .vm-table .file-row-container .file-row i {
  color: var(--lvh-x-murkberry-light);
  font-size: 18px;
}
#applicant-management-page .vm-table .file-row-container .file-row.no-file i,
#modal-container .vm-table .file-row-container .file-row.no-file i {
  color: var(--lvh-x-shark-dark);
}
#applicant-management-page .vm-table .file-row-container .file-row .cover-letter-callout-wrap,
#modal-container .vm-table .file-row-container .file-row .cover-letter-callout-wrap {
  position: relative;
  display: inline-block;
}
#applicant-management-page .vm-table .file-row-container .file-row .cover-letter-callout-wrap:not(:last-child),
#modal-container .vm-table .file-row-container .file-row .cover-letter-callout-wrap:not(:last-child) {
  margin-right: 5px;
}
#applicant-management-page .vm-table .file-row-container .file-row .cover-letter-callout-wrap:hover .cc-callout,
#modal-container .vm-table .file-row-container .file-row .cover-letter-callout-wrap:hover .cc-callout,
#applicant-management-page .vm-table .file-row-container .file-row .cover-letter-callout-wrap:focus .cc-callout,
#modal-container .vm-table .file-row-container .file-row .cover-letter-callout-wrap:focus .cc-callout,
#applicant-management-page .vm-table .file-row-container .file-row .cover-letter-callout-wrap:active .cc-callout,
#modal-container .vm-table .file-row-container .file-row .cover-letter-callout-wrap:active .cc-callout {
  visibility: visible;
}
#applicant-management-page .vm-table .file-row-container .file-row .cover-letter-callout-wrap > .label,
#modal-container .vm-table .file-row-container .file-row .cover-letter-callout-wrap > .label {
  padding: 0 0 15px 0;
}
#applicant-management-page .vm-table .file-row-container .file-row .cover-letter-callout-wrap .callout,
#modal-container .vm-table .file-row-container .file-row .cover-letter-callout-wrap .callout {
  display: block;
}
#applicant-management-page .vm-table .file-row-container .file-row .cover-letter-callout-wrap .cc-callout,
#modal-container .vm-table .file-row-container .file-row .cover-letter-callout-wrap .cc-callout {
  position: absolute;
  top: 20px;
  bottom: auto;
  left: -180px;
  width: 360px;
  visibility: hidden;
  z-index: 2000;
}
@media (max-width: 991px) {
  #applicant-management-page .vm-table .file-row-container .file-row .cover-letter-callout-wrap .cc-callout,
  #modal-container .vm-table .file-row-container .file-row .cover-letter-callout-wrap .cc-callout {
    display: none;
  }
}
#applicant-management-page .vm-table .file-row-container .file-row .cover-letter-callout-wrap .cc-callout.bottom,
#modal-container .vm-table .file-row-container .file-row .cover-letter-callout-wrap .cc-callout.bottom {
  top: auto;
  bottom: 28px;
}
#applicant-management-page .vm-table .file-row-container .file-row .cover-letter-callout-wrap .cc-callout .cc-callout-tip,
#modal-container .vm-table .file-row-container .file-row .cover-letter-callout-wrap .cc-callout .cc-callout-tip {
  left: 190px;
  right: auto;
}
#applicant-management-page .vm-table .file-row-container .file-row .cover-letter-callout-wrap .cc-callout .cc-callout-tip.top,
#modal-container .vm-table .file-row-container .file-row .cover-letter-callout-wrap .cc-callout .cc-callout-tip.top {
  top: 8px;
  right: auto;
  bottom: auto;
}
#applicant-management-page .vm-table .file-row-container .file-row .cover-letter-callout-wrap .cc-callout .cc-callout-tip.bottom,
#modal-container .vm-table .file-row-container .file-row .cover-letter-callout-wrap .cc-callout .cc-callout-tip.bottom {
  top: auto;
  bottom: -7px;
}
#applicant-management-page .vm-table .file-row-container .file-row .cover-letter-callout-wrap .cc-callout .cc-callout-body,
#modal-container .vm-table .file-row-container .file-row .cover-letter-callout-wrap .cc-callout .cc-callout-body {
  margin-top: 13px;
  padding: 20px 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#applicant-management-page .vm-table .file-row-container .file-row .cover-letter-callout-wrap .cc-callout .cc-callout-body:after,
#modal-container .vm-table .file-row-container .file-row .cover-letter-callout-wrap .cc-callout .cc-callout-body:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#applicant-management-page .cc-card-view .cc-status-tag:not(:last-child),
#modal-container .cc-card-view .cc-status-tag:not(:last-child) {
  margin-right: 5px;
}
#applicant-management-page .cc-card-view .user-info,
#modal-container .cc-card-view .user-info {
  max-width: 300px;
}
@media (max-width: 991px) {
  #applicant-management-page .cc-card-view .user-info,
  #modal-container .cc-card-view .user-info {
    max-width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #applicant-management-page .cc-card-view .user-info,
  #modal-container .cc-card-view .user-info {
    max-width: 230px;
  }
}
#applicant-management-page .profile-actions,
#modal-container .profile-actions {
  position: absolute;
  top: 20px;
  right: 15px;
  display: none;
}
#applicant-management-page .profile-actions ul,
#modal-container .profile-actions ul {
  margin: 0;
}
#applicant-management-page .profile-actions ul li,
#modal-container .profile-actions ul li {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 11px;
  line-height: 1;
}
#applicant-management-page .profile-actions ul li:last-child,
#modal-container .profile-actions ul li:last-child {
  margin-bottom: 0;
}
#applicant-management-page .profile-actions ul li a,
#modal-container .profile-actions ul li a {
  display: block;
  color: var(--lvh-x-shark-dark);
}
#applicant-management-page .profile-actions ul li a:hover,
#modal-container .profile-actions ul li a:hover {
  color: var(--lvh-bright-blue);
}
#applicant-management-page .profile-actions ul li a .icon,
#modal-container .profile-actions ul li a .icon {
  font-size: 12px;
}
#applicant-management-page .empty-position .profile-picture,
#modal-container .empty-position .profile-picture {
  float: left;
  padding: 3px;
  background-color: var(--lvh-x-shark-light);
  border-radius: 50%;
  text-align: center;
  position: relative;
}
#applicant-management-page .empty-position .profile-picture:after,
#modal-container .empty-position .profile-picture:after {
  content: '';
}
#applicant-management-page .empty-position .profile-picture .index,
#modal-container .empty-position .profile-picture .index {
  color: var(--lvh-x-shark-dark);
}
#applicant-management-page .empty-position .profile-picture .indicator,
#modal-container .empty-position .profile-picture .indicator {
  color: var(--lvh-x-red);
  position: absolute;
  right: 0;
}
#applicant-management-page #applicant-list #warning-message-container,
#modal-container #applicant-list #warning-message-container {
  background-color: var(--lvh-alert-yellow-light);
  color: var(--lvh-alert-yellow-text);
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  padding: 10px 10px;
  display: block;
  text-align: center;
  position: fixed;
  box-sizing: border-box;
  bottom: 60px;
  right: 0;
  left: 0;
  z-index: 6100;
}
#applicant-management-page #applicant-list .list-actions,
#modal-container #applicant-list .list-actions {
  height: 60px;
  background-color: var(--lvh-white);
  padding: 12px 15px;
  border-top: 1px solid var(--lvh-x-shark-dark);
  box-sizing: border-box;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 6100;
}
#applicant-management-page #applicant-list .list-actions #selected-count-container,
#modal-container #applicant-list .list-actions #selected-count-container {
  color: var(--lvh-x-green);
}
#applicant-management-page #applicant-list .list-actions .link,
#modal-container #applicant-list .list-actions .link {
  padding: 0;
  border: none;
  outline: none;
  background: none;
  color: var(--lvh-bright-blue);
}
#applicant-management-page #applicant-list .list-actions .link:hover,
#modal-container #applicant-list .list-actions .link:hover {
  text-decoration: underline;
}
#applicant-management-page #applicant-list .list-actions .link.reset,
#modal-container #applicant-list .list-actions .link.reset,
#applicant-management-page #applicant-list .list-actions .link.reset-mobile,
#modal-container #applicant-list .list-actions .link.reset-mobile {
  color: var(--lvh-x-shark-dark);
}
@media (max-width: 991px) {
  #applicant-management-page #applicant-list .list-actions .link.reset,
  #modal-container #applicant-list .list-actions .link.reset {
    display: none;
  }
}
@media (min-width: 992px) {
  #applicant-management-page #applicant-list .list-actions .link.reset-mobile,
  #modal-container #applicant-list .list-actions .link.reset-mobile {
    display: none;
  }
}
#applicant-management-page #applicant-list .list-actions .lhs,
#modal-container #applicant-list .list-actions .lhs {
  margin-left: -29px;
  float: left;
  height: 35px;
  line-height: 20px;
  padding: 6.5px 0;
  box-sizing: border-box;
  position: relative;
}
@media (max-width: 991px) {
  #applicant-management-page #applicant-list .list-actions .lhs #total-cand-count,
  #modal-container #applicant-list .list-actions .lhs #total-cand-count {
    display: none;
  }
}
#applicant-management-page #applicant-list .list-actions .lhs .col,
#modal-container #applicant-list .list-actions .lhs .col {
  float: left;
  position: relative;
  font-size: 13px;
}
@media (max-width: 991px) {
  #applicant-management-page #applicant-list .list-actions .lhs .col:first-child,
  #modal-container #applicant-list .list-actions .lhs .col:first-child {
    padding-left: 18px;
  }
}
#applicant-management-page #applicant-list .list-actions .lhs .col:not(:first-child),
#modal-container #applicant-list .list-actions .lhs .col:not(:first-child) {
  padding-left: 10px;
}
@media (max-width: 991px) {
  #applicant-management-page #applicant-list .list-actions .lhs .col:not(:first-child),
  #modal-container #applicant-list .list-actions .lhs .col:not(:first-child) {
    padding-left: 5px;
  }
}
#applicant-management-page #applicant-list .list-actions .lhs .col:not(:last-child),
#modal-container #applicant-list .list-actions .lhs .col:not(:last-child) {
  padding-right: 10px;
  margin-right: 10px;
}
#applicant-management-page #applicant-list .list-actions .lhs .col:not(:last-child):after,
#modal-container #applicant-list .list-actions .lhs .col:not(:last-child):after {
  position: absolute;
  top: 0;
  right: -10px;
  display: inline-block;
  content: '|';
  font-size: 18px;
  line-height: 18px;
  color: var(--lvh-x-shark-light);
}
#applicant-management-page #applicant-list .list-actions .rhs,
#modal-container #applicant-list .list-actions .rhs {
  float: right;
}
#applicant-management-page #applicant-list .list-actions .rhs .col,
#modal-container #applicant-list .list-actions .rhs .col {
  float: left;
  position: relative;
  padding-left: 10px;
}
@media (max-width: 991px) {
  #applicant-management-page #applicant-list .list-actions .rhs .col:last-child,
  #modal-container #applicant-list .list-actions .rhs .col:last-child {
    margin-right: -15px;
  }
}
#applicant-management-page #applicant-list .list-actions .rhs .selections,
#modal-container #applicant-list .list-actions .rhs .selections {
  margin: 0;
  padding: 0;
  list-style: none;
}
#applicant-management-page #applicant-list .list-actions .rhs .selections > .selection,
#modal-container #applicant-list .list-actions .rhs .selections > .selection {
  float: left;
}
#applicant-management-page #applicant-list .list-actions .rhs .selections > .selection:not(:last-child),
#modal-container #applicant-list .list-actions .rhs .selections > .selection:not(:last-child) {
  margin-right: 10px;
}
#applicant-management-page #applicant-list .list-actions .cc-action-callout,
#modal-container #applicant-list .list-actions .cc-action-callout {
  /* TODO: replace this with a position=ABOVE option in the ActionCallout directive */
}
#applicant-management-page #applicant-list .list-actions .cc-action-callout .cc-callout,
#modal-container #applicant-list .list-actions .cc-action-callout .cc-callout {
  top: auto;
  bottom: calc(100% + 10px);
}
#applicant-management-page #applicant-list .list-actions .cc-action-callout .cc-callout-tip,
#modal-container #applicant-list .list-actions .cc-action-callout .cc-callout-tip {
  top: auto;
  bottom: -6px;
}
@media (min-width: 992px) {
  #applicant-management-page #applicant-list .list-actions .cc-action-callout .menuItem:last-child,
  #modal-container #applicant-list .list-actions .cc-action-callout .menuItem:last-child {
    display: none;
  }
}
@media (min-width: 992px) {
  #applicant-management-page #applicant-list .list-actions .cc-action-callout .menuItem:nth-last-child(-n+2) .item,
  #modal-container #applicant-list .list-actions .cc-action-callout .menuItem:nth-last-child(-n+2) .item {
    border-bottom: none;
  }
}
@media (max-width: 991px) {
  #applicant-management-page #applicant-list .list-actions .cc-action-callout .trigger .button .label,
  #modal-container #applicant-list .list-actions .cc-action-callout .trigger .button .label {
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  #applicant-management-page #applicant-list .list-actions .cc-action-callout .trigger .button i,
  #modal-container #applicant-list .list-actions .cc-action-callout .trigger .button i {
    display: none;
  }
}
@media (min-width: 992px) {
  #applicant-management-page #applicant-list .list-actions .cc-action-callout .cc-callout-list.full-size li.menuItem:last-child,
  #modal-container #applicant-list .list-actions .cc-action-callout .cc-callout-list.full-size li.menuItem:last-child {
    display: none;
  }
}
#applicant-management-page #applicant-list .list-actions .selected-count,
#modal-container #applicant-list .list-actions .selected-count {
  color: var(--lvh-primary-text);
  vertical-align: middle;
}
#applicant-management-page #applicant-list .list-actions .p-checkbox .checkbox,
#modal-container #applicant-list .list-actions .p-checkbox .checkbox {
  border-color: var(--lvh-bright-blue);
  width: 16px;
  height: 16px;
}
#applicant-management-page #applicant-list .list-actions #suggestionButtonContainer,
#modal-container #applicant-list .list-actions #suggestionButtonContainer {
  display: flex;
  gap: 5px;
}
#applicant-management-page #applicant-list .select-all,
#modal-container #applicant-list .select-all {
  height: 40px;
  background-color: var(--lvh-x-off-white);
  padding: 12px 15px;
  border-top: 1px solid var(--lvh-x-shark-dark);
  box-sizing: border-box;
  position: absolute;
  top: -41px;
  right: 0;
  left: 0;
  z-index: 1900;
  text-align: center;
}
#applicant-management-page #applicant-list .select-all .link,
#modal-container #applicant-list .select-all .link {
  color: var(--lvh-bright-blue);
}
#applicant-management-page #applicant-list .p-checkbox .input:checked ~ .checkbox,
#modal-container #applicant-list .p-checkbox .input:checked ~ .checkbox {
  border-color: var(--lvh-bright-blue);
}
#applicant-management-page #applicant-list .p-checkbox .input:checked ~ .checkbox:before,
#modal-container #applicant-list .p-checkbox .input:checked ~ .checkbox:before {
  color: var(--lvh-bright-blue);
}
#applicant-management-page #applicant-list .p-checkbox .checkbox,
#modal-container #applicant-list .p-checkbox .checkbox {
  background-color: var(--lvh-white);
  border-color: var(--lvh-x-shark-dark);
  width: 16px;
  height: 16px;
}
#applicant-management-page #fill-vacancy-modal .empty-position .profile-picture,
#modal-container #fill-vacancy-modal .empty-position .profile-picture {
  float: left;
  padding: 3px;
  background-color: var(--lvh-x-shark-light);
  border-radius: 50%;
  text-align: center;
  position: relative;
}
#applicant-management-page #fill-vacancy-modal .empty-position .profile-picture:after,
#modal-container #fill-vacancy-modal .empty-position .profile-picture:after {
  content: '';
}
#applicant-management-page #fill-vacancy-modal .empty-position .profile-picture .index,
#modal-container #fill-vacancy-modal .empty-position .profile-picture .index {
  color: var(--lvh-x-shark-dark);
}
#applicant-management-page #fill-vacancy-modal .empty-position .profile-picture .indicator,
#modal-container #fill-vacancy-modal .empty-position .profile-picture .indicator {
  color: var(--lvh-x-red);
  position: absolute;
  right: 0;
}
#applicant-management-page #fill-vacancy-modal .empty-position,
#modal-container #fill-vacancy-modal .empty-position {
  color: var(--lvh-x-shark-light);
}
#applicant-management-page #fill-vacancy-modal .empty-position .empty-candidate,
#modal-container #fill-vacancy-modal .empty-position .empty-candidate {
  padding-top: 12px;
}
#applicant-management-page #fill-vacancy-modal .empty-position .profile-picture,
#modal-container #fill-vacancy-modal .empty-position .profile-picture {
  width: 54px;
  height: 54px;
  margin-right: 10px;
}
#applicant-management-page #fill-vacancy-modal .empty-position .profile-picture .index,
#modal-container #fill-vacancy-modal .empty-position .profile-picture .index {
  line-height: 54px;
  font-size: 16px;
}
#applicant-management-page #fill-vacancy-modal .empty-position .profile-picture .indicator,
#modal-container #fill-vacancy-modal .empty-position .profile-picture .indicator {
  right: 0;
  bottom: 5px;
}
#applicant-management-page #fill-vacancy-modal #fill-vacancy-table .dropdownComponent,
#modal-container #fill-vacancy-modal #fill-vacancy-table .dropdownComponent,
#applicant-management-page #fill-vacancy-modal #fill-vacancy-table .validation-message,
#modal-container #fill-vacancy-modal #fill-vacancy-table .validation-message {
  width: 230px;
}
@media (max-width: 991px) {
  #applicant-management-page #fill-vacancy-modal #fill-vacancy-table .dropdownComponent,
  #modal-container #fill-vacancy-modal #fill-vacancy-table .dropdownComponent,
  #applicant-management-page #fill-vacancy-modal #fill-vacancy-table .validation-message,
  #modal-container #fill-vacancy-modal #fill-vacancy-table .validation-message {
    width: 100%;
  }
}
#applicant-management-page #fill-vacancy-modal #fill-vacancy-table tbody tr:last-child,
#modal-container #fill-vacancy-modal #fill-vacancy-table tbody tr:last-child {
  border-bottom: none;
}
@media (max-width: 991px) {
  #applicant-management-page #fill-vacancy-modal #fill-vacancy-table tbody tr td:not(:first-child),
  #modal-container #fill-vacancy-modal #fill-vacancy-table tbody tr td:not(:first-child) {
    padding-left: 70px;
  }
}
#applicant-management-page #candidate-filter-modal,
#modal-container #candidate-filter-modal {
  background-color: var(--lvh-x-off-white);
}
@media (max-width: 991px) {
  #applicant-management-page #candidate-filter-modal.filter-selected .filter-list > li,
  #modal-container #candidate-filter-modal.filter-selected .filter-list > li {
    padding: 20px 20px 20px 45px;
    background-color: var(--lvh-x-shark-light);
    color: var(--lvh-bright-blue);
  }
}
@media (max-width: 991px) {
  #applicant-management-page #candidate-filter-modal.filter-selected .filter-list > li:before,
  #modal-container #candidate-filter-modal.filter-selected .filter-list > li:before {
    position: absolute;
    top: 50%;
    left: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "\e912";
    font-family: 'IconFont';
    color: var(--lvh-bright-blue);
  }
}
@media (min-width: 992px) {
  #applicant-management-page #candidate-filter-modal.filter-selected .filter-list > li:first-child:not(.selected),
  #modal-container #candidate-filter-modal.filter-selected .filter-list > li:first-child:not(.selected) {
    background-color: transparent;
  }
}
@media (min-width: 992px) {
  #applicant-management-page #candidate-filter-modal.filter-selected .filter-list > li:first-child:not(.selected):before,
  #modal-container #candidate-filter-modal.filter-selected .filter-list > li:first-child:not(.selected):before {
    display: none;
  }
}
@media (max-width: 991px) {
  #applicant-management-page #candidate-filter-modal.filter-selected .filter-list > li:not(.selected),
  #modal-container #candidate-filter-modal.filter-selected .filter-list > li:not(.selected) {
    display: none;
  }
}
@media (max-width: 991px) {
  #applicant-management-page #candidate-filter-modal.filter-selected .filter-list > li .navigation,
  #modal-container #candidate-filter-modal.filter-selected .filter-list > li .navigation,
  #applicant-management-page #candidate-filter-modal.filter-selected .filter-list > li .selected,
  #modal-container #candidate-filter-modal.filter-selected .filter-list > li .selected {
    display: none;
  }
}
@media (max-width: 991px) {
  #applicant-management-page #candidate-filter-modal.filter-selected .filter-values,
  #modal-container #candidate-filter-modal.filter-selected .filter-values {
    display: block;
  }
}
#applicant-management-page #candidate-filter-modal .modalBody,
#modal-container #candidate-filter-modal .modalBody {
  min-height: 464px;
  padding: 0;
}
@media (max-width: 991px) {
  #applicant-management-page #candidate-filter-modal .modalBody,
  #modal-container #candidate-filter-modal .modalBody {
    overflow: auto;
    min-height: calc(100vh - 140px);
    max-height: calc(100vh - 140px);
  }
}
#applicant-management-page #candidate-filter-modal .cf-thirds,
#modal-container #candidate-filter-modal .cf-thirds {
  float: left !important;
  width: 30.6666% !important;
}
@media (max-width: 991px) {
  #applicant-management-page #candidate-filter-modal .cf-thirds,
  #modal-container #candidate-filter-modal .cf-thirds {
    width: 100% !important;
    margin-right: 0 !important;
  }
}
#applicant-management-page #candidate-filter-modal .cf-thirds:last-child,
#modal-container #candidate-filter-modal .cf-thirds:last-child {
  margin-right: 0 !important;
}
#applicant-management-page #candidate-filter-modal .cf-thirds.span2,
#modal-container #candidate-filter-modal .cf-thirds.span2 {
  width: 69.3332% !important;
}
@media (max-width: 991px) {
  #applicant-management-page #candidate-filter-modal .cf-thirds.span2,
  #modal-container #candidate-filter-modal .cf-thirds.span2 {
    width: 100% !important;
  }
}
#applicant-management-page #candidate-filter-modal .filter-values,
#modal-container #candidate-filter-modal .filter-values {
  border-left: 1px solid var(--lvh-x-pale-grey);
  box-sizing: border-box;
  padding-left: 20px;
}
@media (min-width: 992px) {
  #applicant-management-page #candidate-filter-modal .filter-values,
  #modal-container #candidate-filter-modal .filter-values {
    max-height: 464px;
    height: 464px;
    overflow-y: auto;
  }
}
@media (max-width: 991px) {
  #applicant-management-page #candidate-filter-modal .filter-values,
  #modal-container #candidate-filter-modal .filter-values {
    display: none;
  }
}
#applicant-management-page #candidate-filter-modal span.checkbox,
#modal-container #candidate-filter-modal span.checkbox {
  margin-right: 10px;
  background-color: white;
}
#applicant-management-page #candidate-filter-modal .modalFooter,
#modal-container #candidate-filter-modal .modalFooter {
  position: relative;
}
@media (max-width: 991px) {
  #applicant-management-page #candidate-filter-modal .modalFooter,
  #modal-container #candidate-filter-modal .modalFooter {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid var(--lvh-x-pale-grey);
  }
}
#applicant-management-page #candidate-filter-modal .modalFooter .clear-wrap,
#modal-container #candidate-filter-modal .modalFooter .clear-wrap {
  position: absolute;
  right: 140px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
#applicant-management-page #candidate-filter-modal .modalFooter .filters-wrap,
#modal-container #candidate-filter-modal .modalFooter .filters-wrap {
  position: absolute;
  left: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
#applicant-management-page #candidate-filter-modal .modalFooter .filters-wrap .label,
#modal-container #candidate-filter-modal .modalFooter .filters-wrap .label {
  color: var(--lvh-secondary-text);
}
@media (max-width: 991px) {
  #applicant-management-page #candidate-filter-modal .modalFooter .button-wrap > .button,
  #modal-container #candidate-filter-modal .modalFooter .button-wrap > .button {
    float: right !important;
    width: auto;
  }
}
#applicant-management-page #candidate-filter-modal .filter-list,
#modal-container #candidate-filter-modal .filter-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 991px) {
  #applicant-management-page #candidate-filter-modal .filter-list.filter-selected .filter.active .icon.selected,
  #modal-container #candidate-filter-modal .filter-list.filter-selected .filter.active .icon.selected {
    display: none;
  }
}
#applicant-management-page #candidate-filter-modal .filter-list .filter,
#modal-container #candidate-filter-modal .filter-list .filter {
  position: relative;
  padding: 20px 20px 20px 35px;
  color: var(--lvh-x-light-grey);
  border-bottom: 1px solid var(--lvh-x-pale-grey);
}
@media (min-width: 992px) {
  #applicant-management-page #candidate-filter-modal .filter-list .filter:first-child,
  #modal-container #candidate-filter-modal .filter-list .filter:first-child,
  #applicant-management-page #candidate-filter-modal .filter-list .filter.selected,
  #modal-container #candidate-filter-modal .filter-list .filter.selected {
    background-color: white;
  }
}
@media (min-width: 992px) {
  #applicant-management-page #candidate-filter-modal .filter-list .filter:first-child:before,
  #modal-container #candidate-filter-modal .filter-list .filter:first-child:before,
  #applicant-management-page #candidate-filter-modal .filter-list .filter.selected:before,
  #modal-container #candidate-filter-modal .filter-list .filter.selected:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    content: '';
    background-color: var(--lvh-bright-blue);
  }
}
#applicant-management-page #candidate-filter-modal .filter-list .filter.active .icon.selected,
#modal-container #candidate-filter-modal .filter-list .filter.active .icon.selected {
  position: absolute;
  display: block;
  top: 50%;
  left: 15px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
#applicant-management-page #candidate-filter-modal .filter-list .filter .icon.navigation,
#modal-container #candidate-filter-modal .filter-list .filter .icon.navigation {
  font-size: 8px;
  line-height: 2.7em;
  float: right;
}
#applicant-management-page #candidate-filter-modal .filter-list .filter .icon.selected,
#modal-container #candidate-filter-modal .filter-list .filter .icon.selected {
  font-size: 8px;
  line-height: 2.7em;
  display: none;
}
#applicant-management-page #candidate-filter-modal .filter-values-list,
#modal-container #candidate-filter-modal .filter-values-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
#applicant-management-page #candidate-filter-modal .filter-values-list .filter-value-group,
#modal-container #candidate-filter-modal .filter-values-list .filter-value-group {
  padding: 15px 15px 0;
  color: var(--lvh-x-dark-grey);
  font-weight: 700;
}
@media (max-width: 991px) {
  #applicant-management-page #candidate-filter-modal .filter-values-list .filter-value-group,
  #modal-container #candidate-filter-modal .filter-values-list .filter-value-group {
    padding: 15px 15px 15px 0;
  }
}
#applicant-management-page #candidate-filter-modal .filter-values-list .filter-value-group .cc-dropdown2 .label,
#modal-container #candidate-filter-modal .filter-values-list .filter-value-group .cc-dropdown2 .label,
#applicant-management-page #candidate-filter-modal .filter-values-list .filter-value-group .text,
#modal-container #candidate-filter-modal .filter-values-list .filter-value-group .text,
#applicant-management-page #candidate-filter-modal .filter-values-list .filter-value-group .suggestion,
#modal-container #candidate-filter-modal .filter-values-list .filter-value-group .suggestion,
#applicant-management-page #candidate-filter-modal .filter-values-list .filter-value-group .tag-desc,
#modal-container #candidate-filter-modal .filter-values-list .filter-value-group .tag-desc {
  font-weight: 400;
}
#applicant-management-page #candidate-filter-modal .filter-values-list .filter-value-group:last-child,
#modal-container #candidate-filter-modal .filter-values-list .filter-value-group:last-child {
  padding: 15px;
}
@media (max-width: 991px) {
  #applicant-management-page #candidate-filter-modal .filter-values-list .filter-value-group:last-child,
  #modal-container #candidate-filter-modal .filter-values-list .filter-value-group:last-child {
    padding: 15px 0;
  }
}
#applicant-management-page #candidate-filter-modal .filter-values-list .filter-value-group:not(.empty) > label.group-heading.expandable:after,
#modal-container #candidate-filter-modal .filter-values-list .filter-value-group:not(.empty) > label.group-heading.expandable:after {
  content: "\e930";
  font-family: 'IconFont';
  font-size: 10px;
  color: var(--lvh-x-shark-dark);
  float: right;
  padding-top: 4px;
}
#applicant-management-page #candidate-filter-modal .filter-values-list .filter-value-group:not(.empty).expanded > label.group-heading.expandable:after,
#modal-container #candidate-filter-modal .filter-values-list .filter-value-group:not(.empty).expanded > label.group-heading.expandable:after {
  content: "\e931";
  color: var(--lvh-disabled-text);
}
#applicant-management-page #candidate-filter-modal .filter-values-list .filter-value-group div.expandable:not(.expanded),
#modal-container #candidate-filter-modal .filter-values-list .filter-value-group div.expandable:not(.expanded) {
  display: none;
}
#applicant-management-page #candidate-filter-modal .filter-values-list .filter-value-group.empty,
#modal-container #candidate-filter-modal .filter-values-list .filter-value-group.empty {
  color: var(--lvh-disabled-text);
}
#applicant-management-page #candidate-filter-modal .filter-values-list .filter-value-group.empty span,
#modal-container #candidate-filter-modal .filter-values-list .filter-value-group.empty span,
#applicant-management-page #candidate-filter-modal .filter-values-list .filter-value-group.empty label,
#modal-container #candidate-filter-modal .filter-values-list .filter-value-group.empty label,
#applicant-management-page #candidate-filter-modal .filter-values-list .filter-value-group.empty input,
#modal-container #candidate-filter-modal .filter-values-list .filter-value-group.empty input {
  cursor: default;
}
#applicant-management-page #candidate-filter-modal .filter-values-list .filter-value-group > .group-heading,
#modal-container #candidate-filter-modal .filter-values-list .filter-value-group > .group-heading {
  display: inline-block;
  width: calc(100% - 30px);
  font-weight: 600;
}
#applicant-management-page #candidate-filter-modal .filter-values-list .filter-value-group .sub-group-heading,
#modal-container #candidate-filter-modal .filter-values-list .filter-value-group .sub-group-heading {
  display: inline-block;
  width: calc(100% - 30px);
  font-weight: 600;
  margin: 10px 0;
}
#applicant-management-page #candidate-filter-modal .filter-values-list .filter-value-group > .p-checkbox,
#modal-container #candidate-filter-modal .filter-values-list .filter-value-group > .p-checkbox {
  vertical-align: top;
}
#applicant-management-page #candidate-filter-modal .filter-values-list .filter-value-group .radius,
#modal-container #candidate-filter-modal .filter-values-list .filter-value-group .radius {
  max-width: 30%;
}
#applicant-management-page #candidate-filter-modal .filter-values-list .filter-value-group .expandable .experience,
#modal-container #candidate-filter-modal .filter-values-list .filter-value-group .expandable .experience {
  max-width: 30%;
}
#applicant-management-page #candidate-filter-modal .filter-values-list .filter-value-group .add-job-location,
#modal-container #candidate-filter-modal .filter-values-list .filter-value-group .add-job-location {
  min-width: 100%;
  text-align: right;
}
#applicant-management-page #candidate-filter-modal .filter-group-value-list,
#modal-container #candidate-filter-modal .filter-group-value-list {
  padding-top: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
#applicant-management-page #candidate-filter-modal .filter-group-value-list.expandable-list.expanded,
#modal-container #candidate-filter-modal .filter-group-value-list.expandable-list.expanded {
  display: inherit;
}
#applicant-management-page #candidate-filter-modal .filter-group-value-list.expandable-list:not(.expanded),
#modal-container #candidate-filter-modal .filter-group-value-list.expandable-list:not(.expanded) {
  display: none;
}
#applicant-management-page #candidate-filter-modal .filter-group-value-list.expandable-list .filter-value,
#modal-container #candidate-filter-modal .filter-group-value-list.expandable-list .filter-value {
  padding: 15px 24px 0;
}
#applicant-management-page #candidate-filter-modal .filter-group-value-list .filter-value,
#modal-container #candidate-filter-modal .filter-group-value-list .filter-value {
  padding: 15px 15px 0 0;
  color: var(--lvh-x-light-grey);
  font-weight: 500;
}
#applicant-management-page #candidate-filter-modal .filter-group-value-list .filter-value:last-child,
#modal-container #candidate-filter-modal .filter-group-value-list .filter-value:last-child {
  padding-bottom: 15px;
}
#applicant-management-page #candidate-filter-modal .filter-group-value-list .filter-value > .p-checkbox,
#modal-container #candidate-filter-modal .filter-group-value-list .filter-value > .p-checkbox {
  cursor: pointer;
}
#applicant-management-page #candidate-filter-modal .keywords,
#modal-container #candidate-filter-modal .keywords {
  margin-top: 10px;
}
#applicant-management-page #candidate-filter-modal .keywords .cc-multi-tag .search-input,
#modal-container #candidate-filter-modal .keywords .cc-multi-tag .search-input {
  min-width: 250px;
}
#applicant-management-page #candidate-filter-modal .keywords .p-tag span.text,
#modal-container #candidate-filter-modal .keywords .p-tag span.text {
  font-weight: 400;
}
#applicant-management-page #candidate-filter-modal .keywords .keyword,
#modal-container #candidate-filter-modal .keywords .keyword {
  padding: 10px 0 5px;
}
#applicant-management-page #candidate-filter-modal .keywords .keyword > label,
#modal-container #candidate-filter-modal .keywords .keyword > label {
  display: block;
  font-weight: 400;
  padding-bottom: 5px;
}
#applicant-management-page #candidate-filter-modal .expandable.stateRegion,
#modal-container #candidate-filter-modal .expandable.stateRegion {
  margin-top: 10px;
}
#applicant-management-page #candidate-filter-modal .expandable.stateRegion .cc-multi-tag .search-input,
#modal-container #candidate-filter-modal .expandable.stateRegion .cc-multi-tag .search-input {
  min-width: 250px;
}
#applicant-management-page #candidate-filter-modal .expandable.stateRegion .p-tag span.text,
#modal-container #candidate-filter-modal .expandable.stateRegion .p-tag span.text {
  font-weight: 400;
}
#applicant-management-page #candidate-filter-modal .expandable.stateRegion .stateRegion,
#modal-container #candidate-filter-modal .expandable.stateRegion .stateRegion {
  padding: 10px 0 5px;
}
#applicant-management-page #candidate-filter-modal .expandable.stateRegion label,
#modal-container #candidate-filter-modal .expandable.stateRegion label {
  display: block;
  font-weight: 400;
  padding-bottom: 5px;
}
#applicant-management-page .cc-modal .body .hint {
  float: none;
}
@media (max-width: 991px) {
  #applicant-management-page .cc-modal .body {
    margin: 20px 0 0;
  }
}
.fix-to-top #applicant-sticky-header {
  top: 142px;
}
.fix-to-top #applicant-sticky-header tbody tr th {
  padding: 8px 15px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .fix-to-top #applicant-sticky-header tbody tr th {
    padding: 8px 10px;
  }
}
#offer-template-modal .modalBody {
  min-height: 119px;
}
#offer-template-modal .cc-dropdown2 li {
  padding-top: 2px;
  padding-bottom: 5px;
}
#offer-template-modal .cc-dropdown2 li:not(:last-child) {
  border-bottom: 1px solid var(--lvh-x-shark-light);
}
#offer-template-modal .cc-dropdown2 li .html-label {
  line-height: normal;
  padding-bottom: 2px;
  color: var(--lvh-x-shark-dark);
  font-size: 11px;
}
#offer-template-modal .cc-dropdown2 li .html-label-workTypes {
  padding-bottom: 2px;
  float: right;
  width: 70%;
  text-align: right;
  color: var(--lvh-x-shark-dark);
  font-size: 11px;
}
#offer-template-modal .cc-dropdown2 .selected-option .html-label {
  display: none;
}
#offer-template-modal .cc-dropdown2 .selected-option .html-label-workTypes {
  display: none;
}
#offer-template-modal #template-general-fields {
  border-top: solid 1px var(--lvh-x-pale-grey);
  margin-top: 20px;
  padding-top: 20px;
}
#offer-template-modal .message-container-wrap {
  margin-top: 30px;
}
#offer-template-modal .offer-letter-wrap {
  border: solid 1px var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  box-sizing: border-box;
  margin-top: 30px;
  overflow-y: scroll;
  width: 100%;
  height: 650px;
}
#offer-template-modal .offer-letter-wrap ul {
  margin: 0;
  padding: 0;
  padding-left: 40px;
  list-style-type: disc;
}
#offer-template-modal .offer-letter-wrap .image {
  display: table;
  clear: both;
  text-align: center;
  margin: 1em auto;
}
#offer-template-modal .offer-letter-wrap figure {
  margin: 0;
}
#offer-template-modal .offer-letter-wrap figure.image_resized {
  max-width: 100%;
}
#offer-template-modal .offer-letter-wrap figure .image_resized img {
  width: 100%;
}
#offer-template-modal .offer-letter-wrap figure.image-style-align-left {
  float: left;
  margin-right: 19.5px;
  margin-left: 0;
}
#offer-template-modal .offer-letter-wrap figure.image-style-align-right {
  float: right;
  margin-left: 19.5px;
  margin-right: 0;
}
#offer-template-modal .offer-letter-wrap figure table {
  width: 100%;
}
#offer-template-modal .offer-letter-wrap figure img {
  display: block;
  max-width: 100%;
}
#offer-template-modal .offer-letter-wrap figure img[alt="companyLogo"] {
  margin: 0;
  padding-bottom: 5px;
}
#offer-template-modal .offer-letter-wrap mark.marker-yellow {
  background-color: #fdfd77;
}
#offer-template-modal .offer-letter-wrap mark.marker-green {
  background-color: #63f963;
}
#offer-template-modal .offer-letter-wrap mark.marker-pink {
  background-color: #fc7999;
}
#offer-template-modal .offer-letter-wrap mark.marker-blue {
  background-color: #72cdfd;
}
#offer-template-modal .offer-letter-wrap mark.pen-red {
  color: #e91313;
  background-color: transparent;
}
#offer-template-modal .offer-letter-wrap mark.pen-green {
  color: #180;
  background-color: transparent;
}
#offer-template-modal .offer-letter-wrap blockquote {
  overflow: hidden;
  padding-right: 1.5em;
  padding-left: 1.5em;
  margin-left: 0;
  font-style: italic;
  border-left: 5px solid var(--lvh-x-shark-dark);
}
#offer-template-modal .additional-documents {
  margin: 20px 0;
}
#offer-template-modal .additional-documents span.heading {
  font-size: 1em;
  font-weight: 600;
}
#vacancy-publish-page .sectionWrap {
  float: left;
  width: 100%;
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-pale-grey);
  border-radius: 3px;
  padding: 20px 30px;
  margin: 10px 0;
}
#vacancy-publish-page .sectionWrap .profile-title {
  white-space: normal;
}
@media (max-width: 991px) {
  #vacancy-publish-page .sectionWrap {
    padding: 20px;
    width: auto;
  }
}
#vacancy-publish-page #publish-vacancy-container.container {
  max-width: 800px;
}
#vacancy-publish-page .row {
  width: 100%;
  position: relative;
}
#vacancy-publish-page .row:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#vacancy-publish-page .row:not(:last-child) {
  margin: 0 0 20px 0;
}
@media (max-width: 991px) {
  .vm-page .col.halves,
  .vm-page .col.quarters {
    width: 100% !important;
    margin-bottom: 20px;
  }
}
@media (max-width: 991px) {
  .vm-page .col.halves:not(:last-child),
  .vm-page .col.quarters:not(:last-child) {
    margin-right: 0 !important;
  }
}
@media (max-width: 991px) {
  .vm-page .col.halves:last-child,
  .vm-page .col.quarters:last-child {
    margin-bottom: 0 !important;
  }
}
.vm-page .header-filters-section {
  float: left;
  width: 100%;
  margin: 0 0 20px 0;
}
@media (max-width: 991px) {
  .vm-page .header-filters-section {
    margin: 0 0 10px 0;
  }
}
.vm-page .header-filters-section > .container > .row {
  float: left;
  width: 100%;
}
.vm-page .header-filters-section .container-inner {
  float: right;
  margin-top: 20px;
}
@media (max-width: 991px) {
  .vm-page .header-filters-section .container-inner {
    width: 100%;
  }
}
.vm-page .header-filters-section .container-inner > div {
  float: left;
  margin-left: 10px;
}
.vm-page .header-filters-section .container-inner > div:first-child {
  margin-left: 0;
}
@media (max-width: 991px) {
  .vm-page .header-filters-section .container-inner > div {
    width: 100%;
    margin: 0 0 10px 0;
  }
}
@media (max-width: 991px) {
  .vm-page .header-filters-section .container-inner > div > button {
    width: 100%;
  }
}
.vm-page .header-filters-section .container-inner > div > .cc-dropdown2 {
  min-width: 190px;
}
@media (max-width: 991px) {
  .vm-page .header-filters-section .container-inner > div > .cc-dropdown2 {
    width: 100%;
  }
}
.vm-page .header-filters-section .cc-filter-list {
  background-color: transparent;
  border-bottom: none;
}
.vm-page #search-wrap .search-wrap-inner {
  position: relative;
}
.vm-page #search-wrap .search-wrap-inner input {
  padding-right: 30px;
}
.vm-page #search-wrap .search-wrap-inner i {
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
  color: var(--lvh-x-shark-dark);
}
.vm-page .header-tabs-section {
  float: left;
  width: 100%;
  margin: 0 0 20px 0;
}
@media (max-width: 991px) {
  .vm-page .header-tabs-section {
    margin: 0 0 10px 0;
  }
}
.vm-page .header-tabs-section > .container > .row {
  float: left;
  width: 100%;
  border-bottom: 1px solid var(--lvh-x-paler-grey);
}
@media (max-width: 991px) {
  .vm-page .header-tabs-section > .container > .row {
    border-bottom: 0;
  }
}
@media (min-width: 992px) {
  .vm-page .header-tabs-section .cc-tabopotamus .items {
    border-bottom: none;
  }
}
.vm-page .content-heading {
  position: relative;
  float: left;
  width: 100%;
  margin: 0 0 25px 0;
}
@media (max-width: 991px) {
  .vm-page .content-heading {
    border-bottom: none;
    margin: 0 0 10px 0;
  }
}
.vm-page .content-heading h2 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
}
@media (max-width: 991px) {
  .vm-page .content-heading h2 {
    font-size: 14px;
  }
}
.vm-page #stats-toggle-container {
  float: right;
  padding: 6px 12px;
  border: 1px solid var(--lvh-x-paler-grey);
  border-radius: 3px;
}
@media (max-width: 991px) {
  .vm-page #stats-toggle-container {
    display: none;
  }
}
.vm-page #stats-toggle-container .vert-bars {
  display: inline-block;
  margin: 0 5px 0 0;
  vertical-align: middle;
}
.vm-page #stats-toggle-container .vert-bars .icon {
  font-size: 13px;
  color: var(--lvh-bright-blue);
}
.vm-page #stats-toggle-container .cc-toggle-switch {
  display: inline-block;
  vertical-align: top;
}
.vm-page #report-aggregate-numbers:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (max-width: 991px) {
  .vm-page #report-aggregate-numbers .cc-bucket-list {
    display: none;
  }
}
.vm-page #report-aggregate-numbers .cc-bucket-list .bucket .cc-tooltip.wrapper:hover .label .iconFont:after {
  content: "\e931";
}
.vm-page #report-aggregate-numbers .cc-bucket-list .bucket .cc-tooltip.wrapper .label .iconFont {
  display: inline;
  padding-left: 5px;
  font-size: 7px;
  color: var(--lvh-x-shark-dark);
}
.vm-page #report-aggregate-numbers .cc-bucket-list .bucket .cc-tooltip.wrapper .label .iconFont:after {
  content: "\e930";
}
.vm-page #report-aggregate-numbers .row {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.vm-page #report-aggregate-numbers .row.hidden {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .vm-page #report-aggregate-numbers .row.charts {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .vm-page #report-aggregate-numbers .row.charts .col {
    width: 32% !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .vm-page #report-aggregate-numbers .row.charts .col:not(:last-child) {
    margin-right: 2% !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .vm-page #report-aggregate-numbers .row.charts .col:nth-child(2) {
    display: none;
  }
}
.vm-page #grid-container:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.vm-page .fill-status {
  position: relative;
  display: block;
  box-sizing: border-box;
}
@media (min-width: 992px) {
  .vm-page .fill-status {
    padding-left: 12px;
  }
}
@media (min-width: 992px) {
  .vm-page .fill-status:before {
    position: absolute;
    top: 5px;
    left: 0;
    display: inline-block;
    content: '';
    margin-right: 3px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
  }
}
@media (max-width: 991px) {
  .vm-page .fill-status.On-Track,
  .vm-page .fill-status.Filled-on-time,
  .vm-page .fill-status.Filled,
  .vm-page .fill-status.Filled-On-Time {
    color: var(--lvh-x-green);
  }
}
@media (min-width: 992px) {
  .vm-page .fill-status.On-Track:before,
  .vm-page .fill-status.Filled-on-time:before,
  .vm-page .fill-status.Filled:before,
  .vm-page .fill-status.Filled-On-Time:before {
    background: rgba(80, 184, 72, 0.5);
    border: 1px solid var(--lvh-x-green);
  }
}
.vm-page .fill-status.Due-Soon:before {
  background: rgba(255, 213, 64, 0.5);
  border: 1px solid var(--lvh-x-yellow);
}
@media (max-width: 991px) {
  .vm-page .fill-status.Filled-Late,
  .vm-page .fill-status.Filled Partially {
    color: var(--lvh-x-orange);
  }
}
@media (min-width: 992px) {
  .vm-page .fill-status.Filled-Late:before,
  .vm-page .fill-status.Filled Partially:before {
    background: rgba(255, 129, 51, 0.5);
    border: 1px solid var(--lvh-x-orange);
  }
}
@media (max-width: 991px) {
  .vm-page .fill-status.Overdue {
    color: var(--lvh-x-ripe);
  }
}
@media (min-width: 992px) {
  .vm-page .fill-status.Overdue:before {
    background: rgba(189, 53, 15, 0.5);
    border: 1px solid var(--lvh-x-ripe);
  }
}
.vm-page .cc-tabopotamus .item i {
  float: left;
  margin-right: 10px;
  padding-top: 3px;
}
@media (max-width: 991px) {
  .vm-page .cc-tabopotamus .item:not(:last-child) {
    margin: 0 15px 0 0;
  }
}
@media (max-width: 991px) {
  .vm-page .cc-bucket-list {
    margin: 0 0 10px;
    padding: 0;
  }
}
.vm-page .cc-bucket-list .bucket .cc-count-badge,
.vm-page .cc-bucket-list .overspill-buckets .cc-count-badge {
  background-color: rgba(120, 88, 224, 0.2);
  color: var(--lvh-x-purple);
}
.vm-page .cc-bucket-list .overspill-buckets {
  display: grid;
  grid-template-columns: auto auto auto;
  align-items: center;
}
.vm-page .cc-bucket-list .overspill-buckets .label {
  color: var(--lvh-secondary-text);
}
.vm-page .cc-bucket-list .overspill-buckets .cc-count-badge {
  position: relative;
  margin-left: 8px;
}
.vm-page .cc-bucket-list:not(.small) {
  padding: 10px 0;
  border-radius: 3px;
  border-bottom: 1px solid var(--lvh-x-paler-grey);
  background-color: var(--lvh-white);
}
@media (max-width: 991px) {
  .vm-page .cc-bucket-list:not(.small) {
    margin: 0 0 10px;
    padding: 0;
  }
}
.vm-page .cc-bucket-list:not(.small) .buckets {
  border: none;
}
.vm-page .cc-bucket-list:not(.small) .bucket {
  padding: 5px;
}
.vm-page .cc-bucket-list:not(.small) .bucket:last-child {
  border-right: none;
}
.vm-page .cc-bucket-list:not(.small) .bucket .count {
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
}
.vm-page .cc-bucket-list:not(.small) .bucket .count sup {
  top: -0.3em;
}
.vm-page .cc-bucket-list:not(.small) .bucket .label {
  clear: both;
}
.vm-page .p-empty-state {
  clear: both;
}
.vm-page .p-empty-state .copy-job-url {
  display: inline-block;
}
@media (max-width: 991px) {
  .vm-page .p-empty-state .copy-job-url {
    display: block;
  }
}
.vm-page .p-empty-state .copy-job-url:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.vm-page .p-empty-state .copy-job-url input {
  display: block;
  float: left;
  width: 300px;
  margin: 0 10px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .vm-page .p-empty-state .copy-job-url input {
    float: none;
    width: 100%;
    margin: 0 0 10px;
  }
}
.vm-page .p-empty-state .copy-job-url .button {
  float: left;
}
@media (max-width: 991px) {
  .vm-page .p-empty-state .copy-job-url .button {
    float: none;
    width: 100%;
  }
}
.vm-table {
  width: 100%;
}
@media (max-width: 991px) {
  .vm-table {
    table-layout: fixed;
    word-break: break-word;
    /*
    Testing disabling the rest of this mixin to review state with current browser versions.  If specific problems found with older browsers, we'll look at manual hyphenation approaches

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;

    //Firefox -Simon's recollection was that this was a prior attempt to undo the hyphenation settings above - Jamie also tweaked to only affect mobile...  believe latest change makes it unnecessary
    @media screen and (max-width: @screen-sm-max) and (-moz-images-in-menus:0) {
        hyphens: none !important;
        -moz-hyphens: none !important;
        word-break: normal !important;
    }*/
  }
}
.vm-table thead {
  display: none;
}
@media (min-width: 992px) {
  .vm-table thead {
    display: table-header-group;
    visibility: visible;
  }
}
.vm-table thead tr th {
  background-color: var(--lvh-x-dark-grey);
  font-weight: 600;
  color: var(--lvh-white);
  text-align: left;
  padding: 8px 15px;
  box-sizing: border-box;
  white-space: nowrap;
}
.vm-table thead tr th.sort-column .heading {
  margin: 0 5px 0 0;
}
.vm-table thead tr th.sort-column .icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0;
  font-size: 7px;
  color: var(--lvh-x-shark-dark);
}
.vm-table thead tr th.sort-column .cc-tooltip.wrapper {
  cursor: pointer;
}
.vm-table tbody tr {
  background-color: var(--lvh-white);
  border-bottom: 1px solid var(--lvh-x-grey);
}
@media (max-width: 991px) {
  .vm-table tbody tr {
    display: block;
    padding: 15px 20px 20px 20px;
    margin: 0 0 15px 0;
    border-radius: 3px;
  }
}
.vm-table tbody tr:hover,
.vm-table tbody tr:focus {
  background-color: var(--lvh-x-pale-blue);
}
.vm-table td {
  vertical-align: middle;
  padding: 5px 15px;
  vertical-align: top;
  color: var(--lvh-primary-text);
  box-sizing: border-box;
}
.vm-table td.has-nested {
  padding: 0 !important;
}
@media (max-width: 991px) {
  .vm-table td {
    display: block;
    padding: 0;
  }
}
@media (max-width: 991px) {
  .vm-table td:before {
    content: attr(data-th);
    float: left;
    width: 100px;
    color: var(--lvh-x-dark-grey);
  }
}
.vm-table td:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.vm-table td.mobile-heading {
  line-height: 1.6;
}
.vm-table td em {
  font-style: normal;
  color: var(--lvh-x-dark-grey);
}
.vm-table .button {
  outline: none;
  background: none;
}
.vm-table .interview-invitation-count {
  display: inline-block;
  position: relative;
  left: 61px;
}
.vm-table .interview-invitation-count .button {
  color: var(--lvh-bright-blue);
  padding: 3px 10px;
  border: none;
  box-sizing: border-box;
  white-space: nowrap;
}
.vm-table .interview-invitation-count .button > .label {
  line-height: 18px;
  margin: 0 2px 0 0;
}
.vm-table .interview-invitation-count .button > .label .icon {
  font-size: 11px;
  margin-right: 4px;
}
.vm-table .interview-invitation-count .button > .icon {
  display: inline-block;
  font-size: 7px;
  line-height: 18px;
  color: var(--lvh-x-shark-dark);
}
.vm-table .interview-invitation-count .button > .icon:before {
  content: "\e900";
}
.vm-table .interview-invitation-count .button.visible > .icon:before {
  content: "\e901";
}
.vm-table .interview-invitation-row {
  display: none;
}
.vm-table .interview-invitation-row.visible {
  display: table-row;
}
.vm-table .interview-invitation-row .interview-type {
  color: var(--lvh-x-dark-grey);
  font-weight: 600;
}
.vm-table .interview-invitation-item {
  padding-left: 71px;
  font-size: 11px;
  width: 52%;
  float: left;
}
.vm-table .interview-invitation-item:not(:last-child) {
  margin-bottom: 5px;
}
.vm-table .interview-invitation-item .col i {
  margin-right: 5px;
}
.vm-table .interview-invitation-item .calloutDirective {
  right: -14px !important;
}
.vm-table .interview-invitation-item.completed .interview-status {
  color: var(--lvh-x-green);
}
.vm-table .interview-invitation-item.noshow .interview-status {
  color: var(--lvh-x-ripe);
}
.sticky-table-header {
  display: none;
}
.sticky-table-header thead tr th {
  background-color: var(--lvh-x-dark-grey);
  font-weight: 600;
  color: var(--lvh-white);
  text-align: left;
  padding: 8px 10px;
  box-sizing: border-box;
  white-space: nowrap;
}
.sticky-table-header thead tr th.sort-column .heading {
  margin: 0 5px 0 0;
}
.sticky-table-header thead tr th.sort-column .icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0;
  font-size: 7px;
  color: var(--lvh-x-shark-dark);
}
.sticky-table-header thead tr th.sort-column .cc-tooltip.wrapper {
  cursor: pointer;
}
@media (min-width: 992px) {
  .fix-to-top .vm-table thead,
  .fix-to-top .um-table thead {
    visibility: hidden;
  }
}
.actions-menu {
  display: inline-block;
  position: relative;
}
.actions-menu:hover .button .coreIconFont:before,
.actions-menu:hover .link .coreIconFont:before {
  content: "\e901";
}
.actions-menu:hover .cc-callout {
  display: block;
  z-index: 2000;
}
.actions-menu > .button {
  padding: 3px 10px;
  border: 1px solid var(--lvh-x-pale-grey);
  border-radius: 3px;
  box-sizing: border-box;
  white-space: nowrap;
  background-color: var(--lvh-white);
}
.actions-menu > .button > .label {
  color: var(--lvh-secondary-text);
  line-height: 18px;
  margin: 0 2px 0 0;
}
.actions-menu > .button .glyph0031 {
  margin-right: 5px;
  vertical-align: middle;
  font-size: 13px;
  color: var(--lvh-x-shark-dark);
}
.actions-menu > .button .coreIconFont {
  display: inline-block;
  padding: 0;
  font-size: 7px;
  line-height: 18px;
  color: var(--lvh-x-shark-dark);
}
.actions-menu > .button .coreIconFont:before {
  content: "\e900";
}
.actions-menu .coreIconFont {
  display: inline-block;
  font-size: 18px;
  padding: 0 5px 0 0;
  color: var(--lvh-x-shark-dark);
}
.actions-menu .link {
  padding: 3px 10px;
  border: none;
  box-sizing: border-box;
  white-space: nowrap;
  background-color: transparent;
}
.actions-menu .link > .label {
  color: var(--lvh-secondary-text);
  line-height: 18px;
  margin: 0 2px 0 0;
}
.actions-menu .link .icon {
  display: inline-block;
  font-size: 7px;
  line-height: 18px;
  color: var(--lvh-secondary-text);
}
.actions-menu .link .icon:before {
  content: "\e900";
}
.actions-menu .cc-callout {
  display: none;
  position: absolute;
  min-width: 150px;
  top: 100%;
  right: -8px;
  padding: 10px 0 0 0;
}
.actions-menu .cc-callout-tip {
  top: 6px;
  right: 15px;
}
.actions-menu .menu-items {
  padding: 0;
}
.actions-menu .menu-items .menu-item {
  border-bottom: 1px solid var(--lvh-x-paler-grey);
}
.actions-menu .menu-items .menu-item:last-child {
  border-bottom: none;
}
.actions-menu .menu-items .menu-item:hover .label .icon {
  color: var(--lvh-x-dark-grey);
}
.actions-menu .menu-items .menu-item a.label {
  padding: 8px 20px;
  color: var(--lvh-secondary-text);
}
.actions-menu .menu-items .menu-item a.label .icon {
  font-size: 12px;
  color: var(--lvh-x-shark-dark);
  margin: 0 10px 0 0;
}
.actions-menu .menu-items .menu-item .copy-link-wrap {
  padding: 10px 20px;
}
.actions-menu .menu-items .menu-item .copy-link-wrap .copy-link-input {
  width: 175px;
}
.actions-menu .menu-items .menu-item .button-wrap {
  padding: 0 20px;
}
.actions-menu .menu-items .menu-item .button-wrap .button {
  display: block;
}
.vm-nested-table {
  width: 100%;
  border: none;
}
#job-offer-details-modal .modalBody {
  /* Due to bug 3672 (date picker doesn't watch model updates), we cannot initialise the form until the data has arrived from the server.
           (As opposed to initialising it in a disabled spinner state while loading.)
           This min-height avoids size flicker when the form is eventually rendered. */
}
#job-offer-details-modal .modalBody .candidate-details-container {
  margin-bottom: 20px;
}
#job-offer-details-modal .modalBody .card-wrap {
  border: solid 1px var(--lvh-x-paler-grey);
  border-radius: 3px;
  float: left;
  width: 100%;
  padding: 10px;
  margin-bottom: 20px;
  box-sizing: border-box;
}
#job-offer-details-modal .modalBody .row.offer-details {
  min-height: 290px;
}
#job-offer-details-modal .modalFooter .back-button-wrapper {
  float: left;
}
#job-offer-details-modal .job-offer-details .export-message {
  clear: both;
  width: auto;
  padding: 10px;
  border-radius: 3px;
  border: 1px solid var(--lvh-alert-yellow-mid);
  background: var(--lvh-alert-yellow-light);
  color: var(--lvh-alert-yellow-text);
}
@media (max-width: 991px) {
  #job-offer-details-modal .job-offer-details .col.halves {
    width: 100% !important;
    margin-right: 0 !important;
  }
}
@media (max-width: 991px) {
  #job-offer-details-modal .job-offer-details .col.halves:not(:last-child) {
    margin-bottom: 20px;
  }
}
#job-offer-details-modal .job-offer-details #work-location .cc-dropdown2 li {
  padding-top: 2px;
  padding-bottom: 5px;
}
#job-offer-details-modal .job-offer-details #work-location .cc-dropdown2 li:not(:last-child) {
  border-bottom: 1px solid var(--lvh-x-shark-light);
}
#job-offer-details-modal .job-offer-details #work-location .cc-dropdown2 li .physical-location {
  line-height: normal;
  padding-bottom: 2px;
  color: var(--lvh-x-shark-dark);
  font-size: 11px;
}
#job-offer-details-modal .job-offer-details #work-location .cc-dropdown2 .selected-option .physical-location {
  display: none;
}
#job-offer-details-modal .job-offer-details .currency-input-wrapper {
  position: relative;
  color: var(--lvh-secondary-text);
}
#job-offer-details-modal .job-offer-details .currency-input-wrapper.symbol-length-1 input {
  padding-left: 26px;
}
#job-offer-details-modal .job-offer-details .currency-input-wrapper.symbol-length-2 input {
  padding-left: 33px;
}
#job-offer-details-modal .job-offer-details .currency-input-wrapper.symbol-length-3 input {
  padding-left: 40px;
}
#job-offer-details-modal .job-offer-details .currency-input-wrapper .prefix {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
#job-offer-details-modal .job-offer-details .currency-input-wrapper .suffix {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
#job-offer-details-modal .job-offer-details .currency-input-wrapper input {
  color: var(--lvh-secondary-text);
}
#job-offer-details-modal .job-offer-details .date-picker-wrap .date-picker-calendar {
  z-index: 100;
}
#job-offer-details-modal .job-offer-details .label i {
  color: var(--lvh-x-shark-dark);
  font-size: 11px;
}
#job-offer-details-modal .job-offer-details .tooltipContainer {
  z-index: 10;
}
@media (max-width: 991px) {
  #edit-job-status-modal .modalBody .col.halves {
    width: 100% !important;
    margin-right: 0 !important;
  }
}
@media (max-width: 991px) {
  #edit-job-status-modal .modalBody .col.halves:not(:last-child) {
    margin-bottom: 20px;
  }
}
#edit-job-status-modal .modalBody .card-wrap {
  border: solid 1px var(--lvh-x-paler-grey);
  border-radius: 3px;
  float: left;
  width: 100%;
  padding: 10px;
  margin-bottom: 20px;
  box-sizing: border-box;
}
#edit-job-status-modal .modalBody .card-wrap:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#edit-job-status-modal .modalBody .cc-card-view {
  width: 100%;
  float: left;
}
#edit-job-status-modal .modalBody .cc-card-view.show-badges {
  min-height: 60px;
  margin-bottom: 20px;
  padding: 10px;
  border: 1px solid var(--lvh-x-shark-light);
  border-radius: 3px;
  box-sizing: border-box;
  position: relative;
}
#edit-job-status-modal .modalBody .cc-card-view.show-badges .col.lhs {
  top: 10px;
  left: 10px;
}
#edit-job-status-modal .modalBody .cc-card-view.show-badges .name.connected {
  color: var(--lvh-x-mesh-dark);
}
#edit-job-status-modal .modalBody .message-composer {
  border: var(--lvh-x-grey);
  border-style: solid;
  border-radius: 3px;
  border-width: 1px;
}
#edit-job-status-modal .modalBody .message-composer > span {
  width: calc(100% - 14px);
  display: inline-block;
  vertical-align: middle;
  padding: 7px 7px 7px 7px;
  background-color: var(--lvh-white);
  color: var(--lvh-x-light-grey);
}
#edit-job-status-modal .modalBody .message-composer > span .block-text {
  display: block;
  margin-top: 10px;
}
#edit-job-status-modal .modalBody .message-composer > textarea {
  border-style: none;
  background-color: var(--lvh-white);
  max-height: 250px;
}
#edit-job-status-modal .modalBody #schedule-unsuccessful-message {
  width: 45%;
  margin-top: 10px;
}
@media (max-width: 991px) {
  #edit-job-status-modal .modalBody #schedule-unsuccessful-message {
    width: 100%;
  }
}
#edit-job-status-modal .modalBody #status-change-message {
  padding: 10px;
  border-radius: 3px;
}
#edit-job-status-modal .modalBody #status-change-message.success {
  border: 1px solid var(--lvh-validation-green-mid);
  background: var(--lvh-validation-green-light);
  color: var(--lvh-validation-green-dark);
}
#edit-job-status-modal .modalBody #status-change-message.warning {
  border: 1px solid var(--lvh-validation-red-mid);
  background: var(--lvh-validation-red-light);
  color: var(--lvh-validation-red-dark);
}
#edit-job-status-modal .modalBody #status-change-message.info {
  border: 1px solid var(--lvh-x-shark-light);
  background: var(--lvh-x-shark-light);
  color: var(--lvh-secondary-text);
}
#edit-job-status-modal .modalBody #status-change-message.alert {
  border: 1px solid var(--lvh-alert-yellow-mid);
  background: var(--lvh-alert-yellow-light);
  color: var(--lvh-alert-yellow-text);
}
#edit-job-status-modal .modalBody #mandatory-status-skip-message {
  padding: 10px;
  border-radius: 3px;
}
#edit-job-status-modal .modalBody #mandatory-status-skip-message.alert {
  border: 1px solid var(--lvh-validation-red-mid);
  background: var(--lvh-validation-red-light);
  color: var(--lvh-validation-red-dark);
}
#edit-job-status-modal .modalBody #mandatory-status-skip-message.alert b {
  font-weight: 600;
}
#edit-job-status-modal .modalBody #consolation-action-wrap:not(:last-child) {
  margin: 0 0 20px 0;
}
#edit-job-status-modal .modalBody #unengaged-candidate-alert {
  margin: 0 0 20px 0;
}
#edit-job-status-modal .modalBody .application-started-warning {
  margin-bottom: 20px;
  clear: both;
}
#edit-job-status-modal .modalBody .alert {
  padding: 15px 20px;
  border-radius: 3px;
}
#edit-job-status-modal .modalBody .unsuccessful-status-option .selectedLabel {
  color: var(--lvh-x-ripe);
}
#edit-job-status-modal .modalBody .dropdown .unsuccessful-status-option {
  color: var(--lvh-x-ripe);
}
#edit-job-status-modal .modalBody .dropdown .mandatory-status-option::after {
  content: ' *';
  color: var(--lvh-x-ripe);
}
#edit-job-status-modal .modalBody .status-change-action-container {
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  #edit-job-status-modal .modalBody .status-change-action-container label.label {
    margin-bottom: 10px;
  }
}
#edit-job-status-modal .modalBody .status-change-action-container .status-change-action-radiogroup + .candidate-details-container {
  margin-top: 10px;
}
#edit-job-status-modal .modalBody .status-change-action-container .status-change-action-radiogroup:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#edit-job-status-modal .modalBody .status-change-action-container .status-change-action-radiogroup > label {
  float: left;
  color: var(--lvh-x-dark-grey);
}
@media (max-width: 991px) {
  #edit-job-status-modal .modalBody .status-change-action-container .status-change-action-radiogroup > label {
    display: block;
    width: 100%;
    margin-right: 0;
  }
}
#edit-job-status-modal .modalBody .status-change-action-container .status-change-action-radiogroup > label:not(:last-child) {
  margin: 0 20px 0 0;
}
@media (max-width: 991px) {
  #edit-job-status-modal .modalBody .status-change-action-container .status-change-action-radiogroup > label:not(:last-child) {
    margin: 0 0 10px;
  }
}
#edit-job-status-modal .modalBody .status-change-action-container .status-change-action-radiogroup > label input {
  vertical-align: middle;
  margin-right: 5px;
}
#edit-job-status-modal .modalBody .status-change-action-container .status-change-action-radiogroup > label input[type="radio"]:disabled + span {
  color: #999999;
}
#edit-job-status-modal .modalBody .status-change-action-container .candidate-exclusion-container,
#edit-job-status-modal .modalBody .status-change-action-container .candidate-details-container {
  display: block;
  background-color: var(--lvh-alert-yellow-light);
  border: 1px solid var(--lvh-alert-yellow-mid);
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 2px;
}
#edit-job-status-modal .modalBody .status-change-action-container .candidate-exclusion-container p.candidate-count,
#edit-job-status-modal .modalBody .status-change-action-container .candidate-details-container p.candidate-count {
  margin-bottom: 0;
  font-size: 0.9em;
  font-weight: 400;
  color: var(--lvh-alert-yellow-text);
}
#edit-job-status-modal .modalBody .status-change-action-container .candidate-exclusion-container .toggler,
#edit-job-status-modal .modalBody .status-change-action-container .candidate-details-container .toggler {
  color: var(--lvh-bright-blue);
  font-size: 1em;
  font-weight: 400;
}
#edit-job-status-modal .modalBody .status-change-action-container .candidate-exclusion-container .toggle-panel-container,
#edit-job-status-modal .modalBody .status-change-action-container .candidate-details-container .toggle-panel-container {
  border-top: 1px solid var(--lvh-alert-yellow-mid);
  margin-top: 10px;
}
#edit-job-status-modal .modalBody .status-change-action-container .candidate-exclusion-container ul,
#edit-job-status-modal .modalBody .status-change-action-container .candidate-details-container ul {
  display: inline-block;
  margin-bottom: 0;
}
#edit-job-status-modal .modalBody .status-change-action-container .candidate-exclusion-container ul li,
#edit-job-status-modal .modalBody .status-change-action-container .candidate-details-container ul li {
  float: left;
  list-style-type: none;
  margin-right: 10px;
}
#edit-job-status-modal .modalBody .status-change-action-container .candidate-exclusion-container ul li .avatar,
#edit-job-status-modal .modalBody .status-change-action-container .candidate-details-container ul li .avatar {
  width: 33px;
  height: 33px;
  border-radius: 50%;
}
#edit-job-status-modal .modalBody .status-change-action-container .candidate-exclusion-container ul li .extra.default-avatar,
#edit-job-status-modal .modalBody .status-change-action-container .candidate-details-container ul li .extra.default-avatar {
  border-radius: 50%;
  background-image: none;
  background-color: var(--lvh-x-grey);
  color: var(--lvh-secondary-text);
  width: 33px;
  height: 33px;
}
#edit-job-status-modal .modalBody .status-change-action-container .candidate-exclusion-container ul li .extra.default-avatar span,
#edit-job-status-modal .modalBody .status-change-action-container .candidate-details-container ul li .extra.default-avatar span {
  display: inline-block;
  margin-left: 7px;
  margin-top: 7px;
}
#edit-job-status-modal .modalBody .status-change-action-container .candidate-exclusion-container ul li:last-child,
#edit-job-status-modal .modalBody .status-change-action-container .candidate-details-container ul li:last-child {
  margin-right: 0;
}
#edit-job-status-modal .modalBody .status-change-action-container #consolation-action-container fieldset {
  display: inline-block;
  margin-left: 5px;
  vertical-align: top;
}
@media (max-width: 991px) {
  #edit-job-status-modal .modalBody .status-change-action-container #consolation-action-container fieldset {
    display: block;
    margin-left: 0;
  }
}
#edit-job-status-modal .modalBody .status-change-action-container #consolation-action-container fieldset > label {
  margin-right: 7px;
}
@media (max-width: 991px) {
  #edit-job-status-modal .modalBody .status-change-action-container #consolation-action-container fieldset > label {
    width: 100%;
    margin-bottom: 10px;
  }
}
@media (max-width: 991px) {
  #edit-job-status-modal .modalBody .status-change-action-container #consolation-action-container fieldset > label:last-child {
    margin-bottom: 0;
  }
}
#edit-job-status-modal .modalBody .status-change-action-container #consolation-action-container fieldset > label input {
  margin-right: 3px;
}
#edit-job-status-modal .modalBody .status-change-action-container #engaged-checkbox {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid var(--lvh-x-shark-dark);
}
#edit-job-status-modal .modalBody .status-change-action-container #engaged-checkbox input {
  margin-right: 5px;
}
#edit-job-status-modal .modalBody .status-change-action-container #engaged-checkbox label {
  color: var(--lvh-x-dark-grey);
}
#edit-job-status-modal .modalBody .status-change-action-container #engaged-checkbox input[readonly] ~ label {
  color: #999999;
}
#edit-job-status-modal .modalBody .status-change-action-container .status-change-action-message-container {
  position: relative;
  padding-top: 20px;
}
#edit-job-status-modal .modalBody .status-change-action-container .status-change-action-message-container .lhs {
  width: 38px;
  position: absolute;
  top: 15px;
  left: 0;
}
#edit-job-status-modal .modalBody .status-change-action-container .status-change-action-message-container .lhs .profilePic {
  width: 38px;
  height: 38px;
  padding: 1.5px;
  background-size: 35px 35px;
}
#edit-job-status-modal .modalBody .status-change-action-container .status-change-action-message-container .lhs .profilePic .initials {
  line-height: 38px;
}
#edit-job-status-modal .modalBody .status-change-action-container .status-change-action-message-container .lhs .profilePic .initials > span {
  font-size: 24px;
}
#edit-job-status-modal .modalBody .status-change-action-container .status-change-action-message-container .lhs .profilePic > .indicator {
  width: 10px;
  height: 10px;
  right: 1.5px/2;
  bottom: 1.5px/2;
}
#edit-job-status-modal .modalBody .status-change-action-container .status-change-action-message-container .rhs {
  float: left;
  width: 100%;
  padding-left: 53px;
  box-sizing: border-box;
}
#edit-job-status-modal .modalBody .status-change-action-container .status-change-action-message-container .rhs .notification-hint {
  display: block;
  float: left;
  margin-top: 5px;
  font-size: 13px;
  line-height: 20px;
  color: var(--lvh-secondary-text);
}
#edit-job-status-modal .modalBody .status-change-action-container .message {
  padding: 20px;
}
#edit-job-status-modal .modalBody #to-pipeline-relationship,
#edit-job-status-modal .modalBody #to-pipeline-relationship-bulk {
  padding: 10px;
  float: left;
  width: 100%;
}
#edit-job-status-modal .modalBody #to-pipeline-relationship .label,
#edit-job-status-modal .modalBody #to-pipeline-relationship-bulk .label {
  width: 50%;
  float: left;
}
#edit-job-status-modal .modalBody #to-pipeline-relationship-bulk {
  margin-top: 20px;
}
#edit-job-status-modal .modalBody .toggle-section.open > .header {
  margin-bottom: 10px;
}
#edit-job-status-modal .modalBody .toggle-section.open > .header .icon:before {
  content: "\e935";
}
#edit-job-status-modal .modalBody .toggle-section.open > .body {
  overflow: visible;
  visibility: visible;
  height: auto;
}
#edit-job-status-modal .modalBody .toggle-section > .header {
  position: relative;
  display: block;
  height: auto;
  border-radius: 3px;
  text-align: left;
}
#edit-job-status-modal .modalBody .toggle-section > .header .icon {
  position: absolute;
  top: 50%;
  outline: none;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0;
  border: none;
  cursor: pointer;
  margin-left: 10px;
}
#edit-job-status-modal .modalBody .toggle-section > .header .icon:before {
  display: block;
  font-size: 13px;
  color: var(--lvh-secondary-text);
}
#edit-job-status-modal .modalBody .toggle-section > .header .title {
  font-size: 13px;
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
}
#edit-job-status-modal .modalBody .toggle-section > .body {
  overflow: hidden;
  visibility: hidden;
  margin: 0;
  height: 0;
  border-radius: 0 0 3px 3px;
  background: rgba(0, 0, 0, 0.03);
}
#edit-job-status-modal .modalBody .toggle-section .content textarea {
  background-color: #e0e6f4;
}
#invite-to-interview-modal .modalBody {
  /* TODO: EXTRACT THE CORE FOR REUSE. */
}
#invite-to-interview-modal .modalBody .card-wrap {
  border: solid 1px var(--lvh-x-paler-grey);
  border-radius: 3px;
  float: left;
  width: 100%;
  padding: 10px;
  margin-bottom: 20px;
  box-sizing: border-box;
}
#invite-to-interview-modal .modalBody label {
  display: inline-block;
}
#invite-to-interview-modal .modalBody .message-composer {
  border: var(--lvh-x-paler-grey);
  border-style: solid;
  border-radius: 3px;
  border-width: 1px;
}
#invite-to-interview-modal .modalBody .message-composer > span {
  width: calc(100% - 14px);
  display: inline-block;
  vertical-align: middle;
  padding: 7px 7px 7px 7px;
  background-color: var(--lvh-white);
  color: var(--lvh-x-light-grey);
  white-space: pre-wrap;
}
#invite-to-interview-modal .modalBody .message-composer > span .block-text {
  display: block;
  margin-top: 10px;
}
#invite-to-interview-modal .modalBody .message-composer > textarea {
  border-style: none;
  max-height: 250px;
}
#invite-to-interview-modal .modalBody .invitation-container {
  padding: 20px;
  border-radius: 3px;
  box-sizing: border-box;
  background: var(--lvh-x-shark-light);
  float: left;
  width: 100%;
}
#invite-to-interview-modal .modalBody .invitation-container > label {
  margin-bottom: 20px;
}
#invite-to-interview-modal .modalBody .invitation-message-container {
  position: relative;
}
#invite-to-interview-modal .modalBody .invitation-message-container .lhs {
  width: 38px;
  position: absolute;
  top: 0;
  left: 0;
}
#invite-to-interview-modal .modalBody .invitation-message-container .lhs .profilePic {
  width: 38px;
  height: 38px;
  padding: 1.5px;
  background-size: 35px 35px;
}
#invite-to-interview-modal .modalBody .invitation-message-container .lhs .profilePic .initials {
  line-height: 38px;
}
#invite-to-interview-modal .modalBody .invitation-message-container .lhs .profilePic .initials > span {
  font-size: 24px;
}
#invite-to-interview-modal .modalBody .invitation-message-container .lhs .profilePic > .indicator {
  width: 10px;
  height: 10px;
  right: 1.5px/2;
  bottom: 1.5px/2;
}
#invite-to-interview-modal .modalBody .invitation-message-container .rhs {
  float: left;
  width: 100%;
  padding-left: 53px;
  box-sizing: border-box;
}
#invite-to-interview-modal .modalBody .row:not(.card-wrap) .cc-tooltip {
  margin-left: 5px;
  z-index: 100;
}
@media (max-width: 991px) {
  #invite-to-interview-modal .modalBody .row:not(.card-wrap) .cc-tooltip {
    display: none;
  }
}
#invite-to-interview-modal .modalBody .row:not(.card-wrap) .cc-tooltip .icon {
  font-size: 10px;
  line-height: 20px;
  color: var(--lvh-x-shark-dark);
}
#invite-to-interview-modal .modalBody #event-type-url-tooltip .tooltipContainer {
  width: 280px;
  margin-left: -140px;
}
.vm-page .employer-form-modal#request-approvals-modal .modalFooter {
  padding: 20px 0 0 0 ;
}
@media (max-width: 991px) {
  .vm-page .employer-form-modal .modalHeader {
    display: block;
    padding: 0 20px;
  }
}
#edit-vacancy-form .preview-button {
  position: absolute;
  right: 0;
}
#edit-vacancy-form .team-picker-row {
  min-height: 60px;
}
#add-candidate-modal .validation-summary,
#edit-vacancy-form .validation-summary {
  margin: 0 0 20px 0;
}
#add-candidate-modal .modal-spinner,
#edit-vacancy-form .modal-spinner {
  margin: 100px auto;
  width: 100px;
  text-align: center;
  display: block;
}
@media (max-width: 991px) {
  #add-candidate-modal .row .col,
  #edit-vacancy-form .row .col {
    width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 20px;
  }
  #add-candidate-modal .row .col:last-child,
  #edit-vacancy-form .row .col:last-child {
    margin-bottom: 0 !important;
  }
  #add-candidate-modal .row.salary-row .col.quarters,
  #edit-vacancy-form .row.salary-row .col.quarters {
    width: 50% !important;
    margin-bottom: 0;
    padding: 0 10px 0 0;
    box-sizing: border-box;
  }
  #add-candidate-modal .row.salary-row .col.quarters:last-child,
  #edit-vacancy-form .row.salary-row .col.quarters:last-child {
    padding: 0 0 0 10px;
  }
}
@media (max-width: 991px) {
  #add-candidate-modal #new-suburb-form .row .col,
  #edit-vacancy-form #new-suburb-form .row .col {
    margin-bottom: 20px !important;
  }
}
@media (max-width: 991px) {
  #add-candidate-modal #new-suburb-form .row .col .dropdownDirective,
  #edit-vacancy-form #new-suburb-form .row .col .dropdownDirective {
    float: none;
  }
}
#add-candidate-modal #pending-stub-candidate-invites-list,
#edit-vacancy-form #pending-stub-candidate-invites-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
#add-candidate-modal #pending-stub-candidate-invites-list li,
#edit-vacancy-form #pending-stub-candidate-invites-list li {
  padding: 5px 0;
}
#add-candidate-modal #pending-stub-candidate-invites-list li span.checkbox,
#edit-vacancy-form #pending-stub-candidate-invites-list li span.checkbox {
  margin-right: 5px;
  position: relative;
  top: -1px;
}
#add-candidate-modal #pending-stub-candidate-invites-list li:last-child,
#edit-vacancy-form #pending-stub-candidate-invites-list li:last-child {
  padding-bottom: 0;
}
@media (max-width: 991px) {
  #request-approvals-modal .col.halves,
  #offer-template-modal .col.halves,
  #approve-vacancy-modal .col.halves,
  #request-approvals-modal .col.thirds,
  #offer-template-modal .col.thirds,
  #approve-vacancy-modal .col.thirds {
    width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 20px !important;
  }
}
#request-approvals-modal .cc-alert,
#offer-template-modal .cc-alert,
#approve-vacancy-modal .cc-alert {
  margin: 0 0 20px;
}
#request-approvals-modal #approvers-count,
#offer-template-modal #approvers-count,
#approve-vacancy-modal #approvers-count {
  float: left;
  font-weight: 600;
  line-height: 40px;
  padding-right: 400px;
}
#request-approvals-modal #approvers-count:after,
#offer-template-modal #approvers-count:after,
#approve-vacancy-modal #approvers-count:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (max-width: 991px) {
  #request-approvals-modal #approvers-count,
  #offer-template-modal #approvers-count,
  #approve-vacancy-modal #approvers-count {
    width: 100%;
    margin: 0 0 20px;
    line-height: 1;
  }
}
#request-approvals-modal #approval-mode-selection,
#offer-template-modal #approval-mode-selection,
#approve-vacancy-modal #approval-mode-selection {
  position: absolute;
  right: 0;
}
@media (max-width: 991px) {
  #request-approvals-modal #approval-mode-selection,
  #offer-template-modal #approval-mode-selection,
  #approve-vacancy-modal #approval-mode-selection {
    position: static;
    float: left;
    width: 100%;
  }
}
#request-approvals-modal .approval-mode-option,
#offer-template-modal .approval-mode-option,
#approve-vacancy-modal .approval-mode-option {
  display: table;
  width: 100%;
}
@media (max-width: 991px) {
  #request-approvals-modal .approval-mode-option,
  #offer-template-modal .approval-mode-option,
  #approve-vacancy-modal .approval-mode-option {
    display: block;
  }
}
#request-approvals-modal .approval-mode-option .options-label,
#offer-template-modal .approval-mode-option .options-label,
#approve-vacancy-modal .approval-mode-option .options-label {
  display: table-cell;
  vertical-align: middle;
  padding-right: 10px;
  font-weight: 600;
}
@media (max-width: 991px) {
  #request-approvals-modal .approval-mode-option .options-label,
  #offer-template-modal .approval-mode-option .options-label,
  #approve-vacancy-modal .approval-mode-option .options-label {
    display: block;
    padding-right: 0;
  }
}
#approve-vacancy-modal .pick-approval .modal,
#offer-template-modal .pick-approval .modal,
#broadbean-modal .pick-approval .modal {
  padding-bottom: 30px;
}
#approve-vacancy-modal .pick-approval .modalHeader,
#offer-template-modal .pick-approval .modalHeader,
#broadbean-modal .pick-approval .modalHeader {
  margin: 0 0 30px 0;
}
#approve-vacancy-modal .chubby-finger-button,
#offer-template-modal .chubby-finger-button,
#broadbean-modal .chubby-finger-button {
  height: 90px;
  border: solid 1px var(--lvh-x-shark-light);
  border-radius: 3px;
  padding: 15px;
  box-sizing: border-box;
  position: relative;
  transition: border-color linear 0.2s;
  overflow: hidden;
  background-color: var(--lvh-white);
}
@media (max-width: 991px) {
  #approve-vacancy-modal .chubby-finger-button,
  #offer-template-modal .chubby-finger-button,
  #broadbean-modal .chubby-finger-button {
    height: auto;
  }
}
#approve-vacancy-modal .chubby-finger-button:not(:last-child),
#offer-template-modal .chubby-finger-button:not(:last-child),
#broadbean-modal .chubby-finger-button:not(:last-child) {
  margin: 0 0 15px 0;
}
#approve-vacancy-modal .chubby-finger-button:hover,
#offer-template-modal .chubby-finger-button:hover,
#broadbean-modal .chubby-finger-button:hover,
#approve-vacancy-modal .chubby-finger-button:focus,
#offer-template-modal .chubby-finger-button:focus,
#broadbean-modal .chubby-finger-button:focus {
  border-color: var(--lvh-bright-blue);
}
#approve-vacancy-modal .chubby-finger-button .icon,
#offer-template-modal .chubby-finger-button .icon,
#broadbean-modal .chubby-finger-button .icon {
  float: left;
  font-size: 32px;
  color: var(--lvh-x-shark-dark);
  position: absolute;
  top: 15px;
}
#approve-vacancy-modal .chubby-finger-button .content,
#offer-template-modal .chubby-finger-button .content,
#broadbean-modal .chubby-finger-button .content {
  width: 100%;
  padding: 0 0 0 50px;
  box-sizing: border-box;
}
#approve-vacancy-modal .chubby-finger-button .content .heading,
#offer-template-modal .chubby-finger-button .content .heading,
#broadbean-modal .chubby-finger-button .content .heading {
  margin: 0 0 5px 0;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--lvh-x-dark-grey);
}
#approve-vacancy-modal .chubby-finger-button .content .text,
#offer-template-modal .chubby-finger-button .content .text,
#broadbean-modal .chubby-finger-button .content .text {
  margin: 0;
  line-height: 1.5;
  color: var(--lvh-secondary-text);
}
#broadbean-modal {
  padding: 20px 30px;
}
#offer-template-modal h3,
#request-approvals-modal h3 {
  margin: 0 0 10px 0;
  font-size: 13px;
  font-weight: 600;
}
#offer-template-modal #request-approval-form,
#request-approvals-modal #request-approval-form {
  float: left;
  width: 100%;
}
#offer-template-modal #approver-list,
#request-approvals-modal #approver-list {
  position: relative;
  margin: 0 0 20px 0;
}
#offer-template-modal #approver-list:after,
#request-approvals-modal #approver-list:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#offer-template-modal #approver-list .validation-summary,
#request-approvals-modal #approver-list .validation-summary {
  margin-bottom: 20px;
}
#offer-template-modal #approval-message .validation-message,
#request-approvals-modal #approval-message .validation-message {
  margin-bottom: 20px;
}
#offer-template-modal #approver-list-table,
#request-approvals-modal #approver-list-table {
  padding: 20px;
  margin: 20px 0;
}
#offer-template-modal #approver-list-table thead th.actions,
#request-approvals-modal #approver-list-table thead th.actions {
  padding-right: 0;
}
#offer-template-modal #approver-list-table tbody tr,
#request-approvals-modal #approver-list-table tbody tr {
  /*&:hover,
                &:focus {
                    background-color: var(--lvh-white);
                }*/
}
#offer-template-modal #approver-list-table tbody td,
#request-approvals-modal #approver-list-table tbody td {
  vertical-align: middle;
}
#offer-template-modal #approver-list-table tbody td.message .icon,
#request-approvals-modal #approver-list-table tbody td.message .icon {
  font-size: 12px;
  color: var(--lvh-x-shark-dark);
}
#offer-template-modal #approver-list-table tbody td.status .approved,
#request-approvals-modal #approver-list-table tbody td.status .approved {
  color: var(--lvh-x-green);
}
#offer-template-modal #approver-list-table tbody td.status .sent,
#request-approvals-modal #approver-list-table tbody td.status .sent {
  color: var(--lvh-secondary-text);
}
#offer-template-modal #approver-list-table tbody td.status .notsent,
#request-approvals-modal #approver-list-table tbody td.status .notsent {
  color: var(--lvh-x-shark-dark);
}
#offer-template-modal #approver-list-table tbody td.actions,
#request-approvals-modal #approver-list-table tbody td.actions {
  padding-right: 0;
}
#offer-template-modal #approver-list-table tbody .index,
#request-approvals-modal #approver-list-table tbody .index {
  color: var(--lvh-x-dark-grey);
  margin: 0 5px 0 0;
}
#offer-template-modal #add-approver-form,
#request-approvals-modal #add-approver-form {
  margin-bottom: 20px;
  padding: 20px;
  background-color: var(--lvh-x-shark-light);
  border-radius: 3px;
  box-sizing: border-box;
}
#offer-template-modal #add-approver-form:after,
#request-approvals-modal #add-approver-form:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#offer-template-modal #approval-message,
#request-approvals-modal #approval-message {
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  #confirm-vacancy-modal .modalBody {
    margin-top: 20px;
  }
}
#close-vacancy-modal .unsuccessful-wrap {
  border-radius: 3px;
  box-sizing: border-box;
  padding: 20px;
  background: var(--lvh-x-paler-grey);
}
#close-vacancy-modal .col {
  float: none;
}
#close-vacancy-modal .col.lhs {
  position: absolute;
}
#close-vacancy-modal .col.rhs {
  margin-left: 70px;
}
#close-vacancy-modal .message-composer {
  border: var(--lvh-x-grey);
  border-style: solid;
  border-radius: 3px;
  border-width: 1px;
}
#close-vacancy-modal .message-composer > span {
  width: calc(100% - 14px);
  display: inline-block;
  vertical-align: middle;
  padding: 7px 7px 7px 7px;
  background-color: var(--lvh-white);
  color: var(--lvh-x-light-grey);
}
#close-vacancy-modal .message-composer > span .block-text {
  display: block;
  margin-top: 10px;
}
#close-vacancy-modal .message-composer > textarea {
  border-style: none;
  background-color: var(--lvh-white);
  max-height: 250px;
}
#close-vacancy-modal .status-checkbox {
  margin-bottom: 5px;
}
#close-vacancy-modal .status-checkbox input {
  margin-right: 8px;
}
#close-vacancy-modal .position-count {
  position: absolute;
  right: 50px;
  top: 25px;
}
#close-vacancy-modal .position-count .count {
  font-weight: 600;
  color: var(--lvh-brand-orange);
}
@media (min-width: 992px) {
  .additional-fields #salary-type-dropdown div.dropdown,
  .job-offer-details #salary-type-dropdown div.dropdown {
    width: 698px;
  }
}
.additional-fields #salary-type-dropdown .option,
.job-offer-details #salary-type-dropdown .option {
  font-size: inherit;
  color: var(--lvh-primary-text);
  font-weight: 600;
}
.additional-fields #salary-type-dropdown .html-label,
.job-offer-details #salary-type-dropdown .html-label {
  font-size: 10px;
  color: var(--lvh-secondary-text);
  font-weight: 400;
}
.additional-fields #salary-type-dropdown .selected-option .html-label,
.job-offer-details #salary-type-dropdown .selected-option .html-label {
  display: none;
}
@media (min-width: 992px) {
  .job-offer-details #salary-type-dropdown div.dropdown {
    width: 560px;
  }
}
.job-offer-details .date-picker-wrap #uiDate {
  z-index: 1000;
}
.job-offer-details .hire-type {
  border-top: solid 1px var(--lvh-x-pale-grey);
  padding-top: 20px;
}
.work-location .suggestion-list .suggestion,
.work-location .suggestion-list .suggestion-header {
  border-bottom: 1px solid var(--lvh-x-paler-grey);
  padding: 7px 14px;
}
.work-location .suggestion-list .suggestion .displayName,
.work-location .suggestion-list .suggestion-header .displayName,
.work-location .suggestion-list .suggestion .externalID,
.work-location .suggestion-list .suggestion-header .externalID {
  display: inline-block;
}
.work-location .suggestion-list .suggestion .displayName,
.work-location .suggestion-list .suggestion-header .displayName {
  width: 70%;
}
.work-location .suggestion-list .suggestion .externalID,
.work-location .suggestion-list .suggestion-header .externalID {
  width: 25%;
  color: var(--lvh-secondary-text);
}
.work-location .suggestion-list .suggestion .displayName .physical-location,
.work-location .suggestion-list .suggestion-header .displayName .physical-location {
  line-height: normal;
  padding-bottom: 2px;
  color: var(--lvh-x-shark-dark);
  font-size: 11px;
}
.work-location .suggestion-list .suggestion-header {
  background-color: var(--lvh-x-shark-light);
  color: var(--lvh-secondary-text);
}
#tag-modal .card-wrap {
  float: none;
}
/* -----------------------------------------------------------------------------

  VACANCY PAGE
  
----------------------------------------------------------------------------- */
#vacancy-page {
  float: left;
  width: 100%;
  padding: 0 0 80px 0;
}
@media (max-width: 991px) {
  #vacancy-page {
    margin: 0;
    padding: 0 0 40px 0;
  }
}
@media (min-width: 992px) {
  #vacancy-page:not(.overlay-blur) {
    margin-top: 102px;
  }
}
@media (min-width: 992px) {
  #vacancy-page:not(.overlay-blur) .primary-header-menu {
    position: fixed;
    top: 60px;
    margin: 0;
    width: 100%;
    z-index: 7961;
  }
}
#vacancy-page .container {
  position: relative;
}
#vacancy-page .primary-header-menu {
  position: relative;
  float: left;
  width: 100%;
  height: 82px;
  margin: 0 0 20px;
  border-top: 1px solid var(--lvh-x-off-white);
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  box-sizing: border-box;
  background-color: var(--lvh-white);
}
@media (max-width: 1199px) {
  #vacancy-page .primary-header-menu {
    height: auto;
    margin: 0 0 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #vacancy-page .primary-header-menu {
    min-height: 82px;
  }
}
#vacancy-page .primary-header-menu:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#vacancy-page .primary-header-menu .job-template-prefix {
  color: var(--lvh-x-light-grey);
}
#vacancy-page .primary-header-menu .status {
  font-size: 11px;
  white-space: nowrap;
  color: var(--lvh-x-shark-dark);
}
#vacancy-page .primary-header-menu .status > .icon {
  margin: 0 3px 0 0;
  font-size: 16px;
  vertical-align: middle;
  color: var(--lvh-x-green);
}
#vacancy-page .primary-header-menu .info {
  font-size: 12px;
  line-height: 17px;
}
@media (max-width: 1199px) {
  #vacancy-page .primary-header-menu .info {
    margin: 0 0 20px 0;
  }
}
#vacancy-page .primary-header-menu .info > .icon {
  margin: 0 5px 0 0;
  line-height: 17px;
  color: var(--lvh-x-shark-dark);
}
#vacancy-page .primary-header-menu .info > .icon.unread {
  position: relative;
}
#vacancy-page .primary-header-menu .info > .icon.unread:after {
  position: absolute;
  top: -2px;
  right: -3px;
  content: "";
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background: var(--lvh-x-ripe);
}
#vacancy-page .primary-header-menu button:not(:last-child) {
  margin-right: 10px;
}
#vacancy-page .cc-tabopotamus .items {
  padding: 0 30px;
  box-sizing: border-box;
}
#vacancy-page .cc-input-overlay {
  position: relative;
}
#vacancy-page .cc-input-overlay.large-suffix .input {
  padding-right: 60px;
  padding-left: 60px;
}
#vacancy-page .cc-input-overlay.thousands-suffix .input {
  padding-right: 40px;
  padding-left: 25px;
  text-align: right;
}
#vacancy-page .cc-input-overlay.currency-input.symbol-length-1 .input {
  padding-left: 26px;
}
#vacancy-page .cc-input-overlay.currency-input.symbol-length-2 .input {
  padding-left: 33px;
}
#vacancy-page .cc-input-overlay.currency-input.symbol-length-3 .input {
  padding-left: 40px;
}
#vacancy-page .cc-input-overlay.currency-input .input {
  text-align: left;
  padding-right: 7px;
  padding-left: 7px;
}
#vacancy-page .cc-input-overlay.per-hour-suffix .input {
  padding-right: 70px;
  padding-left: 25px;
  text-align: right;
}
#vacancy-page .cc-input-overlay .input {
  padding-right: 25px;
  padding-left: 25px;
  text-align: center;
}
#vacancy-page .cc-input-overlay .prefix,
#vacancy-page .cc-input-overlay .suffix {
  color: var(--lvh-secondary-text);
}
#vacancy-page .cc-input-overlay .prefix {
  position: absolute;
  top: 50%;
  left: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 13px;
  z-index: 2;
}
#vacancy-page .cc-input-overlay .suffix {
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 13px;
  z-index: 2;
}
.content .child-view > form > fieldset {
  padding: 20px 30px;
}
.content .child-view > form label.label {
  margin-bottom: 5px;
  display: block;
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
}
.content .child-view > form label.label > .sub-text {
  color: var(--lvh-x-shark-dark);
  font-size: 11px;
  font-weight: normal;
  padding: 4px 80px 0 0;
}
.content .child-view > form .row {
  float: left;
  width: 100%;
  position: relative;
}
.content .child-view > form .row:not(:last-child) {
  margin: 0 0 20px 0;
}
.content .child-view > form .row:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.content .child-view > form .row.maybe-empty {
  margin: 0;
}
.content .child-view > form .row.maybe-empty .col {
  margin-bottom: 20px !important;
}
.content .child-view > form .row:empty {
  margin: 0;
}
.content .child-view > form .dropdownComponent {
  position: relative;
}
.content .child-view > form .dropdownComponent:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.content .child-view > form .dropdownComponent.select,
.content .child-view > form .dropdownComponent.head {
  color: var(--lvh-x-dark-grey);
  border: none;
  outline: 0;
  line-height: normal;
  box-sizing: border-box;
}
.content .child-view > form .dropdownComponent.select.hasValidationMessage,
.content .child-view > form .dropdownComponent.head.hasValidationMessage {
  padding-bottom: 28px !important;
}
.content .child-view > form .dropdownComponent.select.hasValidationMessage .dropdown,
.content .child-view > form .dropdownComponent.head.hasValidationMessage .dropdown {
  top: calc(100% - 29px);
}
.content .child-view > form .dropdownComponent.select .dropdown,
.content .child-view > form .dropdownComponent.head .dropdown {
  border-color: var(--lvh-x-paler-grey);
  top: calc(100% - 1px);
  left: 0;
  max-height: 200px;
  overflow-y: auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.content .child-view > form .dropdownComponent.select .selectedLabel,
.content .child-view > form .dropdownComponent.head .selectedLabel {
  float: left;
  width: 100%;
  padding: 7px 8px;
  color: var(--lvh-secondary-text);
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-paler-grey);
  border-radius: 3px;
  position: relative;
  box-sizing: border-box;
  z-index: 2;
}
@media (max-width: 991px) {
  .content .child-view > form .dropdownComponent.select .selectedLabel,
  .content .child-view > form .dropdownComponent.head .selectedLabel {
    padding: 10px 14px;
  }
}
.content .child-view > form .dropdownComponent.select .selectedLabel > span,
.content .child-view > form .dropdownComponent.head .selectedLabel > span {
  float: left;
  width: calc(100% - 15px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .content .child-view > form .dropdownComponent.select .selectedLabel > span,
  .content .child-view > form .dropdownComponent.head .selectedLabel > span {
    font-size: 16px;
  }
}
.content .child-view > form .dropdownComponent.select .selectedLabel i,
.content .child-view > form .dropdownComponent.head .selectedLabel i {
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -3.5px;
  display: block;
  font-size: 7px;
  color: var(--lvh-x-shark-dark);
}
@media (max-width: 991px) {
  .content .child-view > form .dropdownComponent.select .selectedLabel i,
  .content .child-view > form .dropdownComponent.head .selectedLabel i {
    right: 14px;
  }
}
.content .child-view > form .dropdownComponent.select .menuItems > .menuItem > .label,
.content .child-view > form .dropdownComponent.head .menuItems > .menuItem > .label,
.content .child-view > form .dropdownComponent.select .subMenuItems > .menuItem > .label,
.content .child-view > form .dropdownComponent.head .subMenuItems > .menuItem > .label,
.content .child-view > form .dropdownComponent.select .menuItems > .subMenuItem > .label,
.content .child-view > form .dropdownComponent.head .menuItems > .subMenuItem > .label,
.content .child-view > form .dropdownComponent.select .subMenuItems > .subMenuItem > .label,
.content .child-view > form .dropdownComponent.head .subMenuItems > .subMenuItem > .label {
  padding: 4px 8px;
}
.content .child-view > form .dropdownComponent.select .validation-message,
.content .child-view > form .dropdownComponent.head .validation-message {
  width: 100%;
  position: absolute;
  top: auto;
  bottom: 1px;
  left: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
}
.content .child-view > form .dropdownComponent.head .dropdown {
  max-height: 220px;
}
.content .child-view > form .dropdownComponent.head .selectedLabel > span {
  width: auto;
}
.content .child-view > form .dropdownComponent.head .menuItem {
  float: left;
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
}
.content .child-view > form .dropdownComponent.head .menuItem:hover {
  background-color: var(--lvh-x-off-white);
}
.content .child-view > form .dropdownComponent.head .profile-picture {
  float: left;
}
.content .child-view > form .dropdownComponent.head .cc-avatar {
  float: left;
  margin-right: 10px;
  padding-top: 5px;
}
.content .child-view > form .dropdownComponent.head .text {
  float: left;
  color: var(--lvh-secondary-text);
  line-height: 32px;
  max-width: 145px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 50px);
}
.content .child-view > form .dropdownDirective {
  float: left;
  width: 100%;
}
.content .child-view > form .dropdownComponent.select .selectedLabel {
  min-height: 34px;
}
@media (max-width: 991px) {
  .content .child-view > form .dropdownComponent.select .selectedLabel {
    min-height: 40px;
  }
}
.content .child-view > form .dropdownComponent.select .selectedLabel .placeholder {
  color: var(--lvh-x-shark-dark);
}
.content .child-view > form .dropdownComponent.head .menuItems .menuItem {
  padding: 5px 10px;
}
@media (min-width: 992px) {
  .content .child-view > form .salary-row .col.special,
  .content .child-view > form .payrate-row .col.special,
  .content .child-view > form .billrate-row .col.special {
    position: absolute;
    right: 0;
    bottom: 0;
  }
}
@media (min-width: 992px) {
  .content .child-view > form .salary-row .range-wrap,
  .content .child-view > form .payrate-row .range-wrap,
  .content .child-view > form .billrate-row .range-wrap,
  .content .child-view > form .salary-row.range-wrap,
  .content .child-view > form .payrate-row.range-wrap,
  .content .child-view > form .billrate-row.range-wrap {
    position: relative;
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .content .child-view > form .salary-row .range-wrap #salary-range-row:after,
  .content .child-view > form .payrate-row .range-wrap #salary-range-row:after,
  .content .child-view > form .billrate-row .range-wrap #salary-range-row:after,
  .content .child-view > form .salary-row.range-wrap #salary-range-row:after,
  .content .child-view > form .payrate-row.range-wrap #salary-range-row:after,
  .content .child-view > form .billrate-row.range-wrap #salary-range-row:after,
  .content .child-view > form .salary-row .range-wrap .payrate-range-row:after,
  .content .child-view > form .payrate-row .range-wrap .payrate-range-row:after,
  .content .child-view > form .billrate-row .range-wrap .payrate-range-row:after,
  .content .child-view > form .salary-row.range-wrap .payrate-range-row:after,
  .content .child-view > form .payrate-row.range-wrap .payrate-range-row:after,
  .content .child-view > form .billrate-row.range-wrap .payrate-range-row:after,
  .content .child-view > form .salary-row .range-wrap .billrate-range-row:after,
  .content .child-view > form .payrate-row .range-wrap .billrate-range-row:after,
  .content .child-view > form .billrate-row .range-wrap .billrate-range-row:after,
  .content .child-view > form .salary-row.range-wrap .billrate-range-row:after,
  .content .child-view > form .payrate-row.range-wrap .billrate-range-row:after,
  .content .child-view > form .billrate-row.range-wrap .billrate-range-row:after {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 1px !important;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: var(--lvh-x-pale-grey);
  }
}
.content .child-view > form .salary-row .range-wrap .payrate-range-row,
.content .child-view > form .payrate-row .range-wrap .payrate-range-row,
.content .child-view > form .billrate-row .range-wrap .payrate-range-row,
.content .child-view > form .salary-row.range-wrap .payrate-range-row,
.content .child-view > form .payrate-row.range-wrap .payrate-range-row,
.content .child-view > form .billrate-row.range-wrap .payrate-range-row,
.content .child-view > form .salary-row .range-wrap .billrate-range-row,
.content .child-view > form .payrate-row .range-wrap .billrate-range-row,
.content .child-view > form .billrate-row .range-wrap .billrate-range-row,
.content .child-view > form .salary-row.range-wrap .billrate-range-row,
.content .child-view > form .payrate-row.range-wrap .billrate-range-row,
.content .child-view > form .billrate-row.range-wrap .billrate-range-row {
  margin: 0;
}
@media (min-width: 992px) {
  .content .child-view > form .salary-row .range-wrap .payrate-range-row:after,
  .content .child-view > form .payrate-row .range-wrap .payrate-range-row:after,
  .content .child-view > form .billrate-row .range-wrap .payrate-range-row:after,
  .content .child-view > form .salary-row.range-wrap .payrate-range-row:after,
  .content .child-view > form .payrate-row.range-wrap .payrate-range-row:after,
  .content .child-view > form .billrate-row.range-wrap .payrate-range-row:after,
  .content .child-view > form .salary-row .range-wrap .billrate-range-row:after,
  .content .child-view > form .payrate-row .range-wrap .billrate-range-row:after,
  .content .child-view > form .billrate-row .range-wrap .billrate-range-row:after,
  .content .child-view > form .salary-row.range-wrap .billrate-range-row:after,
  .content .child-view > form .payrate-row.range-wrap .billrate-range-row:after,
  .content .child-view > form .billrate-row.range-wrap .billrate-range-row:after {
    width: 50%;
  }
}
@media (max-width: 991px) {
  .content .child-view > form .cc-user-picker .calloutDirective {
    z-index: 9050;
  }
}
.content .form-footer {
  padding: 20px 30px;
  border-top: solid 1px var(--lvh-x-pale-grey);
}
.content .form-footer .button-wrap {
  float: right;
}
@media (max-width: 991px) {
  .content .form-footer .button-wrap {
    float: none;
    display: table;
    width: 100%;
  }
}
.content .form-footer .button-wrap save-button {
  display: inline-block;
}
@media (max-width: 991px) {
  .content .form-footer .button-wrap save-button {
    display: table-footer-group;
    margin: 10px 0 0;
    width: 100%;
  }
}
.content .form-footer .button-wrap button {
  margin-left: 15px;
}
@media (max-width: 991px) {
  .content .form-footer .button-wrap button {
    display: block;
    margin: 0 0 10px;
    width: 100%;
  }
}
@media (max-width: 991px) {
  .content .form-footer .button-wrap button:not(:last-child) {
    margin: 0 0 10px;
  }
}
.content .form-footer:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.content:before {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.content .container {
  position: relative;
  max-width: 800px;
  margin-bottom: 40px;
  padding: 0;
  border-radius: 3px;
  border: solid 1px var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
}
.content .container .vacancy-actions {
  position: absolute;
  top: 20px;
  right: 30px;
}
.content .container .vacancy-actions .preview-button {
  float: left;
  margin-top: -6px;
}
@media (max-width: 991px) {
  .content .container .vacancy-actions .preview-button {
    display: none;
  }
}
.content .container .vacancy-actions .cc-action-callout {
  float: left;
  margin-left: 10px;
}
@media (max-width: 991px) {
  .content .container .cc-tabopotamus .tab {
    padding: 20px 0;
  }
}
.content #vacancy-details-view .toggle-row {
  display: flex;
  gap: 10px;
  margin-top: 20px;
  margin-bottom: 5px;
}
.content #vacancy-details-view .toggle-row label.label {
  margin: 0;
}
@media (max-width: 991px) {
  .content #vacancy-details-view .salary-range-wrap {
    display: table;
  }
}
@media (min-width: 992px) {
  .content #vacancy-details-view .salary-range-wrap .label {
    display: none;
  }
}
.content #vacancy-details-view .salary-range-wrap #salary-range-row .validation-message {
  position: absolute;
  top: 34px;
}
.content #vacancy-details-view .salary-range-wrap .no-publish-checkbox {
  float: right;
  margin-bottom: 5px;
}
@media (max-width: 991px) {
  .content #vacancy-details-view .salary-range-wrap .no-publish-checkbox {
    display: table-footer-group;
    float: none;
  }
}
.content #vacancy-details-view .salary-range-wrap .no-publish-checkbox > .text {
  color: var(--lvh-secondary-text);
  font-size: 11px;
}
@media (max-width: 991px) {
  .content #vacancy-details-view .salary-range-wrap .no-publish-checkbox > .text {
    display: block;
    padding-top: 5px;
  }
}
.content #vacancy-details-view .salary-range-wrap .menuItems li a.label {
  display: block;
}
@media (min-width: 992px) {
  .content #vacancy-details-view .vacancy-info-wrap {
    position: relative;
  }
}
@media (min-width: 992px) {
  .content #vacancy-details-view .vacancy-info-wrap #jobTitleInput {
    padding-right: 90px;
    box-sizing: border-box;
  }
}
.content #vacancy-details-view .vacancy-info-wrap .vacancyID-wrap {
  float: left;
  width: 100%;
  margin-top: 20px;
}
@media (min-width: 992px) {
  .content #vacancy-details-view .vacancy-info-wrap .vacancyID-wrap {
    margin-top: 0;
  }
}
@media (min-width: 992px) {
  .content #vacancy-details-view .vacancy-info-wrap .vacancyID-wrap .label {
    display: none;
  }
}
@media (min-width: 992px) {
  .content #vacancy-details-view .vacancy-info-wrap .vacancyID-wrap .vacancyID {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 0;
    width: 135px;
    border-radius: 0 3px 3px 0;
  }
}
.content #vacancy-details-view .vacancy-info-wrap .vacancyID-wrap .lhs {
  text-align: right;
}
.content #vacancy-details-view .additional-fields-toggle {
  outline: none;
  border: none;
  font-size: 11px;
  padding: 0;
  color: var(--lvh-bright-blue);
  background: none;
}
.content #vacancy-details-view .additional-fields-toggle:hover {
  text-decoration: underline;
}
.content #vacancy-details-view .toggle-section.open > .header {
  border-radius: 3px 3px 0 0;
}
.content #vacancy-details-view .toggle-section.open > .header .icon:before {
  content: "\e949";
}
.content #vacancy-details-view .toggle-section.open > .body {
  overflow: visible;
  visibility: visible;
  padding: 20px;
  height: auto;
  float: left;
  width: 100%;
  box-sizing: border-box;
}
.content #vacancy-details-view .toggle-section > .header {
  position: relative;
  display: block;
  height: auto;
  padding: 13px 20px;
  border-radius: 3px;
  text-align: left;
  background: var(--lvh-x-shark-light);
}
.content #vacancy-details-view .toggle-section > .header .icon {
  position: absolute;
  top: 50%;
  right: 20px;
  outline: none;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0;
  border: none;
  background: var(--lvh-white);
  cursor: pointer;
}
.content #vacancy-details-view .toggle-section > .header .icon:before {
  display: block;
  font-size: 13px;
  color: var(--lvh-secondary-text);
}
.content #vacancy-details-view .toggle-section > .header .title {
  display: block;
  width: 100%;
  padding: 0 20px 0 0;
  box-sizing: border-box;
  font-size: 13px;
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
}
.content #vacancy-details-view .toggle-section > .body {
  overflow: hidden;
  visibility: hidden;
  margin: 0;
  height: 0;
  border-radius: 0 0 3px 3px;
  border: solid 1px var(--lvh-x-shark-light);
}
.content #vacancy-details-view .row.team-picker {
  padding-bottom: 15px;
  border-bottom: 1px solid var(--lvh-x-paler-grey);
  min-height: 60px;
}
@media (max-width: 991px) {
  .content #vacancy-details-view .row.team-picker {
    padding-bottom: 0;
  }
}
.content #vacancy-details-view .row.team-picker .col.thirds {
  width: 26.6666% !important;
}
@media (max-width: 991px) {
  .content #vacancy-details-view .row.team-picker .col.thirds {
    width: 100% !important;
  }
}
.content #vacancy-details-view .row .indent {
  margin-left: 51px;
}
.content #vacancy-details-view .iconFont.glyph0080 {
  margin-left: 0.231em;
  vertical-align: middle;
  line-height: 1;
  cursor: pointer;
  color: var(--lvh-x-shark-dark);
}
.content #vacancy-details-view .eoi-checkbox,
.content #vacancy-details-view .no-publish-checkbox {
  float: right;
  margin-bottom: 5px;
}
.content #vacancy-details-view .eoi-checkbox .text,
.content #vacancy-details-view .no-publish-checkbox .text {
  color: var(--lvh-secondary-text);
  font-size: 11px;
}
.content #vacancy-details-view .suggestionList #searchInputWrap {
  float: none;
  width: auto;
  padding: 0;
}
.content #vacancy-details-view .recruiter-notes,
.content #vacancy-details-view .currency-row,
.content #vacancy-details-view .department-job {
  padding: 0 0 20px;
  border-bottom: 1px solid var(--lvh-x-paler-grey);
}
.content #vacancy-details-view .location .street-address {
  margin: 0 0 5px;
}
.content #vacancy-details-view .department-job .spinner {
  color: var(--lvh-bright-blue);
  padding-left: 12px;
  position: absolute;
  bottom: 30px;
}
.content #vacancy-details-view .flare-hr-business-unit .text {
  color: var(--lvh-disabled-text);
}
.content #vacancy-details-view .specialties {
  padding: 20px 0 0;
}
.content #vacancy-details-view .business-unit .suggestion-list .suggestion,
.content #vacancy-details-view .business-unit .suggestion-list .suggestion-header {
  border: 1px solid var(--lvh-x-paler-grey);
  padding: 7px 14px;
}
.content #vacancy-details-view .business-unit .suggestion-list .suggestion .businessUnitName,
.content #vacancy-details-view .business-unit .suggestion-list .suggestion-header .businessUnitName,
.content #vacancy-details-view .business-unit .suggestion-list .suggestion .externalID,
.content #vacancy-details-view .business-unit .suggestion-list .suggestion-header .externalID {
  display: inline-block;
}
.content #vacancy-details-view .business-unit .suggestion-list .suggestion .businessUnitName,
.content #vacancy-details-view .business-unit .suggestion-list .suggestion-header .businessUnitName {
  width: 70%;
}
.content #vacancy-details-view .business-unit .suggestion-list .suggestion .externalID,
.content #vacancy-details-view .business-unit .suggestion-list .suggestion-header .externalID {
  width: 25%;
  color: var(--lvh-secondary-text);
}
.content #vacancy-details-view .business-unit .suggestion-list .suggestion-header {
  background-color: var(--lvh-x-shark-light);
  color: var(--lvh-secondary-text);
}
.content #vacancy-details-view .work-location .suggestion-list .suggestion,
.content #vacancy-details-view .work-location .suggestion-list .suggestion-header {
  border: 1px solid var(--lvh-x-paler-grey);
  padding: 7px 14px;
}
.content #vacancy-details-view .work-location .suggestion-list .suggestion .displayName,
.content #vacancy-details-view .work-location .suggestion-list .suggestion-header .displayName,
.content #vacancy-details-view .work-location .suggestion-list .suggestion .externalID,
.content #vacancy-details-view .work-location .suggestion-list .suggestion-header .externalID {
  display: inline-block;
}
.content #vacancy-details-view .work-location .suggestion-list .suggestion .displayName,
.content #vacancy-details-view .work-location .suggestion-list .suggestion-header .displayName {
  width: 70%;
}
.content #vacancy-details-view .work-location .suggestion-list .suggestion .externalID,
.content #vacancy-details-view .work-location .suggestion-list .suggestion-header .externalID {
  width: 25%;
  color: var(--lvh-secondary-text);
}
.content #vacancy-details-view .work-location .suggestion-list .suggestion-header {
  background-color: var(--lvh-x-shark-light);
  color: var(--lvh-secondary-text);
}
.content #vacancy-details-view .positions .header {
  margin-bottom: 0;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--lvh-x-paler-grey);
}
.content #vacancy-details-view .positions .position {
  margin: 0;
  padding-top: 18px;
}
.content #vacancy-details-view .positions .position:not(:last-child) {
  padding-bottom: 18px;
  border-bottom: 1px solid var(--lvh-x-off-white);
}
.content #vacancy-details-view .positions .col {
  float: left;
}
.content #vacancy-details-view .positions .col.title {
  width: 100%;
}
@media (min-width: 992px) {
  .content #vacancy-details-view .positions .col.title {
    width: 520px;
    margin-right: 14px;
  }
}
.content #vacancy-details-view .positions .col.externalID input {
  width: 125px;
}
.content #vacancy-details-view .positions .index {
  width: 1.5em;
  margin-right: 0.5rem;
}
.content #vacancy-details-view .positions .add-position {
  padding: 25px 0;
  border-bottom: 1px solid var(--lvh-x-paler-grey);
  margin-bottom: 20px;
}
.content #vacancy-details-view .positions .add-position button.add {
  padding: inherit 35px inherit 35px;
}
.content #vacancy-details-view .positions .icon {
  margin-left: 10px;
  color: var(--lvh-x-shark-dark);
}
.content #vacancy-details-view .positions .icon:hover {
  color: var(--lvh-primary-text);
}
.content #vacancy-details-view .positions .suggestion-list .suggestion,
.content #vacancy-details-view .positions .suggestion-list .suggestion-header {
  border-bottom: 1px solid var(--lvh-x-paler-grey);
  padding: 7px 14px;
}
.content #vacancy-details-view .positions .suggestion-list .suggestion .title,
.content #vacancy-details-view .positions .suggestion-list .suggestion-header .title,
.content #vacancy-details-view .positions .suggestion-list .suggestion .externalID,
.content #vacancy-details-view .positions .suggestion-list .suggestion-header .externalID {
  display: inline-block;
}
.content #vacancy-details-view .positions .suggestion-list .suggestion .title,
.content #vacancy-details-view .positions .suggestion-list .suggestion-header .title {
  width: 70%;
}
.content #vacancy-details-view .positions .suggestion-list .suggestion .externalID,
.content #vacancy-details-view .positions .suggestion-list .suggestion-header .externalID {
  width: 25%;
  color: var(--lvh-secondary-text);
}
.content #vacancy-details-view .positions .suggestion-list .suggestion .business-unit,
.content #vacancy-details-view .positions .suggestion-list .suggestion-header .business-unit {
  color: var(--lvh-secondary-text);
}
.content #vacancy-details-view .positions .suggestion-list .suggestion {
  border-top: none;
}
.content #vacancy-details-view .positions .suggestion-list .suggestion:last-child {
  border-bottom: none;
}
.content #vacancy-details-view .positions .suggestion-list .suggestion-header {
  background-color: var(--lvh-x-shark-light);
  color: var(--lvh-secondary-text);
}
.content #vacancy-details-view textarea.expand.vertical {
  resize: vertical;
  height: 80px;
}
.content #vacancy-description-view .add-detail-link {
  font-size: 11px;
  margin-top: 5px;
  float: left;
}
.content #vacancy-description-view .description-header html-editor-ng1 .ql-editor {
  height: 100px;
}
.content #vacancy-description-view .description-header html-editor-ng1 character-count-ng1 {
  display: none;
}
.content #vacancy-description-view .description-body html-editor-ng1 character-count-ng1 {
  display: none;
}
.content #vacancy-description-view .description-footer html-editor-ng1 .ql-editor {
  height: 100px;
}
.content #vacancy-description-view .description-footer html-editor-ng1 character-count-ng1 {
  display: none;
}
.content #vacancy-description-view .sub-hint-icon .iconFont {
  margin-left: 0.231em;
  vertical-align: middle;
  line-height: 11px;
  cursor: pointer;
  color: var(--lvh-x-shark-dark);
}
.content #vacancy-description-view .col.halves.button-wrap {
  position: relative;
}
.content #vacancy-description-view #ai-assistant {
  border-left: 1px solid var(--lvh-x-paler-grey);
  border-right: 1px solid var(--lvh-x-paler-grey);
  border-bottom: 1px solid var(--lvh-x-paler-grey);
  box-sizing: border-box;
}
.content #vacancy-description-view #ai-assistant .body {
  padding: 20px;
  padding-top: 10px;
  padding-bottom: 0;
}
.content #vacancy-description-view #ai-assistant .row {
  margin-bottom: 10px;
}
.content #vacancy-description-view #ai-assistant save-button {
  display: inline;
}
.content #vacancy-description-view #ai-assistant #generate-description-container {
  display: flex;
  flex-direction: column;
}
@media (min-width: 991px) {
  .content #vacancy-description-view #ai-assistant #generate-description-container {
    gap: 10px;
  }
}
.content #vacancy-description-view #ai-assistant #language-tone-error {
  display: none;
  margin-top: 5px;
  color: var(--lvh-bright-red);
  font-size: 12px;
}
.content #vacancy-video-interview-view .screen-sm-max,
.content #hire-vue-vacancy-video-interview-view .screen-sm-max {
  display: none;
}
@media (max-width: 991px) {
  .content #vacancy-video-interview-view .screen-sm-max,
  .content #hire-vue-vacancy-video-interview-view .screen-sm-max {
    display: block;
  }
}
.content #vacancy-video-interview-view .p-empty-state .block,
.content #hire-vue-vacancy-video-interview-view .p-empty-state .block {
  display: block;
}
.content #vacancy-video-interview-view .row.interview-toggle,
.content #hire-vue-vacancy-video-interview-view .row.interview-toggle {
  padding: 20px 30px;
}
@media (max-width: 991px) {
  .content #vacancy-video-interview-view .row .col.quarters,
  .content #hire-vue-vacancy-video-interview-view .row .col.quarters {
    width: 100% !important;
  }
}
@media (max-width: 991px) {
  .content #vacancy-video-interview-view .row .col.quarters.span3,
  .content #hire-vue-vacancy-video-interview-view .row .col.quarters.span3 {
    width: 100% !important;
  }
}
@media (max-width: 991px) {
  .content #vacancy-video-interview-view .row .col:not(:last-child),
  .content #hire-vue-vacancy-video-interview-view .row .col:not(:last-child) {
    margin-bottom: 20px;
  }
}
.content #vacancy-video-interview-view label,
.content #hire-vue-vacancy-video-interview-view label {
  display: inline-block;
}
.content #vacancy-video-interview-view .date-picker-wrap i,
.content #hire-vue-vacancy-video-interview-view .date-picker-wrap i {
  z-index: 100;
}
.content #vacancy-video-interview-view .cc-tooltip,
.content #hire-vue-vacancy-video-interview-view .cc-tooltip {
  margin-left: 5px;
  z-index: 100;
}
@media (max-width: 991px) {
  .content #vacancy-video-interview-view .cc-tooltip,
  .content #hire-vue-vacancy-video-interview-view .cc-tooltip {
    display: none;
  }
}
.content #vacancy-video-interview-view .cc-tooltip .icon,
.content #hire-vue-vacancy-video-interview-view .cc-tooltip .icon {
  font-size: 10px;
  line-height: 20px;
  color: var(--lvh-x-shark-dark);
}
.content #vacancy-video-interview-view .cc-tooltip .tooltipContainer,
.content #hire-vue-vacancy-video-interview-view .cc-tooltip .tooltipContainer {
  width: 185px;
  margin-left: -93px;
}
.content #vacancy-video-interview-view .cc-toggle-switch,
.content #hire-vue-vacancy-video-interview-view .cc-toggle-switch {
  display: inline-block;
  vertical-align: middle;
  margin-left: 12px;
}
.content #vacancy-video-interview-view #interview-form .hidden,
.content #hire-vue-vacancy-video-interview-view #interview-form .hidden {
  display: none;
}
.content #vacancy-video-interview-view #interview-questions,
.content #hire-vue-vacancy-video-interview-view #interview-questions {
  margin: 0;
}
@media (max-width: 991px) {
  .content #vacancy-video-interview-view #interview-questions table tr,
  .content #hire-vue-vacancy-video-interview-view #interview-questions table tr {
    padding: 20px 15px;
  }
}
.content #vacancy-video-interview-view #interview-questions table tr:focus,
.content #hire-vue-vacancy-video-interview-view #interview-questions table tr:focus,
.content #vacancy-video-interview-view #interview-questions table tr:hover,
.content #hire-vue-vacancy-video-interview-view #interview-questions table tr:hover {
  background-color: transparent;
}
.content #vacancy-video-interview-view #interview-questions table tr:last-child,
.content #hire-vue-vacancy-video-interview-view #interview-questions table tr:last-child {
  border-bottom: none;
}
@media (min-width: 992px) {
  .content #vacancy-video-interview-view #interview-questions table tr th:not(:first-child),
  .content #hire-vue-vacancy-video-interview-view #interview-questions table tr th:not(:first-child) {
    width: 10%;
  }
}
.content #vacancy-video-interview-view #interview-questions table tr td,
.content #hire-vue-vacancy-video-interview-view #interview-questions table tr td {
  padding: 10px 15px;
}
@media (max-width: 991px) {
  .content #vacancy-video-interview-view #interview-questions table tr td,
  .content #hire-vue-vacancy-video-interview-view #interview-questions table tr td {
    margin: 0 0 20px;
    padding: 0;
  }
}
@media (max-width: 991px) {
  .content #vacancy-video-interview-view #interview-questions table tr td:last-child,
  .content #hire-vue-vacancy-video-interview-view #interview-questions table tr td:last-child {
    margin: 0;
  }
}
@media (max-width: 991px) {
  .content #vacancy-video-interview-view #interview-questions table tr td .question-inner,
  .content #hire-vue-vacancy-video-interview-view #interview-questions table tr td .question-inner {
    display: block;
    padding-left: 100px;
  }
}
.content #vacancy-video-interview-view #interview-questions table tbody tr,
.content #hire-vue-vacancy-video-interview-view #interview-questions table tbody tr {
  border-bottom-color: var(--lvh-x-paler-grey);
}
.content .child-view > form > fieldset.vacancy-assessment-selection {
  padding: 0px 30px 30px 30px;
  margin-top: -20px;
}
.content .child-view > form > fieldset.vacancy-assessment-selection .vacancy-assessment-label-overflow {
  white-space: nowrap;
}
.content .child-view > form > fieldset.vacancy-assessment-selection .required-marker {
  color: var(--lvh-validation-red-dark);
}
.content .child-view > form > fieldset.vacancy-assessment-selection li {
  color: #999999;
}
.content #vacancy-screening-view #vacancy-autoDisqualifyRules .row:last-child {
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.content #vacancy-screening-view #vacancy-autoDisqualifyRules.has-templates .row:last-child {
  border-bottom: 1px solid var(--lvh-x-paler-grey);
}
.content #vacancy-screening-view #vacancy-autoDisqualifyRules .warning-text {
  padding-left: 16px;
}
.content #vacancy-screening-view #vacancy-questions-preview {
  float: left;
  width: 100%;
  box-sizing: border-box;
}
.content #vacancy-screening-view #vacancy-questions-preview .row {
  float: none;
  clear: both;
}
.content #vacancy-screening-view #vacancy-questions-preview section {
  background-color: transparent;
  float: left;
  width: 100%;
  box-sizing: border-box;
}
.content #vacancy-screening-view #vacancy-questions-preview section:not(:last-child) {
  padding-bottom: 0;
  margin-bottom: 20px;
}
.content #vacancy-screening-view #vacancy-questions-preview section .section-header {
  padding: 10px 20px 10px 0;
  background-color: transparent;
  font-weight: 600;
  font-size: 13px;
  color: var(--lvh-x-mesh-dark);
  position: relative;
  border-bottom: solid 1px var(--lvh-x-shark-light);
}
.content #vacancy-screening-view #vacancy-questions-preview section .section-expander {
  position: absolute;
  right: 0;
  top: 10px;
  width: 20px;
  height: 20px;
  text-align: center;
  background-color: var(--lvh-x-shark-dark);
}
.content #vacancy-screening-view #vacancy-questions-preview section .section-expander span {
  color: var(--lvh-x-shark-light);
}
.content #vacancy-screening-view #vacancy-questions-preview section .section-content {
  padding: 20px 0;
  display: block;
}
.content #vacancy-screening-view #vacancy-questions-preview section.collapse .section-content,
.content #vacancy-screening-view #vacancy-questions-preview section.overlay .section-content {
  display: none;
}
.content #vacancy-screening-view #vacancy-questions-preview .question {
  margin-bottom: 20px;
}
.content #vacancy-screening-view #vacancy-questions-preview .question .required-marker {
  color: var(--lvh-validation-red-dark);
}
.content #vacancy-screening-view #vacancy-questions-preview .question.date:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.content #vacancy-screening-view #vacancy-questions-preview .question.instruction label.label {
  font-weight: normal;
  color: var(--lvh-primary-text);
}
.content #vacancy-screening-view #vacancy-questions-preview .question-input {
  margin-bottom: 20px;
}
.content #vacancy-screening-view #vacancy-questions-preview .question-input .cc-input-overlay input {
  text-align: left;
}
.content #vacancy-screening-view #vacancy-questions-preview .question-input .cc-radio-button .radio-button {
  position: absolute;
  top: 12px;
}
@media (max-width: 991px) {
  .content #vacancy-screening-view #vacancy-questions-preview .question-input .cc-radio-button .radio-button {
    top: 18px;
  }
}
.content #vacancy-screening-view #vacancy-questions-preview .question-input .cc-radio-button .label {
  margin-left: 20px;
}
.content #vacancy-screening-view #vacancy-questions-preview .question-input .cc-tab-group .tab,
.content #vacancy-screening-view #vacancy-questions-preview .question-input .cc-tab-group .input:checked ~ .bg {
  background-color: transparent;
}
.content #vacancy-screening-view #vacancy-questions-preview .validation-message {
  padding-bottom: 10px;
}
.content #vacancy-screening-view #vacancy-questions-preview .instruction {
  margin-bottom: 20px;
}
.content #vacancy-reference-check-view .screen-sm-max {
  display: none;
}
@media (max-width: 991px) {
  .content #vacancy-reference-check-view .screen-sm-max {
    display: block;
  }
}
.content #vacancy-reference-check-view .p-empty-state .block {
  display: block;
}
.content #vacancy-reference-check-view .row.referenceCheck-toggle,
.content #vacancy-reference-check-view .row.assessment-toggle {
  padding: 20px 30px;
}
@media (max-width: 991px) {
  .content #vacancy-reference-check-view .row .col.quarters {
    width: 100% !important;
  }
}
@media (max-width: 991px) {
  .content #vacancy-reference-check-view .row .col.quarters.span3 {
    width: 100% !important;
  }
}
@media (max-width: 991px) {
  .content #vacancy-reference-check-view .row .col:not(:last-child) {
    margin-bottom: 20px;
  }
}
.content #vacancy-reference-check-view ul.comments {
  padding-left: 40px;
}
.content #vacancy-reference-check-view ul.comments li {
  line-height: 22px;
}
.content #vacancy-reference-check-view label {
  display: inline-block;
}
.content #vacancy-reference-check-view .cc-toggle-switch {
  display: inline-block;
  vertical-align: middle;
  margin-left: 12px;
}
.content #vacancy-reference-check-view .disabled {
  color: var(--lvh-disabled-text);
}
.content #vacancy-checks-assessment hr {
  margin: 0 30px 0 30px;
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid var(--lvh-x-pale-grey);
  padding: 0;
}
.content #approve-vacancy-modal form > fieldset {
  padding: 0;
}
.content #discarded-vacancy {
  text-align: center;
  padding: 0 0 50px;
}
.content #discarded-vacancy .title {
  display: block;
  margin: 0 0 30px;
  padding: 40px 0;
  font-size: 18px;
  font-weight: 700;
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  background: var(--lvh-x-off-white);
  color: var(--lvh-x-dark-grey);
}
.content #discarded-vacancy .button {
  display: inline-block;
  margin-top: 30px;
}
.content .job-vacancy-attachment .file-icon {
  top: 4px;
}
.content .job-vacancy-attachment .add-wrap.disabled {
  top: 33px;
  right: 0;
}
.content question-ng1 .question-input {
  float: left;
  width: 100%;
}
.content question-ng1 .validation-error,
.content question-ng1 .cc-dropdown2.validation-error .selected-option,
.content question-ng1 option-strip-ng1.validation-error .cc-tab-group .tab {
  border-color: var(--lvh-x-paler-grey);
}
.content question-ng1 .validation-message {
  float: left;
  width: 100%;
  background-color: var(--lvh-validation-red-light);
  border: 1px solid var(--lvh-validation-red-mid);
  color: var(--lvh-validation-red-dark);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  padding: 4px 8px;
  position: relative;
  margin-top: -2px;
  box-sizing: border-box;
  font-size: 13px;
}
.content .cc-suggestion-dropdown .suggestion-list .no-matches-found {
  padding: 7px 14px;
  font-size: 0.85em;
  color: var(--lvh-secondary-text);
}
@media (max-width: 991px) {
  #employerApp .content .child-view > form .dropdownComponent.select .selectedLabel > span,
  #employerApp .content .child-view > form .dropdownComponent.head .selectedLabel > span {
    font-size: 13px;
  }
}
/* -----------------------------------------------------------------------------

  MESSAGING FEATURE
  
----------------------------------------------------------------------------- */
#messaging-page {
  /* -----------------------------------------------------------------------------

  1200 PIXEL GRID
  
----------------------------------------------------------------------------- */
  /* CSS Grid Layout */
}
#messaging-page .container {
  max-width: 1260px;
  width: 100%;
  margin: 0 auto;
  padding: 0 30px;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  #messaging-page .container {
    max-width: 1240px;
    padding: 0 10px;
  }
}
@media (max-width: 991px) {
  #messaging-page .container-mobile,
  #messaging-page .container--mobile {
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
    box-sizing: border-box;
  }
}
#messaging-page .col.halves,
#messaging-page .col.thirds,
#messaging-page .col.quarters {
  min-height: 1px;
}
@media (max-width: 991px) {
  #messaging-page .col.halves,
  #messaging-page .col.thirds,
  #messaging-page .col.quarters {
    width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 20px;
  }
}
@media (max-width: 991px) {
  #messaging-page .col.halves:last-child,
  #messaging-page .col.thirds:last-child,
  #messaging-page .col.quarters:last-child {
    margin-bottom: 0;
  }
}
#messaging-page .col.halves {
  float: left;
  width: 48%;
}
#messaging-page .col.halves:not(:last-child) {
  margin-right: 4%;
}
#messaging-page .col.halves.smallMargin {
  width: 49%;
}
#messaging-page .col.halves.smallMargin:not(:last-child) {
  margin-right: 2%;
}
#messaging-page .col.thirds {
  float: left;
  width: 30.6666%;
}
#messaging-page .col.thirds:not(:last-child) {
  margin-right: 4%;
}
#messaging-page .col.thirds.span2 {
  width: 65.3332%;
}
#messaging-page .col.thirds.smallMargin:not(:last-child) {
  width: 30.6666%;
  margin-right: 2%;
}
#messaging-page .col.quarters {
  float: left;
  width: 22%;
}
#messaging-page .col.quarters:not(:last-child) {
  margin-right: 4%;
}
#messaging-page .col.quarters.span2 {
  width: 48%;
}
#messaging-page .col.quarters.span2.smallMargin:not(:last-child) {
  width: 48%;
  margin-right: 2%;
}
#messaging-page .col.quarters.span3 {
  width: 74%;
}
#messaging-page .col.quarters.span3.smallMargin:not(:last-child) {
  width: 76%;
  margin-right: 2%;
}
#messaging-page .col.quarters.smallMargin:not(:last-child) {
  width: 24%;
  margin-right: 2%;
}
#messaging-page .col.fifths {
  float: left;
  width: 18.4%;
}
#messaging-page .col.fifths:not(:last-child) {
  margin-right: 2%;
}
#messaging-page .col.sixths {
  float: left;
  width: 15%;
}
#messaging-page .col.sixths:not(:last-child) {
  margin-right: 2%;
}
#messaging-page .col.sixths.span2 {
  width: 30%;
}
@media (min-width: 992px) {
  #messaging-page .col.flipped-desktop.halves:first-child {
    float: right;
    margin-right: 0;
  }
}
@media (min-width: 992px) {
  #messaging-page .col.flipped-desktop.halves:last-child {
    margin-right: 4%;
  }
}
#messaging-page .box {
  float: left;
  width: 100%;
  box-sizing: border-box;
}
#messaging-page .box.halves {
  width: 50%;
}
@media (max-width: 991px) {
  #messaging-page .layout-spacious .col.halves,
  #messaging-page .layout-spacious .col.thirds,
  #messaging-page .layout-spacious .col.quarters {
    margin-bottom: 30px;
  }
}
@media (max-width: 991px) {
  #messaging-page .layout-spacious .col.halves:last-child,
  #messaging-page .layout-spacious .col.thirds:last-child,
  #messaging-page .layout-spacious .col.quarters:last-child {
    margin-bottom: 0;
  }
}
#messaging-page .pull-left {
  float: left;
}
#messaging-page .pull-right {
  float: right;
}
#messaging-page .col {
  grid-column: span 1;
}
#messaging-page .col.span-2 {
  grid-column: span 2;
}
#messaging-page .col.span-3 {
  grid-column: span 3;
}
#messaging-page .col.span-4 {
  grid-column: span 4;
}
#messaging-page .col.span-5 {
  grid-column: span 5;
}
#messaging-page .col.span-6 {
  grid-column: span 6;
}
#messaging-page {
  float: left;
  width: 100%;
  background-color: var(--lvh-x-off-white);
  padding-bottom: 20px;
}
#messaging-page .header-tabs-section {
  float: left;
  width: 100%;
  padding: 20px 0 0 0;
  margin: 0 0 20px 0;
  position: relative;
}
@media (max-width: 991px) {
  #messaging-page .header-tabs-section {
    padding: 10px 0 0 0;
    margin: 0 0 10px 0;
  }
}
@media (max-width: 991px) {
  #messaging-page .cc-tabopotamus .item {
    margin: 0 30px 0 0;
  }
}
@media (max-width: 991px) {
  #messaging-page .cc-tabopotamus .cc-count-badge {
    display: none;
  }
}
#messaging-page #search-wrap {
  position: absolute;
  top: 66%;
  right: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
@media (max-width: 991px) {
  #messaging-page #search-wrap {
    position: static;
    transform: none;
    margin: 20px 0;
  }
}
#messaging-page #search-wrap .search-wrap-inner {
  position: relative;
}
#messaging-page #search-wrap .search-wrap-inner input {
  padding-right: 30px;
}
#messaging-page #search-wrap .search-wrap-inner .icon {
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 1;
  color: var(--lvh-x-shark-dark);
}
#messaging-page .inbox-table {
  float: left;
  width: 100%;
  color: var(--lvh-x-mesh-light);
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  #messaging-page .inbox-table {
    display: block;
  }
}
@media (max-width: 991px) {
  #messaging-page .inbox-table > tbody {
    display: block;
  }
}
#messaging-page .inbox-table > tbody > tr {
  border-bottom: solid 1px var(--lvh-x-grey);
}
@media (max-width: 991px) {
  #messaging-page .inbox-table > tbody > tr {
    display: block;
    height: 110px;
    padding: 15px 50px 15px 90px;
    box-sizing: border-box;
    position: relative;
  }
}
@media (max-width: 991px) {
  #messaging-page .inbox-table > tbody > tr:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
  }
}
#messaging-page .inbox-table > tbody > tr:first-child {
  border-top: solid 1px var(--lvh-x-grey);
}
@media (max-width: 991px) {
  #messaging-page .inbox-table > tbody > tr.bulk {
    padding: 0;
  }
}
#messaging-page .inbox-table > tbody > tr.bulk.expanded {
  height: auto;
}
#messaging-page .inbox-table > tbody > tr.bulk.expanded .message {
  margin: 0 0 20px 0;
}
#messaging-page .inbox-table > tbody > tr.bulk.expanded .primary-cell-content {
  border-bottom: solid 1px var(--lvh-x-pale-grey);
}
@media (min-width: 992px) {
  #messaging-page .inbox-table > tbody > tr.bulk > td {
    padding-bottom: 20px;
  }
}
@media (max-width: 991px) {
  #messaging-page .inbox-table > tbody > tr.bulk .candidate-info-col {
    padding: 15px 50px 0 90px;
  }
}
#messaging-page .inbox-table > tbody > tr.bulk .message-col .primary-cell-content {
  float: left;
  width: 100%;
}
@media (max-width: 991px) {
  #messaging-page .inbox-table > tbody > tr.bulk .message-col .primary-cell-content {
    padding: 0 50px 15px 90px;
    box-sizing: border-box;
  }
}
#messaging-page .inbox-table > tbody > tr > td {
  height: 110px;
  padding: 18px 15px 0 15px;
  width: auto;
  box-sizing: border-box;
  vertical-align: top;
}
@media (max-width: 991px) {
  #messaging-page .inbox-table > tbody > tr > td {
    height: auto;
    display: block;
    padding: 0;
  }
  #messaging-page .inbox-table > tbody > tr > td:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
  }
}
#messaging-page .inbox-table > tbody tr {
  background-color: var(--lvh-white);
}
#messaging-page .inbox-table > tbody tr:hover:not(.expanded) {
  background-color: var(--lvh-x-pale-blue);
}
#messaging-page .inbox-table > tbody tr:hover .mark-unread,
#messaging-page .inbox-table > tbody tr:hover .mark-read {
  display: block;
}
@media (max-width: 991px) {
  #messaging-page .inbox-table > tbody tr:hover .mark-unread,
  #messaging-page .inbox-table > tbody tr:hover .mark-read {
    display: none;
  }
}
#messaging-page .inbox-table > tbody tr.unread .message {
  color: var(--lvh-x-dark-grey);
}
#messaging-page .inbox-table > tbody tr.unread .timestamp {
  color: var(--lvh-bright-blue);
}
#messaging-page .inbox-table .avatar-col {
  width: 85px;
  position: relative;
}
@media (max-width: 991px) {
  #messaging-page .inbox-table .avatar-col {
    position: absolute;
    top: 15px;
    left: 20px;
    width: 55px;
  }
}
#messaging-page .inbox-table .avatar-col .cc-avatar .indicator {
  height: 10px;
  width: 10px;
}
#messaging-page .inbox-table .candidate-info-col {
  width: 180px;
}
@media (max-width: 991px) {
  #messaging-page .inbox-table .candidate-info-col {
    float: left;
    width: 100%;
  }
}
@media (max-width: 991px) {
  #messaging-page .inbox-table .candidate-info-col .name-wrap {
    margin-bottom: 2px;
  }
}
#messaging-page .inbox-table .candidate-info-col .name-wrap.has-badge .name {
  width: calc(100% - 40px);
}
@media (max-width: 991px) {
  #messaging-page .inbox-table .candidate-info-col .name-wrap.has-badge .name {
    line-height: 22px;
  }
}
#messaging-page .inbox-table .candidate-info-col .name {
  width: 100%;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#messaging-page .inbox-table .candidate-info-col .cc-connection-status-tag {
  margin-bottom: 8px;
}
#messaging-page .inbox-table .message-col {
  position: relative;
}
@media (max-width: 991px) {
  #messaging-page .inbox-table .message-col {
    float: left;
    width: 100%;
    padding-left: 0;
  }
}
#messaging-page .inbox-table .message-col .name-wrap {
  float: left;
  width: 100%;
  border-bottom: solid 1px var(--lvh-x-off-white);
  position: relative;
  margin-bottom: 8px;
  padding-bottom: 8px;
}
@media (max-width: 991px) {
  #messaging-page .inbox-table .message-col .name-wrap {
    display: none;
  }
}
#messaging-page .inbox-table .message-col .name-wrap .name {
  font-size: 11px;
}
#messaging-page .inbox-table .message-col .recruiter-wrap {
  position: absolute;
  top: 15px;
  right: 10px;
}
@media (max-width: 991px) {
  #messaging-page .inbox-table .message-col .recruiter-wrap {
    padding: 4px 8px;
    position: relative;
    top: auto;
    left: auto;
    float: left;
  }
}
#messaging-page .inbox-table .action-col {
  width: 130px;
  padding: 12px 15px;
}
@media (max-width: 991px) {
  #messaging-page .inbox-table .action-col {
    width: 20px;
    position: absolute;
    top: 15px;
    right: 20px;
    padding: 0;
  }
}
#messaging-page .inbox-table .row {
  float: left;
  width: 100%;
}
#messaging-page .inbox-table .avatar-wrap {
  position: relative;
  width: 100%;
  padding: 0 10px 20px 0;
}
#messaging-page .inbox-table .cc-avatar.overlap.group {
  padding: 0 10px 20px 0;
}
#messaging-page .inbox-table .cc-avatar.overlap.worker {
  position: absolute;
  top: 20px;
  left: 10px;
}
#messaging-page .inbox-table .name-wrap {
  float: left;
  width: 100%;
}
#messaging-page .inbox-table .name-wrap.has-badge .name {
  margin: 0 5px 0 0;
}
#messaging-page .inbox-table .name-wrap .cc-tooltip {
  float: left;
  margin-right: 8px;
  top: -3px;
}
#messaging-page .inbox-table .name {
  float: left;
  font-size: 13px;
  font-weight: 600;
  position: relative;
  color: var(--lvh-x-dark-grey);
}
#messaging-page .inbox-table .cc-count-badge {
  float: left;
  margin: 1px 0;
}
#messaging-page .inbox-table .status-tag-wrap {
  float: left;
  width: 100%;
  padding: 8px 0 0 0;
}
@media (max-width: 991px) {
  #messaging-page .inbox-table .status-tag-wrap {
    display: none;
  }
}
#messaging-page .inbox-table .timestamp-wrap {
  float: left;
  width: 100%;
}
@media (max-width: 991px) {
  #messaging-page .inbox-table .timestamp-wrap {
    width: auto;
    position: absolute;
    bottom: 10px;
    right: 20px;
  }
}
#messaging-page .inbox-table .timestamp {
  font-size: 11px;
  color: var(--lvh-x-shark-dark);
}
#messaging-page .inbox-table .unread-indicator {
  width: 7px;
  height: 7px;
  background-color: var(--lvh-x-red);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  left: 10px;
}
@media (max-width: 991px) {
  #messaging-page .inbox-table .unread-indicator {
    top: -5px;
    left: -10px;
  }
}
#messaging-page .inbox-table .message {
  float: left;
  width: 100%;
  max-height: 38px;
  overflow: hidden;
  line-height: 1.5;
  color: var(--lvh-secondary-text);
  margin-bottom: 20px;
}
#messaging-page .inbox-table .message .name {
  display: none;
}
@media (max-width: 991px) {
  #messaging-page .inbox-table .message {
    font-size: 11px;
    height: 32px;
    margin-bottom: 0;
  }
  #messaging-page .inbox-table .message .name {
    display: inline;
    font-size: 11px;
    margin-right: 4px;
  }
}
#messaging-page .inbox-table .mark-unread,
#messaging-page .inbox-table .mark-read {
  display: none;
  float: left;
  font-size: 12px;
  color: var(--lvh-bright-blue);
}
#messaging-page .inbox-table .bulk-icon {
  width: 54px;
  height: 54px;
  padding: 2px;
  position: relative;
  border-radius: 3px;
  box-sizing: border-box;
  background-color: var(--lvh-white);
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1);
  color: var(--lvh-brighter-blue);
  text-align: center;
  line-height: 54px;
  font-size: 32px;
  margin: 7px 0;
}
#messaging-page .inbox-table .actions {
  margin: 0;
  padding: 0;
  list-style: none;
}
#messaging-page .inbox-table .action {
  margin: 0;
  padding: 0;
  cursor: pointer;
  position: relative;
}
#messaging-page .inbox-table .action:hover .label {
  text-decoration: underline;
}
@media (max-width: 991px) {
  #messaging-page .inbox-table .action {
    text-align: center;
  }
}
@media (max-width: 991px) {
  #messaging-page .inbox-table .action:not(:last-child) {
    margin: 0 0 6px 0;
  }
}
#messaging-page .inbox-table .action.joined .icon,
#messaging-page .inbox-table .action.joined .label {
  color: var(--lvh-x-green);
}
#messaging-page .inbox-table .action.starred .icon,
#messaging-page .inbox-table .action.starred .label {
  color: var(--lvh-x-yellow);
}
#messaging-page .inbox-table .action.toggle-bulk.active .icon,
#messaging-page .inbox-table .action.toggle-bulk.active .label {
  color: var(--lvh-bright-blue);
}
#messaging-page .inbox-table .action .icon {
  font-size: 14px;
  line-height: 28px;
  position: absolute;
  top: 0;
  left: 0;
  color: var(--lvh-secondary-text);
}
@media (max-width: 991px) {
  #messaging-page .inbox-table .action .icon {
    display: block;
    position: static;
    line-height: 18px;
    color: var(--lvh-x-shark-dark);
  }
}
#messaging-page .inbox-table .action .label {
  display: block;
  font-size: 13px;
  line-height: 28px;
  color: var(--lvh-secondary-text);
  padding: 0 0 0 22px;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  #messaging-page .inbox-table .action .label {
    display: none;
  }
}
#messaging-page .inbox-table .action.mark-unread .icon,
#messaging-page .inbox-table .action.mark-read .icon,
#messaging-page .inbox-table .action.mark-unread .label,
#messaging-page .inbox-table .action.mark-read .label {
  color: var(--lvh-bright-blue);
  padding: 0;
}
#messaging-page .inbox-table .recruiter-avatar {
  float: left;
}
#messaging-page .inbox-table .recruiter-avatar .extra {
  background-color: var(--lvh-x-shark-dark);
  color: var(--lvh-white);
  border-radius: 50%;
  height: 20px;
  width: 20px;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  line-height: 20px;
  margin: 2px;
}
#messaging-page .p-empty-state {
  clear: both;
}
#messaging-page #paginator {
  margin-bottom: 60px;
  border-top: none;
}
#messaging-page .bulk-message-table {
  width: 100%;
  table-layout: fixed;
}
@media (max-width: 991px) {
  #messaging-page .bulk-message-table tr {
    display: block;
  }
}
#messaging-page .bulk-message-table tr.unread {
  background-color: var(--lvh-x-shark-light);
}
#messaging-page .bulk-message-table tr.unread .message {
  color: var(--lvh-x-dark-grey);
}
@media (max-width: 991px) {
  #messaging-page .bulk-message-table .bulk-response {
    height: auto;
    padding: 10px 0;
  }
}
@media (max-width: 991px) {
  #messaging-page .bulk-message-table .bulk-response:not(:last-child) {
    border-bottom: 1px solid var(--lvh-x-pale-grey);
  }
}
#messaging-page .bulk-message-table .bulk-response .name-wrap.has-badge .name {
  width: calc(100% - 40px);
}
#messaging-page .bulk-message-table .bulk-response .name {
  max-width: 120px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 10px;
}
#messaging-page .bulk-message-table td {
  padding: 10px;
  box-sizing: border-box;
  position: relative;
  vertical-align: top;
}
@media (max-width: 991px) {
  #messaging-page .bulk-message-table td {
    display: block;
    padding: 4px 30px;
  }
}
@media (max-width: 991px) {
  #messaging-page .bulk-message-table td:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
  }
}
#messaging-page .bulk-message-table .bulk-name-col {
  width: 180px;
  /*padding: 10px 15px;*/
}
#messaging-page .bulk-message-table .bulk-name-col .name-wrap {
  margin: 0;
  padding: 0;
  border: none;
  float: left;
  width: 100%;
  display: block;
}
@media (max-width: 991px) {
  #messaging-page .bulk-message-table .bulk-name-col .cc-tooltip {
    display: none;
  }
}
#messaging-page .bulk-message-table .bulk-message-col .name {
  display: block !important;
  width: auto;
  max-width: none;
  margin-right: 4px;
}
#messaging-page .bulk-message-table .name {
  font-size: 11px;
  width: auto;
}
@media (max-width: 991px) {
  #messaging-page .bulk-message-table .cc-count-badge {
    float: right;
    margin: 0;
  }
}
#messaging-page .bulk-message-table .timestamp {
  display: block;
  font-size: 10px;
  font-weight: normal;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  float: left;
}
@media (max-width: 991px) {
  #messaging-page .bulk-message-table .timestamp {
    width: auto;
    position: absolute;
    top: 55px;
    display: none;
  }
}
#messaging-page .bulk-message-table .message {
  margin: 0 !important;
  font-size: 11px;
  overflow: hidden;
  max-height: 36px;
}
@media (min-width: 992px) {
  #messaging-page .bulk-message-table .message {
    text-overflow: ellipsis;
  }
}
#messaging-page .bulk-message-table .message .name {
  display: none;
}
@media (max-width: 991px) {
  #messaging-page .bulk-message-table .message {
    max-height: 32px;
    line-height: 1.5;
  }
  #messaging-page .bulk-message-table .message .name {
    display: block;
  }
}
#messaging-page .bulk-message-table .unread-indicator {
  width: 6px;
  height: 6px;
  left: 0;
  margin-top: 5px;
  margin-left: 0;
}
@media (max-width: 991px) {
  #messaging-page .bulk-message-table .unread-indicator {
    display: none;
  }
}
/* -----------------------------------------------------------------------------

  TALENT POOL MANAGEMENT FEATURE
  
----------------------------------------------------------------------------- */
#talent-pools-module {
  float: left;
  width: 100%;
  background-color: var(--lvh-x-off-white);
  padding-bottom: 30px;
  /* -----------------------------------------------------------------------------

  TALENT POOL MANAGEMENT DASHBOARD PAGE
  
----------------------------------------------------------------------------- */
  /* -----------------------------------------------------------------------------

  TALENT POOL MANAGEMENT MEMBERS PAGE
  
----------------------------------------------------------------------------- */
}
#talent-pools-module #dashboard-view #create-action-callout {
  float: left;
}
#talent-pools-module #dashboard-view #create-action-callout .trigger .icon {
  display: block;
  font-size: 32px;
  color: var(--lvh-bright-blue);
}
#talent-pools-module #dashboard-view #search-wrap {
  position: absolute;
  top: 50%;
  right: 30px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
@media (max-width: 991px) {
  #talent-pools-module #dashboard-view #search-wrap {
    position: static;
    transform: none;
    margin: 20px 0;
  }
}
#talent-pools-module #dashboard-view #search-wrap .search-wrap-inner {
  position: relative;
}
#talent-pools-module #dashboard-view #search-wrap .search-wrap-inner input {
  padding-right: 30px;
}
#talent-pools-module #dashboard-view #search-wrap .search-wrap-inner .icon {
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 1;
  color: var(--lvh-x-shark-dark);
}
@media (max-width: 991px) {
  #talent-pools-module #members-view .cc-app-header {
    height: 80px;
  }
}
#talent-pools-module #members-view .cc-app-header #pool-relationships {
  float: left;
}
#talent-pools-module #members-view .cc-app-header #pool-relationships .text {
  font-size: 11px;
  line-height: 20px;
  color: var(--lvh-secondary-text);
}
#talent-pools-module #members-view .cc-app-header #pool-relationships .relationship {
  float: left;
}
#talent-pools-module #members-view .cc-app-header #pool-relationships .relationship:not(:last-child) {
  margin: 0 10px 0 0;
}
#talent-pools-module #members-view .cc-app-header #pool-relationships .cc-action-callout .cc-callout {
  right: -26px;
  margin-right: 0;
}
#talent-pools-module #members-view .cc-app-header #pool-relationships .cc-action-callout .cc-callout-list .item {
  min-width: 240px;
}
#talent-pools-module #members-view .cc-app-header #pool-relationships .cc-action-callout .trigger .icon {
  font-size: 7px;
  color: var(--lvh-x-shark-dark);
}
#talent-pools-module #members-view .cc-app-header .col.rhs .inner-wrap .button-type {
  margin: 0 10px 0 0;
}
#talent-pools-module #members-view #members-section {
  float: left;
  width: 100%;
}
#talent-pools-module #members-view #members-section .heading {
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  font-size: 18px;
  font-weight: normal;
  color: var(--lvh-x-mesh-dark);
  padding: 20px 0;
}
#talent-pools-module #members-view #members-section .member-lists {
  width: 100%;
  float: left;
}
#talent-pools-module #members-view #dashboard-header-section {
  padding: 0 0 30px 0;
}
#talent-pools-module #members-view #dashboard-header-section #attributes-bar {
  width: calc(100% - 410px);
  min-height: 46px;
  position: relative;
}
@media (max-width: 991px) {
  #talent-pools-module #members-view #dashboard-header-section #attributes-bar {
    width: 100%;
  }
}
#talent-pools-module #members-view #dashboard-header-section #attributes-bar:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#talent-pools-module #members-view #dashboard-header-section #attributes-bar .title {
  width: 100px;
  min-height: 46px;
  font-size: 13px;
  line-height: 46px;
  color: var(--lvh-secondary-text);
  box-sizing: border-box;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
@media (max-width: 991px) {
  #talent-pools-module #members-view #dashboard-header-section #attributes-bar .title {
    position: static;
    width: 100%;
    padding: 20px 0 0;
    line-height: 20px;
    min-height: unset;
    border-right: none;
  }
}
#talent-pools-module #members-view #dashboard-header-section #attributes-bar .cc-filter-list {
  background-color: transparent;
  border-radius: 0;
  border-bottom: none;
  padding-left: 110px;
}
@media (max-width: 991px) {
  #talent-pools-module #members-view #dashboard-header-section #attributes-bar .cc-filter-list {
    padding: 10px 0 0;
  }
}
#talent-pools-module #members-view #dashboard-header-section #member-filter-bar {
  padding: 10px 0 0 0;
  min-height: 40px;
}
@media (max-width: 991px) {
  #talent-pools-module #members-view #dashboard-header-section #member-filter-bar {
    width: 100%;
    padding: 20px 0 0;
  }
}
#talent-pools-module #members-view #dashboard-header-section #member-filter-bar .dropdown .label {
  padding-right: 0;
}
#talent-pools-module #members-view #dashboard-header-section #suggestions-filters {
  padding: 20px 0 0 0;
  width: 100%;
}
#talent-pools-module #members-view #dashboard-header-section #suggestions-filters:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#talent-pools-module #members-view #dashboard-header-section #suggestions-filters > div {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  margin: 0;
}
@media (max-width: 991px) {
  #talent-pools-module #members-view #dashboard-header-section #suggestions-filters {
    width: 100%;
  }
}
#talent-pools-module #members-view #dashboard-header-section #suggestions-filters .row {
  width: 100%;
}
#talent-pools-module #members-view #dashboard-header-section #suggestions-filters .row:not(:last-child) {
  margin-bottom: 10px;
}
#talent-pools-module #members-view #dashboard-header-section #suggestions-filters .row.suggestions-attributes .cc-filter-list {
  padding: 0;
  background-color: unset;
  float: left;
}
#talent-pools-module #members-view #dashboard-header-section #suggestions-filters .row.suggestions-attributes:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#talent-pools-module #members-view #dashboard-header-section #suggestions-filters .row.suggestions-attributes .suggestions-radius {
  display: inline-block;
  padding-left: 0;
  vertical-align: top;
}
#talent-pools-module #members-view #dashboard-header-section #suggestions-filters .row.suggestions-attributes .suggestions-radius .cc-dropdown2 > .selected-option > span {
  font-size: 11px;
}
#talent-pools-module #members-view #dashboard-header-section #suggestions-filters .row.suggestions-attributes .suggestions-radius .cc-dropdown2 > .selected-option > span:before {
  content: 'Radius: ';
}
#talent-pools-module #members-view #dashboard-header-section #suggestions-filters .row.suggestions-attributes .suggestions-radius .cc-dropdown2 .dropdown .option {
  font-size: 11px;
}
#talent-pools-module #members-view #dashboard-header-section #suggestions-filters .row.suggestions-tags .p-tag .label .text {
  color: var(--lvh-x-blue);
}
#talent-pools-module #members-view #dashboard-header-section #suggestions-filters .row.suggestions-tags .lhs > label > span,
#talent-pools-module #members-view #dashboard-header-section #suggestions-filters .row.suggestions-keywords .lhs > label > span {
  display: block;
  color: var(--lvh-disabled-text);
  font-size: 11px;
}
#talent-pools-module #members-view #dashboard-header-section #suggestions-filters .row .lhs {
  width: 75px;
}
#talent-pools-module #members-view #dashboard-header-section #suggestions-filters .row .rhs {
  width: calc(100% - 75px);
}
#talent-pools-module #members-view .member-card {
  background-color: var(--lvh-white);
  box-sizing: border-box;
  margin: 0 0 10px 0;
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  border-radius: 3px;
  position: relative;
}
#talent-pools-module #members-view .member-card:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#talent-pools-module #members-view .member-card .card-menu {
  position: absolute;
  right: 10px;
  top: 10px;
}
#talent-pools-module #members-view .member-card .cc-action-callout {
  float: left;
  position: relative;
  left: 6px;
}
#talent-pools-module #members-view .member-card .cc-action-callout .icon {
  display: block;
  font-size: 18px;
}
#talent-pools-module #members-view .member-card .cc-action-callout .cc-callout {
  top: calc(100% + 5px);
}
#talent-pools-module #members-view .member-card .p-checkbox {
  width: 14px;
  height: 14px;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 1000;
}
#talent-pools-module #members-view .member-card .p-checkbox .checkbox {
  float: left;
}
#talent-pools-module #members-view .member-card .cc-card-view {
  padding: 20px 20px 10px 20px;
  float: left;
  width: 100%;
  box-sizing: border-box;
}
#talent-pools-module #members-view .member-card .cc-card-view .badge {
  float: right;
  margin: 0 3px 0 0;
}
#talent-pools-module #members-view .member-card .member-body {
  float: left;
  width: 100%;
  padding: 0 20px 10px 20px;
  border-bottom: 1px solid var(--lvh-x-shark-light);
  box-sizing: border-box;
}
#talent-pools-module #members-view .member-card .member-body .col.lhs {
  float: left;
  width: 68px;
}
#talent-pools-module #members-view .member-card .member-body .referral-marker:before {
  content: '';
  display: block;
  width: 4px;
  height: 24px;
  background-color: var(--lvh-x-yellow);
  position: absolute;
  left: -20px;
}
#talent-pools-module #members-view .member-card .member-body .label {
  color: var(--lvh-secondary-text);
}
#talent-pools-module #members-view .member-card .member-body .label.referrer {
  color: var(--lvh-x-yellow);
}
#talent-pools-module #members-view .member-card .member-body .highlight {
  background-color: rgba(255, 213, 64, 0.2);
  box-shadow: 4px 0 0 rgba(255, 213, 64, 0.2), -4px 0 0 rgba(255, 213, 64, 0.2);
  box-decoration-break: clone;
  word-break: break-word;
  /*
    Testing disabling the rest of this mixin to review state with current browser versions.  If specific problems found with older browsers, we'll look at manual hyphenation approaches

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;

    //Firefox -Simon's recollection was that this was a prior attempt to undo the hyphenation settings above - Jamie also tweaked to only affect mobile...  believe latest change makes it unnecessary
    @media screen and (max-width: @screen-sm-max) and (-moz-images-in-menus:0) {
        hyphens: none !important;
        -moz-hyphens: none !important;
        word-break: normal !important;
    }*/
}
#talent-pools-module #members-view .member-card .member-body .reviewStatus .status {
  float: none !important;
  clear: both;
  display: inline-block;
}
#talent-pools-module #members-view .member-card .member-body .reviewStatus .status .label {
  float: none !important;
  clear: both;
}
#talent-pools-module #members-view .member-card .member-footer {
  float: left;
  width: 100%;
  height: 40px;
}
#talent-pools-module #members-view .member-card .member-footer .cc-status-tag {
  margin-bottom: 0;
}
#talent-pools-module #members-view .member-card .member-footer job-applications-ng1 {
  float: left;
}
#talent-pools-module #members-view .member-card .member-footer job-applications-ng1:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#talent-pools-module #members-view .member-card .member-footer .lhs {
  padding: 11px 20px;
  float: left;
}
#talent-pools-module #members-view .member-card .member-footer.hidden {
  display: none;
}
#talent-pools-module #members-view .member-card .cc-review-status-tag .status.stars {
  line-height: 20px;
  margin-bottom: 5px;
}
@media (max-width: 991px) {
  #talent-pools-module #members-view .member-card .cc-review-status-tag .status.stars {
    line-height: initial;
  }
}
#talent-pools-module #members-view .member-card .review-buttons {
  float: right;
}
#talent-pools-module #members-view .member-card .review-buttons .button {
  float: left;
  line-height: 40px;
  padding: 0 20px;
  border-left: solid 1px var(--lvh-x-shark-light);
}
#talent-pools-module #members-view .member-card .review-buttons .accept {
  color: var(--lvh-x-green);
}
#talent-pools-module #members-view .member-card .review-buttons .accept .icon {
  font-size: 12px;
}
#talent-pools-module #members-view .member-card .review-buttons .reject {
  color: var(--lvh-x-red);
}
#talent-pools-module #members-view .member-card .review-buttons .reject .icon {
  font-size: 10px;
}
@media (max-width: 991px) {
  #talent-pools-module .cc-app-header {
    height: 80px;
  }
}
#talent-pools-module #ngx-pool-card-list {
  width: 100%;
  height: 300px;
  border: none;
}
#talent-pools-module .container {
  max-width: 1660px;
  width: 100%;
  margin: 0 auto;
  padding: 0 30px;
  box-sizing: border-box;
  position: relative;
}
@media (max-width: 991px) {
  #talent-pools-module .container {
    max-width: 1240px;
    padding: 0 10px;
  }
}
#talent-pools-module .employer-form-modal .row {
  clear: both;
}
@media (max-width: 991px) {
  #talent-pools-module .container-mobile {
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
    box-sizing: border-box;
  }
}
#talent-pools-module .cc-app-header {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  #talent-pools-module .cc-app-header {
    position: fixed;
    top: 60px;
    margin: 0;
    z-index: 7961;
  }
}
#talent-pools-module .cc-app-header .rhs button#copyTPLink {
  margin: 0 10px 0 0;
}
#talent-pools-module .cc-app-header #app-header-callout {
  float: left;
  margin: 20px 0;
}
#talent-pools-module .cc-app-header #app-header-callout .heading {
  margin: 0 10px 0 0;
}
#talent-pools-module .cc-app-header #app-header-callout .icon {
  float: left;
  width: 17px;
  height: 17px;
  font-size: 7px;
  line-height: 17px;
  text-align: center;
  border: solid 1px var(--lvh-x-shark-dark);
  border-radius: 3px;
  box-sizing: border-box;
  margin: 11.5px 0;
}
#talent-pools-module .cc-app-header #app-header-callout .cc-callout {
  top: calc(50% + 9px);
  right: 0;
  margin-right: -21px;
}
#talent-pools-module #dashboard-header-section {
  float: left;
  width: 100%;
  padding: 30px 0;
}
@media (min-width: 992px) {
  #talent-pools-module #dashboard-header-section {
    margin-top: 80px;
  }
}
#talent-pools-module #dashboard-header-section .lhs {
  float: left;
}
@media (max-width: 991px) {
  #talent-pools-module #dashboard-header-section .lhs {
    width: 100%;
  }
}
#talent-pools-module #dashboard-header-section .rhs {
  float: right;
}
@media (max-width: 991px) {
  #talent-pools-module #dashboard-header-section .rhs {
    width: 100%;
  }
}
#talent-pools-module #dashboard-header-section .header-item {
  float: left;
  width: 200px;
}
@media (max-width: 991px) {
  #talent-pools-module #dashboard-header-section .header-item {
    width: 100%;
  }
}
#talent-pools-module #dashboard-header-section .header-item:not(:last-child) {
  margin: 0 10px 0 0;
}
@media (max-width: 991px) {
  #talent-pools-module #dashboard-header-section .header-item:not(:last-child) {
    margin: 0 0 10px 0;
  }
}
#talent-pools-module #dashboard-header-section .search-wrap .search-wrap-inner {
  position: relative;
}
#talent-pools-module #dashboard-header-section .search-wrap .search-wrap-inner input {
  padding-right: 30px;
}
#talent-pools-module #dashboard-header-section .search-wrap .search-wrap-inner .icon {
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 1;
  color: var(--lvh-x-shark-dark);
}
#talent-pools-module #dashboard-header-section #list-count {
  font-size: 18px;
  font-weight: normal;
  line-height: 34px;
  color: var(--lvh-x-dark-grey);
}
#talent-pools-module #dashboard-header-section .dropdownComponent {
  position: relative;
}
#talent-pools-module #dashboard-header-section .dropdownComponent:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#talent-pools-module #dashboard-header-section .dropdownComponent.select,
#talent-pools-module #dashboard-header-section .dropdownComponent.head {
  color: var(--lvh-x-dark-grey);
  border: none;
  outline: 0;
  line-height: normal;
  box-sizing: border-box;
}
#talent-pools-module #dashboard-header-section .dropdownComponent.select.hasValidationMessage,
#talent-pools-module #dashboard-header-section .dropdownComponent.head.hasValidationMessage {
  padding-bottom: 28px !important;
}
#talent-pools-module #dashboard-header-section .dropdownComponent.select.hasValidationMessage .dropdown,
#talent-pools-module #dashboard-header-section .dropdownComponent.head.hasValidationMessage .dropdown {
  top: calc(100% - 29px);
}
#talent-pools-module #dashboard-header-section .dropdownComponent.select .dropdown,
#talent-pools-module #dashboard-header-section .dropdownComponent.head .dropdown {
  border-color: var(--lvh-x-paler-grey);
  top: calc(100% - 1px);
  left: 0;
  max-height: 200px;
  overflow-y: auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#talent-pools-module #dashboard-header-section .dropdownComponent.select .selectedLabel,
#talent-pools-module #dashboard-header-section .dropdownComponent.head .selectedLabel {
  float: left;
  width: 100%;
  padding: 7px 8px;
  color: var(--lvh-secondary-text);
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-paler-grey);
  border-radius: 3px;
  position: relative;
  box-sizing: border-box;
  z-index: 2;
}
@media (max-width: 991px) {
  #talent-pools-module #dashboard-header-section .dropdownComponent.select .selectedLabel,
  #talent-pools-module #dashboard-header-section .dropdownComponent.head .selectedLabel {
    padding: 10px 14px;
  }
}
#talent-pools-module #dashboard-header-section .dropdownComponent.select .selectedLabel > span,
#talent-pools-module #dashboard-header-section .dropdownComponent.head .selectedLabel > span {
  float: left;
  width: calc(100% - 15px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  #talent-pools-module #dashboard-header-section .dropdownComponent.select .selectedLabel > span,
  #talent-pools-module #dashboard-header-section .dropdownComponent.head .selectedLabel > span {
    font-size: 16px;
  }
}
#talent-pools-module #dashboard-header-section .dropdownComponent.select .selectedLabel i,
#talent-pools-module #dashboard-header-section .dropdownComponent.head .selectedLabel i {
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -3.5px;
  display: block;
  font-size: 7px;
  color: var(--lvh-x-shark-dark);
}
@media (max-width: 991px) {
  #talent-pools-module #dashboard-header-section .dropdownComponent.select .selectedLabel i,
  #talent-pools-module #dashboard-header-section .dropdownComponent.head .selectedLabel i {
    right: 14px;
  }
}
#talent-pools-module #dashboard-header-section .dropdownComponent.select .menuItems > .menuItem > .label,
#talent-pools-module #dashboard-header-section .dropdownComponent.head .menuItems > .menuItem > .label,
#talent-pools-module #dashboard-header-section .dropdownComponent.select .subMenuItems > .menuItem > .label,
#talent-pools-module #dashboard-header-section .dropdownComponent.head .subMenuItems > .menuItem > .label,
#talent-pools-module #dashboard-header-section .dropdownComponent.select .menuItems > .subMenuItem > .label,
#talent-pools-module #dashboard-header-section .dropdownComponent.head .menuItems > .subMenuItem > .label,
#talent-pools-module #dashboard-header-section .dropdownComponent.select .subMenuItems > .subMenuItem > .label,
#talent-pools-module #dashboard-header-section .dropdownComponent.head .subMenuItems > .subMenuItem > .label {
  padding: 4px 8px;
}
#talent-pools-module #dashboard-header-section .dropdownComponent.select .validation-message,
#talent-pools-module #dashboard-header-section .dropdownComponent.head .validation-message {
  width: 100%;
  position: absolute;
  top: auto;
  bottom: 1px;
  left: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
}
#talent-pools-module #dashboard-header-section .dropdownComponent.head .dropdown {
  max-height: 220px;
}
#talent-pools-module #dashboard-header-section .dropdownComponent.head .selectedLabel > span {
  width: auto;
}
#talent-pools-module #dashboard-header-section .dropdownComponent.head .menuItem {
  float: left;
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
}
#talent-pools-module #dashboard-header-section .dropdownComponent.head .menuItem:hover {
  background-color: var(--lvh-x-off-white);
}
#talent-pools-module #dashboard-header-section .dropdownComponent.head .profile-picture {
  float: left;
}
#talent-pools-module #dashboard-header-section .dropdownComponent.head .cc-avatar {
  float: left;
  margin-right: 10px;
  padding-top: 5px;
}
#talent-pools-module #dashboard-header-section .dropdownComponent.head .text {
  float: left;
  color: var(--lvh-secondary-text);
  line-height: 32px;
  max-width: 145px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 50px);
}
#talent-pools-module #list-section {
  float: left;
  width: 100%;
}
@media (min-width: 992px) {
  #talent-pools-module #pools-list-view.is-iframe {
    margin-top: 80px;
  }
}
#talent-pools-module #pools-list-view.overlay-visible {
  position: relative;
  z-index: 9001;
}
#talent-pools-module .card-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
#talent-pools-module .card-list:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#talent-pools-module #pool-card-list .card {
  float: left;
  width: calc(25% - 23px);
  height: 245px;
  margin: 0 30px 30px 0;
  border-radius: 3px;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  #talent-pools-module #pool-card-list .card {
    width: 100%;
  }
}
#talent-pools-module #pool-card-list .card:nth-child(4n) {
  margin-right: 0;
}
#talent-pools-module #pool-card-list .card:nth-child(4n+1) {
  clear: both;
}
#talent-pools-module #pool-card-list .add-card {
  text-align: center;
}
#talent-pools-module #pool-card-list .add-card .icon {
  margin: 0 0 15px 0;
}
#talent-pools-module #grouping-card-list .card {
  float: left;
  width: 100%;
  height: 80px;
  border-radius: 3px;
  box-sizing: border-box;
}
#talent-pools-module #grouping-card-list .add-card {
  padding: 0 30px;
}
#talent-pools-module #grouping-card-list .add-card .icon {
  float: left;
  margin: 0 15px 0 0;
}
#talent-pools-module #grouping-card-list .add-card .heading {
  float: left;
  line-height: 24px;
}
#talent-pools-module .add-card {
  display: table;
  background-color: var(--lvh-x-murkberry-lighter);
  color: var(--lvh-x-murkberry-dark);
  position: relative;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
  cursor: pointer;
}
#talent-pools-module .add-card .inner-wrap {
  display: table-cell;
  vertical-align: middle;
}
#talent-pools-module .add-card .icon {
  display: block;
  font-size: 24px;
}
#talent-pools-module .add-card .heading {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
}
#talent-pools-module .cc-pool-card {
  background-color: var(--lvh-white);
  border-bottom: 1px solid var(--lvh-x-pale-grey);
}
#talent-pools-module .cc-pool-card.archived {
  cursor: default;
}
#talent-pools-module .cc-pool-card.archived .name {
  color: var(--lvh-secondary-text) !important;
  cursor: text;
}
#talent-pools-module .cc-pool-card.archived .cc-tooltip.wrapper {
  cursor: default;
}
#talent-pools-module .cc-pool-card.archived .cc-avatar [ng-click] {
  cursor: default;
}
#talent-pools-module .cc-pool-card .cc-tooltip.wrapper {
  cursor: pointer;
}
#talent-pools-module .cc-pool-card .body:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#talent-pools-module .cc-pool-card .graph-section {
  height: 170px;
  padding: 20px;
  border-bottom: 1px solid var(--lvh-x-grey);
  position: relative;
  box-sizing: border-box;
}
#talent-pools-module .cc-pool-card .graph-section .cc-action-callout {
  /*display: none;*/
  color: var(--lvh-x-shark-dark);
  position: absolute;
  top: 10px;
  right: 3px;
  left: auto;
}
#talent-pools-module .cc-pool-card .graph-section .cc-action-callout .cc-callout {
  top: calc(100% + 5px);
}
#talent-pools-module .cc-pool-card .pool-size-graph {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  padding: 3px;
  position: relative;
  box-sizing: border-box;
  margin: 0 auto 20px auto;
}
#talent-pools-module .cc-pool-card .pool-size-graph .outer-ring {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#talent-pools-module .cc-pool-card .pool-size-graph .inner-circle {
  width: 100%;
  height: 100%;
  background-color: var(--lvh-x-off-white);
  padding: 8px 0;
  border-radius: 50%;
  box-sizing: border-box;
  text-align: center;
}
#talent-pools-module .cc-pool-card .pool-size-graph .current {
  display: block;
  font-size: 24px;
  line-height: 30px;
  color: var(--lvh-secondary-text);
}
#talent-pools-module .cc-pool-card .pool-size-graph .total {
  display: block;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  color: var(--lvh-x-shark-dark);
}
#talent-pools-module .cc-pool-card .member-avatars {
  display: table;
  list-style: none;
  margin: 0 auto;
  padding: 0;
}
#talent-pools-module .cc-pool-card .member-avatar {
  float: left;
  margin: 0;
  padding: 0;
}
#talent-pools-module .cc-pool-card .member-avatar:not(:last-child) {
  margin: 0 5px 0 0;
}
#talent-pools-module .cc-pool-card .member-avatar .cc-tooltip {
  float: left;
}
#talent-pools-module .cc-pool-card .member-avatar.extra {
  width: 36px;
  height: 36px;
  background-color: var(--lvh-x-grey);
  border-radius: 50%;
  box-sizing: border-box;
  line-height: 36px;
  text-align: center;
}
#talent-pools-module .cc-pool-card .member-avatar.extra span {
  font-size: 12px;
  font-weight: 600;
  color: var(--lvh-x-light-grey);
}
#talent-pools-module .cc-pool-card .member-avatar.empty {
  opacity: 0.3;
}
#talent-pools-module .cc-pool-card .no-members {
  text-align: center;
  font-size: 11px;
  line-height: 24px;
  color: var(--lvh-x-shark-dark);
}
#talent-pools-module .cc-pool-card .detail-section {
  padding: 15px 20px;
  min-height: 42px;
  position: relative;
}
#talent-pools-module .cc-pool-card .detail-section .profilePicture {
  background-color: var(--lvh-white);
  border-radius: 50%;
  position: absolute;
  right: 20px;
  top: -20px;
}
#talent-pools-module .cc-pool-card .detail-section .name-wrap .name-tooltip {
  float: left;
}
#talent-pools-module .cc-pool-card .detail-section .name-wrap .name-tooltip .tooltipContainer {
  width: 200px;
  margin-left: -100px;
}
#talent-pools-module .cc-pool-card .detail-section .name-wrap .name-tooltip:not(:last-child) {
  margin: 0 5px 0 0;
}
#talent-pools-module .cc-pool-card .detail-section .name-wrap .name {
  font-size: 14px;
  line-height: 20px;
  color: var(--lvh-bright-blue);
}
#talent-pools-module .cc-pool-card .detail-section .name-wrap .privacy-indicator {
  display: inline-block;
  margin-left: 5px;
}
#talent-pools-module .cc-pool-card .detail-section .name-wrap .icon {
  font-size: 8px;
  line-height: 20px;
  color: var(--lvh-x-shark-dark);
}
#talent-pools-module .cc-pool-card .detail-section .name-wrap:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#talent-pools-module .cc-pool-card .detail-section .sub-text {
  display: block;
  font-size: 11px;
  line-height: 24px;
  color: var(--lvh-x-shark-dark);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#talent-pools-module .cc-pool-card .detail-section .sub-text .bullet {
  font-style: normal;
  margin: 0 5px;
}
#talent-pools-module .cc-pool-card .detail-section .sub-text span:last-child .bullet {
  display: none;
}
#talent-pools-module .cc-pool-card .callout-wrap {
  position: relative;
}
#talent-pools-module .cc-grouping-card {
  padding: 0 10px;
  display: table;
  table-layout: fixed;
  background-color: var(--lvh-white);
  border-bottom: 1px solid var(--lvh-x-grey);
  position: relative;
}
#talent-pools-module .cc-grouping-card:not(:last-child) {
  margin: 0 0 20px 0;
}
#talent-pools-module .cc-grouping-card.archived {
  cursor: default;
}
#talent-pools-module .cc-grouping-card.archived .name {
  color: var(--lvh-secondary-text) !important;
  cursor: text;
}
#talent-pools-module .cc-grouping-card.archived .cc-tooltip.wrapper {
  cursor: default;
}
#talent-pools-module .cc-grouping-card.archived .cc-avatar [ng-click] {
  cursor: default;
}
#talent-pools-module .cc-grouping-card .body {
  display: table-row;
}
#talent-pools-module .cc-grouping-card .col {
  display: table-cell;
  padding: 10px 20px;
  position: relative;
  vertical-align: middle;
}
#talent-pools-module .cc-grouping-card .col.detail {
  width: 75%;
}
#talent-pools-module .cc-grouping-card .col.detail .inner-wrap {
  position: relative;
}
#talent-pools-module .cc-grouping-card .col.detail .lhs {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
#talent-pools-module .cc-grouping-card .col.detail .icon-wrap {
  width: 24px;
  height: 24px;
  background-color: var(--lvh-x-murkberry-light);
  border-radius: 50%;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  color: var(--lvh-white);
  position: absolute;
  top: 50%;
  margin-top: -12px;
}
#talent-pools-module .cc-grouping-card .col.detail .rhs {
  padding-left: 44px;
}
#talent-pools-module .cc-grouping-card .col.detail .name-wrap:not(:last-child) {
  margin: 0 0 10px 0;
}
#talent-pools-module .cc-grouping-card .col.detail .name-wrap .name {
  float: left;
  font-size: 14px;
  line-height: 20px;
  color: var(--lvh-bright-blue);
}
#talent-pools-module .cc-grouping-card .col.detail .name-wrap .name:not(:last-child) {
  margin: 0 5px 0 0;
}
#talent-pools-module .cc-grouping-card .col.detail .name-wrap .icon {
  font-size: 8px;
  line-height: 20px;
  color: var(--lvh-x-shark-dark);
}
#talent-pools-module .cc-grouping-card .col.detail .name-wrap:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#talent-pools-module .cc-grouping-card .col.owner {
  width: 60px;
}
#talent-pools-module .cc-grouping-card .col.owner .cc-tooltip {
  vertical-align: middle;
}
#talent-pools-module .cc-grouping-card .col.vacancies,
#talent-pools-module .cc-grouping-card .col.pools,
#talent-pools-module .cc-grouping-card .col.members {
  width: 60px;
}
#talent-pools-module .cc-grouping-card .col.vacancies .icon,
#talent-pools-module .cc-grouping-card .col.pools .icon,
#talent-pools-module .cc-grouping-card .col.members .icon,
#talent-pools-module .cc-grouping-card .col.vacancies .value,
#talent-pools-module .cc-grouping-card .col.pools .value,
#talent-pools-module .cc-grouping-card .col.members .value {
  font-size: 12px;
}
#talent-pools-module .cc-grouping-card .col.vacancies .icon,
#talent-pools-module .cc-grouping-card .col.pools .icon,
#talent-pools-module .cc-grouping-card .col.members .icon {
  font-size: 12px;
  color: var(--lvh-x-shark-dark);
  margin-right: 5px;
}
#talent-pools-module .cc-grouping-card .col.vacancies .value,
#talent-pools-module .cc-grouping-card .col.pools .value,
#talent-pools-module .cc-grouping-card .col.members .value {
  color: var(--lvh-secondary-text);
}
#talent-pools-module .cc-grouping-card .cc-action-callout {
  position: absolute;
  top: 10px;
  right: 3px;
}
#talent-pools-module .cc-grouping-card .cc-action-callout .trigger {
  font-size: 18px;
}
#talent-pools-module .pool-tags {
  margin: 0;
  padding: 0;
  list-style: none;
}
#talent-pools-module .pool-tags:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#talent-pools-module .pool-tags .pool-tag {
  float: left;
  font-size: 11px;
  line-height: 20px;
  color: var(--lvh-x-dark-grey);
  background-color: var(--lvh-x-shark-light);
  border-radius: 3px;
  padding: 0 6px;
  margin: 0 10px 10px 0;
}
#talent-pools-module .pool-tags .pool-tag > div {
  cursor: pointer;
}
#talent-pools-module #paginator {
  margin-bottom: 60px;
  border-top: none;
}
#talent-pools-module #create-pool-modal .pool-progress-calc {
  background-color: var(--lvh-x-shark-light);
  border-radius: 3px;
  padding: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#talent-pools-module #create-pool-modal .pool-progress-calc:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#talent-pools-module #create-pool-modal .pool-progress-calc .label .sub-text {
  color: var(--lvh-x-mesh-light);
}
#talent-pools-module #create-pool-modal .pool-progress-calc .user-inputs {
  float: left;
  width: 50%;
  margin: 0 30px 0 0;
}
@media (max-width: 991px) {
  #talent-pools-module #create-pool-modal .pool-progress-calc .user-inputs {
    margin: 0 0 10px;
    width: 100%;
  }
}
#talent-pools-module #create-pool-modal .pool-progress-calc .input-wrap {
  float: left;
  width: calc(50% - 15px);
}
@media (max-width: 991px) {
  #talent-pools-module #create-pool-modal .pool-progress-calc .input-wrap {
    width: 100%;
  }
}
#talent-pools-module #create-pool-modal .pool-progress-calc .input-wrap:not(:last-child) {
  margin: 0 30px 0 0;
}
@media (max-width: 991px) {
  #talent-pools-module #create-pool-modal .pool-progress-calc .input-wrap:not(:last-child) {
    margin: 0 0 10px;
  }
}
#talent-pools-module #create-pool-modal .pool-progress-calc .progress {
  float: left;
  width: calc(50% - 30px);
}
@media (max-width: 991px) {
  #talent-pools-module #create-pool-modal .pool-progress-calc .progress {
    width: 100%;
  }
}
#talent-pools-module #create-pool-modal .pool-progress-calc .graph {
  background-color: var(--lvh-white);
  border-radius: 3px;
  padding: 15px;
}
#talent-pools-module #create-pool-modal .pool-progress-calc .graph .background {
  height: 5px;
  background-color: var(--lvh-x-grey);
  overflow: hidden;
}
#talent-pools-module #create-pool-modal .pool-progress-calc .graph .bar {
  width: 0;
  height: 100%;
  background-color: var(--lvh-bright-blue);
}
#talent-pools-module #create-pool-modal .cc-tab-group {
  width: 100%;
}
#talent-pools-module #create-pool-modal .cc-tab-group .tab {
  width: 20%;
}
@media (max-width: 991px) {
  #talent-pools-module #create-pool-modal .cc-tab-group .tab {
    width: 100%;
  }
}
#talent-pools-module #create-pool-modal .label i {
  color: var(--lvh-x-shark-dark);
  font-size: 11px;
}
#talent-pools-module #create-pool-modal .tooltipContainer {
  z-index: 10;
}
#talent-pools-module #create-pool-modal .cc-tooltip-wrapper {
  padding-left: 5px;
}
#talent-pools-module [drag-container] {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
  cursor: move;
}
#talent-pools-module .nvd3.nv-sparkline .nv-minValue {
  display: none;
  stroke: #58b3cb;
  fill: #58b3cb;
}
#talent-pools-module .nvd3.nv-sparkline .nv-maxValue {
  display: none;
}
#talent-pools-module .nv-currentValue {
  stroke: #ff8800;
  fill: #ff8800;
}
#employerApp.iframeModalActive #headerLayoutV2.fixed {
  position: static;
  z-index: initial;
}
#employerApp.iframeModalActive #content {
  margin-top: 0;
}
@media (min-width: 992px) {
  #employerApp.iframeModalActive #content #talent-pools-module .cc-app-header {
    position: static;
    z-index: initial;
  }
}
@media (min-width: 992px) {
  #employerApp.iframeModalActive #content #talent-pools-module #pools-list-view.is-iframe {
    margin-top: 0;
  }
}
@media (min-width: 992px) {
  #employerApp.iframeModalActive #content #talent-pools-module #pools-list-view #ngx-pool-card-list {
    margin-top: 0;
  }
}
#employerApp.iframeModalActive #zfw-button {
  display: none;
}
/* -----------------------------------------------------------------------------

  OFFER TEMPLATES FEATURE

----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------

  OFFER TEMPLATES LIST PAGE
  
----------------------------------------------------------------------------- */
#offer-templates-list-page .work-types:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#offer-templates-list-page .work-types .work-type-badge {
  float: left;
  font-size: 11px;
  line-height: 20px;
  color: var(--lvh-x-dark-grey);
  background-color: var(--lvh-x-shark-light);
  border-radius: 3px;
  padding: 0 6px;
  margin: 0 10px 10px 0;
}
#offer-templates-list-page .p-table th:first-child {
  min-width: 500px;
}
/* -----------------------------------------------------------------------------

  EMPLOYER CAREERS PAGE
  
----------------------------------------------------------------------------- */
#employer-careers-page {
  float: left;
  width: 100%;
}
@media (max-width: 991px) {
  #employer-careers-page {
    min-height: 100vh;
  }
}
#employer-careers-page .container {
  max-width: 940px;
}
#employer-careers-page .button {
  display: inline-block;
}
#employer-careers-page #hero-section {
  width: 100%;
  padding: 190px 0 130px 0;
  text-align: center;
  background-position: 50% 50%;
  background-size: cover;
}
@media (max-width: 991px) {
  #employer-careers-page #hero-section {
    padding: 104px 0 60px 0;
  }
}
#employer-careers-page #hero-section > .container {
  max-width: 630px;
}
#employer-careers-page #hero-section h1 {
  margin: 0 0 30px 0;
  font-size: 40px;
  color: var(--lvh-white);
  font-weight: 700;
  letter-spacing: -0.05em;
  line-height: 1.2;
}
@media (max-width: 991px) {
  #employer-careers-page #hero-section h1 {
    font-size: 26px;
    margin: 0 0 20px 0;
  }
}
#employer-careers-page #hero-section .tagline {
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  color: var(--lvh-white);
  margin: 0;
}
@media (max-width: 991px) {
  #employer-careers-page #hero-section .tagline {
    font-size: 16px;
  }
}
#employer-careers-page #section-2 {
  padding: 60px 0;
}
@media (max-width: 991px) {
  #employer-careers-page #section-2 {
    padding: 40px 0;
  }
}
#employer-careers-page #section-2 h2 {
  margin: 0;
  font-size: 30px;
  font-weight: 500;
  color: var(--lvh-x-dark-grey);
}
@media (max-width: 991px) {
  #employer-careers-page #section-2 h2 {
    font-size: 22px;
  }
}
#employer-careers-page #section-2 #section-2-heading {
  margin: 0 0 45px 0;
  text-align: center;
}
@media (max-width: 991px) {
  #employer-careers-page #section-2 #section-2-heading {
    margin: 0 0 30px 0;
  }
}
#employer-careers-page #section-2 #section-2-heading .icon {
  display: block;
  margin: 0 0 15px 0;
  font-size: 24px;
  color: var(--lvh-x-shark-dark);
}
#employer-careers-page #section-2 .cta h2 {
  margin: 0 0 10px 0;
  font-size: 28px;
  font-weight: 800;
  line-height: 44px;
}
#employer-careers-page #section-3 {
  background-color: var(--lvh-x-grey);
  padding: 80px 0;
  text-align: center;
}
@media (max-width: 991px) {
  #employer-careers-page #section-3 {
    padding: 60px 0;
  }
}
#employer-careers-page #section-3 > .container {
  max-width: 600px;
}
#employer-careers-page #section-3 h2 {
  margin: 0 0 15px 0;
  font-size: 30px;
  font-weight: 500;
  color: var(--lvh-x-dark-grey);
}
@media (max-width: 991px) {
  #employer-careers-page #section-3 h2 {
    font-size: 22px;
  }
}
#employer-careers-page #section-3 p {
  margin: 0 0 30px 0;
  font-size: 14px;
  line-height: 1.6;
  color: var(--lvh-secondary-text);
}
/* -----------------------------------------------------------------------------

  CONFIGURATION PAGE

  Styling for the list/table screen for user-configurable entities

  Used by:
  - Message Templates
  - Job Templates
  - Agency Mangement
  - Report Downloads
  
----------------------------------------------------------------------------- */
#configuration-page {
  float: left;
  width: 100%;
  padding: 0 0 40px 0;
}
@media (max-width: 991px) {
  #configuration-page {
    padding: 0 0 40px 0;
  }
}
@media (min-width: 992px) {
  #configuration-page {
    margin-top: 80px;
  }
}
#configuration-page .container {
  position: relative;
}
@media (max-width: 991px) {
  #configuration-page .col.quarters {
    width: 100% !important;
    margin-bottom: 20px;
  }
}
@media (max-width: 991px) {
  #configuration-page .col.quarters:not(:last-child) {
    margin-right: 0 !important;
  }
}
@media (min-width: 992px) {
  #configuration-page .employerAppHeader {
    position: fixed;
    top: 60px;
    margin: 0;
    z-index: 7961;
  }
}
#configuration-page .employerAppHeader #stats-toggle-container {
  margin: 23px 0 0 10px;
}
#configuration-page .employerAppHeader .button-wrap {
  float: right;
}
#configuration-page .table-section {
  float: left;
  width: 100%;
}
#configuration-page .table-section .p-table .sub-text {
  color: var(--lvh-secondary-text);
  font-weight: 400;
  font-size: 11px;
  padding-top: 8px;
}
#configuration-page .list-count {
  font-size: 18px;
  font-weight: normal;
  line-height: 34px;
  color: var(--lvh-x-dark-grey);
}
#configuration-page .header-tabs-section {
  width: 100%;
  padding: 20px 0 0 0;
  margin: 0 0 20px 0;
}
@media (max-width: 991px) {
  #configuration-page .header-tabs-section {
    padding: 10px 0 0 0;
    margin: 0 0 10px 0;
  }
}
#configuration-page .header-tabs-section > .container > .row {
  float: left;
  width: 100%;
  border-bottom: 1px solid var(--lvh-x-paler-grey);
}
@media (min-width: 992px) {
  #configuration-page .header-tabs-section .cc-tabopotamus .items {
    border-bottom: none;
  }
}
#configuration-page .header-tabs-section .container-inner {
  margin-top: 10px;
}
@media (max-width: 991px) {
  #configuration-page .header-tabs-section .container-inner {
    margin-top: 0;
  }
}
#configuration-page .header-tabs-section #search-wrap {
  position: relative;
  float: right;
  margin: 15px 0 0 10px;
}
@media (max-width: 991px) {
  #configuration-page .header-tabs-section #search-wrap {
    width: 100%;
    margin: 20px 0;
  }
}
#configuration-page .header-tabs-section #search-wrap input {
  width: 195px;
}
@media (max-width: 991px) {
  #configuration-page .header-tabs-section #search-wrap input {
    width: 100%;
  }
}
#configuration-page .header-tabs-section #search-wrap i.iconFont.glyph0061 {
  position: absolute;
  top: 50%;
  right: 7px;
  font-size: 14px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: var(--lvh-x-shark-dark);
  z-index: 2;
}
#configuration-page .add-agency-button,
#configuration-page .add-template-button {
  float: right;
  margin: 23px 0;
}
@media (max-width: 991px) {
  #configuration-page .add-agency-button,
  #configuration-page .add-template-button {
    margin: 8px 0;
  }
}
#configuration-page .tabs .tab:before {
  content: '';
  width: 1px;
  height: 17px;
  background-color: var(--lvh-x-pale-grey);
  margin-top: -8.5px;
}
#configuration-page .cc-tabopotamus .cc-count-badge {
  background-color: var(--lvh-x-shark-light);
  color: var(--lvh-x-shark-dark);
}
#configuration-page .cc-tabopotamus .tab.active .cc-count-badge {
  color: var(--lvh-bright-blue);
}
@media (min-width: 992px) {
  #configuration-page .cc-tabopotamus .items {
    min-height: 60px;
  }
}
#configuration-page .cc-dropdown2 .dropdown {
  max-height: none;
}
#configuration-page .cc-dropdown2 li {
  padding-top: 2px;
  padding-bottom: 5px;
}
#configuration-page .cc-dropdown2 li:not(:last-child) {
  border-bottom: 1px solid var(--lvh-x-shark-light);
}
#configuration-page .cc-dropdown2 li .html-label {
  line-height: normal;
  padding-bottom: 2px;
  color: var(--lvh-x-shark-dark);
  font-size: 11px;
}
#configuration-page .cc-dropdown2 .selected-option .html-label {
  display: none;
}
/* -----------------------------------------------------------------------------

  JOBS WIDGET
  
----------------------------------------------------------------------------- */
.job-vacancy-widget {
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: normal;
  color: var(--lvh-primary-text);
}
.job-vacancy-widget .box {
  padding: 20px;
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-shark-light);
  border-radius: 3px;
  box-sizing: border-box;
}
.job-vacancy-widget .box:hover {
  background-color: var(--lvh-white98);
}
.job-vacancy-widget #positions {
  margin: 0 0 20px 0;
  padding: 0;
}
.job-vacancy-widget .position {
  margin: 0 0 20px 0;
  list-style: none;
  position: relative;
}
@media (max-width: 991px) {
  .job-vacancy-widget .position {
    display: table !important;
    width: 100% !important;
  }
}
.job-vacancy-widget .position:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.job-vacancy-widget .position .button.p-ghost-button > .label,
.job-vacancy-widget .position .button.p-solid-button > .label,
.job-vacancy-widget .position .button.p-ghost-button:hover > .label,
.job-vacancy-widget .position .button.p-solid-button:hover > .label {
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.job-vacancy-widget .position-info {
  width: 100%;
  padding: 0 320px 0 0;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .job-vacancy-widget .position-info {
    display: table-header-group !important;
    padding: 0 !important;
  }
}
.job-vacancy-widget .position-info .posted-date,
.job-vacancy-widget .position-info .position-closed {
  display: block;
  margin: 0 0 5px 0;
  font-size: 10px;
  font-weight: 600;
  color: var(--lvh-x-shark-dark);
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .job-vacancy-widget .position-info .posted-date,
  .job-vacancy-widget .position-info .position-closed {
    margin: 0 0 10px 0 !important;
  }
}
.job-vacancy-widget .position-info .position-closed {
  color: var(--lvh-x-red);
}
.job-vacancy-widget .position-info h3 {
  margin: 0 0 10px 0;
  font-weight: 600;
  font-size: 16px;
  color: var(--lvh-x-dark-grey);
  line-height: 1.2;
}
.job-vacancy-widget .position-info h3 > a {
  text-decoration: none;
  color: var(--lvh-x-dark-grey);
}
.job-vacancy-widget .position-info h3 > a:hover,
.job-vacancy-widget .position-info h3 > a:active {
  text-decoration: underline;
}
.job-vacancy-widget .button-wrap {
  width: 100%;
  padding: 0 320px 0 0;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .job-vacancy-widget .button-wrap {
    display: table-footer-group !important;
  }
}
.job-vacancy-widget .button {
  display: inline-block;
}
.job-vacancy-widget .description-wrap {
  width: 100%;
  padding: 0 320px 0 0;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .job-vacancy-widget .description-wrap {
    display: table-row-group !important;
  }
}
.job-vacancy-widget .description-wrap .description {
  max-height: 40px;
  overflow: hidden;
  margin: 0 0 15px 0;
  line-height: 1.6;
  color: var(--lvh-secondary-text);
}
@media (max-width: 991px) {
  .job-vacancy-widget .description-wrap .description {
    max-height: 80px !important;
  }
}
.job-vacancy-widget .highlights-wrap {
  float: right;
}
@media (max-width: 991px) {
  .job-vacancy-widget .highlights-wrap {
    float: none !important;
    display: table-row-group !important;
  }
}
.job-vacancy-widget .highlights {
  float: right;
  margin: 0;
  padding: 0;
  width: 180px;
}
.job-vacancy-widget .highlights:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (max-width: 991px) {
  .job-vacancy-widget .highlights {
    width: 100% !important;
    margin: 0 0 10px 0 !important;
  }
}
.job-vacancy-widget .highlight {
  margin: 0;
  list-style: none;
  padding: 8px 1px;
  position: relative;
  display: block;
  color: var(--lvh-secondary-text);
}
@media (max-width: 991px) {
  .job-vacancy-widget .highlight {
    float: left !important;
    padding: 0 !important;
  }
}
.job-vacancy-widget .highlight:first-child,
.job-vacancy-widget .highlight:last-child {
  padding: 0 1px 8px 1px;
}
@media (max-width: 991px) {
  .job-vacancy-widget .highlight:first-child,
  .job-vacancy-widget .highlight:last-child {
    padding: 0 !important;
  }
}
@media (min-width: 992px) {
  .job-vacancy-widget .highlight:last-child {
    padding: 8px 1px 0 1px !important;
  }
}
.job-vacancy-widget .highlight:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.job-vacancy-widget .highlight:not(:last-child) {
  border-bottom: 1px solid var(--lvh-x-grey);
}
@media (max-width: 991px) {
  .job-vacancy-widget .highlight:not(:last-child) {
    margin: 0 10px 0 0 !important;
    padding: 0 10px 0 0 !important;
    border-bottom: none !important;
  }
}
@media (max-width: 991px) {
  .job-vacancy-widget .highlight:not(:last-child):before {
    content: '' !important;
    width: 4px !important;
    height: 4px !important;
    border-radius: 50% !important;
    background-color: var(--lvh-x-shark-dark) !important;
    position: absolute !important;
    top: 50% !important;
    right: 0 !important;
    margin-top: -2px !important;
    margin-right: -2px !important;
  }
}
.job-vacancy-widget .highlight .icon {
  font-size: 16px;
  margin: 0 10px 0 0;
  color: var(--lvh-bright-blue);
  float: left;
}
@media (max-width: 991px) {
  .job-vacancy-widget .highlight .icon {
    display: none !important;
  }
}
.job-vacancy-widget .highlight .value {
  line-height: 16px;
}
@media (min-width: 992px) {
  .job-vacancy-widget .highlight .value {
    display: block !important;
    padding-left: 26px !important;
  }
}
.job-vacancy-widget .highlight .sub-text {
  display: block;
  font-size: 11px;
  line-height: 18px;
  color: var(--lvh-x-shark-dark);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.job-vacancy-widget .p-empty-state {
  margin: 0 0 20px 0;
}
.job-vacancy-widget .cta {
  padding: 50px;
  text-align: center;
}
.job-vacancy-widget .cta h2 {
  margin: 0 0 10px 0;
  font-size: 28px;
  font-weight: 800;
  line-height: 44px;
  color: var(--lvh-x-dark-grey) !important;
}
.job-vacancy-widget .cta .text {
  display: block;
  max-width: 760px;
  margin: 0 auto 30px auto;
  font-size: 16px;
  line-height: 1.6;
}
.job-vacancy-widget .cta .button {
  display: inline-block;
}
.lvh-form .tab-title {
  margin: 30px 20px 20px 20px;
  font-weight: 600;
}
.lvh-form .tab-title:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.lvh-form .tab-content {
  background-color: var(--lvh-x-off-white);
  margin: 20px;
  padding: 30px 20px;
  border: solid 1px var(--lvh-x-shark-light);
  border-radius: 3px;
}
.lvh-form .tab-content:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.lvh-form section {
  float: left;
  width: 100%;
  box-sizing: border-box;
}
.lvh-form .sub-text {
  color: var(--lvh-primary-text);
  font-weight: normal;
}
.lvh-form.no-step-nav {
  padding: 30px;
}
@media (max-width: 991px) {
  .lvh-form.no-step-nav {
    padding: 20px;
  }
}
.lvh-form #form-content:after,
.lvh-form #form-buttons:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.lvh-form #form-content {
  min-height: 250px;
}
@media (max-width: 991px) {
  .lvh-form #form-content {
    min-height: 0;
  }
}
.lvh-form #form-content:not(:last-child) {
  margin: 0 0 40px 0;
}
@media (max-width: 991px) {
  .lvh-form #form-content:not(:last-child) {
    margin: 0 0 20px 0;
  }
}
.lvh-form #form-buttons {
  padding: 20px 0 0 0;
  border-top: 1px solid var(--lvh-x-shark-light);
}
.lvh-form #form-buttons:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.lvh-form #form-buttons .button-wrap {
  float: right;
}
@media (max-width: 991px) {
  .lvh-form #form-buttons .button-wrap {
    float: left;
    width: 100%;
  }
}
.lvh-form #form-buttons .validation-summary {
  padding: 10px;
  margin: 0 0 20px 0;
}
@media (min-width: 992px) {
  .lvh-form #form-buttons .validation-summary {
    display: none;
  }
}
.lvh-form #form-buttons .anchor {
  font-weight: 600;
  line-height: 20px;
}
.lvh-form #form-buttons .anchor .icon {
  font-size: 8px;
  font-style: normal;
}
.lvh-form .row {
  float: left;
  width: 100%;
  margin: 0 0 20px 0;
}
.lvh-form .row.multi-line {
  margin: 0 0 9px 0;
}
.lvh-form .row.outer-row {
  margin-bottom: 0;
}
.lvh-form .row:last-child {
  margin: 0;
}
.lvh-form .row:last-child.multi-line {
  margin: 0;
}
.lvh-form .row:last-child.outer-row {
  margin-bottom: 0;
}
.lvh-form .row:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.lvh-form h3:not(:last-child),
.lvh-form h4:not(:last-child) {
  margin: 0 0 10px 0;
}
.lvh-form label.label {
  display: block;
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
  margin: 0 0 5px 0;
}
.lvh-form label.label.sub-label {
  font-weight: normal;
}
.lvh-form label.label .sub-text {
  color: var(--lvh-primary-text);
  font-weight: normal;
}
@media (max-width: 991px) {
  .lvh-form label.label.hidden-sm-max {
    display: none;
  }
}
.lvh-form .next-button,
.lvh-form .prev-button {
  float: left;
}
@media (max-width: 991px) {
  .lvh-form .next-button,
  .lvh-form .prev-button {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .lvh-form .next-button:not(:last-child),
  .lvh-form .prev-button:not(:last-child) {
    margin: 0 0 10px 0;
  }
}
@media (min-width: 992px) {
  .lvh-form .prev-button {
    display: none;
  }
}
@media (max-width: 991px) {
  .lvh-form .cc-modal .header .heading {
    line-height: 44px;
    font-weight: 600;
  }
}
.lvh-form .cc-input-overlay {
  position: relative;
}
.lvh-form .cc-input-overlay.large-suffix .input {
  padding-right: 60px;
  padding-left: 60px;
}
.lvh-form .cc-input-overlay.thousands-suffix .input {
  padding-right: 40px;
  padding-left: 25px;
  text-align: right;
}
.lvh-form .cc-input-overlay.currency-input.symbol-length-1 .input {
  padding-left: 26px;
}
.lvh-form .cc-input-overlay.currency-input.symbol-length-2 .input {
  padding-left: 33px;
}
.lvh-form .cc-input-overlay.currency-input.symbol-length-3 .input {
  padding-left: 40px;
}
.lvh-form .cc-input-overlay.currency-input .input {
  text-align: left;
  padding-right: 7px;
  padding-left: 7px;
}
.lvh-form .cc-input-overlay.per-hour-suffix .input {
  padding-right: 70px;
  padding-left: 25px;
  text-align: right;
}
.lvh-form .cc-input-overlay .input {
  padding-right: 25px;
  padding-left: 25px;
  text-align: center;
}
.lvh-form .cc-input-overlay .prefix,
.lvh-form .cc-input-overlay .suffix {
  color: var(--lvh-secondary-text);
}
.lvh-form .cc-input-overlay .prefix {
  position: absolute;
  top: 50%;
  left: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 13px;
  z-index: 2;
}
.lvh-form .cc-input-overlay .suffix {
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 13px;
  z-index: 2;
}
.lvh-form:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.layout-spacious .lvh-form .row:not(:last-child) {
  margin: 0 0 30px 0;
}
.layout-spacious .lvh-form .row:not(:last-child).multi-line {
  margin: 0 0 9px 0;
}
.layout-spacious .lvh-form .row:not(:last-child).outer-row {
  margin-bottom: 0;
}
.solo-checkbox-wrapper {
  padding: 0 10px;
  border: 1px solid var(--lvh-x-paler-grey);
  border-radius: 3px;
  background-color: var(--lvh-white);
  line-height: 32px;
  box-sizing: border-box;
}
.solo-checkbox-wrapper > .label {
  color: var(--lvh-secondary-text);
}
@media (max-width: 991px) {
  .solo-checkbox-wrapper {
    line-height: 38px;
  }
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.date-picker-date-time {
  position: absolute;
}
.date-range .date-picker-date-time {
  position: inherit;
}
[date-picker-wrapper] {
  position: absolute;
  min-width: 220px;
  z-index: 10;
  display: block;
  font-size: 14px;
}
[date-time-append] [date-picker-wrapper] [date-picker] {
  margin-top: -30px;
}
[date-time-append] [date-picker] {
  position: relative;
  margin-right: -1000px;
  margin-bottom: -1000px;
}
[date-range] [date-picker] .after.before {
  color: #ffffff;
  background-color: #3c479d;
}
[date-range] [date-picker] .after.before:hover,
[date-range] [date-picker] .after.before:active,
[date-range] [date-picker] .after.before.active,
[date-range] [date-picker] .after.before.disabled,
[date-range] [date-picker] .after.before[disabled] {
  color: #ffffff;
  background-color: #00cdff;
}
[date-picker].hidden {
  display: none;
}
[date-picker] {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #fff;
  /* GENERAL */
  padding: 4px;
  /* SPECIFIC */
}
[date-picker] table {
  margin: 0;
}
[date-picker] td,
[date-picker] th {
  padding: 4px 5px;
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
}
[date-picker] .switch {
  width: 145px;
}
[date-picker] span {
  display: block;
  width: 23%;
  height: 26px;
  line-height: 25px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
[date-picker] span:hover {
  background: #eeeeee;
}
[date-picker] span.disabled,
[date-picker] span.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
[date-picker] .active {
  color: #ffffff;
  background-color: #3c479d;
}
[date-picker] .active:hover,
[date-picker] .active:active,
[date-picker] .active.active,
[date-picker] .active.disabled,
[date-picker] .active[disabled]{
  color: #ffffff;
  background-color: #3c479d;
}
[date-picker] .active:active,
[date-picker] .active.active {
  background-color: #003399 \9;
}
[date-picker] .now {
    font-weight: 700;
  color: #444444;
  background-color: transparent;
}

[date-picker] .disabled {
  background: none;
  color: #999999 !important;
  cursor: default;
}
[date-picker] [ng-switch-when="year"] span,
[date-picker] [ng-switch-when="month"] span,
[date-picker] [ng-switch-when="minutes"] span {
  height: 54px;
  line-height: 54px;
}
[date-picker] [ng-switch-when="date"] td {
  padding: 0;
}
[date-picker] [ng-switch-when="date"] span {
  width: 100%;
  height: 26px;
  line-height: 26px;
}
[date-picker] th:hover,
[date-picker] [ng-switch-when="date"] td span:hover {
  background: #eeeeee;
  cursor: pointer;
}

/* Possibly the worst plugin stylesheet ever */

/*input[type=range] {
  width: 300px; }

ul[rn-carousel] {
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
  position: relative;
  -webkit-perspective: 1000px;
  -ms-perspective: 1000px;
  perspective: 1000px;
  -ms-touch-action: pan-y;
  touch-action: pan-y; }
  ul[rn-carousel] > li {
    color: black;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: visible;
    vertical-align: top;
    position: absolute;
    left: 0;
    right: 0;
    white-space: normal;
    padding: 0;
    margin: 0;
    list-style-type: none;
    width: 100%;
    height: 100%;
    display: inline-block; }

/* prevent flickering when moving buffer */
/*ul[rn-carousel-buffered] > li {
  display: none; }

ul[rn-carousel-transition="hexagon"] {
  overflow: visible; }*/

/* indicators */
/*div.rn-carousel-indicator span {
  cursor: pointer;
  color: #666; }
  div.rn-carousel-indicator span.active {
    color: white; }*/

/* prev/next controls */
/*.rn-carousel-control {
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
  font-size: 2rem;
  position: absolute;
  top: 40%;
  opacity: 0.75;
  cursor: pointer; }
  .rn-carousel-control:hover {
    opacity: 1; }
  .rn-carousel-control.rn-carousel-control-prev {
    left: 0.5em; }
    .rn-carousel-control.rn-carousel-control-prev:before {
      content: "<"; }
  .rn-carousel-control.rn-carousel-control-next {
    right: 0.5em; }
    .rn-carousel-control.rn-carousel-control-next:before {
      content: ">"; }*/

/* What we need */

ul[rn-carousel] {
    overflow: hidden;
    padding: 0;
    white-space: nowrap;
    position: relative;
    -moz-perspective: 1000px;
    -ms-perspective: 1000px;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

ul[rn-carousel] > li {
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: visible;
    vertical-align: top;
    position: absolute;
    left: 0;
    right: 0;
    white-space: normal;
    padding: 0;
    margin: 0;
    list-style-type: none;
    width: 100%;
    height: 100%;
    display: inline-block;
}
/* nvd3 version 1.8.4 (https://github.com/novus/nvd3) 2016-07-03 */
.nvd3 .nv-axis {
    pointer-events:none;
    opacity: 1;
}

.nvd3 .nv-axis path {
    fill: none;
    stroke: #000;
    stroke-opacity: .75;
    shape-rendering: crispEdges;
}

.nvd3 .nv-axis path.domain {
    stroke-opacity: .75;
}

.nvd3 .nv-axis.nv-x path.domain {
    stroke-opacity: 0;
}

.nvd3 .nv-axis line {
    fill: none;
    stroke: #e5e5e5;
    shape-rendering: crispEdges;
}

.nvd3 .nv-axis .zero line,
    /*this selector may not be necessary*/ .nvd3 .nv-axis line.zero {
    stroke-opacity: .75;
}

.nvd3 .nv-axis .nv-axisMaxMin text {
    font-weight: bold;
}

.nvd3 .x  .nv-axis .nv-axisMaxMin text,
.nvd3 .x2 .nv-axis .nv-axisMaxMin text,
.nvd3 .x3 .nv-axis .nv-axisMaxMin text {
    text-anchor: middle
}

.nvd3 .nv-axis.nv-disabled {
    opacity: 0;
}

.nvd3 .nv-bars rect {
    fill-opacity: .75;

    transition: fill-opacity 250ms linear;
    -moz-transition: fill-opacity 250ms linear;
    -webkit-transition: fill-opacity 250ms linear;
}

.nvd3 .nv-bars rect.hover {
    fill-opacity: 1;
}

.nvd3 .nv-bars .hover rect {
    fill: lightblue;
}

.nvd3 .nv-bars text {
    fill: rgba(0,0,0,0);
}

.nvd3 .nv-bars .hover text {
    fill: rgba(0,0,0,1);
}

.nvd3 .nv-multibar .nv-groups rect,
.nvd3 .nv-multibarHorizontal .nv-groups rect,
.nvd3 .nv-discretebar .nv-groups rect {
    stroke-opacity: 0;

    transition: fill-opacity 250ms linear;
    -moz-transition: fill-opacity 250ms linear;
    -webkit-transition: fill-opacity 250ms linear;
}

.nvd3 .nv-multibar .nv-groups rect:hover,
.nvd3 .nv-multibarHorizontal .nv-groups rect:hover,
.nvd3 .nv-candlestickBar .nv-ticks rect:hover,
.nvd3 .nv-discretebar .nv-groups rect:hover {
    fill-opacity: 1;
}

.nvd3 .nv-discretebar .nv-groups text,
.nvd3 .nv-multibarHorizontal .nv-groups text {
    font-weight: bold;
    fill: rgba(0,0,0,1);
    stroke: rgba(0,0,0,0);
}

/* boxplot CSS */
.nvd3 .nv-boxplot circle {
  fill-opacity: 0.5;
}

.nvd3 .nv-boxplot circle:hover {
  fill-opacity: 1;
}

.nvd3 .nv-boxplot rect:hover {
  fill-opacity: 1;
}

.nvd3 line.nv-boxplot-median {
  stroke: black;
}

.nv-boxplot-tick:hover {
  stroke-width: 2.5px;
}
/* bullet */
.nvd3.nv-bullet { font: 10px sans-serif; }
.nvd3.nv-bullet .nv-measure { fill-opacity: .8; }
.nvd3.nv-bullet .nv-measure:hover { fill-opacity: 1; }
.nvd3.nv-bullet .nv-marker { stroke: #000; stroke-width: 2px; }
.nvd3.nv-bullet .nv-markerTriangle { stroke: #000; fill: #fff; stroke-width: 1.5px; }
.nvd3.nv-bullet .nv-markerLine { stroke: #000; stroke-width: 1.5px; }
.nvd3.nv-bullet .nv-tick line { stroke: #666; stroke-width: .5px; }
.nvd3.nv-bullet .nv-range.nv-s0 { fill: #eee; }
.nvd3.nv-bullet .nv-range.nv-s1 { fill: #ddd; }
.nvd3.nv-bullet .nv-range.nv-s2 { fill: #ccc; }
.nvd3.nv-bullet .nv-title { font-size: 14px; font-weight: bold; }
.nvd3.nv-bullet .nv-subtitle { fill: #999; }


.nvd3.nv-bullet .nv-range {
    fill: #bababa;
    fill-opacity: .4;
}
.nvd3.nv-bullet .nv-range:hover {
    fill-opacity: .7;
}

.nvd3.nv-candlestickBar .nv-ticks .nv-tick {
    stroke-width: 1px;
}

.nvd3.nv-candlestickBar .nv-ticks .nv-tick.hover {
    stroke-width: 2px;
}

.nvd3.nv-candlestickBar .nv-ticks .nv-tick.positive rect {
    stroke: #2ca02c;
    fill: #2ca02c;
}

.nvd3.nv-candlestickBar .nv-ticks .nv-tick.negative rect {
    stroke: #d62728;
    fill: #d62728;
}

.with-transitions .nv-candlestickBar .nv-ticks .nv-tick {
    transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
    -moz-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
    -webkit-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;

}

.nvd3.nv-candlestickBar .nv-ticks line {
    stroke: #333;
}


.nv-force-node {
  stroke: #fff;
  stroke-width: 1.5px;
}
.nv-force-link {
  stroke: #999;
  stroke-opacity: .6;
}
.nv-force-node text {
  stroke-width: 0px
}

.nvd3 .nv-legend .nv-disabled rect {
    /*fill-opacity: 0;*/
}

.nvd3 .nv-check-box .nv-box {
    fill-opacity:0;
    stroke-width:2;
}

.nvd3 .nv-check-box .nv-check {
    fill-opacity:0;
    stroke-width:4;
}

.nvd3 .nv-series.nv-disabled .nv-check-box .nv-check {
    fill-opacity:0;
    stroke-opacity:0;
}

.nvd3 .nv-controlsWrap .nv-legend .nv-check-box .nv-check {
    opacity: 0;
}

/* line plus bar */
.nvd3.nv-linePlusBar .nv-bar rect {
    fill-opacity: .75;
}

.nvd3.nv-linePlusBar .nv-bar rect:hover {
    fill-opacity: 1;
}
.nvd3 .nv-groups path.nv-line {
    fill: none;
}

.nvd3 .nv-groups path.nv-area {
    stroke: none;
}

.nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point {
    fill-opacity: 0;
    stroke-opacity: 0;
}

.nvd3.nv-scatter.nv-single-point .nv-groups .nv-point {
    fill-opacity: .5 !important;
    stroke-opacity: .5 !important;
}


.with-transitions .nvd3 .nv-groups .nv-point {
    transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
    -moz-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
    -webkit-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;

}

.nvd3.nv-scatter .nv-groups .nv-point.hover,
.nvd3 .nv-groups .nv-point.hover {
    stroke-width: 7px;
    fill-opacity: .95 !important;
    stroke-opacity: .95 !important;
}


.nvd3 .nv-point-paths path {
    stroke: #aaa;
    stroke-opacity: 0;
    fill: #eee;
    fill-opacity: 0;
}



.nvd3 .nv-indexLine {
    cursor: ew-resize;
}

/********************
 * SVG CSS
 */

/********************
  Default CSS for an svg element nvd3 used
*/
svg.nvd3-svg {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: block;
    width:100%;
    height:100%;
}

/********************
  Box shadow and border radius styling
*/
.nvtooltip.with-3d-shadow, .with-3d-shadow .nvtooltip {
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


.nvd3 text {
    font: normal 12px Arial;
}

.nvd3 .title {
    font: bold 14px Arial;
}

.nvd3 .nv-background {
    fill: white;
    fill-opacity: 0;
}

.nvd3.nv-noData {
    font-size: 18px;
    font-weight: bold;
}


/**********
*  Brush
*/

.nv-brush .extent {
    fill-opacity: .125;
    shape-rendering: crispEdges;
}

.nv-brush .resize path {
    fill: #eee;
    stroke: #666;
}


/**********
*  Legend
*/

.nvd3 .nv-legend .nv-series {
    cursor: pointer;
}

.nvd3 .nv-legend .nv-disabled circle {
    fill-opacity: 0;
}

/* focus */
.nvd3 .nv-brush .extent {
    fill-opacity: 0 !important;
}

.nvd3 .nv-brushBackground rect {
    stroke: #000;
    stroke-width: .4;
    fill: #fff;
    fill-opacity: .7;
}

/**********
*  Print
*/

@media print {
  .nvd3 text {
    stroke-width: 0;
    fill-opacity: 1;
  }
}

.nvd3.nv-ohlcBar .nv-ticks .nv-tick {
    stroke-width: 1px;
}

.nvd3.nv-ohlcBar .nv-ticks .nv-tick.hover {
    stroke-width: 2px;
}

.nvd3.nv-ohlcBar .nv-ticks .nv-tick.positive {
    stroke: #2ca02c;
}

.nvd3.nv-ohlcBar .nv-ticks .nv-tick.negative {
    stroke: #d62728;
}


.nvd3 .background path {
    fill: none;
    stroke: #EEE;
    stroke-opacity: .4;
    shape-rendering: crispEdges;
}

.nvd3 .foreground path {
    fill: none;
    stroke-opacity: .7;
}

.nvd3 .nv-parallelCoordinates-brush .extent 
{
    fill: #fff;
    fill-opacity: .6;
    stroke: gray;
    shape-rendering: crispEdges;
}

.nvd3 .nv-parallelCoordinates .hover  {
    fill-opacity: 1;
	stroke-width: 3px;
}


.nvd3 .missingValuesline line {
  fill: none;
  stroke: black;
  stroke-width: 1;
  stroke-opacity: 1;
  stroke-dasharray: 5, 5; 
}
.nvd3.nv-pie path {
    stroke-opacity: 0;
    transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;
    -moz-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;
    -webkit-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;

}

.nvd3.nv-pie .nv-pie-title {
    font-size: 24px;
    fill: rgba(19, 196, 249, 0.59);
}

.nvd3.nv-pie .nv-slice text {
    stroke: #000;
    stroke-width: 0;
}

.nvd3.nv-pie path {
    stroke: #fff;
    stroke-width: 1px;
    stroke-opacity: 1;
}

.nvd3.nv-pie path {
    fill-opacity: .7;
}
.nvd3.nv-pie .hover path {
    fill-opacity: 1;
}
.nvd3.nv-pie .nv-label {
    pointer-events: none;
}
.nvd3.nv-pie .nv-label rect {
    fill-opacity: 0;
    stroke-opacity: 0;
}

/* scatter */
.nvd3 .nv-groups .nv-point.hover {
    stroke-width: 20px;
    stroke-opacity: .5;
}

.nvd3 .nv-scatter .nv-point.hover {
    fill-opacity: 1;
}
.nv-noninteractive {
    pointer-events: none;
}

.nv-distx, .nv-disty {
    pointer-events: none;
}

/* sparkline */
.nvd3.nv-sparkline path {
    fill: none;
}

.nvd3.nv-sparklineplus g.nv-hoverValue {
    pointer-events: none;
}

.nvd3.nv-sparklineplus .nv-hoverValue line {
    stroke: #333;
    stroke-width: 1.5px;
}

.nvd3.nv-sparklineplus,
.nvd3.nv-sparklineplus g {
    pointer-events: all;
}

.nvd3 .nv-hoverArea {
    fill-opacity: 0;
    stroke-opacity: 0;
}

.nvd3.nv-sparklineplus .nv-xValue,
.nvd3.nv-sparklineplus .nv-yValue {
    stroke-width: 0;
    font-size: .9em;
    font-weight: normal;
}

.nvd3.nv-sparklineplus .nv-yValue {
    stroke: #f66;
}

.nvd3.nv-sparklineplus .nv-maxValue {
    stroke: #2ca02c;
    fill: #2ca02c;
}

.nvd3.nv-sparklineplus .nv-minValue {
    stroke: #d62728;
    fill: #d62728;
}

.nvd3.nv-sparklineplus .nv-currentValue {
    font-weight: bold;
    font-size: 1.1em;
}
/* stacked area */
.nvd3.nv-stackedarea path.nv-area {
    fill-opacity: .7;
    stroke-opacity: 0;
    transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
    -moz-transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
    -webkit-transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
}

.nvd3.nv-stackedarea path.nv-area.hover {
    fill-opacity: .9;
}


.nvd3.nv-stackedarea .nv-groups .nv-point {
    stroke-opacity: 0;
    fill-opacity: 0;
}


.nvtooltip {
    position: absolute;
    background-color: rgba(255,255,255,1.0);
    color: rgba(0,0,0,1.0);
    padding: 1px;
    border: 1px solid rgba(0,0,0,.2);
    z-index: 10000;
    display: block;

    font-family: Arial;
    font-size: 13px;
    text-align: left;
    pointer-events: none;

    white-space: nowrap;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.nvtooltip {
    background: rgba(255,255,255, 0.8);
    border: 1px solid rgba(0,0,0,0.5);
    border-radius: 4px;
}

/*Give tooltips that old fade in transition by
    putting a "with-transitions" class on the container div.
*/
.nvtooltip.with-transitions, .with-transitions .nvtooltip {
    transition: opacity 50ms linear;
    -moz-transition: opacity 50ms linear;
    -webkit-transition: opacity 50ms linear;

    transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -webkit-transition-delay: 200ms;
}

.nvtooltip.x-nvtooltip,
.nvtooltip.y-nvtooltip {
    padding: 8px;
}

.nvtooltip h3 {
    margin: 0;
    padding: 4px 14px;
    line-height: 18px;
    font-weight: normal;
    background-color: rgba(247,247,247,0.75);
    color: rgba(0,0,0,1.0);
    text-align: center;

    border-bottom: 1px solid #ebebeb;

    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.nvtooltip p {
    margin: 0;
    padding: 5px 14px;
    text-align: center;
}

.nvtooltip span {
    display: inline-block;
    margin: 2px 0;
}

.nvtooltip table {
    margin: 6px;
    border-spacing:0;
}


.nvtooltip table td {
    padding: 2px 9px 2px 0;
    vertical-align: middle;
}

.nvtooltip table td.key {
    font-weight: normal;
}
.nvtooltip table td.key.total {
    font-weight: bold;
}
.nvtooltip table td.value {
    text-align: right;
    font-weight: bold;
}

.nvtooltip table td.percent {
    color: darkgray;
}

.nvtooltip table tr.highlight td {
    padding: 1px 9px 1px 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-top-width: 1px;
}

.nvtooltip table td.legend-color-guide div {
    width: 8px;
    height: 8px;
    vertical-align: middle;
}

.nvtooltip table td.legend-color-guide div {
    width: 12px;
    height: 12px;
    border: 1px solid #999;
}

.nvtooltip .footer {
    padding: 3px;
    text-align: center;
}

.nvtooltip-pending-removal {
    pointer-events: none;
    display: none;
}


/****
Interactive Layer
*/
.nvd3 .nv-interactiveGuideLine {
    pointer-events:none;
}
.nvd3 line.nv-guideline {
    stroke: #ccc;
}

@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

interview-form-ng1 {
  float: left;
  width: 100%;
  border-bottom: 1px solid var(--lvh-x-shark-dark);
}
interview-form-ng1:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
interview-form-ng1 .lvh-form #form-buttons {
  border-top: none;
}
interview-form-ng1 .lvh-form #form-buttons .button {
  display: inline-block;
}
interview-form-ng1 .lvh-form #form-buttons .button:not(:last-child) {
  margin: 0 5px 0 0;
}
interview-form-ng1 input[type='text']:disabled.highlight-preview {
  background-color: var(--lvh-x-highlight);
}
@media (max-width: 991px) {
  interview-form-ng1 input[type='text']:disabled.highlight-preview {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
interview-form-ng1 .row.ratings {
  width: 100%;
  border: solid 1px var(--lvh-x-paler-grey);
  box-sizing: border-box;
  padding: 7px 0;
  background-color: var(--lvh-white);
}
interview-form-ng1 .row.ratings .rating {
  padding: 13px 20px;
  display: inline-block;
  width: 178px;
  box-sizing: border-box;
  border-right: solid 1px var(--lvh-x-paler-grey);
}
@media (max-width: 991px) {
  interview-form-ng1 .row.ratings .rating {
    border-right: none;
  }
}
interview-form-ng1 .row.ratings .rating:last-child {
  border-right: none;
}
interview-form-ng1 .row.ratings .rating .br-wrapper {
  display: inline-block;
}
interview-form-ng1 .row.ratings .rating .rating-summary {
  color: var(--lvh-x-shark-dark);
  display: inline-block;
  vertical-align: top;
  line-height: 13px;
  padding-top: 1px;
}
interview-form-ng1 .row.ratings.validation-error {
  border-color: var(--lvh-validation-red-dark);
}
interview-form-ng1 .row.validation-message {
  margin-top: -15px;
}
.interview-form-tab {
  float: left;
  width: 100%;
}
.interview-form-tab:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.interview-form-tab .interview-item .interview-action {
  position: relative;
  padding: 20px;
  border-bottom: 1px solid var(--lvh-x-shark-dark);
}
.interview-form-tab .interview-item .interview-action p {
  margin: 8px 0 7px;
}
.interview-form-tab .interview-item .interview-action .button {
  position: absolute;
  top: 20px;
  right: 20px;
}
@media (max-width: 991px) {
  .interview-form-tab .interview-item .interview-action .button {
    position: static;
  }
}
.interview-form-tab .interview-form-list {
  padding: 7px 20px 20px 20px;
  overflow: hidden;
}
.interview-form-tab .interview-form-list .activity-wrap.ng-enter {
  -webkit-animation: slideInDown 250ms;
  -moz-animation: slideInDown 250ms;
  -ms-animation: slideInDown 250ms;
  animation: slideInDown 250ms;
}
.interview-form-tab .activity-pager {
  width: 100%;
  background-color: var(--lvh-white96);
  padding: 1.462em 0;
}
.interview-form-tab .activity-pager .button-wrap {
  text-align: center;
}
@media (max-width: 991px) {
  .interview-form-tab .activity-pager .button-wrap {
    padding: 0 2.154em;
  }
}
.interview-form-tab .activity-pager button.load-more {
  background: none;
  background-color: var(--lvh-white);
  -moz-border-radius: 0.231em;
  -webkit-border-radius: 0.231em;
  border-radius: 0.231em;
  border: 1px solid;
  border-color: var(--lvh-x-shark-dark);
  outline: 0;
  -moz-transition: 0.2s border-color ease-in-out;
  -o-transition: 0.2s border-color ease-in-out;
  -webkit-transition: 0.2s border-color ease-in-out;
  transition: 0.2s border-color ease-in-out;
  line-height: normal;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.385em 1em;
}
@media (max-width: 991px) {
  .interview-form-tab .activity-pager button.load-more {
    width: 100%;
    padding: 0.615em 1em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.interview-form-tab .activity-pager button.load-more:hover,
.interview-form-tab .activity-pager button.load-more:focus {
  border-color: #dfdfdf;
}
.interview-form-tab .activity-pager button.load-more > .label {
  font-size: 1em;
  font-weight: 600;
  color: var(--lvh-secondary-text);
}
@media (max-width: 991px) {
  .interview-form-tab .activity-pager button.load-more > .label {
    font-size: 1.154em;
  }
}
interview-form-activity {
  margin-top: 14px;
  display: block;
}
interview-form-activity .ifa-wrapper {
  padding: 12px 18px;
  border: 1px solid var(--lvh-x-shark-light);
  border-radius: 3px;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
interview-form-activity .ifa-wrapper:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
interview-form-activity .ifa-wrapper .ifa-heading .avatar-wrap {
  float: left;
  margin: 0 10px 0 0;
}
interview-form-activity .ifa-wrapper .ifa-heading div.info {
  padding: 9px 125px 0 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  interview-form-activity .ifa-wrapper .ifa-heading div.info {
    padding: 0 20px 0 0;
  }
}
interview-form-activity .ifa-wrapper .ifa-heading div.info span {
  color: var(--lvh-x-dark-grey);
  font-weight: 600;
}
interview-form-activity .ifa-wrapper .ifa-heading .rhs {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 11px;
  color: var(--lvh-x-shark-dark);
}
interview-form-activity .ifa-wrapper .ifa-heading .rhs .created-date {
  vertical-align: middle;
  display: inline-block;
  line-height: 16px;
}
interview-form-activity .ifa-wrapper .ifa-heading .rhs .expand-collapse {
  margin-left: 13px;
  margin-top: 1px;
  display: inline-block;
  font-size: 16px;
  vertical-align: middle;
}
@media (max-width: 991px) {
  interview-form-activity .ifa-wrapper .ifa-heading .rhs .expand-collapse {
    position: absolute;
    right: 10px;
    top: 10px;
  }
}
@media (max-width: 991px) {
  interview-form-activity .ifa-wrapper .ifa-heading .rhs {
    position: static;
    -webkit-transform: none;
    transform: none;
  }
}
interview-form-activity .ifa-wrapper .ifa-heading:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
interview-form-activity .ifa-wrapper .row {
  margin-top: 7px;
}
interview-form-activity .ifa-wrapper .row.ratings {
  margin-top: 15px;
  margin-bottom: 15px;
  width: 100%;
  border: solid 1px var(--lvh-x-paler-grey);
  box-sizing: border-box;
  padding: 7px 0;
  background-color: var(--lvh-white);
}
interview-form-activity .ifa-wrapper .row.ratings .rating {
  padding: 13px 20px;
  display: inline-block;
  width: 175px;
  box-sizing: border-box;
  border-right: solid 1px var(--lvh-x-paler-grey);
}
@media (max-width: 991px) {
  interview-form-activity .ifa-wrapper .row.ratings .rating {
    border-right: none;
  }
}
interview-form-activity .ifa-wrapper .row.ratings .rating .label {
  margin-bottom: 7px;
  display: block;
  color: var(--lvh-x-dark-grey);
  font-weight: 600;
}
interview-form-activity .ifa-wrapper .row.ratings .rating:last-child {
  border-right: none;
}
interview-form-activity .ifa-wrapper .row.ratings .rating .br-wrapper {
  display: inline-block;
}
interview-form-activity .ifa-wrapper .row.ratings .rating .rating-summary {
  color: var(--lvh-x-shark-dark);
  display: inline-block;
  vertical-align: top;
  line-height: 13px;
  padding-top: 1px;
}
interview-form-activity .ifa-wrapper .row.notes {
  margin-bottom: 10px;
}
interview-form-activity .ifa-wrapper .ifa-title {
  font-weight: 600;
  color: var(--lvh-x-light-grey);
}
interview-form-activity .interview-item .interview-action {
  position: relative;
  padding: 20px;
  border-bottom: 1px solid var(--lvh-x-shark-dark);
}
interview-form-activity .interview-item .interview-action p {
  margin: 8px 0 7px;
}
interview-form-activity .interview-item .interview-action .button {
  position: absolute;
  top: 20px;
  right: 20px;
}
@media (max-width: 991px) {
  interview-form-activity .interview-item .interview-action .button {
    position: static;
  }
}
job-requisition-progress {
  position: relative;
  display: block;
  margin: 0 auto 30px auto;
  width: 500px;
}
job-requisition-progress:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (max-width: 991px) {
  job-requisition-progress {
    width: 100%;
  }
}
@media (max-width: 991px) {
  job-requisition-progress .container--mobile {
    position: relative;
  }
}
job-requisition-progress .state {
  display: inline-block;
  width: 164px;
  text-align: center;
}
@media (max-width: 991px) {
  job-requisition-progress .state {
    position: relative;
    display: block;
    float: left;
    width: 33.333%;
  }
}
@media (min-width: 992px) {
  job-requisition-progress .state:last-child > .circle > .path {
    display: none;
  }
}
job-requisition-progress .state.active .circle,
job-requisition-progress .state.done .circle {
  border-color: var(--lvh-bright-blue);
}
job-requisition-progress .state.active span,
job-requisition-progress .state.done span {
  color: var(--lvh-bright-blue);
}
job-requisition-progress .state.done .circle {
  background-color: var(--lvh-bright-blue);
  color: var(--lvh-white);
}
job-requisition-progress .state.done .circle:before {
  font-family: 'IconFont';
  content: "\e911";
}
job-requisition-progress .state.done .circle .path {
  border-color: var(--lvh-bright-blue);
}
job-requisition-progress .state .circle {
  position: relative;
  width: 20px;
  height: 20px;
  line-height: 20px;
  margin: 0 auto;
  border: 2px solid var(--lvh-x-shark-dark);
  border-radius: 50%;
  background: var(--lvh-x-off-white);
}
@media (max-width: 991px) {
  job-requisition-progress .state .circle {
    position: static;
  }
}
job-requisition-progress .state .circle .path {
  position: absolute;
  top: 9px;
  left: 22px;
  border-bottom: 2px solid var(--lvh-x-shark-dark);
  width: 144px;
}
@media (max-width: 991px) {
  job-requisition-progress .state .circle .path {
    left: 50%;
    width: 100%;
    z-index: -1;
  }
}
job-requisition-progress span {
  display: inline-block;
  padding: 4px;
  color: var(--lvh-x-shark-dark);
}
#user-list-page {
  float: left;
  width: 100%;
  padding: 0 0 80px 0;
}
@media (max-width: 991px) {
  #user-list-page {
    padding: 0 0 40px 0;
  }
}
@media (min-width: 992px) {
  #user-list-page {
    margin-top: 80px;
  }
}
#user-list-page .container {
  position: relative;
}
@media (max-width: 991px) {
  #user-list-page .col.quarters {
    width: 100% !important;
    margin-bottom: 20px;
  }
}
@media (max-width: 991px) {
  #user-list-page .col.quarters:not(:last-child) {
    margin-right: 0 !important;
  }
}
@media (min-width: 992px) {
  #user-list-page .employerAppHeader {
    position: fixed;
    top: 60px;
    margin: 0;
    z-index: 7961;
  }
}
#user-list-page .employerAppHeader #stats-toggle-container {
  margin: 23px 0 0 10px;
}
#user-list-page .employerAppHeader .button-wrap {
  float: right;
}
#user-list-page .user-table-section {
  float: left;
  width: 100%;
}
#user-list-page .header-tabs-section {
  float: left;
  width: 100%;
  padding: 20px 0 0 0;
  margin: 0 0 20px 0;
}
@media (max-width: 991px) {
  #user-list-page .header-tabs-section {
    padding: 10px 0 0 0;
    margin: 0 0 10px 0;
  }
}
#user-list-page .header-tabs-section > .container > .row {
  float: left;
  width: 100%;
  border-bottom: 1px solid var(--lvh-x-paler-grey);
}
@media (min-width: 992px) {
  #user-list-page .header-tabs-section .cc-tabopotamus .items {
    border-bottom: none;
  }
}
#user-list-page .header-tabs-section .container-inner {
  margin-top: 10px;
}
@media (max-width: 991px) {
  #user-list-page .header-tabs-section .container-inner {
    margin-top: 0;
  }
}
#user-list-page .header-tabs-section #search-wrap {
  position: relative;
  float: right;
  margin: 0 0 0 10px;
}
@media (max-width: 991px) {
  #user-list-page .header-tabs-section #search-wrap {
    width: 100%;
    margin: 0 0 10px;
  }
}
#user-list-page .header-tabs-section #search-wrap input {
  width: 195px;
}
@media (max-width: 991px) {
  #user-list-page .header-tabs-section #search-wrap input {
    width: 100%;
  }
}
#user-list-page .header-tabs-section #search-wrap i.iconFont.glyph0061 {
  position: absolute;
  top: 50%;
  right: 7px;
  font-size: 14px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: var(--lvh-x-shark-dark);
  z-index: 2;
}
#user-list-page #user-list {
  float: left;
  width: 100%;
}
#user-list-page .add-user-button {
  float: right;
  margin: 23px 0;
}
@media (max-width: 991px) {
  #user-list-page .add-user-button {
    margin: 8px 0;
  }
}
#user-list-page .tabs .tab:before {
  content: '';
  width: 1px;
  height: 17px;
  background-color: var(--lvh-x-pale-grey);
  margin-top: -8.5px;
}
#user-list-page .cc-tabopotamus .cc-count-badge {
  background-color: var(--lvh-x-shark-light);
  color: var(--lvh-x-shark-dark);
}
#user-list-page .cc-tabopotamus .tab.active .cc-count-badge {
  color: var(--lvh-bright-blue);
}
@media (min-width: 992px) {
  #user-list-page .cc-tabopotamus .items {
    min-height: 60px;
  }
}
#user-list-page .cc-dropdown2 .dropdown {
  max-height: none;
}
#user-list-page .cc-dropdown2 li {
  padding-top: 2px;
  padding-bottom: 5px;
}
#user-list-page .cc-dropdown2 li:not(:last-child) {
  border-bottom: 1px solid var(--lvh-x-shark-light);
}
#user-list-page .cc-dropdown2 li .html-label {
  line-height: normal;
  padding-bottom: 2px;
  color: var(--lvh-x-shark-dark);
  font-size: 11px;
}
#user-list-page .cc-dropdown2 .selected-option .html-label {
  display: none;
}
#user-list-page #activate-user-form .modalBody {
  border-top: none;
}
@media (max-width: 991px) {
  .um-page .col.halves,
  .um-page .col.quarters {
    width: 100% !important;
    margin-bottom: 20px;
  }
}
@media (max-width: 991px) {
  .um-page .col.halves:not(:last-child),
  .um-page .col.quarters:not(:last-child) {
    margin-right: 0 !important;
  }
}
@media (max-width: 991px) {
  .um-page .col.halves:last-child,
  .um-page .col.quarters:last-child {
    margin-bottom: 0 !important;
  }
}
.um-page #user-grid-container:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.um-page #user-list {
  float: left;
  width: 100%;
}
.um-page #user-list tbody tr td.no-wrap {
  white-space: nowrap;
}
@media (max-width: 991px) {
  .um-page #user-list tbody tr td > .cc-tooltip {
    margin-left: 100px;
  }
}
.um-page #user-list tbody tr td .text {
  display: block;
  padding: 15px 0;
}
@media (max-width: 991px) {
  .um-page #user-list tbody tr td .text {
    padding: 0;
  }
}
.um-page #user-list tbody tr td > .text {
  padding: 0 0 7px 100px;
}
@media (min-width: 992px) {
  .um-page #user-list tbody tr td > .text {
    padding: 0 0 7px 0;
  }
}
.um-page #user-list tbody tr td > .text:last-child {
  padding: 0 0 0 100px;
}
@media (min-width: 992px) {
  .um-page #user-list tbody tr td > .text:last-child {
    padding: 0;
  }
}
.um-page #user-list .cc-action-callout .cc-callout-list .item {
  min-width: 150px;
}
.um-page #userRolesDropdown .dropdown {
  right: -60px;
}
.um-page .account-settings {
  background-color: var(--lvh-white);
  display: table;
  margin-top: 100px;
  max-width: 600px;
}
@media (max-width: 991px) {
  .um-page .account-settings {
    margin-top: 0;
  }
}
.um-page .account-settings .white {
  background-color: var(--lvh-white) !important;
}
.um-page .account-settings .modalBody {
  border-top: none;
}
.um-page .account-settings .dividor {
  box-sizing: border-box;
  border-top: 1px solid var(--lvh-x-pale-grey);
}
.um-page .account-settings .company-user-profile-picture {
  position: relative;
  display: inline-block;
  margin-right: 20px;
  vertical-align: top;
  width: 75px;
  height: 75px;
  float: left;
}
@media (max-width: 991px) {
  .um-page .account-settings .company-user-profile-picture {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}
.um-page .account-settings .company-user-profile-picture img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.um-page .account-settings .company-user-profile-picture .update-avatar-overlay {
  opacity: 0;
  transition: all 0.4s;
  position: absolute;
  top: 0;
  left: 0;
  width: 130px;
  height: 130px;
  text-align: center;
  display: table;
  color: var(--lvh-x-off-white);
}
.um-page .account-settings .company-user-profile-picture .update-avatar-overlay .wrap {
  display: table-cell;
  vertical-align: middle;
}
.um-page .account-settings .company-user-profile-picture .update-avatar-overlay i {
  display: block;
  font-size: 38.4px;
  opacity: 0.7;
}
.um-page .account-settings .company-user-profile-picture .update-avatar-overlay span {
  font-weight: 600;
}
.um-page .account-settings .company-user-profile-picture .update-avatar-overlay:hover {
  cursor: pointer;
  opacity: 1;
}
.um-page .account-settings .company-user-profile-content {
  vertical-align: top;
  position: relative;
  display: inline-block;
  width: calc(100% - 155px);
  margin-top: 20px;
}
@media (max-width: 991px) {
  .um-page .account-settings .company-user-profile-content {
    margin: 20px 0 0;
    width: 100%;
  }
}
.um-table {
  width: 100%;
}
@media (max-width: 991px) {
  .um-table {
    table-layout: fixed;
    word-break: break-word;
    /*
    Testing disabling the rest of this mixin to review state with current browser versions.  If specific problems found with older browsers, we'll look at manual hyphenation approaches

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;

    //Firefox -Simon's recollection was that this was a prior attempt to undo the hyphenation settings above - Jamie also tweaked to only affect mobile...  believe latest change makes it unnecessary
    @media screen and (max-width: @screen-sm-max) and (-moz-images-in-menus:0) {
        hyphens: none !important;
        -moz-hyphens: none !important;
        word-break: normal !important;
    }*/
  }
}
.um-table thead {
  background-color: var(--lvh-x-dark-grey);
}
@media (max-width: 991px) {
  .um-table thead {
    display: none;
  }
}
.um-table th {
  font-weight: 600;
  color: var(--lvh-white);
  text-align: left;
  padding: 8px 15px;
  box-sizing: border-box;
  white-space: nowrap;
}
.um-table tbody tr {
  background-color: var(--lvh-white);
  border-bottom: 1px solid var(--lvh-x-grey);
}
@media (max-width: 991px) {
  .um-table tbody tr {
    display: block;
    padding: 15px 20px 20px 20px;
    margin: 0 0 15px 0;
    border-radius: 3px;
  }
}
.um-table tbody tr:hover,
.um-table tbody tr:focus {
  background-color: var(--lvh-x-pale-blue);
}
.um-table td {
  vertical-align: middle;
  padding: 5px 15px;
  vertical-align: top;
  color: var(--lvh-secondary-text);
  box-sizing: border-box;
}
.um-table td.has-nested {
  padding: 0 !important;
}
@media (max-width: 991px) {
  .um-table td {
    display: block;
    padding: 0;
  }
}
@media (max-width: 991px) {
  .um-table td:before {
    content: attr(data-th);
    float: left;
    width: 100px;
    color: var(--lvh-x-dark-grey);
  }
}
.um-table td:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.um-table td.mobile-heading {
  line-height: 1.6;
}
.um-table td em {
  font-style: normal;
  color: var(--lvh-x-dark-grey);
}
.um-table .button {
  outline: none;
  background: none;
}
#update-image-modal .profile-photo .modalBody {
  padding: 30px 24px;
}
#update-image-modal .profile-photo .modalBody.crop-image {
  height: 440px;
  width: 440px;
}
#update-image-modal .profile-photo .modalFooter {
  padding-bottom: 20px;
  padding-right: 24px;
  padding-left: 24px;
}
.currency-input-wrapper {
  position: relative;
  color: var(--lvh-secondary-text);
}
.currency-input-wrapper.symbol-length-1 input {
  padding-left: 26px;
}
.currency-input-wrapper.symbol-length-2 input {
  padding-left: 33px;
}
.currency-input-wrapper.symbol-length-3 input {
  padding-left: 40px;
}
.currency-input-wrapper .prefix {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
.currency-input-wrapper .suffix {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
.currency-input-wrapper input {
  color: var(--lvh-secondary-text);
}
.step-active {
  color: #00bdeb;
}
.offline-offer {
  float: right;
  position: absolute;
  top: 0;
  right: 5px;
}
.offline-offer label {
  font-weight: 400;
}
.offline-offer input {
  margin-right: 5px;
}
#letter-holder .button-wrap {
  margin-bottom: 20px;
  float: right;
}
#letter-holder .cc-alert {
  clear: both;
  float: none;
}
#offer-approval-page .primary-header-menu {
  float: unset;
}
#offer-approval-page .primary-header-menu .container {
  position: relative;
}
#offer-approval-page .primary-header-menu .header-rhs .actions,
#offer-approval-page .primary-header-menu .header-rhs .approvers {
  float: left;
}
#offer-approval-page .primary-header-menu .header-rhs .actions {
  padding-right: 20px;
}
#offer-approval-page .primary-header-menu .header-rhs .approvers {
  padding-left: 20px;
  border-left: 1px solid var(--lvh-x-pale-grey);
}
#offer-approval-page .primary-header-menu .header-btm .icon {
  color: var(--lvh-x-green);
}
#offer-approval-page #note {
  margin-bottom: 10px;
}
#offer-approval-page #note .offer-decline-reason {
  border-top: 1px solid var(--lvh-x-paler-grey);
}
#offer-approval-page #note .offer-decline-reason p {
  font-weight: 700;
  margin: 0;
}
#offer-approval-page #tabs {
  margin-bottom: 20px;
}
#offer-approval-page #offer-details {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
#offer-approval-page #offer-details .container:not(.info) {
  padding: 30px;
  background: var(--lvh-white);
  border: 1px solid var(--lvh-x-pale-grey);
  box-sizing: border-box;
  border-radius: 3px;
  max-width: 800px;
  float: left;
  margin-bottom: 20px;
}
#offer-approval-page #offer-details .container:not(.info).letter {
  margin: 0 0 20px 0;
  padding: 0;
}
#offer-approval-page #offer-details .container:not(.info).letter .offer-document {
  height: 80vh;
}
#offer-approval-page #offer-details .container:not(.info).letter .offer-document #offer-letter-wrap {
  width: 100%;
  height: 80vh;
}
#offer-approval-page #offer-details .info {
  max-width: 380px;
  margin-left: 20px;
  float: right;
}
#offer-approval-page #offer-details .info .additional-documents .heading {
  font-weight: 600;
}
#offer-approval-page #offer-details .info .additional-documents .files {
  margin-top: 20px;
  border-top: 1px solid var(--lvh-x-paler-grey);
}
#offer-approval-page #offer-details .pageBreak {
  min-height: 1px;
  border-top: 1px dotted #cecece;
  width: 100%;
  display: block;
}
#offer-approval-page #offer-details mark.marker-yellow {
  background-color: #fdfd77;
}
#offer-approval-page #offer-details mark.marker-green {
  background-color: #63f963;
}
#offer-approval-page #offer-details mark.marker-pink {
  background-color: #fc7999;
}
#offer-approval-page #offer-details mark.marker-blue {
  background-color: #72cdfd;
}
#offer-approval-page #offer-details mark.pen-red {
  color: #e91313;
  background-color: transparent;
}
#offer-approval-page #offer-details mark.pen-green {
  color: #180;
  background-color: transparent;
}
#offer-approval-page #offer-details blockquote {
  overflow: hidden;
  padding-right: 1.5em;
  padding-left: 1.5em;
  margin-left: 0;
  font-style: italic;
  border-left: 5px solid var(--lvh-x-shark-dark);
}
#offer-approval-page #offer-details figure {
  margin: 0;
}
#offer-approval-page #offer-details figure.image_resized {
  max-width: 100%;
}
#offer-approval-page #offer-details figure .image_resized img {
  width: 100%;
}
#offer-approval-page #offer-details figure.image-style-align-left {
  float: left;
  margin-right: 19.5px;
}
#offer-approval-page #offer-details figure.image-style-align-right {
  float: right;
  margin-left: 19.5px;
}
#offer-approval-page #offer-details figure table {
  width: 100%;
}
#offer-approval-page #offer-details figure img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
#offer-approval-page #offer-details figure img[alt="companyLogo"] {
  margin: 0;
  padding-bottom: 5px;
}
#offer-approval-page #offer-details figure .text-tiny {
  font-size: 0.7em;
}
#offer-approval-page #offer-details figure .text-small {
  font-size: 0.85em;
}
#offer-approval-page #offer-details figure .text-regular {
  font-size: 1em;
}
#offer-approval-page #offer-details figure .text-big {
  font-size: 1.4em;
}
#offer-approval-page #offer-details figure .text-huge {
  font-size: 1.8em;
}
#offer-approval-page #offer-detail {
  max-width: 1100px;
  min-width: 0px;
  border: solid 1px var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  padding: 15px;
  box-sizing: border-box;
  margin-bottom: 25px;
}
#offer-approval-page #offer-detail .role-message {
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--lvh-x-paler-grey);
}
#offer-approval-page #offer-detail .recruiter-details {
  display: block;
  padding: 15px 0;
  color: var(--lvh-x-dark-grey);
}
#offer-approval-page #offer-detail .recruiter-details .contact {
  margin-left: 64px;
  margin-top: 10px;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 24px;
}
#offer-approval-page #offer-detail .recruiter-details .contact i {
  color: var(--lvh-secondary-text);
}
#offer-approval-page #offer-detail .recruiter-details .contact span {
  margin-left: 3px;
}
#offer-approval-page #offer-detail .avatar-details .avatar {
  float: left;
  margin: 0 10px 0 0;
}
#offer-approval-page #offer-detail .avatar-details .label {
  margin: 5px 0;
}
#offer-approval-page #offer-detail .avatar-details .secondary {
  color: var(--lvh-secondary-text);
  font-weight: 400;
}
#offer-approval-page #offer-detail .recruiter-details {
  border-top: none;
  padding: 0;
}
/* line 1, ../../source/scss/ng-img-crop.scss */
img-crop {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}
/* line 7, ../../source/scss/ng-img-crop.scss */
img-crop canvas {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  /* mobile webkit */
}

html {
  height: 100%;
  font-size: 81.3%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  border: 0;
  margin: 0;
  padding: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 1em;
  font-weight: 500;
  line-height: normal;
  color: #4d4d4d;
  background-color: #fff;
  height: 100%;
}
body.collapse,
body.modal,
body.dialog,
body.overlay {
  height: 100vh;
  overflow: hidden;
}
@media (max-width: 991px) {
  body.collapse--mobileOnly {
    height: 0;
    overflow: hidden;
  }
}
.row:first-child {
  margin-top: 0 !important;
}
.col.halves {
  float: left !important;
  width: 48% !important;
  margin-right: 4% !important;
}
@media (max-width: 991px) {
  .col.halves {
    width: 100% !important;
    margin-right: 0 !important;
  }
}
.col.halves.smallMargin {
  width: 49% !important;
  margin-right: 2% !important;
}
@media (max-width: 991px) {
  .col.halves.smallMargin {
    width: 100% !important;
    margin-right: 0 !important;
  }
}
.col.halves.span2 {
  width: 100% !important;
}
.col.halves:last-child {
  margin-right: 0 !important;
}
.col.thirds {
  float: left !important;
  width: 30.6666% !important;
  margin-right: 4% !important;
}
@media (max-width: 991px) {
  .col.thirds {
    width: 100% !important;
    margin-right: 0 !important;
  }
}
.col.thirds.smallMargin {
  width: 32% !important;
  margin-right: 2% !important;
}
@media (max-width: 991px) {
  .col.thirds.smallMargin {
    width: 100% !important;
    margin-right: 0 !important;
  }
}
.col.thirds.span2 {
  width: 65.3332% !important;
}
@media (max-width: 991px) {
  .col.thirds.span2 {
    width: 100% !important;
  }
}
.col.thirds:last-child {
  margin-right: 0 !important;
}
.col.quarters {
  float: left !important;
  width: 22% !important;
  margin-right: 4% !important;
}
@media (max-width: 991px) {
  .col.quarters {
    width: 100% !important;
    margin-right: 0 !important;
  }
}
.col.quarters.smallMargin:not(:last-child) {
  width: 24% !important;
  margin-right: 2% !important;
}
@media (max-width: 991px) {
  .col.quarters.smallMargin:not(:last-child) {
    width: 100% !important;
    margin-right: 0 !important;
  }
}
.col.quarters:last-child {
  margin-right: 0 !important;
}
.col.quarters.span3 {
  width: 74% !important;
}
@media (max-width: 991px) {
  .col.quarters.span3 {
    width: 100% !important;
  }
}
.col.fifths {
  float: left !important;
  width: 16.8% !important;
  margin-right: 4% !important;
}
@media (max-width: 991px) {
  .col.fifths {
    width: 100% !important;
    margin-right: 0 !important;
  }
}
.col.fifths.span2 {
  width: 37.6% !important;
  margin-right: 4% !important;
}
@media (max-width: 991px) {
  .col.fifths.span2 {
    width: 100% !important;
    margin-right: 0 !important;
  }
}
.col.fifths.span3 {
  width: 62.4% !important;
  margin-right: 4% !important;
}
@media (max-width: 991px) {
  .col.fifths.span3 {
    width: 100% !important;
    margin-right: 0 !important;
  }
}
.col.fifths.span4 {
  width: 79.2% !important;
  margin-right: 4%;
}
@media (max-width: 991px) {
  .col.fifths.span4 {
    width: 100% !important;
    margin-right: 0 !important;
  }
}
.col.fifths:last-child {
  margin-right: 0 !important;
}
.col.sixths {
  float: left !important;
  width: 15% !important;
  margin-right: 2% !important;
}
@media (max-width: 991px) {
  .col.sixths {
    width: 100% !important;
    margin-right: 0 !important;
  }
}
.col.sixths:last-child {
  margin-right: 0 !important;
}
.col.sixths.span2 {
  width: 30% !important;
}
@media (max-width: 991px) {
  .col.sixths.span2 {
    width: 100% !important;
  }
}
@media (max-width: 991px) {
  .col:not(:last-child) {
    margin-bottom: 20px !important;
  }
}
[ng-click]:not(.cc-modalOverlay):not(.overlayContent),
[data-ng-click]:not(.cc-modalOverlay):not(.overlayContent),
[x-ng-click]:not(.cc-modalOverlay):not(.overlayContent) {
  cursor: pointer;
}
.overlay-blur {
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -webkit-filter: blur(2px);
  filter: blur(2px);
}
.container {
  max-width: 1660px;
  width: 100%;
  margin: 0 auto;
  padding: 0 30px;
  box-sizing: border-box;
}
.container940 {
  max-width: 1660px;
  width: 100%;
  margin: 0 auto;
  padding: 0 30px;
  box-sizing: border-box;
  max-width: 940px;
}
@media (max-width: 991px) {
  .container--mobile,
  .container-mobile {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
#searchListingsCta {
  float: left;
  width: 100%;
  padding: 20px;
  background-color: #e0e3e8;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 20px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#searchListingsCta .text {
  padding: 7.5px 0;
}
@media (max-width: 767px) {
  #searchListingsCta .text {
    float: left;
  }
}
#searchListingsCta .text > span {
  font-size: 14px;
  color: var(--lvh-secondary-text);
}
#searchListingsCta .button {
  float: right;
}
@media (max-width: 767px) {
  #searchListingsCta .button {
    float: left;
    width: 100%;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
#seoListingsPage {
  float: left;
  width: 100%;
  min-height: calc(100vh - 4.6em);
  margin-top: 4.6em;
  padding: 3.077em 0;
  background-color: var(--lvh-x-off-white) !important;
}
#seoListingsPage .container {
  max-width: 940px;
  padding: 0 20px;
}
#seoListingsPage #searchResultsWrap {
  width: 100%;
  padding-right: 18.462em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  #seoListingsPage #searchResultsWrap {
    padding-right: 0;
  }
}
#seoListingsPage #searchSidebarWrap {
  float: right;
  width: 16.923em;
}
@media (max-width: 991px) {
  #seoListingsPage #searchSidebarWrap {
    display: none;
  }
}
#seoListingsPage #breadcrumbs {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
#seoListingsPage #breadcrumbs > span {
  font-size: 12px;
  color: var(--lvh-secondary-text);
}
#seoListingsPage .sidebarMenu {
  float: left;
  width: 100%;
  background-color: var(--lvh-white);
  -moz-border-radius: 0.231em;
  -webkit-border-radius: 0.231em;
  border-radius: 0.231em;
  margin-bottom: 1.154em;
  border-bottom: 1px solid var(--lvh-x-grey);
  line-height: normal;
  position: relative;
}
#seoListingsPage .sidebarMenu .headingWrap {
  padding: 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid var(--lvh-x-shark-light);
}
#seoListingsPage .sidebarMenu .headingWrap h2 {
  margin: 0;
  font-size: 1em;
  font-weight: normal;
}
#seoListingsPage .sidebarMenu .headingWrap h2 > span {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.025em;
  color: var(--lvh-x-dark-grey);
}
#seoListingsPage .sidebarMenu .menuItems {
  float: left;
  width: 100%;
  margin: 0;
  padding: 20px 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#seoListingsPage .sidebarMenu .menuItems > .item {
  list-style: none;
  margin: 0 0 6px 0;
  padding: 0;
}
#seoListingsPage .sidebarMenu .menuItems > .item:last-child {
  margin-bottom: 0;
}
#employerApp {
  background-color: var(--lvh-x-off-white) !important;
}
#employerApp .status-tags > * {
  float: left;
}
@media (min-width: 992px) {
  #employerApp.has-banner.fix-to-top .p-sticky-table-header {
    position: static;
    transform: unset;
    display: table-header-group;
  }
}
#employerApp.has-banner.fix-to-top .p-table head {
  visibility: visible;
}
#employerApp.has-banner #headerLayoutV2.fixed {
  position: relative;
}
#employerApp.has-banner #content {
  min-height: 100vh;
  margin-top: 0;
}
@media (min-width: 992px) {
  #employerApp.has-banner #company-settings-page,
  #employerApp.has-banner #settings-config-page,
  #employerApp.has-banner #configuration-page,
  #employerApp.has-banner #user-list-page,
  #employerApp.has-banner #vacancy-list-page,
  #employerApp.has-banner #vacancy-publish-page,
  #employerApp.has-banner #vacancy-publish-page:not(.overlay-blur),
  #employerApp.has-banner #agency-list-page,
  #employerApp.has-banner #analytics-dashboards-page,
  #employerApp.has-banner #applicant-management-page,
  #employerApp.has-banner #applicant-management-page:not(.overlay-blur),
  #employerApp.has-banner .cc-app-header {
    margin-top: 0;
  }
}
@media (min-width: 992px) {
  #employerApp.has-banner .employerAppHeader,
  #employerApp.has-banner .primary-header-menu,
  #employerApp.has-banner .cc-app-header {
    position: static;
  }
}
#employerApp #companyDetailsHeader {
  float: left;
  width: 100%;
  padding: 8em 0;
  background-color: var(--lvh-white96);
}
@media (max-width: 991px) {
  #employerApp #companyDetailsHeader {
    display: none;
  }
}
#employerApp #primaryAppNav {
  float: left;
  width: 100%;
  background-color: var(--lvh-white);
  border-bottom: 1px solid var(--lvh-x-pale-grey);
}
#employerApp #primaryAppNav .tabs {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}
#employerApp #primaryAppNav .tabs .tab {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#employerApp #primaryAppNav .tabs .tab.active > a > span {
  font-weight: 600;
}
#employerApp #primaryAppNav .tabs .tab > a {
  float: left;
  padding: 2.346em 0;
  margin-right: 3em;
}
#employerApp #primaryAppNav .tabs .tab > a > span {
  color: var(--lvh-x-mid-grey);
  font-size: 1.077em;
}
#employerApp #secondaryAppNav {
  float: left;
  width: 100%;
  margin-bottom: 2em;
  border-bottom: 1px solid #d9d9d9;
}
#employerApp #secondaryAppNav .tabs {
  float: left;
  width: 100%;
  margin: 0;
  padding: 1em 0;
}
#employerApp #secondaryAppNav .tabs .tab {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#employerApp #secondaryAppNav .tabs .tab > a {
  float: left;
  padding: 1em 0;
  margin-right: 3em;
}
#employerApp #secondaryAppNav .tabs .tab > a > i {
  font-size: 1.077em;
  margin-right: 0.5em;
  vertical-align: middle;
}
#employerApp #secondaryAppNav .tabs .tab > a > span {
  vertical-align: middle;
  font-size: 1.077em;
}
#employerApp #content {
  float: left;
  width: 100%;
  min-height: calc(100vh - 9.2em);
  margin-top: 4.6em;
}
@media (max-width: 991px) {
  #employerApp #content {
    min-height: calc(100vh - 9.6em);
    margin-top: 4.18em;
  }
}
#employerApp .reviewStatus .icon.green {
  color: var(--lvh-x-green);
}
#employerApp .reviewStatus .icon.grey {
  color: var(--lvh-x-shark-light);
}
#employerApp questionnaire-ng1 section {
  background-color: inherit;
}
#employerApp questionnaire-ng1 section .section-content {
  padding: 0px;
  display: block;
}
#commsInboxView,
#commsWorker {
  float: left;
  width: 100%;
  padding: 3.077em 0;
}
@media (max-width: 991px) {
  #commsInboxView,
  #commsWorker {
    padding: 0;
  }
}
#commsInboxView .container,
#commsWorker .container {
  max-width: 940px;
}
@media (max-width: 991px) {
  #commsInboxView .container,
  #commsWorker .container {
    width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 991px) {
  #commsInboxView .container--mobile,
  #commsWorker .container--mobile {
    position: relative;
  }
}
#commsInboxView #inboxHeader,
#commsWorker #inboxHeader {
  float: left;
  width: 100%;
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  padding-bottom: 1em;
}
@media (max-width: 991px) {
  #commsInboxView #inboxHeader,
  #commsWorker #inboxHeader {
    padding: 14px 0;
  }
}
#commsInboxView #inboxHeader #newMessageCount,
#commsWorker #inboxHeader #newMessageCount {
  float: left;
  margin: 5px 0;
}
@media (max-width: 991px) {
  #commsInboxView #inboxHeader #newMessageCount,
  #commsWorker #inboxHeader #newMessageCount {
    display: none;
  }
}
#commsInboxView #inboxHeader #newMessageCount > span,
#commsWorker #inboxHeader #newMessageCount > span {
  font-size: 1.385em;
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
}
#commsInboxView #inboxHeader .dropdownComponent,
#commsWorker #inboxHeader .dropdownComponent {
  float: left;
  width: 100%;
  position: relative;
}
#commsInboxView #inboxHeader .dropdownComponent.select,
#commsWorker #inboxHeader .dropdownComponent.select {
  color: var(--lvh-x-dark-grey);
  border: 1px solid var(--lvh-x-shark-dark);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  outline: 0;
  line-height: initial;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#commsInboxView #inboxHeader .dropdownComponent.select .selectedLabel,
#commsWorker #inboxHeader .dropdownComponent.select .selectedLabel {
  float: left;
  width: 100%;
  padding: 7px 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--lvh-secondary-text);
}
@media (max-width: 991px) {
  #commsInboxView #inboxHeader .dropdownComponent.select .selectedLabel,
  #commsWorker #inboxHeader .dropdownComponent.select .selectedLabel {
    padding: 10px 14px;
  }
}
#commsInboxView #inboxHeader .dropdownComponent.select .selectedLabel > span,
#commsWorker #inboxHeader .dropdownComponent.select .selectedLabel > span {
  width: calc(100% - 20px);
  margin-right: 10px;
}
#commsInboxView #inboxHeader .dropdownComponent.select .selectedLabel i,
#commsWorker #inboxHeader .dropdownComponent.select .selectedLabel i {
  float: right;
  font-size: 7px;
  color: var(--lvh-secondary-text);
  padding: 5.5px 0;
}
#commsInboxView #inboxBody,
#commsWorker #inboxBody {
  float: left;
  width: 100%;
  position: relative;
  margin: 0;
}
#commsInboxView #inboxBody .conversations,
#commsWorker #inboxBody .conversations {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
}
#commsInboxView #inboxBody .conversations .conversation,
#commsWorker #inboxBody .conversations .conversation {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
#commsInboxView #inboxBody .conversations .conversation:hover .conversationWrap,
#commsWorker #inboxBody .conversations .conversation:hover .conversationWrap,
#commsInboxView #inboxBody .conversations .conversation:focus .conversationWrap,
#commsWorker #inboxBody .conversations .conversation:focus .conversationWrap,
#commsInboxView #inboxBody .conversations .conversation:active .conversationWrap,
#commsWorker #inboxBody .conversations .conversation:active .conversationWrap {
  background-color: var(--lvh-x-shark-light);
}
#commsInboxView #inboxBody .conversations .conversation:hover .conversationWrap .messageContentInner.more:after,
#commsWorker #inboxBody .conversations .conversation:hover .conversationWrap .messageContentInner.more:after,
#commsInboxView #inboxBody .conversations .conversation:focus .conversationWrap .messageContentInner.more:after,
#commsWorker #inboxBody .conversations .conversation:focus .conversationWrap .messageContentInner.more:after,
#commsInboxView #inboxBody .conversations .conversation:active .conversationWrap .messageContentInner.more:after,
#commsWorker #inboxBody .conversations .conversation:active .conversationWrap .messageContentInner.more:after {
  background-image: -moz-linear-gradient(left, rgba(238, 238, 238, 0), #eeeeee);
  background-image: -ms-linear-gradient(left, rgba(238, 238, 238, 0), #eeeeee);
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(238, 238, 238, 0)), to(#eeeeee));
  background-image: -webkit-linear-gradient(left, rgba(238, 238, 238, 0), #eeeeee);
  background-image: -o-linear-gradient(left, rgba(238, 238, 238, 0), #eeeeee);
  background-image: linear-gradient(left, rgba(238, 238, 238, 0), #eeeeee);
}
#commsInboxView #inboxBody .conversations .conversation .conversationWrap,
#commsWorker #inboxBody .conversations .conversation .conversationWrap {
  float: left;
  width: 100%;
  height: 84px;
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  padding: 15px 13px;
  margin: 0;
  cursor: pointer;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  #commsInboxView #inboxBody .conversations .conversation .conversationWrap,
  #commsWorker #inboxBody .conversations .conversation .conversationWrap {
    padding: 15px 0;
  }
}
#commsInboxView #inboxBody .conversations .conversation .conversationInnerWrap,
#commsWorker #inboxBody .conversations .conversation .conversationInnerWrap {
  float: left;
  width: 100%;
  position: relative;
}
@media (max-width: 991px) {
  #commsInboxView #inboxBody .conversations .conversation .conversationInnerWrap,
  #commsWorker #inboxBody .conversations .conversation .conversationInnerWrap {
    position: static;
    padding-left: 70px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
#commsInboxView #inboxBody .conversations .conversation .lhs,
#commsWorker #inboxBody .conversations .conversation .lhs {
  width: 220px;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 991px) {
  #commsInboxView #inboxBody .conversations .conversation .lhs,
  #commsWorker #inboxBody .conversations .conversation .lhs {
    width: 100%;
    position: static;
  }
}
#commsInboxView #inboxBody .conversations .conversation .profilePic,
#commsWorker #inboxBody .conversations .conversation .profilePic {
  width: 54px;
  height: 54px;
  padding: 2px;
  background-size: 50px 50px;
}
#commsInboxView #inboxBody .conversations .conversation .profilePic .initials,
#commsWorker #inboxBody .conversations .conversation .profilePic .initials {
  line-height: 54px;
}
#commsInboxView #inboxBody .conversations .conversation .profilePic .initials > span,
#commsWorker #inboxBody .conversations .conversation .profilePic .initials > span {
  font-size: 24px;
}
#commsInboxView #inboxBody .conversations .conversation .profilePic > .indicator,
#commsWorker #inboxBody .conversations .conversation .profilePic > .indicator {
  width: 12px;
  height: 12px;
  right: 2px/2;
  bottom: 2px/2;
}
#commsInboxView #inboxBody .conversations .conversation .profilePic,
#commsWorker #inboxBody .conversations .conversation .profilePic {
  float: left;
  margin-right: 26px;
}
#commsInboxView #inboxBody .conversations .conversation .profilePic.companyLogo,
#commsWorker #inboxBody .conversations .conversation .profilePic.companyLogo {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#commsInboxView #inboxBody .conversations .conversation .profilePic.companyLogo > .avatar,
#commsWorker #inboxBody .conversations .conversation .profilePic.companyLogo > .avatar {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid var(--lvh-x-pale-grey);
  padding: 4px;
}
@media (max-width: 991px) {
  #commsInboxView #inboxBody .conversations .conversation .profilePic,
  #commsWorker #inboxBody .conversations .conversation .profilePic {
    position: absolute;
    top: 0;
    left: 0;
    margin-right: 16px;
  }
}
#commsInboxView #inboxBody .conversations .conversation .unreadIndicator,
#commsWorker #inboxBody .conversations .conversation .unreadIndicator {
  float: left;
  width: 6px;
  height: 6px;
  background-color: var(--lvh-x-red);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin: 6px 4px 6px 0;
}
#commsInboxView #inboxBody .conversations .conversation .conversationInfo,
#commsWorker #inboxBody .conversations .conversation .conversationInfo {
  float: left;
  width: 140px;
  margin: 8.5px 0;
}
@media (max-width: 991px) {
  #commsInboxView #inboxBody .conversations .conversation .conversationInfo,
  #commsWorker #inboxBody .conversations .conversation .conversationInfo {
    width: 100%;
    margin: 0 0 2px 0;
    position: relative;
  }
}
#commsInboxView #inboxBody .conversations .conversation .conversationInfo > .row,
#commsWorker #inboxBody .conversations .conversation .conversationInfo > .row {
  float: left;
  width: 100%;
  margin-bottom: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  #commsInboxView #inboxBody .conversations .conversation .conversationInfo > .row,
  #commsWorker #inboxBody .conversations .conversation .conversationInfo > .row {
    margin-bottom: 0;
  }
}
#commsInboxView #inboxBody .conversations .conversation .conversationInfo > .row .tooltipContainer,
#commsWorker #inboxBody .conversations .conversation .conversationInfo > .row .tooltipContainer {
  z-index: 1;
  /*otherwise tooltip is behind cv strength arc*/
}
#commsInboxView #inboxBody .conversations .conversation .conversationInfo > .row:last-child,
#commsWorker #inboxBody .conversations .conversation .conversationInfo > .row:last-child {
  margin-bottom: 0;
}
#commsInboxView #inboxBody .conversations .conversation .conversationInfo .senderName,
#commsWorker #inboxBody .conversations .conversation .conversationInfo .senderName {
  display: inline;
}
#commsInboxView #inboxBody .conversations .conversation .conversationInfo .senderName > span,
#commsWorker #inboxBody .conversations .conversation .conversationInfo .senderName > span {
  font-weight: 500;
  color: var(--lvh-x-dark-grey);
}
#commsInboxView #inboxBody .conversations .conversation .conversationInfo .unreadCount,
#commsWorker #inboxBody .conversations .conversation .conversationInfo .unreadCount {
  display: none;
}
#commsInboxView #inboxBody .conversations .conversation .conversationInfo .unreadCount.visible,
#commsWorker #inboxBody .conversations .conversation .conversationInfo .unreadCount.visible {
  display: inline;
}
@media (max-width: 991px) {
  #commsInboxView #inboxBody .conversations .conversation .conversationInfo .timeStampTooltip,
  #commsWorker #inboxBody .conversations .conversation .conversationInfo .timeStampTooltip {
    position: absolute;
    top: 0;
    right: 0;
  }
}
#commsInboxView #inboxBody .conversations .conversation .conversationInfo .timeStamp > span,
#commsWorker #inboxBody .conversations .conversation .conversationInfo .timeStamp > span {
  font-size: 0.846em;
  font-weight: 300;
  color: var(--lvh-x-shark-dark);
}
#commsInboxView #inboxBody .conversations .conversation .messageContent,
#commsWorker #inboxBody .conversations .conversation .messageContent {
  float: left;
  width: 100%;
  padding: 0 180px 0 240px;
  margin: 8px 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.6;
  word-break: break-word;
  /*
    Testing disabling the rest of this mixin to review state with current browser versions.  If specific problems found with older browsers, we'll look at manual hyphenation approaches

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;

    //Firefox -Simon's recollection was that this was a prior attempt to undo the hyphenation settings above - Jamie also tweaked to only affect mobile...  believe latest change makes it unnecessary
    @media screen and (max-width: @screen-sm-max) and (-moz-images-in-menus:0) {
        hyphens: none !important;
        -moz-hyphens: none !important;
        word-break: normal !important;
    }*/
  max-height: 42px;
  overflow: hidden;
}
@media (max-width: 991px) {
  #commsInboxView #inboxBody .conversations .conversation .messageContent,
  #commsWorker #inboxBody .conversations .conversation .messageContent {
    padding: 0;
    margin: 0;
    line-height: 1.3;
    max-height: 34px;
  }
}
#commsInboxView #inboxBody .conversations .conversation .messageContent .messageContentInner,
#commsWorker #inboxBody .conversations .conversation .messageContent .messageContentInner {
  position: relative;
  max-height: 42px;
  overflow: hidden;
}
@media (max-width: 991px) {
  #commsInboxView #inboxBody .conversations .conversation .messageContent .messageContentInner,
  #commsWorker #inboxBody .conversations .conversation .messageContent .messageContentInner {
    max-height: 34px;
  }
}
#commsInboxView #inboxBody .conversations .conversation .messageContent .messageContentInner .full-message,
#commsWorker #inboxBody .conversations .conversation .messageContent .messageContentInner .full-message {
  display: block;
}
#commsInboxView #inboxBody .conversations .conversation .messageContent .messageContentInner.more,
#commsWorker #inboxBody .conversations .conversation .messageContent .messageContentInner.more {
  position: relative;
}
#commsInboxView #inboxBody .conversations .conversation .messageContent .messageContentInner.more:after,
#commsWorker #inboxBody .conversations .conversation .messageContent .messageContentInner.more:after {
  content: '...';
  position: absolute;
  bottom: 0;
  right: -1px;
  line-height: 1.8;
  background-image: -moz-linear-gradient(left, rgba(243, 245, 247, 0), #f3f5f7);
  background-image: -ms-linear-gradient(left, rgba(243, 245, 247, 0), #f3f5f7);
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(243, 245, 247, 0)), to(#f3f5f7));
  background-image: -webkit-linear-gradient(left, rgba(243, 245, 247, 0), #f3f5f7);
  background-image: -o-linear-gradient(left, rgba(243, 245, 247, 0), #f3f5f7);
  background-image: linear-gradient(left, rgba(243, 245, 247, 0), #f3f5f7);
}
@media (max-width: 991px) {
  #commsInboxView #inboxBody .conversations .conversation .messageContent .messageContentInner.more:after,
  #commsWorker #inboxBody .conversations .conversation .messageContent .messageContentInner.more:after {
    line-height: 1.5;
  }
}
#commsInboxView #inboxBody .conversations .conversation .messageContent > span,
#commsWorker #inboxBody .conversations .conversation .messageContent > span {
  color: var(--lvh-secondary-text);
}
@media (max-width: 991px) {
  #commsInboxView #inboxBody .conversations .conversation .messageContent > span,
  #commsWorker #inboxBody .conversations .conversation .messageContent > span {
    font-size: 0.846em;
  }
}
#commsInboxView #inboxBody .conversations .conversation .participants,
#commsWorker #inboxBody .conversations .conversation .participants {
  width: 140px;
  padding: 11px 0;
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 991px) {
  #commsInboxView #inboxBody .conversations .conversation .participants,
  #commsWorker #inboxBody .conversations .conversation .participants {
    display: none;
  }
}
#commsInboxView #inboxBody .conversations .conversation .participants .participants-inner,
#commsWorker #inboxBody .conversations .conversation .participants .participants-inner {
  float: right;
}
#commsInboxView #inboxBody .conversations .conversation .participants .participants-inner .participant,
#commsWorker #inboxBody .conversations .conversation .participants .participants-inner .participant,
#commsInboxView #inboxBody .conversations .conversation .participants .participants-inner .additional-participants,
#commsWorker #inboxBody .conversations .conversation .participants .participants-inner .additional-participants {
  float: left;
  margin-right: 1em;
}
#commsInboxView #inboxBody .conversations .conversation .participants .participants-inner .participant:last-child,
#commsWorker #inboxBody .conversations .conversation .participants .participants-inner .participant:last-child,
#commsInboxView #inboxBody .conversations .conversation .participants .participants-inner .additional-participants:last-child,
#commsWorker #inboxBody .conversations .conversation .participants .participants-inner .additional-participants:last-child {
  margin-right: 0;
}
#commsInboxView #inboxBody .conversations .conversation .participants .participants-inner .participant .profilePicture,
#commsWorker #inboxBody .conversations .conversation .participants .participants-inner .participant .profilePicture,
#commsInboxView #inboxBody .conversations .conversation .participants .participants-inner .additional-participants .profilePicture,
#commsWorker #inboxBody .conversations .conversation .participants .participants-inner .additional-participants .profilePicture {
  width: 32px;
  height: 32px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
#commsInboxView #inboxBody .conversations .conversation .participants .participants-inner .participant .profilePicture img,
#commsWorker #inboxBody .conversations .conversation .participants .participants-inner .participant .profilePicture img,
#commsInboxView #inboxBody .conversations .conversation .participants .participants-inner .additional-participants .profilePicture img,
#commsWorker #inboxBody .conversations .conversation .participants .participants-inner .additional-participants .profilePicture img,
#commsInboxView #inboxBody .conversations .conversation .participants .participants-inner .participant .profilePicture .info,
#commsWorker #inboxBody .conversations .conversation .participants .participants-inner .participant .profilePicture .info,
#commsInboxView #inboxBody .conversations .conversation .participants .participants-inner .additional-participants .profilePicture .info,
#commsWorker #inboxBody .conversations .conversation .participants .participants-inner .additional-participants .profilePicture .info {
  display: inline-block;
  width: 100%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
#commsInboxView #inboxBody .conversations .conversation .participants .participants-inner .participant .profilePicture .info,
#commsWorker #inboxBody .conversations .conversation .participants .participants-inner .participant .profilePicture .info,
#commsInboxView #inboxBody .conversations .conversation .participants .participants-inner .additional-participants .profilePicture .info,
#commsWorker #inboxBody .conversations .conversation .participants .participants-inner .additional-participants .profilePicture .info {
  font-size: 13px;
  font-weight: 600;
  line-height: 32px;
  text-align: center;
  background: var(--lvh-x-shark-dark);
}
#commsInboxView #inboxBody .conversations .conversation .participants .participants-inner .participant .profilePicture .initials,
#commsWorker #inboxBody .conversations .conversation .participants .participants-inner .participant .profilePicture .initials,
#commsInboxView #inboxBody .conversations .conversation .participants .participants-inner .additional-participants .profilePicture .initials,
#commsWorker #inboxBody .conversations .conversation .participants .participants-inner .additional-participants .profilePicture .initials {
  font-size: 0.769em;
  padding: 0.769em 0;
}
#commsInboxView #inboxFooter,
#commsWorker #inboxFooter {
  float: left;
  width: 100%;
  padding: 2em 0;
}
#commsInboxView #inboxFooter #paginator,
#commsWorker #inboxFooter #paginator {
  padding-top: 0;
  border-top: none;
}
#commsWorker {
  padding: 0;
}
#commsWorker .participants:last-child .tooltipContainer {
  width: 90px;
  margin-left: -45px;
}
#commsConversationView {
  float: left;
  width: 100%;
}
#commsConversationView h1 {
  font-size: 1em;
  margin: 0 0 2em 0;
}
#commsConversationView h1 > span {
  font-size: 2em;
  font-weight: 600;
}
#commsConversationView h2 {
  margin: 0;
  font-size: 1em;
  font-weight: normal;
}
#commsConversationView h2 > span {
  color: var(--lvh-x-dark-grey);
  font-size: 1.077em;
  font-weight: 600;
  letter-spacing: 0.025em;
}
#commsConversationView .sectionHeading {
  float: left;
  width: 100%;
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  padding-bottom: 0.769em;
  margin-bottom: 1.231em;
}
#commsConversationView > article {
  float: left;
  width: 70%;
  margin-right: 2%;
}
@media (max-width: 991px) {
  #commsConversationView > article {
    width: 100%;
    margin-right: 0;
    margin-bottom: 2em;
  }
}
#commsConversationView > aside {
  float: left;
  width: 28%;
}
@media (max-width: 991px) {
  #commsConversationView > aside {
    width: 100%;
    margin-right: 0;
  }
}
#commsConversationView > aside > section {
  margin-bottom: 2em;
}
#commsConversationView > aside > section:last-child {
  margin-bottom: 0;
}
#commsConversationView #messageComposeView {
  float: left;
  width: 100%;
  padding: 2em 2.154em 1.077em 2.154em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 1.538em;
}
#commsConversationView #messageComposeView > textarea {
  float: left;
  width: 100%;
  resize: none;
  padding: 1em;
  border: 1px solid #d9d9d9 !important;
  margin-bottom: 1.231em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#commsConversationView #messageComposeView > textarea:focus {
  outline: none;
}
#commsConversationView #messageComposeView > textarea.loading {
  background: var(--lvh-white) url('//assets.livehire.com/common/images/select2-spinner.gif');
  background-position: right 0.65em center;
  background-repeat: no-repeat;
}
#commsConversationView #messageComposeView #sendMessage {
  float: right;
}
#commsConversationView #messageHistoryView {
  float: left;
  width: 100%;
  padding: 2em 2.154em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#commsConversationView #messageHistoryView #messages {
  margin: 0 0 1.231em 0;
  float: left;
  width: 100%;
}
#commsConversationView #messageHistoryView #messages > li {
  float: left;
  width: 100%;
  margin: 0;
  list-style: none;
  min-height: 4.615em;
  margin-bottom: 0.769em;
}
#commsConversationView #messageHistoryView #messages > li:last-child {
  margin-bottom: 0;
}
#commsConversationView #messageHistoryView #messages > li.me .senderInfo {
  float: left;
}
#commsConversationView #messageHistoryView #messages > li.me .senderInfo .profilePicture {
  left: 0;
}
#commsConversationView #messageHistoryView #messages > li.me .messageWrap {
  padding-left: 4em;
}
#commsConversationView #messageHistoryView #messages > li.me .messageWrap > time {
  float: left;
}
#commsConversationView #messageHistoryView #messages > li.them .senderInfo {
  float: right;
}
#commsConversationView #messageHistoryView #messages > li.them .senderInfo .profilePicture {
  right: 0;
}
#commsConversationView #messageHistoryView #messages > li.them .messageWrap {
  padding-right: 4em;
}
#commsConversationView #messageHistoryView #messages > li.them .messageWrap > time {
  float: right;
}
#commsConversationView #messageHistoryView #messages > li .senderInfo {
  position: relative;
}
#commsConversationView #messageHistoryView #messages > li .senderInfo .profilePicture {
  width: 2.462em;
  height: 2.462em;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#commsConversationView #messageHistoryView #messages > li .senderInfo .profilePicture > .avatar {
  width: 100%;
  height: auto;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
#commsConversationView #messageHistoryView #messages > li .messageWrap {
  position: relative;
}
#commsConversationView #messageHistoryView #messages > li .messageWrap .messageCallout {
  padding: 0.385em 1.154em;
  background-color: var(--lvh-x-off-white);
  -moz-border-radius: 0.231em;
  -webkit-border-radius: 0.231em;
  border-radius: 0.231em;
  min-height: 3.538em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
#commsConversationView #messageHistoryView #messages > li .messageWrap .messageCallout .messageHeading > span {
  font-size: 0.769em;
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
  text-transform: uppercase;
}
#commsConversationView #messageHistoryView #messages > li .messageWrap .messageCallout .messageContent > span {
  color: var(--lvh-secondary-text);
}
#commsConversationView #messageHistoryView #messages > li .messageWrap .messageCallout .calloutTip {
  height: 14px;
  width: 14px;
  background-color: var(--lvh-x-off-white);
  position: absolute;
  top: 10px;
  border-bottom: none;
  border-right: none;
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
#commsConversationView #messageHistoryView #messages > li .messageWrap .messageCallout .calloutTip.left {
  left: 2px;
  margin: 0 0 0 -8px;
}
#commsConversationView #messageHistoryView #messages > li .messageWrap .messageCallout .calloutTip.right {
  right: 2px;
  margin: 0 -8px 0 0;
}
#commsConversationView #messageHistoryView #messages > li .messageWrap > time > span {
  font-size: 0.769em;
  font-weight: 300;
  color: var(--lvh-x-shark-dark);
}
#commsConversationView #messageHistoryView .noteWrap {
  width: 100%;
}
#commsConversationView #messageHistoryView .noteWrap .note {
  padding: 0.385em 1.154em;
  background-color: var(--lvh-x-murkberry-light);
  -moz-border-radius: 0.231em;
  -webkit-border-radius: 0.231em;
  border-radius: 0.231em;
  min-height: 3.538em;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#commsConversationView #messageHistoryView .noteWrap .note .heading > span {
  font-size: 0.769em;
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
  text-transform: uppercase;
}
#commsConversationView #messageHistoryView .noteWrap .note .content > span {
  color: var(--lvh-secondary-text);
}
#commsConversationView #messageHistoryView .noteWrap .time > span {
  font-size: 0.769em;
  font-weight: 300;
  color: var(--lvh-x-shark-dark);
}
#commsConversationView #candidateDetails {
  float: left;
  width: 100%;
  padding: 12em 2em;
  background-color: var(--lvh-white96);
  border: 1px solid #d9d9d9;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#commsConversationView #cvFeedback {
  float: left;
  width: 100%;
  padding: 12em 2em;
  background-color: var(--lvh-white96);
  border: 1px solid #d9d9d9;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#employerAppSearchView {
  float: left;
  width: 100%;
  padding: 3.077em 0;
  overflow-x: hidden;
}
@media (max-width: 991px) {
  #employerAppSearchView {
    padding: 0.923em 0 3.077em 0;
  }
}
#employerAppSearchView.blur {
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -webkit-filter: blur(2px);
  filter: blur(2px);
}
#employerAppSearchView #searchHeader {
  float: left;
  width: 100%;
  padding: 2em 0;
}
#employerAppSearchView #searchBody {
  float: left;
  width: 100%;
  position: relative;
}
#employerAppSearchView #searchForm {
  float: left;
}
#employerAppSearchView #saveSearchButton {
  float: right;
}
#employerAppSearchView #searchFiltersWrap {
  float: left;
  width: 280px;
  margin-right: 20px;
}
@media (max-width: 991px) {
  #employerAppSearchView #searchFiltersWrap {
    width: 100%;
    background-color: var(--lvh-white);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9000;
    overflow-y: auto;
    margin-right: 0;
  }
}
#employerAppSearchView #searchResultsWrap {
  width: 100%;
  padding-left: 300px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  #employerAppSearchView #searchResultsWrap {
    padding-left: 0;
  }
}
#searchResultsHeader {
  float: left;
  width: 100%;
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  padding-bottom: 13px;
  margin-bottom: 1.154em;
}
@media (max-width: 991px) {
  #searchResultsHeader {
    margin-bottom: 0.769em;
    padding: 0;
    border-bottom: none;
  }
}
#searchResultsHeader .count {
  float: left;
  margin: 2px 0;
}
@media (max-width: 991px) {
  #searchResultsHeader .count {
    margin: 4.5px 0;
  }
}
#searchResultsHeader .count > span {
  font-size: 1.385em;
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
}
@media (max-width: 991px) {
  #searchResultsHeader .count > span {
    font-size: 1.077em;
  }
}
#searchResultsHeader #savedSearchButton,
#searchResultsHeader #addToListButton {
  float: left;
  outline: none;
  background: none;
  border: none;
  padding: 0;
  margin-top: 5px;
  margin-bottom: 5px;
}
#searchResultsHeader #savedSearchButton > .label,
#searchResultsHeader #addToListButton > .label {
  color: var(--lvh-secondary-text);
}
#searchResultsHeader #savedSearchButton > .label > .icon,
#searchResultsHeader #addToListButton > .label > .icon {
  font-size: 0.923em;
  margin-right: 1px;
  color: var(--lvh-x-shark-dark);
}
#searchResultsHeader #savedSearchButton > .label:hover,
#searchResultsHeader #addToListButton > .label:hover {
  color: var(--lvh-x-dark-grey);
}
#searchResultsHeader #savedSearchButton > .label:hover > .icon,
#searchResultsHeader #addToListButton > .label:hover > .icon {
  color: var(--lvh-x-yellow);
}
#searchResultsHeader #addToListButton > .label:hover > .icon {
  color: var(--lvh-x-green);
}
#searchResultsHeader .buttonGroup {
  float: right;
}
#searchResultsHeader .buttonGroup > button {
  margin-right: 20px;
}
#searchResultsHeader .buttonGroup > button:last-child {
  margin-right: 0;
}
#searchResultsHeader .buttonGroup .add-button {
  float: left;
  width: 150px;
}
@media (max-width: 767px) {
  #searchResultsHeader .buttonGroup .add-button {
    display: none;
  }
}
.inputDialogOverlayMask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9000;
}
.inputDialogOverlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  z-index: 9100;
}
.inputDialogOverlay h2 {
  margin: 0;
  font-size: 1em;
}
.inputDialogOverlay h2 > span {
  font-size: 1.846em;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--lvh-x-dark-grey);
}
.inputDialogOverlay p > span {
  color: var(--lvh-secondary-text);
  line-height: 1.5;
}
.inputDialogOverlay > .overlayContent {
  padding: 6.154em 0;
}
@media (max-width: 991px) {
  .inputDialogOverlay > .overlayContent {
    padding: 6.154em 1.538em;
  }
}
.inputDialogOverlay .closeModal {
  position: absolute;
  top: 1em;
  right: 1em;
  line-height: 0;
}
.inputDialogOverlay .closeModal > .icon {
  color: var(--lvh-x-dark-grey);
  font-size: 0.615em;
  cursor: pointer;
}
.inputDialogOverlay .modal {
  display: table;
  max-width: 500px;
  margin: 0 auto;
  position: relative;
  background-color: var(--lvh-white);
  border-bottom: 1px solid var(--lvh-white92);
  -moz-border-radius: 0.231em;
  -webkit-border-radius: 0.231em;
  border-radius: 0.231em;
  padding: 1.538em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.inputDialogOverlay .inputDialogForm > .row {
  float: left;
  width: 100%;
  margin-bottom: 2.308em;
}
.inputDialogOverlay .inputDialogForm .buttonWrap {
  float: left;
  width: 100%;
  padding: 1.538em 0 0.769em 0;
  border-top: 1px solid var(--lvh-x-shark-light);
}
.inputDialogOverlay .inputDialogButton {
  float: right;
}
#savedSearchBar {
  float: left;
  width: 100%;
  background-color: var(--lvh-x-grey);
  padding: 12px 0;
}
#savedSearchBar > .container {
  max-width: 940px;
}
#savedSearchBar .name {
  float: left;
}
#savedSearchBar .name > span {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: var(--lvh-secondary-text);
}
@media (max-width: 991px) {
  #savedSearchBar .name > span > .desktopOnly {
    display: none;
  }
}
#savedSearchBar .name > span > em {
  font-style: normal;
  color: var(--lvh-x-dark-grey);
}
#savedSearchBar .link {
  float: right;
  cursor: pointer;
}
@media (max-width: 991px) {
  #savedSearchBar .link {
    display: none;
  }
}
#savedSearchBar .link > span {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
}
.searchListingDirective {
  float: left;
  width: 100%;
  background-color: var(--lvh-white);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 15px;
  line-height: normal;
  position: relative;
  min-height: 40px;
}
.searchListingDirective:hover .listLink,
.searchListingDirective:focus .listLink {
  display: block;
}
.searchListingDirective:hover .footerContent .card-actions,
.searchListingDirective:focus .footerContent .card-actions {
  visibility: visible;
}
.searchListingDirective:last-child {
  margin-bottom: 0;
}
.searchListingDirective:before {
  width: 4px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  z-index: 1;
}
.searchListingDirective.alumni:before {
  content: '';
  background-color: var(--lvh-x-green);
}
.searchListingDirective.contractor:before {
  content: '';
  background-color: var(--lvh-x-dark-grey);
}
.searchListingDirective.internal:before {
  content: '';
  background-color: var(--lvh-x-orange);
}
.searchListingDirective .cc-card-view .name > span {
  border-bottom: 1px solid transparent;
}
.searchListingDirective > .notConnected .highlights {
  display: none;
}
@media (max-width: 991px) {
  .searchListingDirective > .notConnected .highlights {
    display: block;
  }
}
@media (max-width: 991px) {
  .searchListingDirective > .notConnected .stats {
    display: none;
  }
}
.searchListingDirective .searchListingContent {
  float: left;
  width: 100%;
}
.searchListingDirective .searchListingContent > .searchListingBody {
  position: relative;
  float: left;
  width: 100%;
  padding: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .searchListingDirective .searchListingContent > .searchListingBody {
    padding: 15px;
  }
}
.searchListingDirective .primaryContent {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 230px;
}
@media (max-width: 991px) {
  .searchListingDirective .primaryContent.hasStatusTags {
    padding-top: 30px;
  }
}
@media (max-width: 991px) {
  .searchListingDirective .primaryContent {
    padding-right: 0;
  }
}
.searchListingDirective .primaryContent > .primaryContentInnerWrap {
  float: left;
  width: 100%;
}
@media (max-width: 991px) {
  .searchListingDirective .primaryContent .cc-card-view {
    margin-bottom: 9px;
  }
}
.searchListingDirective .primaryContent .cc-card-view .cc-temporary-profile-status-tag,
.searchListingDirective .primaryContent .cc-card-view .cc-demo-status-tag {
  float: left;
  margin: 3px 0 3px 5px;
}
.searchListingDirective .secondaryContent {
  float: right;
  width: 230px;
  padding-bottom: 2.308em;
}
@media (max-width: 991px) {
  .searchListingDirective .secondaryContent {
    float: left;
    width: 100%;
    position: static;
    padding-bottom: 0;
  }
}
.searchListingDirective .secondaryContent .status-tags {
  display: block;
  padding-top: 3px;
  margin-bottom: 0.571em;
}
@media (max-width: 991px) {
  .searchListingDirective .secondaryContent .status-tags {
    overflow: visible;
    margin: 0;
    padding: 15px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.searchListingDirective .secondaryContent .status-tags .listLink .cc-tooltip {
  z-index: 9501;
}
@media (max-width: 991px) {
  .searchListingDirective .secondaryContent .status-tags .listLink .cc-tooltip {
    z-index: auto;
  }
}
@media (max-width: 991px) {
  .searchListingDirective .secondaryContent .status-tags .listLink .cc-tooltip .tooltipContainer {
    width: 80px;
    margin-left: -40px;
  }
}
.searchListingDirective .footerContent {
  position: relative;
  float: left;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 12px 15px;
  border-top: 1px solid var(--lvh-x-shark-light);
}
.searchListingDirective .footerContent .card-actions {
  float: left;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  visibility: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
  padding-right: 200px;
}
@media (max-width: 991px) {
  .searchListingDirective .footerContent .card-actions {
    display: none;
  }
}
.searchListingDirective .footerContent .card-actions li {
  display: block;
  float: left;
  margin-right: 15px;
}
.searchListingDirective .footerContent .card-actions li:last-child {
  margin-right: 0;
}
.searchListingDirective .footerContent .card-actions li a {
  display: block;
  font-size: 11px;
  color: var(--lvh-secondary-text);
}
.searchListingDirective .footerContent .card-actions li a:before {
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
  font-family: 'IconFont';
  font-size: 12px;
  color: var(--lvh-x-shark-dark);
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  transition: color 0.2s ease-in-out;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.searchListingDirective .footerContent .card-actions li a:hover {
  color: var(--lvh-bright-blue);
}
.searchListingDirective .footerContent .card-actions li a:hover:before {
  color: var(--lvh-bright-blue);
}
.searchListingDirective .footerContent .card-actions li a.message:before {
  content: "\e925";
}
.searchListingDirective .footerContent .card-actions li a.note:before {
  content: "\e92c";
}
.searchListingDirective .footerContent .card-actions li a.archive:before {
  content: "\e975";
}
@media (max-width: 991px) {
  .searchListingDirective .footerContent .cc-lastAction {
    right: 0;
    float: right;
  }
}
@media (min-width: 992px) {
  .searchListingDirective .footerContent .cc-lastAction {
    top: 50%;
    transform: translateY(-50%);
  }
}
.searchListingDirective .footerContent .cc-lastAction .no-actions {
  display: block;
  text-align: right;
  font-size: 11px;
  color: var(--lvh-x-shark-dark);
}
.searchListingDirective .messageIndicator {
  display: none;
  width: 0.462em;
  height: 0.462em;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: var(--lvh-x-red);
  position: absolute;
  top: -0.154em;
  right: -0.154em;
}
.searchListingDirective .status-tags {
  float: left;
  width: 100%;
}
@media (max-width: 991px) {
  .searchListingDirective .status-tags {
    height: 34px;
    overflow: hidden;
  }
}
.searchListingDirective .status-tags .statusTag,
.searchListingDirective .status-tags .reviewStatus > .status {
  margin: 0 5px 5px 0;
  float: left;
  border-radius: 3px;
  padding: 0 5px;
  box-sizing: border-box;
}
.searchListingDirective .status-tags .statusTag:last-child,
.searchListingDirective .status-tags .reviewStatus > .status:last-child {
  margin-right: 0;
}
.searchListingDirective .status-tags .statusTag > .label,
.searchListingDirective .status-tags .reviewStatus > .status > .label {
  float: left;
  font-size: 11px;
  color: var(--lvh-x-shark-dark);
  line-height: 18px;
  white-space: nowrap;
}
.searchListingDirective .status-tags .connectionStatus {
  border: 1px solid var(--lvh-x-shark-dark);
  cursor: default;
}
.searchListingDirective .status-tags .connectionStatus .label {
  color: var(--lvh-x-shark-dark);
}
.searchListingDirective .status-tags .connectionStatus.talentpool,
.searchListingDirective .status-tags .connectionStatus.inprogress {
  border-color: var(--lvh-x-blue);
}
.searchListingDirective .status-tags .connectionStatus.talentpool .label,
.searchListingDirective .status-tags .connectionStatus.inprogress .label {
  color: var(--lvh-x-blue);
}
.searchListingDirective .status-tags .connectionStatus.livemarket {
  border-color: var(--lvh-x-orange);
}
.searchListingDirective .status-tags .connectionStatus.livemarket .label {
  color: var(--lvh-x-orange);
}
.searchListingDirective .status-tags .connectionStatus.donotcontact {
  border-color: var(--lvh-x-red);
}
.searchListingDirective .status-tags .connectionStatus.donotcontact .label {
  color: var(--lvh-x-red);
}
.searchListingDirective .status-tags .connectionStatus.temporaryprofile {
  border-color: var(--lvh-x-yellow);
}
.searchListingDirective .status-tags .connectionStatus.temporaryprofile .label {
  color: var(--lvh-x-yellow);
}
.searchListingDirective .status-tags .connectionStatus.hired {
  border-color: var(--lvh-x-green);
}
.searchListingDirective .status-tags .connectionStatus.hired .label {
  color: var(--lvh-x-green);
}
.searchListingDirective .status-tags .connectionStatus.unavailable {
  border-color: var(--lvh-x-light-grey);
}
.searchListingDirective .status-tags .connectionStatus.unavailable .label {
  color: var(--lvh-x-light-grey);
}
.searchListingDirective .status-tags .connectionStatus.thresholds {
  border-color: var(--lvh-x-purple);
}
.searchListingDirective .status-tags .connectionStatus.thresholds.user-action {
  background-color: var(--lvh-x-purple-light);
}
.searchListingDirective .status-tags .connectionStatus.thresholds.total-action {
  border-color: var(--lvh-secondary-text);
}
.searchListingDirective .status-tags .connectionStatus.thresholds.total-action .label {
  color: var(--lvh-secondary-text);
}
.searchListingDirective .status-tags .connectionStatus.thresholds .label {
  color: var(--lvh-x-purple);
}
.searchListingDirective .status-tags .connectionStatus.alreadyacandidate {
  border-color: var(--lvh-x-green);
}
.searchListingDirective .status-tags .connectionStatus.alreadyacandidate .label {
  color: var(--lvh-x-green);
}
.searchListingDirective .status-tags .connectionStatus.alreadyacandidate .label:before {
  content: "\e910";
  font-family: 'IconFont';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--lvh-x-green);
}
.searchListingDirective .status-tags .connectionStatus.alreadyacandidate .label > .ng-binding {
  display: none;
}
.searchListingDirective .status-tags .cc-tooltip.wrapper {
  float: left;
}
.searchListingDirective .status-tags .reviewStatus {
  float: left;
  margin: 0 5px 5px 0;
}
.searchListingDirective .status-tags .reviewStatus > .status.notEnoughInfo,
.searchListingDirective .status-tags .reviewStatus > .status.notSuitable,
.searchListingDirective .status-tags .reviewStatus > .status.notReviewed,
.searchListingDirective .status-tags .reviewStatus > .status.inProgress {
  border: 1px solid var(--lvh-x-shark-dark);
}
.searchListingDirective .status-tags .reviewStatus > .status.notEnoughInfo > .label:before,
.searchListingDirective .status-tags .reviewStatus > .status.notSuitable > .label:before,
.searchListingDirective .status-tags .reviewStatus > .status.notReviewed > .label:before,
.searchListingDirective .status-tags .reviewStatus > .status.inProgress > .label:before {
  content: "\e916";
  font-family: 'IconFont';
  color: var(--lvh-x-shark-dark);
  margin: 0 2px 0 0;
}
.searchListingDirective .status-tags .reviewStatus > .status.stars {
  display: inline-block;
}
@media (max-width: 991px) {
  .searchListingDirective .status-tags .reviewStatus > .status.stars {
    border: 1px solid var(--lvh-x-green);
    padding: 1px 5px;
    border-radius: 3px;
    float: left;
    display: block;
    font-size: 11px;
    color: var(--lvh-x-shark-dark);
    line-height: 14px;
  }
}
@media (min-width: 992px) {
  .searchListingDirective .status-tags .reviewStatus > .status.stars {
    padding: 0;
  }
}
@media (max-width: 991px) {
  .searchListingDirective .status-tags .reviewStatus > .status.stars:after {
    content: attr(data-count);
    float: left;
    display: block;
    color: var(--lvh-x-green);
    font-size: 1em;
  }
}
@media (max-width: 991px) {
  .searchListingDirective .status-tags .reviewStatus > .status.stars .icon {
    float: left;
    margin: 0.077em 0.231em 0.077em 0;
  }
}
@media (max-width: 991px) {
  .searchListingDirective .status-tags .reviewStatus > .status.stars .icon:nth-child(n+2) {
    display: none;
  }
}
.searchListingDirective .stats {
  margin: 0 0 6px 0;
  padding: 0;
}
.searchListingDirective .stats:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (max-width: 991px) {
  .searchListingDirective .stats:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
@media (max-width: 991px) {
  .searchListingDirective .stats {
    margin-bottom: 0.769em;
    border-bottom: 1px solid var(--lvh-white92);
    padding-bottom: 0.769em;
  }
}
.searchListingDirective .stats > .stat {
  margin: 0;
  padding: 0.577em 0.077em;
  list-style: none;
  border-bottom: 1px solid var(--lvh-white92);
}
.searchListingDirective .stats > .stat.emails {
  border-bottom: 1px solid var(--lvh-x-grey);
}
.searchListingDirective .stats > .stat.emails a {
  color: var(--lvh-primary-text);
}
.searchListingDirective .stats > .stat.emails .icon {
  display: inline-block;
  float: none;
  margin-right: 3px;
}
.searchListingDirective .stats > .stat.emails .emailsWrap {
  display: inline-block;
  position: absolute;
  right: 37px;
}
.searchListingDirective .stats > .stat.emails .cc-tooltip {
  max-width: calc(100% - 70px);
}
.searchListingDirective .stats > .stat.emails .cc-tooltip .emailLink {
  float: left;
  font-size: 0.923em;
  overflow-x: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.searchListingDirective .stats > .stat.emails .cc-tooltip .emailLink .cc-tooltip.default-type .content {
  white-space: nowrap;
}
.searchListingDirective .stats > .stat.emails .cc-tooltip .tooltipContainer {
  z-index: 3000;
}
.searchListingDirective .stats > .stat.emails.liveProfile .emailLink a {
  color: var(--lvh-bright-blue);
}
.searchListingDirective .stats > .stat.emails > .copyEmail {
  position: absolute;
  right: 23px;
  background-color: var(--lvh-x-shark-dark);
  color: var(--lvh-white);
  padding: 3px 5px;
  font-size: 8px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
}
.searchListingDirective .stats > .stat.emails > .copyEmail:hover,
.searchListingDirective .stats > .stat.emails > .copyEmail:focus {
  background-color: var(--lvh-bright-blue);
}
.searchListingDirective .stats > .stat.emails > .copyEmail.additional {
  right: 40px;
}
@media (max-width: 991px) {
  .searchListingDirective .stats > .stat.emails > .copyEmail.additional {
    right: 0;
  }
}
.searchListingDirective .stats > .stat > .icon {
  float: left;
  width: 1.231em;
  margin-right: 0.462em;
}
.searchListingDirective .stats > .stat > .icon:before {
  font-size: 1.231em;
  color: var(--lvh-bright-blue);
}
.searchListingDirective .stats > .stat > .text {
  display: inline-block;
  font-size: 12px;
  color: var(--lvh-x-dark-grey);
}
.searchListingDirective .stats > .stat > .callNotes {
  position: absolute;
  right: 22px;
  background-color: var(--lvh-x-shark-dark);
  color: var(--lvh-white);
  padding: 3px 5px;
  font-size: 8px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
}
.searchListingDirective .stats > .stat > .callNotes:hover,
.searchListingDirective .stats > .stat > .callNotes:focus {
  background-color: var(--lvh-bright-blue);
}
.searchListingDirective .originalCvAttached,
.searchListingDirective .documentsAttached {
  margin-bottom: 5px;
}
.searchListingDirective .originalCvAttached:after,
.searchListingDirective .documentsAttached:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.searchListingDirective .originalCvAttached > a,
.searchListingDirective .documentsAttached > a,
.searchListingDirective .originalCvAttached > span,
.searchListingDirective .documentsAttached > span {
  font-size: 11px;
  color: var(--lvh-x-shark-dark);
}
.searchListingDirective .originalCvAttached > a,
.searchListingDirective .documentsAttached > a {
  font-size: 11px;
  color: var(--lvh-bright-blue);
}
.searchListingDirective .originalCvAttached > a:hover,
.searchListingDirective .documentsAttached > a:hover,
.searchListingDirective .originalCvAttached > a:focus,
.searchListingDirective .documentsAttached > a:focus {
  text-decoration: underline;
}
.searchListingDirective external-links {
  margin: 10px 0 0;
}
.searchListingDirective external-links:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.searchListingDirective .activity {
  padding: 1em 0;
  border-top: 1px solid var(--lvh-white92);
  border-bottom: 1px solid var(--lvh-white92);
}
.searchListingDirective .activity > .text {
  font-size: 0.846em;
  color: var(--lvh-secondary-text);
  line-height: 1.5;
}
.searchListingDirective .activity > .text > em {
  font-style: normal;
  color: var(--lvh-primary-text);
}
.searchListingDirective .activity {
  float: left;
  width: 100%;
  margin-bottom: 1em;
}
.searchListingDirective .activity:last-child {
  margin-bottom: 0;
}
.searchListingDirective .resumeOverview {
  float: left;
  width: 100%;
  position: relative;
}
@media (max-width: 991px) {
  .searchListingDirective .resumeOverview:not(:last-child) {
    border-bottom: 1px solid var(--lvh-white92);
    margin-bottom: 0.769em;
  }
}
@media (max-width: 991px) {
  .searchListingDirective .resumeOverview.noTalentTags {
    padding-bottom: 0.308em;
  }
}
@media (min-width: 992px) {
  .searchListingDirective .resumeOverview.highlight-shown,
  .searchListingDirective .resumeOverview.no-blurb {
    margin-top: 10px;
  }
}
.searchListingDirective .resumeOverview .col.lhs {
  width: 5.385em;
  position: absolute;
  top: 0;
  left: 0;
  text-align: right;
}
@media (max-width: 991px) {
  .searchListingDirective .resumeOverview .col.lhs {
    display: none;
  }
}
.searchListingDirective .resumeOverview .col.lhs .label {
  font-size: 12px;
  color: var(--lvh-x-shark-dark);
}
.searchListingDirective .resumeOverview .col.rhs {
  float: left;
  width: 100%;
  padding-left: 7.308em;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .searchListingDirective .resumeOverview .col.rhs {
    padding-left: 0;
  }
}
.searchListingDirective .resumeOverview .cvMessage {
  float: left;
  width: 100%;
  font-size: 11px;
  padding-left: 95px;
  margin-bottom: 10px;
  box-sizing: border-box;
  color: var(--lvh-secondary-text);
}
@media (max-width: 991px) {
  .searchListingDirective .resumeOverview .cvMessage {
    display: none;
  }
}
.searchListingDirective .resumeOverview .cvMessage > .text {
  display: block;
  font-size: 0.923em;
  line-height: 15px;
  color: var(--lvh-secondary-text);
}
.searchListingDirective .resumeOverview .agency-profile,
.searchListingDirective .resumeOverview .referrers,
.searchListingDirective .resumeOverview .highlight,
.searchListingDirective .resumeOverview .currentRole,
.searchListingDirective .resumeOverview .experience,
.searchListingDirective .resumeOverview .specialties,
.searchListingDirective .resumeOverview .talentTags,
.searchListingDirective .resumeOverview .otherTags,
.searchListingDirective .resumeOverview .internalDataSummary,
.searchListingDirective .resumeOverview .externalLinks,
.searchListingDirective .resumeOverview .preferredRole,
.searchListingDirective .resumeOverview .assignmentSummary {
  float: left;
  width: 100%;
  position: relative;
  margin-bottom: 8px;
}
@media (max-width: 991px) {
  .searchListingDirective .resumeOverview .agency-profile,
  .searchListingDirective .resumeOverview .referrers,
  .searchListingDirective .resumeOverview .highlight,
  .searchListingDirective .resumeOverview .currentRole,
  .searchListingDirective .resumeOverview .experience,
  .searchListingDirective .resumeOverview .specialties,
  .searchListingDirective .resumeOverview .talentTags,
  .searchListingDirective .resumeOverview .otherTags,
  .searchListingDirective .resumeOverview .internalDataSummary,
  .searchListingDirective .resumeOverview .externalLinks,
  .searchListingDirective .resumeOverview .preferredRole,
  .searchListingDirective .resumeOverview .assignmentSummary {
    margin-bottom: 6px;
  }
}
@media (min-width: 992px) {
  .searchListingDirective .resumeOverview .agency-profile:last-child,
  .searchListingDirective .resumeOverview .referrers:last-child,
  .searchListingDirective .resumeOverview .highlight:last-child,
  .searchListingDirective .resumeOverview .currentRole:last-child,
  .searchListingDirective .resumeOverview .experience:last-child,
  .searchListingDirective .resumeOverview .specialties:last-child,
  .searchListingDirective .resumeOverview .talentTags:last-child,
  .searchListingDirective .resumeOverview .otherTags:last-child,
  .searchListingDirective .resumeOverview .internalDataSummary:last-child,
  .searchListingDirective .resumeOverview .externalLinks:last-child,
  .searchListingDirective .resumeOverview .preferredRole:last-child,
  .searchListingDirective .resumeOverview .assignmentSummary:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 991px) {
  .searchListingDirective .resumeOverview .referrers .lhs {
    display: block;
    text-align: left;
  }
}
@media (max-width: 991px) {
  .searchListingDirective .resumeOverview .referrers .rhs {
    padding-left: 72px;
  }
}
@media (max-width: 991px) {
  .searchListingDirective .resumeOverview .experience {
    margin-bottom: 0.769em;
  }
}
.searchListingDirective .resumeOverview .experience .experience-container {
  margin-right: 5px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.searchListingDirective .resumeOverview .experience .tooltipContainer {
  width: 100%;
  text-align: left;
  z-index: 100;
}
@media (max-width: 991px) {
  .searchListingDirective .resumeOverview .specialties .col.lhs,
  .searchListingDirective .resumeOverview .talentTags .col.lhs {
    display: none;
  }
}
@media (max-width: 991px) {
  .searchListingDirective .resumeOverview .specialties .col.rhs,
  .searchListingDirective .resumeOverview .talentTags .col.rhs {
    padding-left: 0;
  }
}
.searchListingDirective .resumeOverview .internalDataSummary .label,
.searchListingDirective .resumeOverview .preferredRole .label {
  white-space: nowrap;
  float: right;
}
.searchListingDirective .resumeOverview .specialties {
  margin-bottom: 0.385em;
  float: left;
  position: relative;
}
.searchListingDirective .resumeOverview .specialties .specialty {
  float: left;
  background-color: var(--lvh-x-murkberry-light);
  border-radius: 3px;
  padding: 2px 7px;
  margin: 0 5px 5px 0;
}
.searchListingDirective .resumeOverview .specialties .specialty:last-child {
  margin-right: 0;
}
.searchListingDirective .resumeOverview .specialties .specialty > .label {
  display: block;
  font-size: 11px;
  color: var(--lvh-x-murkberry-darker);
}
.searchListingDirective .resumeOverview .specialties .specialtyOverflow {
  float: left;
  color: var(--lvh-bright-blue);
  font-weight: 600;
}
.searchListingDirective .resumeOverview .pools {
  position: relative;
  float: left;
  margin-bottom: 0.385em;
}
.searchListingDirective .resumeOverview .roleText {
  font-size: 0.923em;
  color: var(--lvh-secondary-text);
}
.searchListingDirective .resumeOverview .roleText em {
  font-style: normal;
  color: var(--lvh-x-dark-grey);
}
.searchListingDirective .resumeOverview .roleText > .roleDuration > .bullet {
  color: var(--lvh-x-shark-dark);
}
.searchListingDirective .resumeOverview .text {
  font-size: 1em;
  color: var(--lvh-x-dark-grey);
}
.searchListingDirective .resumeOverview .internalDataSummaryText {
  font-size: 0.923em;
  color: var(--lvh-x-dark-grey);
  padding: 0 4px;
}
.searchListingDirective .resumeOverview .internalDataSummaryText > span {
  background-color: var(--lvh-x-pale-blue);
  box-shadow: 4px 0 0 var(--lvh-x-pale-blue), -4px 0 0 var(--lvh-x-pale-blue);
}
.searchListingDirective .resumeOverview .internalDataSummaryText > span:after {
  content: " \2022";
  padding: 0 3px;
}
.searchListingDirective .resumeOverview .internalDataSummaryText > span:last-child:after {
  content: none;
}
.searchListingDirective .resumeOverview .assignmentSummaryText {
  font-size: 0.923em;
  color: var(--lvh-x-dark-grey);
  padding: 0 4px;
}
.searchListingDirective .resumeOverview .assignmentSummaryText > span:after {
  content: " \2022";
  padding: 0 3px;
}
.searchListingDirective .resumeOverview .assignmentSummaryText > span:last-of-type:after {
  content: none;
}
.searchListingDirective .resumeOverview .assignmentSummaryText .assignment-count {
  border: 1px solid var(--lvh-x-shark-dark);
  color: var(--lvh-x-shark-dark);
  padding: 2px 5px;
  font-size: 8px;
  border-radius: 3px;
  display: inline-block;
  line-height: 12px;
}
.searchListingDirective .resumeOverview .highlighted {
  color: var(--lvh-secondary-text);
  font-size: 11px;
  padding: 0 4px;
}
.searchListingDirective .resumeOverview .highlighted > span {
  background-color: rgba(255, 213, 64, 0.2);
  box-shadow: 4px 0 0 rgba(255, 213, 64, 0.2), -4px 0 0 rgba(255, 213, 64, 0.2);
  box-decoration-break: clone;
}
.searchListingDirective .resumeOverview .highlighted span.highlight-text {
  background-color: rgba(255, 213, 64, 0.2);
  box-shadow: 4px 0 0 rgba(255, 213, 64, 0.2), -4px 0 0 rgba(255, 213, 64, 0.2);
  box-decoration-break: clone;
}
.searchListingDirective .resumeOverview .highlighted .callout-wrap > .trigger {
  padding: 0;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.searchListingDirective .resumeOverview .highlighted .callout-wrap > .trigger:hover .callout {
  position: absolute;
  overflow: initial;
  white-space: normal;
}
.searchListingDirective .resumeOverview .highlighted .callout-wrap > .trigger:hover .callout .cc-callout {
  display: block;
}
.searchListingDirective .resumeOverview .highlighted .callout-wrap > .trigger:hover > .highlight-text {
  background-color: rgba(255, 213, 64, 0.2);
  box-shadow: 4px 0 0 rgba(255, 213, 64, 0.2), -4px 0 0 rgba(255, 213, 64, 0.2);
  box-decoration-break: clone;
}
.connectToCandidateButton {
  --lvh-btn-border-thickness: 1px;
  --lvh-btn-bg-colour: #00bdeb;
  --lvh-btn-border-colour: transparent;
  --lvh-btn-hover-bg-colour: #1fd3ff;
  --lvh-btn-hover-border-colour: #1fd3ff;
  --lvh-btn-focus-box-shadow-colour: #444444;
  outline: 0;
  border: none;
  background: none;
  line-height: normal;
  border-radius: 3px;
  box-sizing: border-box;
  transition: 0.2s background-color linear, 0.2s box-shadow linear;
  background-color: var(--lvh-btn-bg-colour);
  color: var(--lvh-btn-colour);
  border: var(--lvh-btn-border-thickness) solid var(--lvh-btn-border-colour);
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #ff8133;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #ffa066;
  --lvh-btn-hover-border-colour: #ffa066;
  padding: 0.308em 1em;
  position: absolute;
  right: 20px;
  bottom: 20px;
  z-index: 1000;
}
.connectToCandidateButton:hover:not([disabled]),
.connectToCandidateButton:hover:not(:disabled) {
  border: var(--lvh-btn-border-thickness) solid var(--lvh-btn-hover-border-colour);
  text-decoration: underline;
  background-color: var(--lvh-btn-hover-bg-colour);
  color: var(--lvh-btn-hover-colour);
}
.connectToCandidateButton:hover:not([disabled]) > .label,
.connectToCandidateButton:hover:not(:disabled) > .label {
  color: var(--lvh-btn-hover-colour);
}
.connectToCandidateButton:focus:not([disabled]),
.connectToCandidateButton:focus:not(:disabled) {
  border: 1px solid var(--lvh-btn-hover-border-colour);
  text-decoration: underline;
  background-color: var(--lvh-btn-hover-bg-colour);
  color: var(--lvh-btn-hover-colour);
  box-shadow: 0px 0px 0px 1px var(--lvh-white98), 0px 0px 0px 2px var(--lvh-btn-focus-box-shadow-colour);
}
.connectToCandidateButton:focus:not([disabled]) > .label,
.connectToCandidateButton:focus:not(:disabled) > .label {
  color: var(--lvh-btn-hover-colour);
}
.connectToCandidateButton > .label {
  color: var(--lvh-btn-colour);
  font-size: 1em;
  font-weight: 600;
  cursor: pointer;
}
.connectToCandidateButton.small {
  padding: 5px 15px;
}
.connectToCandidateButton.medium {
  padding: 8px 20px;
}
.connectToCandidateButton.large {
  padding: 11px 20px;
}
.connectToCandidateButton.large > .label {
  font-size: 1.154em;
}
.connectToCandidateButton.blue,
.connectToCandidateButton.bright-blue {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #00bdeb;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #1fd3ff;
  --lvh-btn-hover-border-colour: #1fd3ff;
}
.connectToCandidateButton.shark-dark {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #cccccc;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #e6e6e6;
  --lvh-btn-hover-border-colour: #e6e6e6;
}
.connectToCandidateButton.mid-grey {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #666666;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #808080;
  --lvh-btn-hover-border-colour: #808080;
}
.connectToCandidateButton.paler-grey {
  --lvh-btn-colour: #444444;
  --lvh-btn-bg-colour: #e0e0e0;
  --lvh-btn-hover-colour: #444444;
  --lvh-btn-hover-bg-colour: #fafafa;
  --lvh-btn-hover-border-colour: #fafafa;
}
.connectToCandidateButton.off-white {
  --lvh-btn-colour: #888888;
  --lvh-btn-bg-colour: #f3f5f7;
  --lvh-btn-hover-colour: #888888;
  --lvh-btn-hover-bg-colour: #ffffff;
  --lvh-btn-hover-border-colour: #ffffff;
  --lvh-btn-border-colour: #dedede;
  --lvh-btn-hover-border-colour: #dedede;
}
.connectToCandidateButton.white {
  --lvh-btn-colour: #888888;
  --lvh-btn-bg-colour: #fff;
  --lvh-btn-hover-colour: #888888;
  --lvh-btn-hover-bg-colour: #ffffff;
  --lvh-btn-hover-border-colour: #ffffff;
  --lvh-btn-border-colour: #dedede;
  --lvh-btn-hover-border-colour: #dedede;
}
.connectToCandidateButton.red,
.connectToCandidateButton.ripe {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #bd350f;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #ec4213;
  --lvh-btn-hover-border-colour: #ec4213;
}
.connectToCandidateButton.orange {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #ff8133;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #ffa066;
  --lvh-btn-hover-border-colour: #ffa066;
}
.connectToCandidateButton.yellow {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #ffd540;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #ffe073;
  --lvh-btn-hover-border-colour: #ffe073;
}
.connectToCandidateButton.green {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #50b848;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #73c66d;
  --lvh-btn-hover-border-colour: #73c66d;
}
.connectToCandidateButton.murkberry-dark {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #a1b1de;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #c7d0eb;
  --lvh-btn-hover-border-colour: #c7d0eb;
}
.connectToCandidateButton.pink {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #ff5aa8;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #ff8dc3;
  --lvh-btn-hover-border-colour: #ff8dc3;
}
.connectToCandidateButton.purple {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #7858e0;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #9b83e8;
  --lvh-btn-hover-border-colour: #9b83e8;
}
.connectToCandidateButton.light-purple {
  --lvh-btn-colour: #7858e0;
  --lvh-btn-bg-colour: rgba(120, 88, 224, 0.2);
  --lvh-btn-hover-colour: #7858e0;
  --lvh-btn-hover-bg-colour: rgba(155, 131, 232, 0.2);
  --lvh-btn-hover-border-colour: rgba(155, 131, 232, 0.2);
}
@media (max-width: 991px) {
  .connectToCandidateButton {
    top: 0.769em;
    right: 1.154em;
    bottom: auto;
  }
}
.actionDialog {
  position: absolute;
  margin-left: 20px;
  width: 200px;
  min-height: 200px;
  border: solid 1px #DCDCDC;
  background-color: #FFF;
  padding: 0.5em;
  z-index: 2000;
}
#employerAppConnectView .row {
  float: left;
  width: 100%;
}
#employerAppConnectView .overlayContainer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9300;
}
#employerAppConnectView .overlayContainer .outerWrap {
  display: table;
  width: 100%;
  height: 100%;
}
#employerAppConnectView .overlayContainer .outerWrap .innerWrap {
  display: table-cell;
  vertical-align: middle;
}
#employerAppConnectView .actionDialogView {
  max-width: 35.384em;
  width: 100%;
  position: relative;
  margin: 0 auto;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: var(--lvh-white);
  border: 1px solid rgba(0, 0, 0, 0.15);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-shadow: 0 0 3.6px 0.4px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 3.6px 0.4px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 3.6px 0.4px rgba(0, 0, 0, 0.15);
}
#employerAppConnectView .actionDialogView .dialogHeader {
  padding: 1.8em 1.615em 1em;
  text-align: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#employerAppConnectView .actionDialogView .dialogHeader h3 {
  margin: 0;
  font-size: 1em;
  font-weight: normal;
}
#employerAppConnectView .actionDialogView .dialogHeader h3 > span {
  color: var(--lvh-x-dark-grey);
  font-size: 1.8em;
  font-weight: 700;
}
#employerAppConnectView .actionDialogView .dialogHeader .closeDialog {
  line-height: 1;
  cursor: pointer;
  position: absolute;
  top: 0.769em;
  right: 0.769em;
}
#employerAppConnectView .actionDialogView .dialogHeader .closeDialog > .icon {
  font-size: 0.615em;
  color: var(--lvh-secondary-text);
}
#employerAppConnectView .actionDialogView .dialogBody .inputWrap {
  padding: 0.654em 0em;
  padding-bottom: 1.538em;
  margin-bottom: 1.384em;
  border-bottom: solid 1px var(--lvh-x-grey);
}
#employerAppConnectView .actionDialogView .dialogBody .inputWrap .formField {
  display: inline;
}
#employerAppConnectView .actionDialogView .dialogBody .inputWrap .formField input[type=text],
#employerAppConnectView .actionDialogView .dialogBody .inputWrap .formField input[type=email],
#employerAppConnectView .actionDialogView .dialogBody .inputWrap .formField input[type=password] {
  width: 15.384em;
}
#employerAppConnectView .actionDialogView .dialogBody .inputWrap .formField:first-child {
  margin-right: 0.654em;
}
#employerAppConnectView .actionDialogView .dialogFooter {
  padding-bottom: 2.4em;
  position: relative;
}
#employerAppConnectView .actionDialogView .dialogFooter .col {
  display: inline;
}
#employerAppConnectView .actionDialogView .dialogFooter .col > label {
  border-right: solid 1px #ebebeb;
  padding-right: 0.654em;
  margin-right: 0.654em;
}
#employerAppConnectView .actionDialogView .dialogFooter .col:first-child {
  line-height: 3em;
}
#employerAppConnectView .actionDialogView .dialogFooter .col button {
  position: absolute;
  right: 0;
}
#searchFiltersDirective {
  float: left;
  width: 100%;
}
@media (max-width: 991px) {
  #searchFiltersDirective {
    padding-bottom: 4em;
  }
}
#searchFiltersDirective .heading {
  float: left;
  width: 100%;
  border-bottom: 1px solid var(--lvh-x-pale-grey);
}
@media (max-width: 991px) {
  #searchFiltersDirective .heading {
    background-color: var(--lvh-x-shark-light);
    border-bottom: 1px solid var(--lvh-x-shark-dark);
  }
}
#searchFiltersDirective .heading h3 {
  float: left;
  margin: 0 0 17px 0;
  font-size: 1em;
}
@media (max-width: 991px) {
  #searchFiltersDirective .heading h3 {
    float: none;
    margin: 0;
    padding: 0.962em 0;
  }
}
#searchFiltersDirective .heading h3 > span {
  font-size: 1.385em;
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
}
@media (max-width: 991px) {
  #searchFiltersDirective .heading h3 > span {
    display: inline-block;
    font-size: 1.077em;
  }
}
#searchFiltersDirective .heading h3 > i {
  float: right;
  cursor: pointer;
  margin: 0.231em 0;
  color: var(--lvh-x-mid-grey);
}
#searchFiltersDirective .heading h3 > i:before {
  font-size: 0.769em;
}
@media (min-width: 992px) {
  #searchFiltersDirective .heading h3 > i {
    display: none;
  }
}
#searchFiltersDirective .heading #startNewSearchButton {
  float: right;
  outline: 0;
  border: none;
  background: none;
  padding: 0;
  margin: 0.231em 0;
}
@media (max-width: 991px) {
  #searchFiltersDirective .heading #startNewSearchButton {
    display: none;
  }
}
#searchFiltersDirective .heading #startNewSearchButton > .label {
  font-size: 0.846em;
  color: var(--lvh-bright-blue);
}
#searchFiltersDirective .group {
  float: left;
  width: 100%;
}
@media (min-width: 992px) {
  #searchFiltersDirective .group {
    box-sizing: border-box;
    border: 1px solid var(--lvh-x-pale-grey);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 1.154em 0 0.538em 0;
    padding: 0 0.538em;
  }
}
#searchFiltersDirective .group > span {
  float: left;
  width: 100%;
  padding: 0.846em 0 0.538em 0.154em;
  font-size: 0.769em;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--lvh-secondary-text);
}
#searchFiltersDirective .group > ul.filters > .filter.active {
  padding-right: 8px;
}
#searchFiltersDirective .group > ul.filters > .filter.active .filterHeading {
  width: calc(100% + 23.5px);
}
#searchFiltersDirective ul.filters {
  float: left;
  width: 100%;
  margin: 0;
}
#searchFiltersDirective ul.filters > .filter {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  width: 100%;
  position: relative;
}
@media (max-width: 991px) {
  #searchFiltersDirective ul.filters > .filter {
    border-top: 1px solid var(--lvh-x-pale-grey);
    border-bottom: 1px solid transparent;
  }
}
@media (max-width: 991px) {
  #searchFiltersDirective ul.filters > .filter:first-child {
    border-top: none;
  }
}
@media (min-width: 992px) {
  #searchFiltersDirective ul.filters > .filter:first-child .filterHeading {
    border-color: transparent;
  }
}
@media (max-width: 991px) {
  #searchFiltersDirective ul.filters > .filter:last-child {
    border-color: var(--lvh-x-pale-grey);
  }
}
#searchFiltersDirective ul.filters > .filter.active .searchFilterView {
  -moz-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05);
}
#searchFiltersDirective ul.filters > .filter.active .filterHeading {
  width: calc(100% + 15.5px);
  background-color: var(--lvh-white);
  -webkit-border-top-left-radius: 0.231em;
  border-top-left-radius: 0.231em;
  -webkit-border-bottom-left-radius: 0.231em;
  border-bottom-left-radius: 0.231em;
  border: 1px solid var(--lvh-x-pale-grey);
  border-right: none;
  -moz-box-shadow: inset 3px 0 0 0 var(--lvh-bright-blue);
  -webkit-box-shadow: inset 3px 0 0 0 var(--lvh-bright-blue);
  box-shadow: inset 3px 0 0 0 var(--lvh-bright-blue);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px;
  z-index: 9600;
  position: relative;
  left: -10px;
}
@media (max-width: 991px) {
  #searchFiltersDirective ul.filters > .filter.active .filterHeading {
    z-index: auto;
  }
}
#searchFiltersDirective ul.filters > .filter .filterHeading {
  padding: 0.846em 0.538em 0.846em 0.154em;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  position: relative;
}
@media (min-width: 992px) {
  #searchFiltersDirective ul.filters > .filter .filterHeading {
    border-top: 1px solid var(--lvh-x-pale-grey);
    border-bottom: 1px solid transparent;
  }
}
@media (max-width: 991px) {
  #searchFiltersDirective ul.filters > .filter .filterHeading {
    padding: 0.769em 0;
  }
}
#searchFiltersDirective ul.filters > .filter .filterHeading:hover .text,
#searchFiltersDirective ul.filters > .filter .filterHeading:focus .text {
  color: var(--lvh-bright-blue);
}
#searchFiltersDirective ul.filters > .filter .filterHeading:hover .icon:before,
#searchFiltersDirective ul.filters > .filter .filterHeading:focus .icon:before {
  color: var(--lvh-bright-blue);
}
#searchFiltersDirective ul.filters > .filter .filterHeading .text {
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
}
@media (max-width: 991px) {
  #searchFiltersDirective ul.filters > .filter .filterHeading .text {
    font-size: 1.077em;
    font-weight: normal;
  }
}
#searchFiltersDirective ul.filters > .filter .filterHeading .hint-icon {
  margin-left: 0.231em;
  vertical-align: middle;
  line-height: 1;
  cursor: pointer;
  color: var(--lvh-x-shark-dark);
}
#searchFiltersDirective ul.filters > .filter .filterHeading .icon {
  float: right;
}
@media (max-width: 991px) {
  #searchFiltersDirective ul.filters > .filter .filterHeading .icon {
    padding: 0.231em 0;
  }
}
#searchFiltersDirective ul.filters > .filter .filterHeading .icon:before {
  content: "\e936";
  font-size: 1.385em;
  color: var(--lvh-x-pale-grey);
  -moz-transition: 0.2s ease-in-out color;
  -o-transition: 0.2s ease-in-out color;
  -webkit-transition: 0.2s ease-in-out color;
  transition: 0.2s ease-in-out color;
}
@media (max-width: 991px) {
  #searchFiltersDirective ul.filters > .filter .filterHeading .icon:before {
    content: "\e914";
    font-size: 0.923em;
  }
}
#searchFiltersDirective ul.filters > .filter .filterHeading .icon.accordian {
  padding: 0.192em 0.231em;
}
#searchFiltersDirective ul.filters > .filter .filterHeading .icon.accordian:before {
  font-size: 0.923em;
}
#searchFiltersDirective ul.filters > .filter .filterHeading .icon.accordian.open:before {
  content: "\e935";
}
#searchFiltersDirective ul.filters > .filter .filterHeading .icon.accordian.closed:before {
  content: "\e933";
}
#searchFiltersDirective ul.filters > .filter > .label {
  cursor: pointer;
}
#searchFiltersDirective ul.filters > .filter > .label > .text {
  color: var(--lvh-x-dark-grey);
}
@media (max-width: 991px) {
  #searchFiltersDirective ul.filters > .filter > .label > .text {
    color: var(--lvh-secondary-text);
  }
}
#searchFiltersDirective ul.filters > .filter > .label > span {
  float: left;
}
#searchFiltersDirective ul.filters > .filter .activeFilterValues {
  float: left;
  width: 100%;
  padding-left: 0.154em;
  margin: 0.538em 0 0.846em 0;
}
@media (max-width: 991px) {
  #searchFiltersDirective ul.filters > .filter .activeFilterValues {
    padding-left: 0;
  }
}
#searchFiltersDirective ul.filters > .filter .activeFilterValues .categoryGroup {
  float: left;
  width: 100%;
  margin-bottom: 1.231em;
}
@media (max-width: 991px) {
  #searchFiltersDirective ul.filters > .filter .activeFilterValues .categoryGroup {
    float: none;
    width: auto;
    margin-bottom: 0;
  }
}
#searchFiltersDirective ul.filters > .filter .activeFilterValues .categoryGroup:last-child {
  margin-bottom: 0;
}
#searchFiltersDirective ul.filters > .filter .activeFilterValues .categoryGroup .categoryName {
  font-size: 0.769em;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--lvh-x-dark-grey);
  margin-bottom: 0.615em;
}
@media (max-width: 991px) {
  #searchFiltersDirective ul.filters > .filter .activeFilterValues .categoryGroup .categoryName {
    display: none;
  }
}
@media (max-width: 991px) {
  #searchFiltersDirective ul.filters > .filter .activeFilterValues .filterValue {
    width: auto;
    position: static;
    cursor: default;
    color: var(--lvh-secondary-text);
    background-color: var(--lvh-x-grey);
    -moz-border-radius: 0.231em;
    -webkit-border-radius: 0.231em;
    border-radius: 0.231em;
    padding: 0.385em 0.615em 0.462em 0.615em;
    margin: 0 0.385em 0.385em 0;
  }
}
@media (max-width: 991px) {
  #searchFiltersDirective ul.filters > .filter .activeFilterValues .filterValue.connectiontags {
    padding: 0 8px 0 0;
  }
}
@media (max-width: 991px) {
  #searchFiltersDirective ul.filters > .filter .activeFilterValues .filterValue.connectiontags > .arrow {
    position: relative;
    float: left;
    width: 0;
    height: 6px;
    border-top: 10px solid var(--lvh-white);
    border-bottom: 10px solid var(--lvh-white);
    border-right: 8px solid var(--lvh-white92);
  }
}
@media (max-width: 991px) {
  #searchFiltersDirective ul.filters > .filter .activeFilterValues .filterValue.connectiontags > .arrow:after {
    position: absolute;
    top: 50%;
    left: 5px;
    display: block;
    width: 3px;
    height: 3px;
    content: '';
    margin-top: -1.5px;
    background: var(--lvh-white);
  }
}
@media (max-width: 991px) {
  #searchFiltersDirective ul.filters > .filter .activeFilterValues .filterValue.connectiontags .label {
    margin-right: 0;
    padding: 5px;
  }
}
@media (max-width: 991px) {
  #searchFiltersDirective ul.filters > .filter .activeFilterValues .filterValue.connectiontags .label > .text {
    color: var(--lvh-x-blue);
  }
}
@media (max-width: 991px) {
  #searchFiltersDirective ul.filters > .filter .activeFilterValues .filterValue.connectiontags .remove {
    margin: 10px 0;
  }
}
@media (max-width: 991px) {
  #searchFiltersDirective ul.filters > .filter .activeFilterValues .filterValue.specialties {
    background-color: var(--lvh-x-murkberry-light);
  }
}
@media (max-width: 991px) {
  #searchFiltersDirective ul.filters > .filter .activeFilterValues .filterValue.specialties .label > .text {
    color: var(--lvh-x-murkberry-darker);
  }
}
@media (max-width: 991px) {
  #searchFiltersDirective ul.filters > .filter .activeFilterValues .filterValue.specialties .remove {
    color: var(--lvh-x-murkberry-darker);
  }
}
@media (max-width: 991px) {
  #searchFiltersDirective ul.filters > .filter .activeFilterValues .filterValue .indicator {
    display: none;
  }
}
#searchFiltersDirective ul.filters > .filter .activeFilterValues .filterValue .label {
  padding-left: 1.231em;
}
@media (max-width: 991px) {
  #searchFiltersDirective ul.filters > .filter .activeFilterValues .filterValue .label {
    font-size: 0.846em;
    padding-left: 0;
  }
}
#searchFiltersDirective ul.filters > .filter .activeFilterValues .filterValue .count {
  margin-left: 0.615em;
}
@media (max-width: 991px) {
  #searchFiltersDirective ul.filters > .filter .activeFilterValues .filterValue .count {
    display: none;
  }
}
@media (max-width: 991px) {
  #searchFiltersDirective ul.filters > .filter .activeFilterValues .filterRadius {
    clear: both;
  }
}
@media (max-width: 991px) {
  #searchFiltersDirective ul.filters > .filter .activeFilterValues .filterRadius .categoryName {
    display: block;
    margin-top: 5px;
  }
}
#searchFiltersDirective ul.filters > .filter .activeFilterValues .filterClear {
  float: left;
  width: 100%;
  margin-top: 0.769em;
}
#searchFiltersDirective ul.filters > .filter .filterValue {
  float: left;
  width: 100%;
  position: relative;
  display: flex;
  cursor: pointer;
  margin-bottom: 0.462em;
}
#searchFiltersDirective ul.filters > .filter .filterValue:last-child {
  margin-bottom: 0;
}
#searchFiltersDirective ul.filters > .filter .filterValue.selected .indicator > .icon {
  visibility: visible;
  font-family: 'IconFont';
  color: var(--lvh-x-green);
}
#searchFiltersDirective ul.filters > .filter .filterValue.selected .indicator > .icon:before {
  content: "\e911";
}
#searchFiltersDirective ul.filters > .filter .filterValue.selected .indicator > .icon.not {
  color: var(--lvh-x-ripe);
}
#searchFiltersDirective ul.filters > .filter .filterValue.selected .indicator > .icon.not:before {
  content: "\e90e";
}
#searchFiltersDirective ul.filters > .filter .filterValue .indicator {
  width: 0.615em;
  padding-right: 0.615em;
  position: absolute;
  top: -1px;
  left: 0;
}
@media (max-width: 991px) {
  #searchFiltersDirective ul.filters > .filter .filterValue .indicator {
    float: right;
    width: 1em;
    position: static;
    margin-right: 0;
  }
}
#searchFiltersDirective ul.filters > .filter .filterValue .indicator > .icon {
  visibility: hidden;
  font-size: 0.615em;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}
@media (max-width: 991px) {
  #searchFiltersDirective ul.filters > .filter .filterValue .indicator > .icon {
    visibility: visible;
    font-size: 1em;
    color: var(--lvh-x-green);
  }
}
#searchFiltersDirective ul.filters > .filter .filterValue .label {
  flex: 1;
  float: left;
}
#searchFiltersDirective ul.filters > .filter .filterValue .label > .text {
  word-break: break-word;
  color: var(--lvh-secondary-text);
}
#searchFiltersDirective ul.filters > .filter .filterValue .count {
  float: right;
  margin-left: 0.615em;
}
#searchFiltersDirective ul.filters > .filter .filterValue .count > .text {
  font-size: 0.846em;
  color: var(--lvh-x-shark-dark);
}
#searchFiltersDirective ul.filters > .filter .filterRadius {
  margin-top: 10px;
  float: left;
  width: 140px;
}
#searchFiltersDirective ul.filters > .filter .filterValue {
  padding-right: 0.538em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  #searchFiltersDirective ul.filters > .filter .filterValue {
    padding-right: 0;
  }
}
#searchFiltersDirective ul.filters > .filter .filterValue .label.classic {
  border-left: 3px solid #448cdb;
}
#searchFiltersDirective ul.filters > .filter .filterValue .label.bronze {
  border-left: 3px solid #ffca67;
}
#searchFiltersDirective ul.filters > .filter .filterValue .label.silver {
  border-left: 3px solid #ffca67;
}
#searchFiltersDirective ul.filters > .filter .filterValue .label.gold {
  border-left: 3px solid #ffca67;
}
#searchFiltersDirective ul.filters > .filter .filterValue .label.milestone {
  border-left: 3px solid #fb915e;
}
#searchFiltersDirective ul.filters > .filter .filterValue .label.role {
  border-left: 3px solid #ff60a2;
}
#searchFiltersDirective ul.filters > .filter .filterValue .label.jobtitle {
  border-left: 3px solid #ff60a2;
}
#searchFiltersDirective ul.filters > .filter .filterValue .label.qualification_randstad {
  border-left: 3px solid #6c65fb;
}
#searchFiltersDirective ul.filters > .filter .filterValue .label.randstaddirect {
  border-left: 3px solid #2175d9;
}
#searchFiltersDirective ul.filters > .filter .filterValue .label.qualification {
  border-left: 3px solid #f1f2f3;
}
#searchFiltersDirective ul.filters > .filter .filterValue .label.default {
  border-left: 3px solid #f1f2f3;
}
#searchFiltersDirective ul.filters > .filter .filterValue .label.location {
  border-left: 3px solid #f1f2f3;
}
#searchFiltersDirective ul.filters > .filter .filterValue .label.worktype {
  border-left: 3px solid #f1f2f3;
}
#searchFiltersDirective ul.filters > .filter .filterValue .label.client {
  border-left: 3px solid #f1f2f3;
}
#searchFiltersDirective ul.filters > .filter .filterValue .label.project {
  border-left: 3px solid #f1f2f3;
}
#searchFiltersDirective ul.filters > .filter .filterValue .label.system {
  border-left: 3px solid #f1f2f3;
}
#searchFiltersDirective ul.filters > .filter .filterValue .label.secondary {
  border-left: 3px solid #f1f2f3;
}
#searchFiltersDirective ul.filters > .filter .filterValue .remove {
  float: left;
  margin: 0.462em 0 0.462em 0.462em;
  cursor: pointer;
}
@media (min-width: 992px) {
  #searchFiltersDirective ul.filters > .filter .filterValue .remove {
    display: none;
  }
}
#searchFiltersDirective ul.filters > .filter .filterValue .remove > .icon:before {
  display: block;
  font-size: 6px;
}
@media (min-width: 992px) {
  #searchFiltersDirective ul.filters > .filter .suggestion-flyout-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9501;
  }
}
#searchFiltersDirective ul.filters > .filter .suggestionsFlyout {
  min-width: 380px;
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-pale-grey);
  position: absolute;
  left: calc(100% + 4px);
  top: 0;
  z-index: 9502;
  border-radius: 0 3px 3px 3px;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05);
}
@media (max-width: 991px) {
  #searchFiltersDirective ul.filters > .filter .suggestionsFlyout {
    min-width: 0;
    width: 100%;
    background-color: var(--lvh-white);
    border: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9000;
    overflow-y: auto;
  }
}
#searchFiltersDirective ul.filters > .filter .suggestionsFlyout .cc-filter-list {
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  #searchFiltersDirective ul.filters > .filter .suggestionsFlyout .cc-filter-list {
    border: none;
    padding: 0.769em 0 0 0;
    margin: 0;
  }
}
#searchFiltersDirective ul.filters > .filter .suggestionsFlyout .heading {
  padding: 0.962em 0;
}
@media (min-width: 992px) {
  #searchFiltersDirective ul.filters > .filter .suggestionsFlyout .heading {
    display: none;
  }
}
@media (max-width: 991px) {
  #searchFiltersDirective ul.filters > .filter .suggestionsFlyout .heading {
    float: left;
    width: 100%;
    background-color: var(--lvh-x-shark-light);
    border-bottom: 1px solid var(--lvh-x-shark-dark);
  }
}
@media (max-width: 991px) {
  #searchFiltersDirective ul.filters > .filter .suggestionsFlyout .heading > .container--mobile {
    position: relative;
  }
}
#searchFiltersDirective ul.filters > .filter .suggestionsFlyout .heading h3 {
  margin: 0;
  padding: 0;
  text-align: center;
}
#searchFiltersDirective ul.filters > .filter .suggestionsFlyout .heading h3 > span {
  display: inline-block;
  font-size: 1.077em;
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
}
#searchFiltersDirective ul.filters > .filter .suggestionsFlyout .heading .backButton {
  outline: none;
  padding: 0;
  background: none;
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0.077em 0;
  cursor: pointer;
}
#searchFiltersDirective ul.filters > .filter .suggestionsFlyout .heading .backButton .icon {
  margin: 0.231em 0;
  color: var(--lvh-x-mid-grey);
}
#searchFiltersDirective ul.filters > .filter .suggestionsFlyout .heading .backButton .icon:before {
  font-size: 1.308em;
}
#searchFiltersDirective ul.filters > .filter .suggestionsFlyout > .searchInputWrap {
  float: left;
  width: 100%;
  padding: 1.231em 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid var(--lvh-x-shark-light);
}
@media (max-width: 991px) {
  #searchFiltersDirective ul.filters > .filter .suggestionsFlyout > .searchInputWrap {
    padding: 1.231em 0;
  }
}
#searchFiltersDirective ul.filters > .filter .suggestionsFlyout > .suggestionDefault {
  float: left;
  width: 100%;
  padding: 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  #searchFiltersDirective ul.filters > .filter .suggestionsFlyout > .suggestionDefault {
    padding: 1em 0;
  }
}
#searchFiltersDirective ul.filters > .filter .suggestionsFlyout > .suggestionDefault .text {
  font-size: 0.846em;
  color: var(--lvh-x-shark-dark);
}
#searchFiltersDirective ul.filters > .filter .suggestionsFlyout > .suggestionListDirective {
  float: left;
  width: 100%;
}
@media (max-width: 991px) {
  #searchFiltersDirective ul.filters > .filter .suggestionsFlyout > .suggestionListDirective {
    padding-bottom: 4em;
  }
}
#searchFiltersDirective ul.filters > .filter .suggestionsFlyout > .suggestionListDirective .dropdown .spinner {
  padding: 10px 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
#searchFiltersDirective ul.filters > .filter .suggestionsFlyout .categoryGroup {
  float: left;
  width: 100%;
}
#searchFiltersDirective ul.filters > .filter .suggestionsFlyout .categoryGroup .categoryName {
  background-color: var(--lvh-x-shark-light);
  padding: 0.462em 1em;
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
}
@media (max-width: 991px) {
  #searchFiltersDirective ul.filters > .filter .suggestionsFlyout .categoryGroup .categoryName {
    padding: 0.462em 0;
  }
}
#searchFiltersDirective ul.filters > .filter .suggestionsFlyout .categoryGroup .categoryName .text {
  display: block;
  font-size: 0.769em;
  font-weight: 600;
  text-transform: uppercase;
}
#searchFiltersDirective ul.filters > .filter .suggestionsFlyout .filterValueRow {
  float: left;
  width: 100%;
}
@media (max-width: 991px) {
  #searchFiltersDirective ul.filters > .filter .suggestionsFlyout .filterValueRow {
    padding: 0.769em 0;
    border-bottom: 1px solid var(--lvh-x-pale-grey);
  }
}
@media (min-width: 992px) {
  #searchFiltersDirective ul.filters > .filter .suggestionsFlyout .filterValueRow .label {
    padding-left: 10px;
  }
}
#searchFiltersDirective ul.filters > .filter .suggestionsFlyout .filterValueRow .label > .text {
  color: var(--lvh-x-dark-grey);
}
@media (max-width: 991px) {
  #searchFiltersDirective ul.filters > .filter .suggestionsFlyout .suggestionListFooter {
    position: static;
    padding-top: 15px;
  }
}
#searchFiltersDirective ul.filters .suggestions {
  float: left;
  width: 100%;
  margin: 0;
  padding: 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  #searchFiltersDirective ul.filters .suggestions {
    padding: 0;
  }
}
#searchFiltersDirective ul.filters .suggestions > .suggestion {
  float: left;
  width: 100%;
  margin: 0 0 0.462em 0;
  padding: 0;
  list-style: none;
  cursor: pointer;
}
@media (max-width: 991px) {
  #searchFiltersDirective ul.filters .suggestions > .suggestion {
    margin: 0;
  }
}
#searchFiltersDirective ul.filters .suggestions > .suggestion:last-child {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  #searchFiltersDirective ul.filters .suggestions > .suggestion:last-child .filterValue {
    border-bottom: none;
  }
}
#searchFiltersDirective ul.filters .sliderFilter rzslideroldest {
  position: relative;
  display: block;
  width: 100%;
  height: 7px;
  margin: 0 0 17px 0;
}
#searchFiltersDirective ul.filters .sliderFilter rzslideroldest span {
  position: absolute;
  display: inline-block;
  white-space: nowrap;
}
#searchFiltersDirective ul.filters .sliderFilter rzslideroldest span.rz-base {
  width: 100%;
  height: 100%;
  padding: 0;
}
#searchFiltersDirective ul.filters .sliderFilter rzslideroldest span.rz-bar-wrapper {
  position: absolute;
  left: 0;
  width: 100%;
}
#searchFiltersDirective ul.filters .sliderFilter rzslideroldest span.rz-bar {
  left: 0;
  z-index: 0;
  width: 100%;
  height: 7px;
  background-color: var(--lvh-x-shark-dark);
}
#searchFiltersDirective ul.filters .sliderFilter rzslideroldest span.rz-bar.rz-selection {
  z-index: 1;
  background-color: var(--lvh-bright-blue);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
#searchFiltersDirective ul.filters .sliderFilter rzslideroldest span.rz-pointer {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 2;
  cursor: pointer;
  background-color: var(--lvh-white);
  border: solid 1px var(--lvh-x-shark-dark);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05);
  outline: none;
}
#searchFiltersDirective ul.filters .sliderFilter rzslideroldest span.rz-pointer:after {
  position: absolute;
  top: 6px;
  left: 6px;
  width: 4px;
  height: 4px;
  background: var(--lvh-white);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  content: '';
}
#searchFiltersDirective ul.filters .sliderFilter rzslideroldest span.rz-pointer:hover:after {
  background-color: #ffffff;
}
#searchFiltersDirective ul.filters .sliderFilter rzslideroldest span.rz-pointer.rz-active:after {
  background-color: #451aff;
}
#searchFiltersDirective ul.filters .sliderFilter rzslideroldest span.rz-bubble {
  display: none;
  top: -32px;
  padding: 1px 3px;
  color: #55637d;
  cursor: default;
}
#searchFiltersDirective ul.filters .sliderFilter rzslideroldest span.rz-bubble.rz-selection {
  top: 16px;
}
#searchFiltersDirective ul.filters .sliderFilter rzslideroldest span.rz-bubble.rz-limit {
  color: #55637d;
}
#searchFiltersDirective ul.filters .sliderFilter rzslideroldest {
  float: left;
  width: 100%;
}
#searchFiltersDirective ul.filters .sliderFilter rzslideroldest.locked .rz-pointer {
  display: none;
}
#searchFiltersDirective ul.filters .sliderFilter .slider {
  float: left;
  width: 100%;
}
#searchFiltersDirective ul.filters .sliderFilter .slider > .desktop {
  float: left;
  width: 100%;
  padding: 42px 20px 32px 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#searchFiltersDirective ul.filters .sliderFilter .slider > .mobile {
  float: left;
  width: 100%;
  padding: 20px 0;
}
#searchFiltersDirective ul.filters .sliderFilter .inputWrap {
  width: 100%;
  float: left;
  margin-bottom: 10px;
}
#searchFiltersDirective ul.filters .sliderFilter .inputWrap:last-child {
  margin-bottom: 0;
}
#searchFiltersDirective ul.filters .sliderFilter .inputWrap .dropdownComponent {
  position: relative;
}
#searchFiltersDirective ul.filters .sliderFilter .inputWrap .dropdownComponent .dropdown {
  height: 400px;
  overflow-y: scroll;
}
#searchFiltersDirective ul.filters .sliderFilter .inputWrap .dropdownComponent a {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#searchFiltersDirective ul.filters .sliderFilter .inputWrap .dropdownComponent i {
  position: absolute;
  right: 1em;
  top: 1.2em;
  color: var(--lvh-secondary-text);
}
#searchFiltersDirective ul.filters .sliderFilter .btn-group {
  width: 120px;
  float: right;
}
#searchFiltersDirective ul.filters .sliderFilter .btn-group .btn {
  background-color: var(--lvh-x-shark-light);
  cursor: pointer;
}
#searchFiltersDirective ul.filters .sliderFilter .btn-group .btn.active {
  background-color: var(--lvh-white);
}
#searchFiltersDirective ul.filters .sliderFilter .sliderGraph {
  float: left;
  width: 100%;
  height: 30px;
  position: relative;
}
#searchFiltersDirective ul.filters .sliderFilter .sliderValue {
  position: absolute;
  background-color: var(--lvh-x-shark-light);
  bottom: 0;
  min-height: 1px;
  transition: 0.2s background-color linear;
}
#searchFiltersDirective ul.filters .sliderFilter .sliderValue.selected {
  background-color: var(--lvh-x-murkberry-light);
}
#searchFiltersDirective ul.filters .sliderFilter .sliderLabels {
  float: left;
  width: 100%;
  position: relative;
}
#searchFiltersDirective ul.filters .sliderFilter .sliderLimit {
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
}
#searchFiltersDirective ul.filters .sliderFilter .sliderLimit.min {
  float: left;
}
#searchFiltersDirective ul.filters .sliderFilter .sliderLimit.max {
  float: right;
}
#searchFiltersDirective ul.filters .sliderFilter .sliderTotal {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#searchFiltersDirective ul.filters .sliderFilter .sliderTotal .callout {
  display: table;
  margin: auto;
  padding: 10px 15px;
  -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.05);
  border: solid 1px var(--lvh-x-pale-grey);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  position: relative;
}
#searchFiltersDirective ul.filters .sliderFilter .sliderTotal .callout > .label {
  font-size: 12px;
  color: var(--lvh-secondary-text);
}
#searchFiltersDirective ul.filters .sliderFilter .sliderTotal .callout .calloutTip {
  height: 14px;
  width: 14px;
  background-color: var(--lvh-white);
  position: absolute;
  border: 1px solid var(--lvh-x-pale-grey);
  z-index: 1001;
  top: -8px;
  left: 50%;
  margin: 0 0 0 -8px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: none !important;
  border-right: none !important;
}
#searchFiltersDirective ul.filters .sliderFilter .suggestionListFooter {
  display: block;
}
#searchFiltersDirective ul.filters .sliderFilter .dropdownComponent {
  float: left;
  width: 100%;
  position: relative;
  border: none;
}
#searchFiltersDirective ul.filters .sliderFilter .dropdownComponent.select {
  color: var(--lvh-x-dark-grey);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  outline: 0;
  line-height: normal;
  border: 1px solid var(--lvh-x-shark-dark);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#searchFiltersDirective ul.filters .sliderFilter .dropdownComponent.select .selectedLabel {
  float: left;
  width: 100%;
  padding: 7px 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--lvh-secondary-text);
}
@media (max-width: 991px) {
  #searchFiltersDirective ul.filters .sliderFilter .dropdownComponent.select .selectedLabel {
    padding: 10px 14px;
  }
}
#searchFiltersDirective ul.filters .sliderFilter .dropdownComponent.select .selectedLabel > span {
  margin-right: 10px;
}
#searchFiltersDirective ul.filters .sliderFilter .dropdownComponent.select .selectedLabel i {
  float: right;
  font-size: 7px;
  color: var(--lvh-bright-blue);
  padding: 5.5px 0;
  position: static;
}
#searchFiltersDirective .suggestionListFooter {
  display: none;
  float: left;
  width: 100%;
  padding: 0.769em 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid var(--lvh-x-shark-light);
}
@media (max-width: 991px) {
  #searchFiltersDirective .suggestionListFooter {
    display: block;
    width: 100%;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;
  }
}
#searchFiltersDirective .suggestionListFooter > .button {
  float: right;
  outline: 0;
  padding: 0;
  background: none;
  border: none;
}
@media (max-width: 991px) {
  #searchFiltersDirective .suggestionListFooter > .button {
    float: none;
    width: 100%;
    padding: 1.077em 0;
    background-color: var(--lvh-bright-blue);
  }
}
#searchFiltersDirective .suggestionListFooter > .button > .label {
  font-size: 0.846em;
  color: var(--lvh-bright-blue);
}
@media (max-width: 991px) {
  #searchFiltersDirective .suggestionListFooter > .button > .label {
    font-size: 1.385em;
    font-weight: 600;
    color: var(--lvh-white);
  }
}
@media (min-width: 992px) {
  #searchFiltersDirective .suggestionListFooter > .button > .label.mobile {
    display: none;
  }
}
@media (max-width: 991px) {
  #searchFiltersDirective .suggestionListFooter > .button > .label.desktop {
    display: none;
  }
}
@media (min-width: 992px) {
  #searchInView {
    display: none;
  }
}
#searchInView #searchInButton {
  outline: none;
  background: none;
  border: none;
  padding: 0;
  margin: 0.962em 0;
}
#searchInView #searchInButton > .label {
  float: left;
  font-size: 1.077em;
  color: var(--lvh-x-dark-grey);
}
#searchInView #searchInSelection {
  position: fixed;
  top: 89px;
  right: 0;
  left: 0;
  width: 100%;
  background-color: var(--lvh-white);
  z-index: 9000;
}
#searchInView #searchInSelection .heading {
  float: left;
  width: 100%;
  background-color: var(--lvh-x-shark-light);
  border-bottom: 1px solid var(--lvh-x-shark-dark);
}
@media (max-width: 991px) {
  #searchInView #searchInSelection .heading {
    margin: 0;
  }
}
#searchInView #searchInSelection .heading h3 {
  margin: 0;
  padding: 0.962em 0;
  font-size: 1em;
}
#searchInView #searchInSelection .heading h3 > span {
  display: inline-block;
  font-size: 1.077em;
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
}
#searchInView #searchInSelection .heading h3 > .icon {
  float: right;
  cursor: pointer;
  margin: 0.231em 0;
  color: var(--lvh-x-mid-grey);
}
#searchInView #searchInSelection .heading h3 > .icon:before {
  font-size: 0.769em;
}
@media (min-width: 992px) {
  #searchInView #searchInSelection .heading h3 > .icon {
    display: none;
  }
}
#searchInView #searchInSelection .options {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}
#searchInView #searchInSelection .options .option,
#searchInView #searchInSelection .options .subOption {
  margin: 0;
  padding: 0;
  list-style: none;
}
#searchInView #searchInSelection .options .option:last-child > .container--mobile .label,
#searchInView #searchInSelection .options .subOption:last-child > .container--mobile .label {
  border-bottom: none;
}
#searchInView #searchInSelection .options .option .label,
#searchInView #searchInSelection .options .subOption .label {
  float: left;
  width: 100%;
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  padding: 0.846em 0 0.846em 0.154em;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  position: relative;
}
#searchInView #searchInSelection .options .option .label.active,
#searchInView #searchInSelection .options .subOption .label.active {
  background-color: var(--lvh-x-off-white);
}
#searchInView #searchInSelection .options .option .label .text,
#searchInView #searchInSelection .options .subOption .label .text {
  font-size: 1.077em;
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
}
#searchInView #searchInSelection .options .subOption .label .icon {
  float: left;
  margin: 0.423em 0.462em 0.423em 0;
}
#searchInView #searchInSelection .options .subOption .label .icon:before {
  display: block;
  font-size: 0.615em;
  color: var(--lvh-x-shark-dark);
}
#searchInView #searchInSelection .options .subOption .label .text {
  float: left;
}
#savedSearchesPage,
#jobVacanciesPage {
  float: left;
  width: 100%;
  padding: 6em 0;
}
#savedSearchesPage #mainContent,
#jobVacanciesPage #mainContent {
  float: left;
  width: 100%;
}
@media (max-width: 991px) {
  #savedSearchesPage #mainContent,
  #jobVacanciesPage #mainContent {
    width: 100%;
  }
}
#savedSearchesPage h1,
#jobVacanciesPage h1,
#savedSearchesPage h2,
#jobVacanciesPage h2 {
  margin: 0 0 2em 0;
  padding-bottom: 1em;
  font-size: 1em;
  border-bottom: 1px solid #d9d9d9;
}
#savedSearchesPage h1 > span,
#jobVacanciesPage h1 > span,
#savedSearchesPage h2 > span,
#jobVacanciesPage h2 > span {
  font-size: 1.231em;
  font-weight: 700;
  color: #333333;
}
#savedSearchesPage p,
#jobVacanciesPage p {
  margin: 0;
}
#savedSearchesPage p > span,
#jobVacanciesPage p > span {
  font-size: 1.1em;
  line-height: 1.3;
}
#savedSearchesPage .tableBlue,
#jobVacanciesPage .tableBlue {
  float: left;
  width: 100%;
}
#savedSearchesPage .tableBlue thead,
#jobVacanciesPage .tableBlue thead {
  background-color: var(--lvh-bright-blue);
  border: 1px solid var(--lvh-bright-blue);
  text-align: left;
}
#savedSearchesPage .tableBlue th,
#jobVacanciesPage .tableBlue th {
  padding: 1.4em 1.6em;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--lvh-white);
}
#savedSearchesPage .tableBlue tbody,
#jobVacanciesPage .tableBlue tbody {
  border: 1px solid var(--lvh-x-pale-grey);
}
#savedSearchesPage .tableBlue tr td,
#jobVacanciesPage .tableBlue tr td {
  padding: 0.5em 1.6em;
}
#savedSearchesPage #sideBarLinks,
#jobVacanciesPage #sideBarLinks {
  margin: 0;
  padding: 0;
}
#savedSearchesPage #sideBarLinks > li,
#jobVacanciesPage #sideBarLinks > li {
  list-style: none;
  margin: 0 0 0.5em 0;
  padding: 0;
}
#savedSearchesPage #sideBarLinks > li > a,
#jobVacanciesPage #sideBarLinks > li > a {
  font-size: 1.1em;
}
#savedSearchesPage #mainContent > .row,
#savedSearchesPage #sideBar > .row {
  float: left;
  width: 100%;
  margin-bottom: 3em;
}
#savedSearchesPage #mainContent > .row:last-child,
#savedSearchesPage #sideBar > .row:last-child {
  margin-bottom: 0;
}
#savedSearchesPage label {
  float: left;
}
#savedSearchesPage label > span {
  color: #333333;
  font-weight: 600;
}
#savedSearchesPage .inputWrap {
  float: left;
  width: 100%;
  margin-top: 0.6em;
}
#savedSearchesPage .inputWrap .addUsers {
  display: inline-block;
}
#savedSearchesPage .tableBlue tbody tr:nth-child(4n + 1),
#savedSearchesPage .tableBlue tbody tr:nth-child(4n + 2) {
  background-color: var(--lvh-white98);
}
#savedSearchesPage .tableBlue tbody tr:nth-child(4n + 3),
#savedSearchesPage .tableBlue tbody tr:nth-child(4n + 4) {
  background-color: var(--lvh-white);
}
#savedSearchesPage .tableBlue tbody tr.editRow {
  background-color: var(--lvh-white92);
}
#savedSearchesPage .tableBlue tbody tr.editRow td {
  padding: 1.6em;
}
#savedSearchesPage .tableBlue tbody tr.editRow td .row {
  float: left;
  width: 100%;
  margin-bottom: 1em;
}
#savedSearchesPage .tableBlue tbody tr.editRow td .row:last-child {
  margin-bottom: 0;
}
#savedSearchesPage .tableBlue tbody tr.editRow td .buttonWrap {
  float: right;
}
#savedSearchesPage .tableBlue tbody tr.editRow td .buttonWrap > button {
  float: left;
}
#savedSearchesPage .tableBlue tbody tr td {
  padding: 1.2em 1.6em;
}
#savedSearchesPage .tableBlue tbody tr td .name {
  margin-right: 0.769em;
}
#jobVacanciesPage .row {
  float: left;
  width: 100%;
  margin-bottom: 3em;
}
#jobVacanciesPage .row:last-child {
  margin-bottom: 0;
}
#jobVacanciesPage h4 {
  margin: 0;
  margin-bottom: 24px;
  font-weight: 800;
  font-size: 14px;
  color: #363636;
}
#jobVacanciesPage .col.halves {
  float: left;
  width: 49%;
  margin-right: 2%;
}
#jobVacanciesPage .col.halves:last-child {
  margin-right: 0;
}
#jobVacanciesPage .buttonWrap {
  float: right;
}
#jobVacanciesPage .buttonWrap #button-cancel {
  float: left;
  margin-right: 1.538em;
}
#jobVacanciesPage .buttonWrap #button-save {
  float: left;
}
#jobVacanciesPage label {
  float: left;
}
#jobVacanciesPage label > span {
  color: #333333;
  font-weight: 600;
}
#jobVacanciesPage .inputWrap {
  float: left;
  width: 100%;
  margin-top: 0.6em;
}
#jobVacanciesPage input[type='text'] {
  padding: 0.6em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#jobVacanciesPage textarea {
  width: 100%;
  padding: 0.6em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  resize: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.3);
}
#jobVacanciesPage #editJobVacancy {
  display: none;
  float: left;
  width: 100%;
  margin-bottom: 2em;
  padding: 1.6em;
  border: none;
  background-color: #fafafa;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#jobVacanciesPage form .row {
  margin-bottom: 1.538em;
}
#jobVacanciesPage .tableBlue tbody tr:nth-child(even) td {
  background-color: var(--lvh-white);
}
#jobVacanciesPage .tableBlue tbody tr:nth-child(odd) td {
  background-color: #fafafa;
}
.employerAppHeader {
  width: 100%;
  background-color: var(--lvh-white);
  border-bottom: 1px solid var(--lvh-x-pale-grey);
}
@media (min-width: 992px) {
  .employerAppHeader {
    float: left;
  }
}
.employerAppHeader:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (min-width: 992px) {
  .employerAppHeader.nonCompanyUser {
    display: none;
  }
}
.employerAppHeader .lhs {
  float: left;
}
@media (max-width: 991px) {
  .employerAppHeader .lhs {
    width: auto;
    max-width: 100%;
  }
}
.employerAppHeader .employerLogo {
  float: left;
  width: 48px;
  height: 48px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid var(--lvh-x-pale-grey);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 16px 20px 0 0;
  padding: 0;
  background-color: var(--lvh-white);
}
@media (max-width: 991px) {
  .employerAppHeader .employerLogo {
    display: none;
  }
}
.employerAppHeader .employerLogo > img {
  width: 100%;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.employerAppHeader .heading {
  float: left;
  margin: 27px 0;
  font-size: 1em;
  font-weight: normal;
}
@media (max-width: 991px) {
  .employerAppHeader .heading {
    margin: 0.962em 0;
  }
}
.employerAppHeader .heading > span {
  float: left;
  font-size: 1.385em;
  font-weight: normal;
  letter-spacing: -0.025em;
  color: var(--lvh-secondary-text);
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
@media (max-width: 991px) {
  .employerAppHeader .heading > span {
    font-size: 1.077em;
    color: var(--lvh-x-dark-grey);
  }
}
.employerAppHeader .tabs {
  margin: 0 0 0 20px;
  padding: 0;
  float: left;
}
@media (max-width: 991px) {
  .employerAppHeader .tabs {
    display: none;
  }
}
.employerAppHeader .tabs > .tab {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  position: relative;
}
.employerAppHeader .tabs > .tab:last-child:before {
  display: none;
}
.employerAppHeader .tabs > .tab:before {
  content: "\e914";
  font-family: 'IconFont';
  font-size: 0.538em;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.5em;
  margin-right: -0.269em;
  color: var(--lvh-x-pale-grey);
}
.employerAppHeader .tabs > .tab > a {
  float: left;
  color: var(--lvh-secondary-text);
  padding: 2.385em 0;
  margin: 0 1.538em;
}
.employerAppHeader .tabs > .tab > a.active {
  -moz-box-shadow: inset 0 -3px 0 0 var(--lvh-bright-blue);
  -webkit-box-shadow: inset 0 -3px 0 0 var(--lvh-bright-blue);
  box-shadow: inset 0 -3px 0 0 var(--lvh-bright-blue);
}
.employerAppHeader .tabs > .tab > a.active > span {
  color: var(--lvh-bright-blue);
}
#mobile-header-tabs {
  float: left;
  width: 100%;
  padding: 7px 0;
  background-color: var(--lvh-white);
  border-bottom: 1px solid var(--lvh-x-pale-grey);
}
@media (min-width: 992px) {
  #mobile-header-tabs {
    display: none;
  }
}
#mobile-header-tabs > .container {
  position: relative;
}
#mobile-header-tabs .btn-group {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#mobile-header-tabs .btn-group:not(:last-child) {
  padding-right: 20px;
}
#mobile-header-tabs #secondaryMenuButton {
  width: 4px;
  height: 20px;
  outline: none;
  background: none;
  border: none;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  margin: 3.5px 0;
}
#mobile-header-tabs #secondaryMenuButton > .icon {
  display: block;
  font-size: 20px;
  color: var(--lvh-x-shark-dark);
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -10px;
}
#eugeneDirective .dropdownDirective {
  float: left;
}
@media (max-width: 991px) {
  #eugeneDirective .dropdownComponent {
    display: none;
  }
}
@media (max-width: 991px) {
  #eugeneDirective .dropdownComponent.callout .callout {
    top: 2.308em;
  }
}
@media (min-width: 992px) {
  #eugeneDirective .dropdownComponent.callout .callout.isVisible {
    z-index: 9500;
  }
}
#eugeneDirective .dropdownComponent .heading > span {
  margin-right: 0.615em;
}
#eugeneDirective .dropdownComponent .heading > i {
  float: left;
  color: var(--lvh-x-shark-dark);
  line-height: 1.385;
}
#eugeneDirective .dropdownComponent .heading > i:before {
  font-size: 6px;
}
#eugeneDirective #hiddenTabs {
  float: right;
  margin: 2.192em 0;
}
@media (max-width: 991px) {
  #eugeneDirective #hiddenTabs {
    display: none;
  }
}
#eugeneDirective #hiddenTabs .dropdownComponent.callout .callout {
  top: auto;
}
#eugeneDirective #buttonHiddenTabs {
  background: none;
  border: none;
  outline: none;
  padding: 0;
  width: 14px;
}
@media (max-width: 991px) {
  #eugeneDirective #buttonHiddenTabs {
    display: none;
  }
}
#eugeneDirective #buttonHiddenTabs > i {
  color: var(--lvh-x-shark-dark);
  font-size: 1.538em;
}
#eugeneDirective #showMobileFiltersButton {
  float: right;
  padding: 0;
  margin: 0.962em 0;
  outline: none;
  background: none;
  border: none;
  color: var(--lvh-bright-blue);
}
@media (min-width: 992px) {
  #eugeneDirective #showMobileFiltersButton {
    display: none;
  }
}
#eugeneDirective #showMobileFiltersButton > .icon {
  font-size: 0.923em;
  margin-right: 0.308em;
}
#eugeneDirective #showMobileFiltersButton > .label {
  font-size: 1.077em;
}
#actionSideBarWrapper {
  position: absolute;
  top: 0;
  right: 0;
  width: 120px;
}
@media (max-width: 991px) {
  #actionSideBarWrapper {
    top: 0 !important;
  }
}
@media (max-height: 767px) {
  #actionSideBarWrapper {
    position: relative;
    float: right;
  }
}
#actionSideBar {
  width: 120px;
  position: fixed;
  z-index: 2000;
}
@media (max-width: 991px) {
  #actionSideBar {
    width: 0;
    height: 0;
  }
}
@media (max-height: 991px) {
  #actionSideBar {
    position: static;
  }
}
#actionSideBar > .actionButton {
  margin-bottom: 0.462em;
}
#actionSideBar .actionButtonView {
  padding-bottom: 6px;
}
#actionSideBar .actionButtonView .cc-tooltip.wrapper {
  z-index: 1;
}
#actionSideBar .actionDialogView {
  width: 270px;
  min-height: 345px;
  top: 100%;
  left: 0;
}
@media (min-width: 992px) and (max-width: 1440px) {
  #actionSideBar .actionDialogView {
    left: auto;
    right: 0;
  }
}
#actionSideBar .actionDialogView.above {
  top: auto;
  bottom: calc(100% + 6px);
}
#actionSideBar .actionDialogView .dropdownDirective {
  display: block;
}
#actionSideBar .actionDialogView .dropdownDirective:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#actionSideBar .actionDialogView .dropdownComponent {
  float: left;
  width: 100%;
  position: relative;
}
#actionSideBar .actionDialogView .dropdownComponent.select {
  color: var(--lvh-x-dark-grey);
  border: 1px solid var(--lvh-x-paler-grey);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  outline: 0;
  line-height: initial;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#actionSideBar .actionDialogView .dropdownComponent.select .selectedLabel {
  float: left;
  width: 100%;
  padding: 7px 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--lvh-secondary-text);
}
#actionSideBar .actionDialogView .dropdownComponent.select .selectedLabel i {
  float: right;
  color: var(--lvh-bright-blue);
  font-size: 7px;
  line-height: 18px;
}
#actionSideBar .actionDialogView .dropdownComponent .dropdown {
  max-height: 240px;
  overflow-y: auto;
  z-index: 9100;
}
#actionSideBar .actionDialogView.review {
  min-height: 0;
}
#actionSideBar .actionDialogView.review .dialogBody {
  padding: 0;
}
#actionSideBar .actionDialogView.hide {
  min-height: 0;
}
#actionSideBar .actionDialogView.hide .dialogBody {
  padding: 0;
}
#actionSideBar .actionDialogView.hide .tagLine {
  padding: 1.192em 1.538em;
  border-bottom: 1px solid var(--lvh-x-pale-grey);
}
#actionSideBar .actionDialogView.hide .tagLine > .text {
  color: var(--lvh-secondary-text);
}
#actionSideBar .actionDialogView.hide .inputWrap {
  padding: 0.769em 1.538em;
}
#actionSideBar .actionDialogView.hide .buttonWrap {
  padding: 0 1.538em;
}
#actionSideBar .actionDialogView.hide .buttonWrap > button {
  width: 100%;
}
#actionSideBar .actionDialogView.notes,
#actionSideBar .actionDialogView.highlight {
  min-height: 0;
}
#actionSideBar .actionDialogView.notes .dialogBody,
#actionSideBar .actionDialogView.highlight .dialogBody {
  padding: 15px;
}
#actionSideBar .actionDialogView.notes #noteForm > textarea,
#actionSideBar .actionDialogView.highlight #noteForm > textarea {
  float: left;
  margin-bottom: 15px;
}
#actionSideBar .actionDialogView.notes #noteForm .buttonWrap,
#actionSideBar .actionDialogView.highlight #noteForm .buttonWrap {
  float: left;
  width: 100%;
}
#actionSideBar .actionDialogView.notes #clearHighlightButton,
#actionSideBar .actionDialogView.highlight #clearHighlightButton {
  float: left;
  width: 48%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#actionSideBar .actionDialogView.notes #addNoteButton,
#actionSideBar .actionDialogView.highlight #addNoteButton {
  float: right;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#actionSideBar .actionDialogView.notes #addNoteButton.half,
#actionSideBar .actionDialogView.highlight #addNoteButton.half {
  width: 48%;
}
#actionSideBar .actionDialogView.milestone {
  min-height: 0;
}
#actionSideBar .actionDialogView.milestone .dialogBody {
  padding: 0;
}
#actionSideBar .actionDialogView.milestone #milestoneForm {
  float: left;
  width: 100%;
  padding: 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#actionSideBar .actionDialogView.milestone #milestoneForm > .row {
  float: left;
  width: 100%;
  margin-bottom: 0.769em;
}
#actionSideBar .actionDialogView.milestone #milestoneForm > .row:last-child {
  margin-bottom: 0;
}
#actionSideBar .actionDialogView.milestone .inputWrap input {
  color: var(--lvh-secondary-text);
}
#actionSideBar .actionDialogView.milestone .dropdownComponent {
  float: left;
  width: 100%;
  position: relative;
}
#actionSideBar .actionDialogView.milestone .dropdownComponent.select {
  color: var(--lvh-x-dark-grey);
  border: 1px solid var(--lvh-x-paler-grey);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  outline: 0;
  line-height: initial;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#actionSideBar .actionDialogView.milestone .dropdownComponent.select .selectedLabel {
  float: left;
  width: 100%;
  padding: 0.538em 0.615em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--lvh-secondary-text);
}
#actionSideBar .actionDialogView.milestone .dropdownComponent.select .selectedLabel i {
  float: right;
  color: var(--lvh-bright-blue);
  padding: 0.192em 0;
}
#actionSideBar .actionDialogView.milestone .dropdownComponent .dropdown {
  max-height: 240px;
  overflow-y: auto;
  z-index: 9100;
}
#actionSideBar .actionDialogView.milestone #addMilestoneButton {
  float: left;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#actionSideBar .actionDialogView.milestone .milestoneHistory {
  float: left;
  width: 100%;
}
#actionSideBar .actionDialogView.milestone .milestoneHistory .list {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}
#actionSideBar .actionDialogView.milestone .milestoneHistory .list .listItem {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0.462em 1.154em;
  list-style: none;
  color: var(--lvh-x-dark-grey);
  border-bottom: solid 1px var(--lvh-x-paler-grey);
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#actionSideBar .actionDialogView.milestone .milestoneHistory .list .listItem:first-child {
  border-top: solid 1px var(--lvh-x-paler-grey);
}
#actionSideBar .actionDialogView.milestone .milestoneHistory .list .listItem:last-child {
  border-bottom: none;
}
#actionSideBar .actionDialogView.milestone .milestoneHistory .list .listItem > .label {
  display: block;
  width: 100%;
  padding-right: 90px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#actionSideBar .actionDialogView.milestone .milestoneHistory .list .listItem > time {
  font-size: 0.769em;
  color: var(--lvh-secondary-text);
  position: absolute;
  top: 0.462em;
  right: 1.154em;
  padding: 2px 0;
}
#actionSideBar .actionDialogView.companyProfileShare {
  min-height: 0;
}
#actionSideBar .actionDialogView.companyProfileShare .button-wrap {
  padding-top: 15px;
}
#actionSideBar .actionDialogView.companyProfileShare .button-wrap .button {
  width: 48%;
  float: right;
}
#actionSideBar .actionDialogView.companyProfileShare .button-wrap .button.p-ghost-button {
  float: left;
}
#actionSideBar .actionDialogView.move {
  min-height: 0;
}
#actionSideBar .actionDialogView.move .dialogBody {
  padding: 0;
}
#actionSideBar .actionDialogView.download {
  min-height: 0;
}
#actionSideBar .actionDialogView.relationship {
  min-height: 0;
}
#actionSideBar .actionDialogView.relationship .dialogBody {
  padding: 0;
}
#actionSideBar .actionDialogView.referredBy {
  min-height: 0;
}
#actionSideBar .actionDialogView.referredBy .row:not(:last-child) {
  margin: 0 0 10px 0;
}
#actionSideBar .actionDialogView.referredBy label.label {
  display: block;
  font-size: 11px;
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
  margin: 0 0 5px 0;
}
#actionSideBar .actionDialogView.referredBy .back-button {
  outline: none;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 15px;
}
#actionSideBar .actionDialogView.referredBy .back-button .icon {
  display: block;
  font-size: 16px;
  color: var(--lvh-secondary-text);
  margin: 1px 0;
}
#actionSideBar .actionDialogView.referredBy .list-state .dialogBody {
  padding: 0;
}
#actionSideBar .actionDialogView.referredBy .dialogList > .listItem {
  cursor: default;
  transition: none !important;
}
#actionSideBar .actionDialogView.referredBy .dialogList > .listItem:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#actionSideBar .actionDialogView.referredBy .dialogList > .listItem:hover .remove,
#actionSideBar .actionDialogView.referredBy .dialogList > .listItem:focus .remove {
  display: block;
}
#actionSideBar .actionDialogView.referredBy .dialogList > .listItem.read-only {
  background-color: var(--lvh-x-off-white);
  color: var(--lvh-secondary-text);
}
#actionSideBar .actionDialogView.referredBy .dialogList .remove {
  display: none;
  float: right;
  font-size: 12px;
  padding: 3px;
  color: var(--lvh-x-shark-dark);
}
@media (max-width: 991px) {
  #actionSideBar .actionDialogView.referredBy .dialogList .remove {
    display: block;
    color: var(--lvh-x-ripe);
  }
}
#actionSideBar .actionDialogView.referredBy .dialogList .remove:hover,
#actionSideBar .actionDialogView.referredBy .dialogList .remove:focus {
  color: var(--lvh-x-ripe);
}
#actionSideBar .actionDialogView.referredBy .show-add-state-button {
  width: 100%;
  text-align: left;
  outline: none;
  background: none;
  border: none;
  padding: 5.5px 15px;
  color: var(--lvh-bright-blue);
  border-bottom: 1px solid var(--lvh-x-pale-grey);
}
#actionSideBar .actionDialogView.referredBy .add-button {
  width: 100%;
}
#actionSideBar .actionDialogView.referredBy .validation-message {
  float: none;
}
#actionSideBar .actionDialogView.document {
  min-height: 0;
}
#actionSideBar .actionDialogView.tags {
  min-height: 0;
}
#actionSideBar .actionDialogView.targetedInvite {
  min-height: 0;
}
#actionSideBar .actionDialogView.targetedInvite .dropdownDirective:not(:last-child) {
  margin: 0 0 10px 0;
}
#actionSideBar .actionDialogView.targetedInvite .dropdown {
  max-width: 236px;
}
#actionSideBar .actionDialogView.targetedInvite .dropdown a.label {
  text-overflow: ellipsis;
  overflow: hidden;
}
#actionSideBar .actionDialogView.targetedInvite .message-composer {
  margin: 0 0 10px;
  border: 1px solid var(--lvh-white92);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#actionSideBar .actionDialogView.targetedInvite .message-composer > span {
  width: calc(100% - 14px);
  display: inline-block;
  vertical-align: middle;
  padding: 7px;
  background-color: var(--lvh-white);
  color: var(--lvh-secondary-text);
}
#actionSideBar .actionDialogView.targetedInvite .message-composer > span .block-text {
  display: block;
  margin-top: 10px;
}
#actionSideBar .actionDialogView.targetedInvite .message-composer textarea {
  height: 50px;
  border-style: none;
  background-color: var(--lvh-white);
  max-height: 250px;
}
#actionSideBar .actionDialogView.targetedInvite textarea {
  margin: 0 0 10px 0;
}
#actionSideBar .actionDialogView.targetedInvite .buttonWrap .button {
  width: 100%;
}
#actionSideBar .actionDialogView.targetedInvite .iconWrap {
  width: 100%;
  margin: 15px 0;
}
#actionSideBar .actionDialogView.targetedInvite .iconWrap i {
  display: block;
  width: 32px;
  font-size: 32px;
  margin: 0 auto;
  color: var(--lvh-x-red);
}
#actionSideBar .actionDialogView.targetedInvite .success-screen .icon {
  color: var(--lvh-x-green);
}
#actionSideBar .actionDialogView.targetedInvite .success-screen .title {
  display: block;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 10px;
}
#actionSideBar .actionDialogView.targetedInvite .success-screen .infoText {
  display: block;
  margin: 0 0 20px;
  text-align: center;
}
#actionSideBar .actionDialogView.targetedInvite .errorText {
  margin: 20px 0 40px;
  text-align: center;
}
#actionSideBar .actionDialogView.targetedInvite .validation-message {
  top: -11px;
  margin-bottom: 10px;
  float: none;
}
#actionSideBar .actionDialogView.pushApply {
  min-height: 0;
}
#actionSideBar .actionDialogView.pushApply .dropdownDirective {
  margin: 0 0 20px 0;
}
#actionSideBar .actionDialogView.pushApply .dropdown {
  max-width: 236px;
}
#actionSideBar .actionDialogView.pushApply .dropdown a.label {
  text-overflow: ellipsis;
  overflow: hidden;
}
#actionSideBar .actionDialogView.pushApply p {
  margin: 0 0 10px 0;
  color: var(--lvh-secondary-text);
}
#actionSideBar .actionDialogView.pushApply .buttonWrap .button {
  width: 100%;
}
#actionSideBar .actionDialogView.pushApply .iconWrap {
  width: 100%;
  margin: 15px 0;
}
#actionSideBar .actionDialogView.pushApply .iconWrap i {
  display: block;
  width: 32px;
  font-size: 32px;
  margin: 0 auto;
  color: var(--lvh-x-red);
}
#actionSideBar .actionDialogView.pushApply .success-screen .icon {
  color: var(--lvh-x-green);
}
#actionSideBar .actionDialogView.pushApply .success-screen .title {
  display: block;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 10px;
}
#actionSideBar .actionDialogView.pushApply .success-screen .infoText {
  display: block;
  margin: 0 0 20px;
  text-align: center;
}
#actionSideBar .actionDialogView.pushApply .errorText {
  margin: 20px 0 40px 0;
  text-align: center;
}
#actionSideBar .actionDialogView.pushApply .validation-message {
  top: -21px;
  margin-bottom: 10px;
  float: none;
}
#actionSideBar .actionDialogView.communityInvite {
  min-height: 0;
}
#actionSideBar .actionDialogView.communityInvite .message-wrap {
  margin-bottom: 20px;
}
#actionSideBar .actionDialogView.communityInvite p {
  margin: 0 0 10px 0;
  color: var(--lvh-secondary-text);
}
#actionSideBar .actionDialogView.communityInvite textarea {
  margin: 0 0 10px 0;
}
#actionSideBar .actionDialogView.communityInvite .buttonWrap .button {
  width: 100%;
}
#actionSideBar .actionDialogView.communityInvite .iconWrap {
  width: 100%;
  margin: 15px 0;
}
#actionSideBar .actionDialogView.communityInvite .iconWrap i {
  display: block;
  width: 32px;
  font-size: 32px;
  margin: 0 auto;
  color: var(--lvh-x-red);
}
#actionSideBar .actionDialogView.communityInvite .success-screen .icon {
  color: var(--lvh-x-green);
}
#actionSideBar .actionDialogView.communityInvite .success-screen .title {
  display: block;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 10px;
}
#actionSideBar .actionDialogView.communityInvite .success-screen .infoText {
  display: block;
  margin: 0 0 20px;
  text-align: center;
}
#actionSideBar .actionDialogView.communityInvite .errorText {
  margin: 20px 0 40px 0;
  text-align: center;
}
#actionSideBar .actionDialogView.communityInvite .validation-message {
  top: -11px;
}
#documentAction .buttonSolidV2,
#downloadAction .buttonSolidV2 {
  text-align: center;
  color: var(--lvh-white);
}
#documentAction .list-items,
#downloadAction .list-items {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  max-height: 250px;
  overflow-y: scroll;
}
#documentAction .list-item,
#downloadAction .list-item {
  border: solid 1px var(--lvh-x-pale-grey);
  border-left: 0;
  border-right: 0;
  color: var(--lvh-secondary-text);
  -moz-transition: 0.2s ease-in-out background-color;
  -o-transition: 0.2s ease-in-out background-color;
  -webkit-transition: 0.2s ease-in-out background-color;
  transition: 0.2s ease-in-out background-color;
}
#documentAction .list-item:hover,
#downloadAction .list-item:hover,
#documentAction .list-item:focus,
#downloadAction .list-item:focus {
  background-color: var(--lvh-x-off-white);
}
#documentAction .list-item:last-child,
#downloadAction .list-item:last-child {
  border-bottom: none;
}
#documentAction .list-item > a,
#downloadAction .list-item > a,
#documentAction .list-item > span,
#downloadAction .list-item > span,
#documentAction .list-item.list-item-upload,
#downloadAction .list-item.list-item-upload {
  display: block;
  padding: 8px 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#documentAction .list-item > a.list-item-upload-failed,
#downloadAction .list-item > a.list-item-upload-failed,
#documentAction .list-item > span.list-item-upload-failed,
#downloadAction .list-item > span.list-item-upload-failed,
#documentAction .list-item.list-item-upload.list-item-upload-failed,
#downloadAction .list-item.list-item-upload.list-item-upload-failed {
  background-color: var(--lvh-validation-red-mid);
}
#documentAction .list-item .file,
#downloadAction .list-item .file {
  float: left;
  width: 100%;
  position: relative;
}
#documentAction .list-item .file > .icon,
#downloadAction .list-item .file > .icon {
  position: absolute;
  top: 3px;
  left: 0;
}
#documentAction .list-item .file > span,
#downloadAction .list-item .file > span {
  float: left;
  width: 100%;
  padding-left: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#documentAction .list-item .icon,
#downloadAction .list-item .icon {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 5px;
  background-image: url('//assets.livehire.com/common/images/vectors/filetypes/filetype-other.svg');
  background-size: 12px 12px;
}
#documentAction .list-item .jpeg,
#downloadAction .list-item .jpeg,
#documentAction .list-item .png,
#downloadAction .list-item .png {
  background-image: url('//assets.livehire.com/common/images/vectors/filetypes/filetype-image.svg');
}
#documentAction .list-item .pdf,
#downloadAction .list-item .pdf {
  background-image: url('//assets.livehire.com/common/images/vectors/filetypes/filetype-pdf.svg');
}
#documentAction .list-item .word,
#downloadAction .list-item .word {
  background-image: url('//assets.livehire.com/common/images/vectors/filetypes/filetype-word.svg');
}
#documentAction .list-item .xls,
#downloadAction .list-item .xls {
  background-image: url('//assets.livehire.com/common/images/vectors/filetypes/filetype-excel.svg');
}
#documentAction .list-item .ppt,
#downloadAction .list-item .ppt,
#documentAction .list-item .pptx,
#downloadAction .list-item .pptx {
  background-image: url('//assets.livehire.com/common/images/vectors/filetypes/filetype-powerpoint.svg');
}
#documentAction .list-item .time-ago,
#downloadAction .list-item .time-ago {
  float: left;
  width: 100%;
  padding-left: 20px;
  font-size: 10px;
  color: #858585;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#documentAction .list-item .time-ago > span,
#downloadAction .list-item .time-ago > span {
  color: var(--lvh-x-shark-dark);
}
#documentAction .list-item:first-child,
#downloadAction .list-item:first-child {
  border-top: 0;
}
#documentAction .list-item + .list-item,
#downloadAction .list-item + .list-item {
  border-top: 0;
}
#documentAction .headingStrip,
#downloadAction .headingStrip {
  float: left;
  width: 100%;
  background-color: var(--lvh-x-shark-light);
  padding: 6px 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: solid 1px var(--lvh-x-pale-grey);
}
#documentAction .headingStrip > span,
#downloadAction .headingStrip > span {
  display: block;
  font-size: 0.769em;
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
  letter-spacing: 0.025em;
}
#documentAction .p-empty-state,
#downloadAction .p-empty-state {
  clear: both;
  padding: 30px;
}
.actionButton {
  float: left;
  width: 100%;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: none;
  outline: 0;
  border-color: var(--lvh-x-shark-dark);
  background-color: var(--lvh-white);
  -moz-transition: 0.2s background-color ease-in-out;
  -o-transition: 0.2s background-color ease-in-out;
  -webkit-transition: 0.2s background-color ease-in-out;
  transition: 0.2s background-color ease-in-out;
  line-height: normal;
  padding: 6px 10px;
  text-align: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.actionButton > .label {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.5px;
  color: var(--lvh-x-dark-grey);
}
.actionButton.blue > .icon,
.actionButton.orange > .icon,
.actionButton.red > .icon {
  color: var(--lvh-white);
}
.actionButton.blue > .label,
.actionButton.orange > .label,
.actionButton.red > .label {
  color: var(--lvh-white);
}
.actionButton.blue {
  border-color: var(--lvh-bright-blue);
  background-color: var(--lvh-bright-blue);
}
.actionButton.orange {
  border-color: var(--lvh-x-orange);
  background-color: var(--lvh-x-orange);
}
.actionButton.red {
  border-color: var(--lvh-x-red);
  background-color: var(--lvh-x-red);
}
.actionButton > .icon {
  color: var(--lvh-x-shark-dark);
  margin-right: 5px;
}
.actionButton.ghost-blue {
  border-color: var(--lvh-bright-blue);
  background-color: var(--lvh-white);
}
.actionButton.ghost-blue > .label,
.actionButton.ghost-blue > i {
  color: var(--lvh-bright-blue);
}
.actionButtonView {
  float: left;
  width: 100%;
  position: relative;
}
body.dialog.modal .actionDialogView {
  z-index: unset;
}
.actionDialogView {
  width: 270px;
  position: absolute;
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-pale-grey);
  -moz-box-shadow: 0 0 3.6px 0.4px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 3.6px 0.4px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 3.6px 0.4px rgba(0, 0, 0, 0.15);
  z-index: 9300;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0;
}
.actionDialogView.visible {
  opacity: 1;
}
@media (max-width: 991px) {
  .actionDialogView {
    width: 100% !important;
    height: 100% !important;
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    overflow-y: auto !important;
  }
}
.actionDialogView.bulkTargetedInvite {
  width: 375px;
}
.actionDialogView.bulkTargetedInvite .successState {
  padding: 40px 0;
  text-align: center;
}
.actionDialogView.bulkTargetedInvite .successState .iconWrap {
  margin-bottom: 15px;
}
.actionDialogView.bulkTargetedInvite .successState .icon {
  font-size: 32px;
  color: var(--lvh-x-green);
}
.actionDialogView.bulkTargetedInvite .successState h4 {
  margin: 0 0 10px 0;
}
.actionDialogView.bulkTargetedInvite .successState h4 > span {
  font-size: 14px;
  font-weight: normal;
  color: var(--lvh-x-dark-grey);
}
.actionDialogView.bulkTargetedInvite .successState p {
  margin: 0;
}
.actionDialogView.bulkTargetedInvite .successState p > span {
  color: var(--lvh-secondary-text);
}
.actionDialogView .dialogHeader {
  float: left;
  width: 100%;
  padding: 7px 0;
  background-color: var(--lvh-x-shark-light);
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .actionDialogView .dialogHeader {
    padding: 12px 0;
  }
}
.actionDialogView .dialogHeader > .container--mobile {
  position: relative;
}
.actionDialogView .dialogHeader h3 {
  margin: 0;
  font-size: 1em;
  font-weight: normal;
}
.actionDialogView .dialogHeader h3 > span {
  color: var(--lvh-x-dark-grey);
  font-size: 1.077em;
}
.actionDialogView .dialogHeader .closeDialog {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 15px;
}
@media (max-width: 991px) {
  .actionDialogView .dialogHeader .closeDialog {
    right: auto;
    left: 0;
  }
}
.actionDialogView .dialogHeader .closeDialog > .icon {
  display: block;
  outline: 0;
  padding: 0;
  background: 0 0;
  border: none;
  margin: 3px 0;
  cursor: pointer;
}
.actionDialogView .dialogHeader .closeDialog > .icon:before {
  font-size: 12px;
  color: var(--lvh-secondary-text);
}
.actionDialogView .dialogBody {
  float: left;
  width: 100%;
  padding: 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.actionDialogView .dialogBody.fullWidth {
  padding: 0;
}
.actionDialogView .dialogBody .tags,
.actionDialogView .dialogBody .suggestions {
  float: left;
  width: 100%;
  height: 18em;
  overflow-y: auto;
  margin: 0;
  padding: 0;
}
.actionDialogView .dialogBody .tags > .tag,
.actionDialogView .dialogBody .suggestions > .tag,
.actionDialogView .dialogBody .tags > .suggestion,
.actionDialogView .dialogBody .suggestions > .suggestion {
  float: left;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 5.5px 15px;
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .actionDialogView .dialogBody .tags > .tag,
  .actionDialogView .dialogBody .suggestions > .tag,
  .actionDialogView .dialogBody .tags > .suggestion,
  .actionDialogView .dialogBody .suggestions > .suggestion {
    padding: 10.5px 15px;
  }
}
.actionDialogView .dialogBody .tags > .tag:hover,
.actionDialogView .dialogBody .suggestions > .tag:hover,
.actionDialogView .dialogBody .tags > .suggestion:hover,
.actionDialogView .dialogBody .suggestions > .suggestion:hover {
  background-color: var(--lvh-x-off-white);
}
.actionDialogView .dialogBody .tags > .tag .marker,
.actionDialogView .dialogBody .suggestions > .tag .marker,
.actionDialogView .dialogBody .tags > .suggestion .marker,
.actionDialogView .dialogBody .suggestions > .suggestion .marker {
  float: left;
  width: 4px;
  height: 0.923em;
  background-color: #448cdb;
  margin: 0.231em 0.462em 0.231em 0;
}
.actionDialogView .dialogBody .tags > .tag .label > .text,
.actionDialogView .dialogBody .suggestions > .tag .label > .text,
.actionDialogView .dialogBody .tags > .suggestion .label > .text,
.actionDialogView .dialogBody .suggestions > .suggestion .label > .text {
  padding-left: 5px;
}
.actionDialogView .dialogBody .tags > .tag .label.classic,
.actionDialogView .dialogBody .suggestions > .tag .label.classic,
.actionDialogView .dialogBody .tags > .suggestion .label.classic,
.actionDialogView .dialogBody .suggestions > .suggestion .label.classic {
  border-left: 3px solid #448cdb;
}
.actionDialogView .dialogBody .tags > .tag .label.bronze,
.actionDialogView .dialogBody .suggestions > .tag .label.bronze,
.actionDialogView .dialogBody .tags > .suggestion .label.bronze,
.actionDialogView .dialogBody .suggestions > .suggestion .label.bronze {
  border-left: 3px solid #ffca67;
}
.actionDialogView .dialogBody .tags > .tag .label.silver,
.actionDialogView .dialogBody .suggestions > .tag .label.silver,
.actionDialogView .dialogBody .tags > .suggestion .label.silver,
.actionDialogView .dialogBody .suggestions > .suggestion .label.silver {
  border-left: 3px solid #ffca67;
}
.actionDialogView .dialogBody .tags > .tag .label.gold,
.actionDialogView .dialogBody .suggestions > .tag .label.gold,
.actionDialogView .dialogBody .tags > .suggestion .label.gold,
.actionDialogView .dialogBody .suggestions > .suggestion .label.gold {
  border-left: 3px solid #ffca67;
}
.actionDialogView .dialogBody .tags > .tag .label.milestone,
.actionDialogView .dialogBody .suggestions > .tag .label.milestone,
.actionDialogView .dialogBody .tags > .suggestion .label.milestone,
.actionDialogView .dialogBody .suggestions > .suggestion .label.milestone {
  border-left: 3px solid #fb915e;
}
.actionDialogView .dialogBody .tags > .tag .label.role,
.actionDialogView .dialogBody .suggestions > .tag .label.role,
.actionDialogView .dialogBody .tags > .suggestion .label.role,
.actionDialogView .dialogBody .suggestions > .suggestion .label.role {
  border-left: 3px solid #ff60a2;
}
.actionDialogView .dialogBody .tags > .tag .label.jobtitle,
.actionDialogView .dialogBody .suggestions > .tag .label.jobtitle,
.actionDialogView .dialogBody .tags > .suggestion .label.jobtitle,
.actionDialogView .dialogBody .suggestions > .suggestion .label.jobtitle {
  border-left: 3px solid #ff60a2;
}
.actionDialogView .dialogBody .tags > .tag .label.qualification_randstad,
.actionDialogView .dialogBody .suggestions > .tag .label.qualification_randstad,
.actionDialogView .dialogBody .tags > .suggestion .label.qualification_randstad,
.actionDialogView .dialogBody .suggestions > .suggestion .label.qualification_randstad {
  border-left: 3px solid #6c65fb;
}
.actionDialogView .dialogBody .tags > .tag .label.randstaddirect,
.actionDialogView .dialogBody .suggestions > .tag .label.randstaddirect,
.actionDialogView .dialogBody .tags > .suggestion .label.randstaddirect,
.actionDialogView .dialogBody .suggestions > .suggestion .label.randstaddirect {
  border-left: 3px solid #2175d9;
}
.actionDialogView .dialogBody .tags > .tag .label.qualification,
.actionDialogView .dialogBody .suggestions > .tag .label.qualification,
.actionDialogView .dialogBody .tags > .suggestion .label.qualification,
.actionDialogView .dialogBody .suggestions > .suggestion .label.qualification {
  border-left: 3px solid #f1f2f3;
}
.actionDialogView .dialogBody .tags > .tag .label.default,
.actionDialogView .dialogBody .suggestions > .tag .label.default,
.actionDialogView .dialogBody .tags > .suggestion .label.default,
.actionDialogView .dialogBody .suggestions > .suggestion .label.default {
  border-left: 3px solid #f1f2f3;
}
.actionDialogView .dialogBody .tags > .tag .label.location,
.actionDialogView .dialogBody .suggestions > .tag .label.location,
.actionDialogView .dialogBody .tags > .suggestion .label.location,
.actionDialogView .dialogBody .suggestions > .suggestion .label.location {
  border-left: 3px solid #f1f2f3;
}
.actionDialogView .dialogBody .tags > .tag .label.worktype,
.actionDialogView .dialogBody .suggestions > .tag .label.worktype,
.actionDialogView .dialogBody .tags > .suggestion .label.worktype,
.actionDialogView .dialogBody .suggestions > .suggestion .label.worktype {
  border-left: 3px solid #f1f2f3;
}
.actionDialogView .dialogBody .tags > .tag .label.client,
.actionDialogView .dialogBody .suggestions > .tag .label.client,
.actionDialogView .dialogBody .tags > .suggestion .label.client,
.actionDialogView .dialogBody .suggestions > .suggestion .label.client {
  border-left: 3px solid #f1f2f3;
}
.actionDialogView .dialogBody .tags > .tag .label.project,
.actionDialogView .dialogBody .suggestions > .tag .label.project,
.actionDialogView .dialogBody .tags > .suggestion .label.project,
.actionDialogView .dialogBody .suggestions > .suggestion .label.project {
  border-left: 3px solid #f1f2f3;
}
.actionDialogView .dialogBody .tags > .tag .label.system,
.actionDialogView .dialogBody .suggestions > .tag .label.system,
.actionDialogView .dialogBody .tags > .suggestion .label.system,
.actionDialogView .dialogBody .suggestions > .suggestion .label.system {
  border-left: 3px solid #f1f2f3;
}
.actionDialogView .dialogBody .tags > .tag .label.secondary,
.actionDialogView .dialogBody .suggestions > .tag .label.secondary,
.actionDialogView .dialogBody .tags > .suggestion .label.secondary,
.actionDialogView .dialogBody .suggestions > .suggestion .label.secondary {
  border-left: 3px solid #f1f2f3;
}
.actionDialogView .dialogBody .tags > .tag .tick,
.actionDialogView .dialogBody .suggestions > .tag .tick,
.actionDialogView .dialogBody .tags > .suggestion .tick,
.actionDialogView .dialogBody .suggestions > .suggestion .tick {
  float: right;
  color: var(--lvh-x-green);
  margin: 0.231em 0;
}
.actionDialogView .dialogBody .suggestionList .heading {
  display: none;
}
.actionDialogView .dialogBody .suggestionList #searchInputWrap {
  padding: 15px;
  border-bottom: 1px solid var(--lvh-x-pale-grey);
}
@media (max-width: 991px) {
  .actionDialogView .dialogBody .suggestionList #searchInputWrap {
    padding: 15px 0;
  }
}
.actionDialogView .dialogBody .suggestionList .dropdown {
  float: left;
  width: 100%;
  background-color: var(--lvh-white98);
}
.actionDialogView .dialogBody .suggestionList .suggestionListFooter {
  float: left;
  width: 100%;
  padding: 10px 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  color: var(--lvh-bright-blue);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.actionDialogView .dialogBody .suggestionList .suggestionListFooter.active {
  background-color: var(--lvh-x-off-white);
}
.actionDialogView .dialogBody .headingStrip {
  background-color: var(--lvh-x-shark-light);
  padding: 0.308em 15px;
}
.actionDialogView .dialogBody .headingStrip > span {
  font-size: 0.769em;
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
  letter-spacing: 0.025em;
}
.actionDialogView .dialogBody .dialogList {
  margin: 0;
  padding: 0;
}
.actionDialogView .dialogBody .dialogList > .listItem {
  list-style: none;
  margin: 0;
  padding: 5.5px 15px;
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  cursor: pointer;
  -moz-transition: 0.2s ease-in-out background-color;
  -o-transition: 0.2s ease-in-out background-color;
  -webkit-transition: 0.2s ease-in-out background-color;
  transition: 0.2s ease-in-out background-color;
}
@media (max-width: 991px) {
  .actionDialogView .dialogBody .dialogList > .listItem {
    padding: 10.5px 15px;
  }
}
.actionDialogView .dialogBody .dialogList > .listItem:hover,
.actionDialogView .dialogBody .dialogList > .listItem:focus {
  background-color: var(--lvh-x-off-white);
}
.actionDialogView .dialogBody .dialogList > .listItem:last-child {
  border-bottom: none;
}
.actionDialogView .dialogBody .dialogList > .listItem .tick {
  float: right;
  font-size: 12px;
  color: var(--lvh-x-green);
  margin: 3px 0;
}
.actionDialogView .dialogBody .dialogList > .listItem.divider {
  background-color: var(--lvh-x-shark-light);
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
  padding-left: 10px;
}
.jobVacanciesDirective .jobVacancies {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
  height: 345px;
  overflow-y: auto;
}
.jobVacanciesDirective .jobVacancies > .jobVacancy {
  list-style: none;
  margin: 0;
  float: left;
  width: 100%;
  padding: 13px 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid var(--lvh-x-grey);
  cursor: pointer;
}
.jobVacanciesDirective .jobVacancies > .jobVacancy:hover,
.jobVacanciesDirective .jobVacancies > .jobVacancy:focus {
  background-color: var(--lvh-x-off-white);
}
.jobVacanciesDirective .jobVacancies > .jobVacancy:last-child {
  border-bottom: none;
}
.jobVacanciesDirective .jobVacancies > .jobVacancy .row {
  position: relative;
}
.jobVacanciesDirective .jobVacancies > .jobVacancy .icon {
  position: absolute;
  top: 0;
  left: 0;
}
.jobVacanciesDirective .jobVacancies > .jobVacancy .icon > i {
  color: var(--lvh-x-shark-dark);
}
.jobVacanciesDirective .jobVacancies > .jobVacancy .name {
  float: left;
  width: 100%;
  padding: 0 1.769em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.jobVacanciesDirective .jobVacancies > .jobVacancy .name > span {
  font-size: 1em;
  color: var(--lvh-x-dark-grey);
}
.jobVacanciesDirective .jobVacancies > .jobVacancy .applicantCount {
  position: absolute;
  top: 0;
  right: 0;
}
.jobVacanciesDirective .jobVacancies > .jobVacancy .applicantCount > span {
  font-size: 0.846em;
  color: var(--lvh-x-shark-dark);
}
.latestConnectionsDirective .cardWrapper {
  float: left;
  width: 100%;
  position: relative;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid var(--lvh-x-grey);
}
.latestConnectionsDirective .cardWrapper:before {
  width: 4px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
.latestConnectionsDirective .cardWrapper:last-child .cardDirective {
  border-bottom: none;
}
.latestConnectionsDirective .cardWrapper:hover,
.latestConnectionsDirective .cardWrapper:focus {
  background-color: var(--lvh-x-off-white);
}
@media (min-width: 992px) {
  .latestConnectionsDirective .cardWrapper:hover .cc-card-view.show-profile-actions .profile-actions,
  .latestConnectionsDirective .cardWrapper:focus .cc-card-view.show-profile-actions .profile-actions {
    display: block;
  }
}
.latestConnectionsDirective .cardWrapper.alumni:before {
  content: '';
  background-color: var(--lvh-x-green);
}
.latestConnectionsDirective .cardWrapper.contractor:before {
  content: '';
  background-color: var(--lvh-x-dark-grey);
}
.latestConnectionsDirective .cardWrapper.internal:before {
  content: '';
  background-color: var(--lvh-x-orange);
}
.latestConnectionsDirective .cardWrapper .user-info > .name-wrap {
  position: static;
}
.fullscreenOverlayWrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9000;
}
.fullscreenOverlayWrapper .outerWrap {
  display: table;
  width: 100%;
  height: 100%;
}
.fullscreenOverlayWrapper .outerWrap .innerWrap {
  display: table-cell;
  vertical-align: middle;
}
.fullscreenOverlayMask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9000;
}
.fullscreenOverlayMask.profile-overlay-mask {
  z-index: 9200;
}
.fullscreenOverlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9100;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.fullscreenOverlay.profile-overlay {
  z-index: 9300;
}
.fullscreenOverlay > .overlayContent,
.fullscreenOverlay > .profileOverlayContent {
  padding: 6.154em 0;
}
@media (max-width: 991px) {
  .fullscreenOverlay > .overlayContent,
  .fullscreenOverlay > .profileOverlayContent {
    padding: 0;
  }
}
#candidateListToolbar {
  float: left;
  width: 100%;
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  padding: 7.5px 0;
}
#candidateListToolbar .button {
  float: left;
  outline: none;
  background: none;
  border: none;
  padding: 0;
}
#candidateListToolbar .button.add .icon {
  color: var(--lvh-x-green);
}
#candidateListToolbar .button.remove .icon {
  color: var(--lvh-x-red);
}
#candidateListToolbar .button > .icon {
  float: left;
  font-size: 12px;
  margin: 1.5px 5px 1.5px 0;
}
#candidateListToolbar .button > .label {
  float: left;
  font-size: 11px;
  color: var(--lvh-x-dark-grey);
}
#candidateListToolbar .button > .label > em {
  font-style: normal;
  color: var(--lvh-bright-blue);
}
#profileMainContent {
  width: 100%;
  max-width: 810px;
  min-height: 800px;
  display: table;
  table-layout: fixed;
  background-color: var(--lvh-white);
  border-bottom: 1px solid var(--lvh-x-grey);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
@media (max-width: 991px) {
  #profileMainContent {
    max-width: 100%;
    margin-right: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
  }
}
#profileMainContent #messageComposeView textarea {
  margin: 0 !important;
  padding: 0 !important;
  background: none;
  border-bottom: none !important;
}
#profileHeader {
  float: left;
  width: 100%;
  line-height: normal;
  position: relative;
}
@media (max-width: 991px) {
  #profileHeader #profileHeaderBar {
    float: left;
    width: 100%;
    padding: 0.962em 1.538em;
    border-bottom: 1px solid var(--lvh-x-shark-dark);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
#profileHeader #profileHeaderBar .selections {
  margin: 0;
  padding: 0;
  list-style: none;
}
#profileHeader #profileHeaderBar .selections > .selection {
  float: left;
}
#profileHeader #profileHeaderBar .selections > .selection:not(:last-child) {
  margin-right: 5px;
}
#profileHeader #profileHeaderBar .p-checkbox {
  z-index: 1000;
  position: absolute;
  top: 0;
  left: -37px;
  background: var(--lvh-black-transparent-50);
  padding: 0.8em;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
@media (max-width: 991px) {
  #profileHeader #profileHeaderBar .p-checkbox {
    position: relative;
    float: right;
    top: 4em;
    right: 0.5em;
    left: 0;
    background: none;
    padding: 0;
    border-radius: 0;
  }
}
#profileHeader #profileHeaderBar .p-checkbox .input:checked ~ .checkbox {
  border-color: var(--lvh-bright-blue);
}
#profileHeader #profileHeaderBar .p-checkbox .input:checked ~ .checkbox:before {
  color: var(--lvh-bright-blue);
}
#profileHeader #profileHeaderBar .p-checkbox .checkbox {
  display: block;
  background-color: var(--lvh-white);
  border: 2px solid var(--lvh-bright-blue);
  width: 16px;
  height: 16px;
}
#profileHeader #profileHeaderBar .closeOverlay {
  display: none;
  line-height: 1;
  cursor: pointer;
  position: absolute;
  top: 0.769em;
  right: 0.769em;
  z-index: 1000;
}
#profileHeader #profileHeaderBar .closeOverlay.visible {
  display: inline;
}
@media (max-width: 991px) {
  #profileHeader #profileHeaderBar .closeOverlay {
    display: inline;
    position: static;
    float: left;
    margin: 0.192em 0;
  }
}
#profileHeader #profileHeaderBar .closeOverlay > .icon {
  font-size: 0.9em;
  color: var(--lvh-x-dark-grey);
}
@media (max-width: 991px) {
  #profileHeader #profileHeaderBar .closeOverlay > .icon {
    font-size: 1em;
    color: #666;
  }
}
#profileHeader #profileHeaderBar .button-group {
  float: right;
}
#profileHeader #profileHeaderBar .button-group .button {
  float: left;
  outline: none;
  border: none;
  background: none;
  padding: 0;
}
@media (min-width: 992px) {
  #profileHeader #profileHeaderBar .button-group .button {
    display: none;
  }
}
#profileHeader #profileHeaderBar .button-group .button > .label {
  color: var(--lvh-secondary-text);
}
#profileHeader #profileHeaderBar .button-group .divider {
  float: left;
  margin: 0 10px;
  background-color: var(--lvh-x-shark-dark);
  width: 1px;
  height: 18px;
}
@media (min-width: 992px) {
  #profileHeader #profileHeaderBar .button-group .divider {
    display: none;
  }
}
@media (min-width: 992px) {
  #profileHeader #candidateListToolbar {
    display: none;
  }
}
#profileHeader #candidateListToolbar > .container {
  width: 100%;
  padding: 0 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#profileHeader .status-tags .connectionStatus {
  border: 1px solid var(--lvh-x-shark-dark);
  cursor: default;
}
#profileHeader .status-tags .connectionStatus .label {
  color: var(--lvh-x-shark-dark);
}
#profileHeader .status-tags .connectionStatus.talentpool,
#profileHeader .status-tags .connectionStatus.inprogress {
  border-color: var(--lvh-x-blue);
}
#profileHeader .status-tags .connectionStatus.talentpool .label,
#profileHeader .status-tags .connectionStatus.inprogress .label {
  color: var(--lvh-x-blue);
}
#profileHeader .status-tags .connectionStatus.livemarket {
  border-color: var(--lvh-x-orange);
}
#profileHeader .status-tags .connectionStatus.livemarket .label {
  color: var(--lvh-x-orange);
}
#profileHeader .status-tags .connectionStatus.donotcontact {
  border-color: var(--lvh-x-red);
}
#profileHeader .status-tags .connectionStatus.donotcontact .label {
  color: var(--lvh-x-red);
}
#profileHeader .status-tags .connectionStatus.temporaryprofile {
  border-color: var(--lvh-x-yellow);
}
#profileHeader .status-tags .connectionStatus.temporaryprofile .label {
  color: var(--lvh-x-yellow);
}
#profileHeader .status-tags .connectionStatus.hired {
  border-color: var(--lvh-x-green);
}
#profileHeader .status-tags .connectionStatus.hired .label {
  color: var(--lvh-x-green);
}
#profileHeader .status-tags .connectionStatus.unavailable {
  border-color: var(--lvh-x-light-grey);
}
#profileHeader .status-tags .connectionStatus.unavailable .label {
  color: var(--lvh-x-light-grey);
}
#profileHeader .status-tags .connectionStatus.thresholds {
  border-color: var(--lvh-x-purple);
}
#profileHeader .status-tags .connectionStatus.thresholds.user-action {
  background-color: var(--lvh-x-purple-light);
}
#profileHeader .status-tags .connectionStatus.thresholds.total-action {
  border-color: var(--lvh-secondary-text);
}
#profileHeader .status-tags .connectionStatus.thresholds.total-action .label {
  color: var(--lvh-secondary-text);
}
#profileHeader .status-tags .connectionStatus.thresholds .label {
  color: var(--lvh-x-purple);
}
#profileHeader .status-tags .connectionStatus.alreadyacandidate {
  border-color: var(--lvh-x-green);
}
#profileHeader .status-tags .connectionStatus.alreadyacandidate .label {
  color: var(--lvh-x-green);
}
#profileHeader .status-tags .connectionStatus.alreadyacandidate .label:before {
  content: "\e910";
  font-family: 'IconFont';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--lvh-x-green);
}
#profileHeader .status-tags .connectionStatus.alreadyacandidate .label > .ng-binding {
  display: none;
}
#profileHeader .status-tags .reviewStatus > .status.notEnoughInfo,
#profileHeader .status-tags .reviewStatus > .status.notSuitable,
#profileHeader .status-tags .reviewStatus > .status.notReviewed,
#profileHeader .status-tags .reviewStatus > .status.inProgress {
  border: 1px solid var(--lvh-x-shark-dark);
}
#profileHeader .status-tags .reviewStatus > .status.notEnoughInfo > .label:before,
#profileHeader .status-tags .reviewStatus > .status.notSuitable > .label:before,
#profileHeader .status-tags .reviewStatus > .status.notReviewed > .label:before,
#profileHeader .status-tags .reviewStatus > .status.inProgress > .label:before {
  content: "\e916";
  font-family: 'IconFont';
  color: var(--lvh-x-shark-dark);
  margin: 0 2px 0 0;
}
#profileHeader .status-tags .reviewStatus > .status.stars {
  display: inline-block;
}
@media (max-width: 991px) {
  #profileHeader .status-tags .reviewStatus > .status.stars {
    border: 1px solid var(--lvh-x-green);
    padding: 1px 5px;
    border-radius: 3px;
    float: left;
    display: block;
    font-size: 11px;
    color: var(--lvh-x-shark-dark);
    line-height: 14px;
  }
}
@media (min-width: 992px) {
  #profileHeader .status-tags .reviewStatus > .status.stars {
    padding: 0;
  }
}
@media (max-width: 991px) {
  #profileHeader .status-tags .reviewStatus > .status.stars:after {
    content: attr(data-count);
    float: left;
    display: block;
    color: var(--lvh-x-green);
    font-size: 1em;
  }
}
@media (max-width: 991px) {
  #profileHeader .status-tags .reviewStatus > .status.stars .icon {
    float: left;
    margin: 0.077em 0.231em 0.077em 0;
  }
}
@media (max-width: 991px) {
  #profileHeader .status-tags .reviewStatus > .status.stars .icon:nth-child(n+2) {
    display: none;
  }
}
#profileHeader .cc-card-view {
  margin-bottom: 1em;
}
#profileHeader .cc-card-view .profilePic {
  cursor: default;
}
#profileHeader .cc-card-view .name > a {
  cursor: default;
}
#profileHeader .cc-card-view .profileTitle > span,
#profileHeader .cc-card-view .location > span {
  cursor: default;
}
#profileHeader .resumeOverview {
  float: left;
  width: 100%;
  position: relative;
}
@media (max-width: 991px) {
  #profileHeader .resumeOverview:not(:last-child) {
    border-bottom: 1px solid var(--lvh-white92);
    margin-bottom: 0.769em;
  }
}
@media (max-width: 991px) {
  #profileHeader .resumeOverview.noTalentTags {
    padding-bottom: 0.308em;
  }
}
@media (min-width: 992px) {
  #profileHeader .resumeOverview.highlight-shown,
  #profileHeader .resumeOverview.no-blurb {
    margin-top: 10px;
  }
}
#profileHeader .resumeOverview .col.lhs {
  width: 5.385em;
  position: absolute;
  top: 0;
  left: 0;
  text-align: right;
}
@media (max-width: 991px) {
  #profileHeader .resumeOverview .col.lhs {
    display: none;
  }
}
#profileHeader .resumeOverview .col.lhs .label {
  font-size: 12px;
  color: var(--lvh-x-shark-dark);
}
#profileHeader .resumeOverview .col.rhs {
  float: left;
  width: 100%;
  padding-left: 7.308em;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  #profileHeader .resumeOverview .col.rhs {
    padding-left: 0;
  }
}
#profileHeader .resumeOverview .cvMessage {
  float: left;
  width: 100%;
  font-size: 11px;
  padding-left: 95px;
  margin-bottom: 10px;
  box-sizing: border-box;
  color: var(--lvh-secondary-text);
}
@media (max-width: 991px) {
  #profileHeader .resumeOverview .cvMessage {
    display: none;
  }
}
#profileHeader .resumeOverview .cvMessage > .text {
  display: block;
  font-size: 0.923em;
  line-height: 15px;
  color: var(--lvh-secondary-text);
}
#profileHeader .resumeOverview .agency-profile,
#profileHeader .resumeOverview .referrers,
#profileHeader .resumeOverview .highlight,
#profileHeader .resumeOverview .currentRole,
#profileHeader .resumeOverview .experience,
#profileHeader .resumeOverview .specialties,
#profileHeader .resumeOverview .talentTags,
#profileHeader .resumeOverview .otherTags,
#profileHeader .resumeOverview .internalDataSummary,
#profileHeader .resumeOverview .externalLinks,
#profileHeader .resumeOverview .preferredRole,
#profileHeader .resumeOverview .assignmentSummary {
  float: left;
  width: 100%;
  position: relative;
  margin-bottom: 8px;
}
@media (max-width: 991px) {
  #profileHeader .resumeOverview .agency-profile,
  #profileHeader .resumeOverview .referrers,
  #profileHeader .resumeOverview .highlight,
  #profileHeader .resumeOverview .currentRole,
  #profileHeader .resumeOverview .experience,
  #profileHeader .resumeOverview .specialties,
  #profileHeader .resumeOverview .talentTags,
  #profileHeader .resumeOverview .otherTags,
  #profileHeader .resumeOverview .internalDataSummary,
  #profileHeader .resumeOverview .externalLinks,
  #profileHeader .resumeOverview .preferredRole,
  #profileHeader .resumeOverview .assignmentSummary {
    margin-bottom: 6px;
  }
}
@media (min-width: 992px) {
  #profileHeader .resumeOverview .agency-profile:last-child,
  #profileHeader .resumeOverview .referrers:last-child,
  #profileHeader .resumeOverview .highlight:last-child,
  #profileHeader .resumeOverview .currentRole:last-child,
  #profileHeader .resumeOverview .experience:last-child,
  #profileHeader .resumeOverview .specialties:last-child,
  #profileHeader .resumeOverview .talentTags:last-child,
  #profileHeader .resumeOverview .otherTags:last-child,
  #profileHeader .resumeOverview .internalDataSummary:last-child,
  #profileHeader .resumeOverview .externalLinks:last-child,
  #profileHeader .resumeOverview .preferredRole:last-child,
  #profileHeader .resumeOverview .assignmentSummary:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 991px) {
  #profileHeader .resumeOverview .referrers .lhs {
    display: block;
    text-align: left;
  }
}
@media (max-width: 991px) {
  #profileHeader .resumeOverview .referrers .rhs {
    padding-left: 72px;
  }
}
@media (max-width: 991px) {
  #profileHeader .resumeOverview .experience {
    margin-bottom: 0.769em;
  }
}
#profileHeader .resumeOverview .experience .experience-container {
  margin-right: 5px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
#profileHeader .resumeOverview .experience .tooltipContainer {
  width: 100%;
  text-align: left;
  z-index: 100;
}
@media (max-width: 991px) {
  #profileHeader .resumeOverview .specialties .col.lhs,
  #profileHeader .resumeOverview .talentTags .col.lhs {
    display: none;
  }
}
@media (max-width: 991px) {
  #profileHeader .resumeOverview .specialties .col.rhs,
  #profileHeader .resumeOverview .talentTags .col.rhs {
    padding-left: 0;
  }
}
#profileHeader .resumeOverview .internalDataSummary .label,
#profileHeader .resumeOverview .preferredRole .label {
  white-space: nowrap;
  float: right;
}
#profileHeader .resumeOverview .specialties {
  margin-bottom: 0.385em;
  float: left;
  position: relative;
}
#profileHeader .resumeOverview .specialties .specialty {
  float: left;
  background-color: var(--lvh-x-murkberry-light);
  border-radius: 3px;
  padding: 2px 7px;
  margin: 0 5px 5px 0;
}
#profileHeader .resumeOverview .specialties .specialty:last-child {
  margin-right: 0;
}
#profileHeader .resumeOverview .specialties .specialty > .label {
  display: block;
  font-size: 11px;
  color: var(--lvh-x-murkberry-darker);
}
#profileHeader .resumeOverview .specialties .specialtyOverflow {
  float: left;
  color: var(--lvh-bright-blue);
  font-weight: 600;
}
#profileHeader .resumeOverview .pools {
  position: relative;
  float: left;
  margin-bottom: 0.385em;
}
#profileHeader .resumeOverview .roleText {
  font-size: 0.923em;
  color: var(--lvh-secondary-text);
}
#profileHeader .resumeOverview .roleText em {
  font-style: normal;
  color: var(--lvh-x-dark-grey);
}
#profileHeader .resumeOverview .roleText > .roleDuration > .bullet {
  color: var(--lvh-x-shark-dark);
}
#profileHeader .resumeOverview .text {
  font-size: 1em;
  color: var(--lvh-x-dark-grey);
}
#profileHeader .resumeOverview .internalDataSummaryText {
  font-size: 0.923em;
  color: var(--lvh-x-dark-grey);
  padding: 0 4px;
}
#profileHeader .resumeOverview .internalDataSummaryText > span {
  background-color: var(--lvh-x-pale-blue);
  box-shadow: 4px 0 0 var(--lvh-x-pale-blue), -4px 0 0 var(--lvh-x-pale-blue);
}
#profileHeader .resumeOverview .internalDataSummaryText > span:after {
  content: " \2022";
  padding: 0 3px;
}
#profileHeader .resumeOverview .internalDataSummaryText > span:last-child:after {
  content: none;
}
#profileHeader .resumeOverview .assignmentSummaryText {
  font-size: 0.923em;
  color: var(--lvh-x-dark-grey);
  padding: 0 4px;
}
#profileHeader .resumeOverview .assignmentSummaryText > span:after {
  content: " \2022";
  padding: 0 3px;
}
#profileHeader .resumeOverview .assignmentSummaryText > span:last-of-type:after {
  content: none;
}
#profileHeader .resumeOverview .assignmentSummaryText .assignment-count {
  border: 1px solid var(--lvh-x-shark-dark);
  color: var(--lvh-x-shark-dark);
  padding: 2px 5px;
  font-size: 8px;
  border-radius: 3px;
  display: inline-block;
  line-height: 12px;
}
#profileHeader .resumeOverview .highlighted {
  color: var(--lvh-secondary-text);
  font-size: 11px;
  padding: 0 4px;
}
#profileHeader .resumeOverview .highlighted > span {
  background-color: rgba(255, 213, 64, 0.2);
  box-shadow: 4px 0 0 rgba(255, 213, 64, 0.2), -4px 0 0 rgba(255, 213, 64, 0.2);
  box-decoration-break: clone;
}
#profileHeader .resumeOverview .highlighted span.highlight-text {
  background-color: rgba(255, 213, 64, 0.2);
  box-shadow: 4px 0 0 rgba(255, 213, 64, 0.2), -4px 0 0 rgba(255, 213, 64, 0.2);
  box-decoration-break: clone;
}
#profileHeader .resumeOverview .highlighted .callout-wrap > .trigger {
  padding: 0;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#profileHeader .resumeOverview .highlighted .callout-wrap > .trigger:hover .callout {
  position: absolute;
  overflow: initial;
  white-space: normal;
}
#profileHeader .resumeOverview .highlighted .callout-wrap > .trigger:hover .callout .cc-callout {
  display: block;
}
#profileHeader .resumeOverview .highlighted .callout-wrap > .trigger:hover > .highlight-text {
  background-color: rgba(255, 213, 64, 0.2);
  box-shadow: 4px 0 0 rgba(255, 213, 64, 0.2), -4px 0 0 rgba(255, 213, 64, 0.2);
  box-decoration-break: clone;
}
@media (max-width: 991px) {
  #profileHeader .resumeOverview {
    border-bottom: none;
    margin-bottom: 0;
  }
}
#profileHeader .resumeOverview .highlight {
  margin-bottom: 10px;
}
#profileHeader .externalLinks {
  position: relative;
  float: left;
  width: 100%;
}
#profileHeader .externalLinks .lhs {
  width: 5.385em;
  position: absolute;
  top: 0;
  left: 0;
  text-align: right;
}
#profileHeader .externalLinks .lhs .label {
  font-size: 12px;
  color: var(--lvh-x-shark-dark);
}
#profileHeader .externalLinks .rhs {
  float: left;
  width: 100%;
  padding-left: 7.308em;
  box-sizing: border-box;
}
#profileHeader externalLinks:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#profileTabs {
  float: left;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  #profileTabs {
    position: relative;
  }
}
#profileTabs .cc-lastAction.wrapper {
  width: 13.462em;
}
@media (max-width: 991px) {
  #profileTabs .cc-lastAction.wrapper {
    width: 100%;
    padding: 0 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
  }
}
@media (max-width: 991px) {
  #profileTabs .attachmentsIndicator {
    right: 20px;
  }
}
#profileTabs > .tabs {
  float: left;
  width: 100%;
  margin-top: 30px;
  padding: 0;
  position: relative;
  z-index: 0;
}
@media (max-width: 991px) {
  #profileTabs > .tabs {
    margin-top: 43px;
  }
}
#profileTabs > .tabs:before {
  content: '';
  width: 100%;
  height: 6px;
  background-color: var(--lvh-x-off-white);
  -moz-box-shadow: inset 0 -1px 0 0 var(--lvh-x-shark-dark);
  -webkit-box-shadow: inset 0 -1px 0 0 var(--lvh-x-shark-dark);
  box-shadow: inset 0 -1px 0 0 var(--lvh-x-shark-dark);
  position: absolute;
  right: 0;
  bottom: 1px;
  left: 0;
  z-index: -1;
}
#profileTabs > .tabs > .tab {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  cursor: pointer;
}
@media (max-width: 991px) {
  #profileTabs > .tabs > .tab > a > .label {
    display: none;
  }
}
#profileTabs > .tabs > .tab > div,
#profileTabs > .tabs > .tab > a {
  float: left;
  padding: 10px 20px 10px 20px;
  border: 1px solid var(--lvh-x-shark-dark);
  border-left: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom-color: var(--lvh-white);
  color: var(--lvh-secondary-text);
}
@media (max-width: 991px) {
  #profileTabs > .tabs > .tab > div,
  #profileTabs > .tabs > .tab > a {
    width: 100%;
    padding: 10px 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
#profileTabs > .tabs > .tab > div.active,
#profileTabs > .tabs > .tab > a.active {
  background-color: var(--lvh-white);
  -moz-box-shadow: inset 0 -1px 0 0 var(--lvh-white);
  -webkit-box-shadow: inset 0 -1px 0 0 var(--lvh-white);
  box-shadow: inset 0 -1px 0 0 var(--lvh-white);
}
#profileTabs > .tabs > .tab > div.active > .icon,
#profileTabs > .tabs > .tab > a.active > .icon {
  color: var(--lvh-bright-blue);
}
#profileTabs > .tabs > .tab > div.active > .icon.glyph0153,
#profileTabs > .tabs > .tab > a.active > .icon.glyph0153 {
  color: var(--lvh-x-yellow);
}
#profileTabs > .tabs > .tab > div.active > .label,
#profileTabs > .tabs > .tab > a.active > .label {
  color: var(--lvh-bright-blue);
}
#profileTabs > .tabs > .tab > div > .icon,
#profileTabs > .tabs > .tab > a > .icon {
  color: var(--lvh-secondary-text);
  font-size: 1.231em;
  line-height: 1.538em;
  vertical-align: middle;
  margin-right: 0.308em;
}
#profileTabs > .tabs > .tab > div > .label,
#profileTabs > .tabs > .tab > a > .label {
  color: var(--lvh-secondary-text);
  font-weight: 600;
  line-height: 1.538em;
  vertical-align: middle;
}
#profileTabs > .tabs > .tab > div > .label.on-mobile,
#profileTabs > .tabs > .tab > a > .label.on-mobile {
  display: none;
}
#profileTabs > .tabs > .tab > div > .label.on-large,
#profileTabs > .tabs > .tab > a > .label.on-large {
  display: inline-block;
}
@media (max-width: 991px) {
  #profileTabs > .tabs > .tab > div > .label,
  #profileTabs > .tabs > .tab > a > .label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  #profileTabs > .tabs > .tab > div > .label.on-mobile,
  #profileTabs > .tabs > .tab > a > .label.on-mobile {
    display: inline-block;
  }
  #profileTabs > .tabs > .tab > div > .label.on-large,
  #profileTabs > .tabs > .tab > a > .label.on-large {
    display: none;
  }
}
#profileTabs > .tabs > .tab > div > .cc-count-badge,
#profileTabs > .tabs > .tab > a > .cc-count-badge {
  color: var(--lvh-x-purple);
  background-color: rgba(120, 88, 224, 0.2);
}
#tempcta {
  margin-bottom: 10px;
  max-width: 810px;
  position: relative;
}
#tempcta .icon {
  margin-right: 10px;
}
#tempcta .inline {
  float: left;
}
#tempcta .label {
  padding-left: 20px;
}
#activityView {
  padding: 0;
  width: 100%;
}
@media (max-width: 991px) {
  #activityView .cc-tabopotamus {
    margin-top: 10px;
  }
}
#activityView .cc-tabopotamus.temp-profile .items .item:first-child {
  width: auto;
}
@media (max-width: 991px) {
  #activityView .cc-tabopotamus.temp-profile .items .item:nth-child(1) {
    right: 76px;
  }
  #activityView .cc-tabopotamus.temp-profile .items .item:nth-child(2) {
    right: 34px;
  }
  #activityView .cc-tabopotamus.temp-profile .items .item:nth-child(3) {
    right: 0;
  }
}
#activityView .tabs {
  padding: 0em 2.154em 0 2.154em;
}
#activityView .tabs .tab {
  font-size: 13px;
}
@media (max-width: 991px) {
  #activityView .tabs .items {
    position: relative;
    height: 40px;
  }
}
#activityView .tabs .item {
  margin-right: 65px;
}
#activityView .tabs .item i {
  float: left;
  padding-right: 6px;
  padding-top: 5px;
  font-size: 12px;
}
@media (max-width: 991px) {
  #activityView .tabs .item {
    margin-right: 20px;
  }
}
#activityView .tabs .item:last-child {
  margin-right: 0;
}
#activityView .message-placeholder {
  padding: 20px 28px;
  float: left;
  color: var(--lvh-x-paler-grey);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
#activityView .message-placeholder .content {
  width: calc(100% - 55px);
  float: left;
  border: solid 1px var(--lvh-x-paler-grey);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 20px;
  line-height: 22px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--lvh-secondary-text);
}
#activityView .recruiter-photo {
  position: relative;
  float: left;
  width: 55px;
}
#activityView .recruiter-photo img {
  width: 32px;
  height: auto;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
#activityView .recruiter-photo:after {
  display: block;
  content: '';
  position: absolute;
  top: 15px;
  right: -6px;
  padding: 0;
  width: 12px;
  height: 12px;
  transform: rotate(-45deg);
  border-top: 1px solid var(--lvh-x-paler-grey);
  border-left: 1px solid var(--lvh-x-paler-grey);
  background: var(--lvh-white);
}
#activityView .recruiter-photo.messageContainer {
  top: 40px;
}
#activityView .recruiter-photo.messageContainer:after {
  top: 10px;
}
.view-compose {
  float: left;
  width: 100%;
  padding: 20px 2.154em 2em 2.154em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.view-compose:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.view-compose .alert-container {
  width: 100%;
  float: left;
  margin-bottom: 10px;
}
.view-compose .alert-container .btn {
  padding: 4px 10px;
}
.view-compose .content {
  padding: 20px;
  float: left;
  width: 100%;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #e0e6f4;
}
.view-compose .content:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.view-compose .content.message {
  background-color: var(--lvh-white);
}
.view-compose .content .cc-tooltip .content {
  background-color: transparent;
}
.view-compose .title {
  padding: 0 20px;
  float: left;
  font-size: 11px;
  line-height: 48px;
  color: rgba(68, 68, 68, 0.5);
}
@media (max-width: 991px) {
  .view-compose .title {
    padding: 0 0 10px 0;
  }
}
.view-compose .actions {
  background-color: var(--lvh-white96);
  padding: 10px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  float: left;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.view-compose .actions i {
  padding-right: 6px;
  padding-top: 4px;
  font-size: 12px;
  float: left;
}
.view-compose .actions .label {
  float: left;
}
.view-compose .actions .action-wrap {
  float: right;
}
.view-compose .actions .action {
  float: left;
  border-right: solid 1px var(--lvh-x-shark-light);
  padding: 0 16px;
}
.view-compose .actions .action:last-child {
  border: none;
}
.view-compose .actions .action span {
  color: var(--lvh-x-mesh-light);
}
.view-compose .actions .action span.active {
  color: var(--lvh-bright-blue);
}
.view-compose #noteForm,
.view-compose #messageForm,
.view-compose #phoneForm {
  float: left;
  width: 100%;
  -moz-border-radius: 0.231em;
  -webkit-border-radius: 0.231em;
  border-radius: 0.231em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.view-compose #noteForm:after,
.view-compose #messageForm:after,
.view-compose #phoneForm:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.view-compose #noteForm h4,
.view-compose #messageForm h4,
.view-compose #phoneForm h4 {
  float: left;
  font-weight: normal;
  padding: 0 1em;
  margin: 7px 0 0;
}
.view-compose #noteForm .inputWrap,
.view-compose #messageForm .inputWrap,
.view-compose #phoneForm .inputWrap {
  float: left;
  width: 100%;
  min-height: 144px;
  padding: 20px 20px 0 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.view-compose #noteForm .inputWrap:after,
.view-compose #messageForm .inputWrap:after,
.view-compose #phoneForm .inputWrap:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (max-width: 991px) {
  .view-compose #noteForm .inputWrap,
  .view-compose #messageForm .inputWrap,
  .view-compose #phoneForm .inputWrap {
    border-top-left-radius: 0.231em;
    border-top-right-radius: 0.231em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.view-compose #noteForm .inputWrap > textarea,
.view-compose #messageForm .inputWrap > textarea,
.view-compose #phoneForm .inputWrap > textarea {
  float: left;
  width: 100%;
  resize: none;
  border: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  z-index: 0;
  background: none;
  margin-top: 10px;
  padding: 0;
}
.view-compose #noteForm .inputWrap > textarea:focus,
.view-compose #messageForm .inputWrap > textarea:focus,
.view-compose #phoneForm .inputWrap > textarea:focus {
  outline: none;
}
.view-compose #noteForm .inputWrap > textarea.loading,
.view-compose #messageForm .inputWrap > textarea.loading,
.view-compose #phoneForm .inputWrap > textarea.loading {
  background: var(--lvh-white) url('//assets.livehire.com/common/images/select2-spinner.gif');
  background-position: right 0.65em center;
  background-repeat: no-repeat;
}
.view-compose #noteForm .inputWrap > textarea::-webkit-input-placeholder,
.view-compose #messageForm .inputWrap > textarea::-webkit-input-placeholder,
.view-compose #phoneForm .inputWrap > textarea::-webkit-input-placeholder {
  color: var(--lvh-secondary-text);
}
.view-compose #noteForm .inputWrap > textarea:-moz-placeholder,
.view-compose #messageForm .inputWrap > textarea:-moz-placeholder,
.view-compose #phoneForm .inputWrap > textarea:-moz-placeholder {
  /* Firefox 18- */
  color: var(--lvh-secondary-text);
}
.view-compose #noteForm .inputWrap > textarea::-moz-placeholder,
.view-compose #messageForm .inputWrap > textarea::-moz-placeholder,
.view-compose #phoneForm .inputWrap > textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: var(--lvh-secondary-text);
}
.view-compose #noteForm .inputWrap > textarea:-ms-input-placeholder,
.view-compose #messageForm .inputWrap > textarea:-ms-input-placeholder,
.view-compose #phoneForm .inputWrap > textarea:-ms-input-placeholder {
  color: var(--lvh-secondary-text);
}
.view-compose #noteForm .inputWrap .validation-message,
.view-compose #messageForm .inputWrap .validation-message,
.view-compose #phoneForm .inputWrap .validation-message {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-top: 10px;
}
.view-compose #noteForm .buttonWrap,
.view-compose #messageForm .buttonWrap,
.view-compose #phoneForm .buttonWrap {
  float: left;
  position: relative;
  width: 100%;
  min-height: 34px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.view-compose #noteForm .buttonWrap:after,
.view-compose #messageForm .buttonWrap:after,
.view-compose #phoneForm .buttonWrap:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (max-width: 991px) {
  .view-compose #noteForm .buttonWrap,
  .view-compose #messageForm .buttonWrap,
  .view-compose #phoneForm .buttonWrap {
    background-color: transparent;
    padding: 10px;
  }
}
.view-compose #noteForm .buttonWrap .lhsWrap,
.view-compose #messageForm .buttonWrap .lhsWrap,
.view-compose #phoneForm .buttonWrap .lhsWrap {
  float: left;
}
.view-compose #noteForm .buttonWrap .rhsWrap,
.view-compose #messageForm .buttonWrap .rhsWrap,
.view-compose #phoneForm .buttonWrap .rhsWrap {
  float: right;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .view-compose #noteForm .buttonWrap .rhsWrap,
  .view-compose #messageForm .buttonWrap .rhsWrap,
  .view-compose #phoneForm .buttonWrap .rhsWrap {
    float: left;
    width: 100%;
  }
}
.view-compose #noteForm .buttonWrap .button,
.view-compose #messageForm .buttonWrap .button,
.view-compose #phoneForm .buttonWrap .button {
  float: left;
  border-right: 1px solid var(--lvh-x-pale-grey);
}
.view-compose #noteForm .buttonWrap .button:first-child,
.view-compose #messageForm .buttonWrap .button:first-child,
.view-compose #phoneForm .buttonWrap .button:first-child {
  -webkit-border-bottom-left-radius: 0.231em;
  border-bottom-left-radius: 0.231em;
}
.view-compose #noteForm .buttonWrap .button > .label,
.view-compose #messageForm .buttonWrap .button > .label,
.view-compose #phoneForm .buttonWrap .button > .label {
  font-size: 0.923em;
}
.view-compose #noteForm .buttonWrap #smsIndicator .indicator-wrap,
.view-compose #messageForm .buttonWrap #smsIndicator .indicator-wrap,
.view-compose #phoneForm .buttonWrap #smsIndicator .indicator-wrap {
  margin: 10px 20px 0;
  padding: 7px 0 0 0;
  font-size: 11px;
  max-width: 250px;
  color: rgba(68, 68, 68, 0.5);
}
@media (max-width: 991px) {
  .view-compose #noteForm .buttonWrap #smsIndicator .indicator-wrap,
  .view-compose #messageForm .buttonWrap #smsIndicator .indicator-wrap,
  .view-compose #phoneForm .buttonWrap #smsIndicator .indicator-wrap {
    margin: 0;
  }
}
.view-compose #noteForm .buttonWrap #smsIndicator .indicator-wrap.enabled:before,
.view-compose #messageForm .buttonWrap #smsIndicator .indicator-wrap.enabled:before,
.view-compose #phoneForm .buttonWrap #smsIndicator .indicator-wrap.enabled:before {
  background-color: var(--lvh-x-green);
}
.view-compose #noteForm .buttonWrap #smsIndicator .indicator-wrap:before,
.view-compose #messageForm .buttonWrap #smsIndicator .indicator-wrap:before,
.view-compose #phoneForm .buttonWrap #smsIndicator .indicator-wrap:before {
  display: inline-block;
  content: ' ';
  margin: 0 5px 0 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  vertical-align: middle;
  background-color: var(--lvh-x-light-grey);
}
.view-compose #noteForm .buttonWrap #smsIndicator callout-ng1.visible,
.view-compose #messageForm .buttonWrap #smsIndicator callout-ng1.visible,
.view-compose #phoneForm .buttonWrap #smsIndicator callout-ng1.visible {
  position: absolute;
  right: 0;
}
.view-compose #noteForm .buttonWrap #smsIndicator callout-ng1.visible .calloutDirective,
.view-compose #messageForm .buttonWrap #smsIndicator callout-ng1.visible .calloutDirective,
.view-compose #phoneForm .buttonWrap #smsIndicator callout-ng1.visible .calloutDirective {
  display: block;
  width: 350px;
}
.view-compose #noteForm .buttonWrap #smsIndicator .text,
.view-compose #messageForm .buttonWrap #smsIndicator .text,
.view-compose #phoneForm .buttonWrap #smsIndicator .text,
.view-compose #noteForm .buttonWrap #smsIndicator .state,
.view-compose #messageForm .buttonWrap #smsIndicator .state,
.view-compose #phoneForm .buttonWrap #smsIndicator .state {
  display: inline-block;
  vertical-align: middle;
}
.view-compose #noteForm .buttonWrap #sendMessage,
.view-compose #messageForm .buttonWrap #sendMessage,
.view-compose #phoneForm .buttonWrap #sendMessage {
  float: left;
  margin: 10px 20px 10px 10px;
}
@media (max-width: 991px) {
  .view-compose #noteForm .buttonWrap #sendMessage,
  .view-compose #messageForm .buttonWrap #sendMessage,
  .view-compose #phoneForm .buttonWrap #sendMessage {
    width: 100%;
    margin: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.view-compose #messageForm {
  width: calc(100% - 55px);
  border: 1px solid var(--lvh-x-paler-grey);
}
@media (max-width: 991px) {
  .view-compose #messageForm .buttonWrap {
    display: table;
    padding: 0;
  }
}
.view-compose #messageForm .buttonWrap .lhsWrap {
  display: table-footer-group;
  float: none;
}
@media (max-width: 991px) {
  .view-compose #messageForm .buttonWrap .rhsWrap {
    padding-top: 0;
  }
}
.view-compose #messageForm.messageContainer {
  border: none;
}
.view-compose #messageForm.messageContainer #sendMessage {
  float: right;
  margin: 10px 0 10px 10px;
}
@media (min-width: 992px) {
  .view-compose #messageForm.messageContainer .buttonWrap .lhsWrap {
    position: absolute;
    right: 117px;
  }
}
.view-compose #phoneForm .actions {
  background: var(--lvh-white);
}
#activityFeed {
  width: 100%;
  padding: 20px 2.154em 6.769em 2.154em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  border-top: 1px solid var(--lvh-x-shark-dark);
  margin-top: 1.538em;
}
#activityFeed button[type=button] {
  border: none;
  background-color: transparent;
  color: var(--lvh-bright-blue);
}
#activityFeed button[type=button]:hover,
#activityFeed button[type=button]:focus,
#activityFeed button[type=button]:active {
  text-decoration: underline;
}
#activityFeed .heading {
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  margin: 0 0 0.923em 0;
  padding-bottom: 0.769em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  #activityFeed .heading {
    border: none;
  }
}
#activityFeed .heading > h2 {
  display: inline-block;
  margin: 0;
  font-size: 1em;
  font-weight: 400;
}
#activityFeed .heading > h2 > span {
  color: var(--lvh-x-dark-grey);
  font-size: 1.077em;
  font-weight: 600;
  letter-spacing: 0.025em;
}
#activityFeed .activityWrap {
  width: 100%;
  word-break: break-word;
  /*
    Testing disabling the rest of this mixin to review state with current browser versions.  If specific problems found with older browsers, we'll look at manual hyphenation approaches

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;

    //Firefox -Simon's recollection was that this was a prior attempt to undo the hyphenation settings above - Jamie also tweaked to only affect mobile...  believe latest change makes it unnecessary
    @media screen and (max-width: @screen-sm-max) and (-moz-images-in-menus:0) {
        hyphens: none !important;
        -moz-hyphens: none !important;
        word-break: normal !important;
    }*/
}
#activityFeed .activityWrap.found {
  background-color: #61f8a3;
}
#activityFeed .activityWrap:last-child {
  margin-bottom: 0;
}
#activityFeed .activityWrap .activity {
  width: 100%;
  position: relative;
}
#activityFeed .activityWrap .activity:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#activityFeed .activityWrap .activity.left .content {
  float: left;
  margin-left: 54px;
}
#activityFeed .activityWrap .activity.right .content {
  float: right;
  margin-right: 54px;
}
#activityFeed .activityWrap .activity .activityIcon {
  position: absolute;
  left: 2px;
}
#activityFeed .activityWrap .activity .activityIcon > i:before {
  font-size: 0.923em;
  color: var(--lvh-x-shark-dark);
}
#activityFeed .activityWrap .activity .merged {
  display: inline-block;
  margin: 0 0 0 3px;
  font-size: 9px;
  color: var(--lvh-primary-text);
  word-break: normal;
}
@media (max-width: 991px) {
  #activityFeed .activityWrap .activity .merged {
    position: relative;
    top: 2px;
  }
}
#activityFeed .activityWrap .activity .lhs {
  position: relative;
  display: inline-block;
  width: auto;
}
#activityFeed .activityWrap .activity .lhs > div {
  display: inline-block;
}
#activityFeed .activityWrap .activity .lhs > div > .text {
  padding-left: 24px;
}
#activityFeed .activityWrap .activity .lhs > div > .text > span {
  color: var(--lvh-primary-text);
}
#activityFeed .activityWrap .activity .tooltip .content {
  margin: 0;
}
#activityFeed .activityWrap .name > span {
  color: var(--lvh-x-dark-grey);
  font-size: 0.846em;
  font-weight: 600;
}
#activityFeed .activityWrap > .content {
  margin: 0 4em;
}
#activityFeed .activityWrap .activityIcon {
  float: left;
  margin-right: 0.654em;
}
#activityFeed .activityWrap .delete {
  float: left;
  outline: none;
  background: none;
  border: none;
  font-size: 12px;
  padding: 7.5px 0;
  margin-right: 8px;
  cursor: pointer;
  display: none;
  color: var(--lvh-x-shark-dark);
}
#activityFeed .activityWrap .delete:hover {
  color: var(--lvh-x-red);
}
@media (max-width: 991px) {
  #activityFeed .activityWrap .delete {
    display: none;
  }
}
#activityFeed .activityWrap .timeStamp {
  float: left;
  font-size: 0.769em;
  font-weight: 300;
  color: var(--lvh-primary-text);
}
#activityFeed .activityWrap.referreradded .referrer-note,
#activityFeed .activityWrap.referreredited .referrer-note {
  display: block;
}
#activityFeed .activityWrap.reviewstatuschanged .reviewStatus {
  display: inline;
}
#activityFeed .activityWrap.reviewstatuschanged .reviewStatus div {
  float: none !important;
  display: inline-block;
}
#activityFeed .activityWrap.reviewstatuschanged .reviewStatus div > .label {
  float: none !important;
}
#activityFeed .activityWrap.reviewstatuschanged .reviewStatus .stars {
  display: inline-block;
}
#activityFeed .activityWrap.reviewstatuschanged .reviewStatus .icon {
  position: relative;
  top: auto;
  left: auto;
  float: none;
  margin-right: 0;
}
#activityFeed .activityWrap.jobinvitation {
  margin: 14px 0;
  border-bottom: none;
}
#activityFeed .activityWrap.jobinvitation .calloutWrap {
  float: left;
  width: 100%;
}
#activityFeed .activityWrap.jobinvitation .activity {
  position: relative;
}
#activityFeed .activityWrap.jobinvitation .activity.left .profilePicture {
  left: 0;
}
#activityFeed .activityWrap.jobinvitation .activity.left > .content {
  margin-left: 54px;
}
#activityFeed .activityWrap.jobinvitation .activity.right .profilePicture {
  right: 0;
}
#activityFeed .activityWrap.jobinvitation .activity.right > .content {
  margin-right: 54px;
}
#activityFeed .activityWrap.jobinvitation .profilePicture {
  width: 2.615em;
  height: 2.615em;
  background-color: var(--lvh-white);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0;
}
#activityFeed .activityWrap.jobinvitation .profilePicture img {
  width: 100%;
  height: 100%;
  border: 1px solid var(--lvh-white);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#activityFeed .activityWrap.jobinvitation .messageCallout {
  display: inline-block;
  background-color: var(--lvh-white96);
  -moz-border-radius: 0.231em;
  -webkit-border-radius: 0.231em;
  border-radius: 0.231em;
  padding: 0.462em 1.077em;
  margin-bottom: 0.154em;
  position: relative;
}
#activityFeed .activityWrap.jobinvitation .messageCallout > .text > span {
  color: var(--lvh-primary-text);
  white-space: pre-wrap;
}
#activityFeed .activityWrap.jobinvitation .messageCallout .calloutTip {
  height: 14px;
  width: 14px;
  background-color: var(--lvh-x-off-white);
  position: absolute;
  top: 10px;
  border-bottom: none;
  border-right: none;
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
#activityFeed .activityWrap.jobinvitation .messageCallout .calloutTip.left {
  left: 2px;
  margin: 0 0 0 -8px;
}
#activityFeed .activityWrap.jobinvitation .messageCallout .calloutTip.right {
  right: 2px;
  margin: 0 -8px 0 0;
}
#activityFeed .activityWrap.jobinvitation .messageCallout .job-vacancy-info .info {
  font-size: 11px;
}
#activityFeed .activityWrap.jobinvitation .tooltipContainer {
  z-index: 1001;
  /* TODO SM: ask bert about this*/
}
#activityFeed .activityWrap.jobinvitation .message {
  margin: 0 0 10px 0;
}
#activityFeed .activityWrap.jobinvitation .vacancy-info {
  display: block;
  border: 1px solid var(--lvh-x-grey);
  padding: 12px 15px;
  background-color: var(--lvh-white);
}
#activityFeed .activityWrap.jobinvitation .vacancy-info .icon {
  color: var(--lvh-x-shark-dark);
  margin: 0 10px 0 0;
}
#activityFeed .activityWrap.jobinvitation .vacancy-info .vacancy-name {
  color: var(--lvh-bright-blue);
}
#activityFeed .activityWrap.jobinvitation .vacancy-info .row {
  margin: 0 0 4px 0;
}
#activityFeed .activityWrap.declinedtargetedjobinvite .text strong {
  font-weight: normal;
  color: var(--lvh-x-mesh-dark);
}
#activityFeed .activityWrap.declinedtargetedjobinvite .text:not(:last-child) {
  margin-bottom: 5px;
}
#activityFeed .activityWrap.jobquestionnaireinvited i:before {
  color: var(--lvh-x-shark-dark) !important;
}
#activityFeed .activityWrap.jobquestionnaireresponded i:before {
  color: var(--lvh-bright-blue) !important;
}
#activityFeed .activityWrap.jobquestionnaireresponseviewed i:before {
  color: var(--lvh-x-murkberry-light) !important;
}
#activityFeed .activityWrap.interviewcompleted i:before {
  color: var(--lvh-x-green) !important;
}
#activityFeed .activityWrap.interviewnoshow i:before {
  color: var(--lvh-x-ripe) !important;
}
#activityFeed .activityWrap .emphasis {
  color: var(--lvh-primary-text);
}
#activityFeed .activityWrap.message {
  margin: 14px 0;
  border-bottom: none;
}
#activityFeed .activityWrap.message .calloutWrap {
  float: left;
  width: 100%;
}
#activityFeed .activityWrap.message > .activity {
  position: relative;
}
#activityFeed .activityWrap.message > .activity.left .profilePicture {
  left: 0;
}
#activityFeed .activityWrap.message > .activity.left > .content {
  margin-left: 54px;
}
#activityFeed .activityWrap.message > .activity.right .profilePicture {
  right: 0;
}
#activityFeed .activityWrap.message > .activity.right > .content {
  margin-right: 54px;
}
#activityFeed .activityWrap.message .profilePicture {
  width: 2.615em;
  height: 2.615em;
  background-color: var(--lvh-white);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0;
}
#activityFeed .activityWrap.message .profilePicture img {
  width: 100%;
  height: 100%;
  border: 1px solid var(--lvh-white);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#activityFeed .activityWrap.message .messageCallout {
  display: inline-block;
  background-color: var(--lvh-white96);
  -moz-border-radius: 0.231em;
  -webkit-border-radius: 0.231em;
  border-radius: 0.231em;
  padding: 0.462em 1.077em;
  margin-bottom: 0.154em;
  position: relative;
}
#activityFeed .activityWrap.message .messageCallout > .text > span {
  color: var(--lvh-primary-text);
  white-space: pre-wrap;
}
#activityFeed .activityWrap.message .messageCallout .calloutTip {
  height: 14px;
  width: 14px;
  background-color: var(--lvh-x-off-white);
  position: absolute;
  top: 10px;
  border-bottom: none;
  border-right: none;
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
#activityFeed .activityWrap.message .messageCallout .calloutTip.left {
  left: 2px;
  margin: 0 0 0 -8px;
}
#activityFeed .activityWrap.message .messageCallout .calloutTip.right {
  right: 2px;
  margin: 0 -8px 0 0;
}
#activityFeed .activityWrap.message .tooltipContainer {
  z-index: 1001;
  /* TODO SM: ask bert about this*/
}
#activityFeed .activityWrap.note,
#activityFeed .activityWrap.highlightedited {
  margin: 0 0 14px 0;
}
#activityFeed .activityWrap.note > .activity > .content,
#activityFeed .activityWrap.highlightedited > .activity > .content {
  width: 100%;
}
#activityFeed .activityWrap.note > .activity > .content .merged,
#activityFeed .activityWrap.highlightedited > .activity > .content .merged {
  position: static;
  float: none;
  display: inline-block;
  margin: 0 0 0 5px;
  word-break: normal;
}
#activityFeed .activityWrap.note > .activity > .content .timeStamp,
#activityFeed .activityWrap.highlightedited > .activity > .content .timeStamp {
  float: right;
}
@media (max-width: 991px) {
  #activityFeed .activityWrap.note > .activity > .content .timeStamp,
  #activityFeed .activityWrap.highlightedited > .activity > .content .timeStamp {
    float: left;
  }
}
@media (max-width: 991px) {
  #activityFeed .activityWrap.note > .activity > .content,
  #activityFeed .activityWrap.highlightedited > .activity > .content {
    margin: 0;
  }
}
#activityFeed .activityWrap.note .noteWrap,
#activityFeed .activityWrap.highlightedited .noteWrap,
#activityFeed .activityWrap.note .highlightWrap,
#activityFeed .activityWrap.highlightedited .highlightWrap {
  width: 100%;
  padding: 6px 14px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 2px;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 992px) {
  #activityFeed .activityWrap.note .noteWrap:hover .noteOptions,
  #activityFeed .activityWrap.highlightedited .noteWrap:hover .noteOptions,
  #activityFeed .activityWrap.note .highlightWrap:hover .noteOptions,
  #activityFeed .activityWrap.highlightedited .highlightWrap:hover .noteOptions {
    display: block;
  }
}
#activityFeed .activityWrap.note .noteWrap > .name,
#activityFeed .activityWrap.highlightedited .noteWrap > .name,
#activityFeed .activityWrap.note .highlightWrap > .name,
#activityFeed .activityWrap.highlightedited .highlightWrap > .name {
  float: left;
  width: 100%;
  margin-bottom: 6px;
}
#activityFeed .activityWrap.note .noteWrap > .text,
#activityFeed .activityWrap.highlightedited .noteWrap > .text,
#activityFeed .activityWrap.note .highlightWrap > .text,
#activityFeed .activityWrap.highlightedited .highlightWrap > .text {
  float: left;
  width: 100%;
}
#activityFeed .activityWrap.note .noteWrap > .text > span,
#activityFeed .activityWrap.highlightedited .noteWrap > .text > span,
#activityFeed .activityWrap.note .highlightWrap > .text > span,
#activityFeed .activityWrap.highlightedited .highlightWrap > .text > span {
  color: var(--lvh-primary-text);
  white-space: pre-wrap;
}
#activityFeed .activityWrap.note .noteWrap .formWrap,
#activityFeed .activityWrap.highlightedited .noteWrap .formWrap,
#activityFeed .activityWrap.note .highlightWrap .formWrap,
#activityFeed .activityWrap.highlightedited .highlightWrap .formWrap {
  position: relative;
}
#activityFeed .activityWrap.note .noteWrap .formWrap .inputWrap,
#activityFeed .activityWrap.highlightedited .noteWrap .formWrap .inputWrap,
#activityFeed .activityWrap.note .highlightWrap .formWrap .inputWrap,
#activityFeed .activityWrap.highlightedited .highlightWrap .formWrap .inputWrap {
  margin-bottom: 6px;
}
#activityFeed .activityWrap.note .noteWrap .formWrap .inputWrap textarea,
#activityFeed .activityWrap.highlightedited .noteWrap .formWrap .inputWrap textarea,
#activityFeed .activityWrap.note .highlightWrap .formWrap .inputWrap textarea,
#activityFeed .activityWrap.highlightedited .highlightWrap .formWrap .inputWrap textarea {
  z-index: 0;
  resize: none;
  border: none;
  outline: none;
}
#activityFeed .activityWrap.note .noteWrap .formWrap .validation-message,
#activityFeed .activityWrap.highlightedited .noteWrap .formWrap .validation-message,
#activityFeed .activityWrap.note .highlightWrap .formWrap .validation-message,
#activityFeed .activityWrap.highlightedited .highlightWrap .formWrap .validation-message {
  float: none;
}
#activityFeed .activityWrap.note .noteWrap .noteOptions,
#activityFeed .activityWrap.highlightedited .noteWrap .noteOptions,
#activityFeed .activityWrap.note .highlightWrap .noteOptions,
#activityFeed .activityWrap.highlightedited .highlightWrap .noteOptions {
  position: absolute;
  top: 9px;
  right: 9px;
  color: var(--lvh-secondary-text);
  cursor: pointer;
  display: none;
}
#activityFeed .activityWrap.note .noteWrap .noteOptions .callout,
#activityFeed .activityWrap.highlightedited .noteWrap .noteOptions .callout,
#activityFeed .activityWrap.note .highlightWrap .noteOptions .callout,
#activityFeed .activityWrap.highlightedited .highlightWrap .noteOptions .callout {
  top: auto;
}
#activityFeed .activityWrap.note .noteWrap .noteOptions .icon,
#activityFeed .activityWrap.highlightedited .noteWrap .noteOptions .icon,
#activityFeed .activityWrap.note .highlightWrap .noteOptions .icon,
#activityFeed .activityWrap.highlightedited .highlightWrap .noteOptions .icon {
  font-size: 12px;
  color: var(--lvh-secondary-text);
}
#activityFeed .activityWrap.note .noteWrap #noteForm,
#activityFeed .activityWrap.highlightedited .noteWrap #noteForm,
#activityFeed .activityWrap.note .highlightWrap #noteForm,
#activityFeed .activityWrap.highlightedited .highlightWrap #noteForm {
  float: left;
  width: 100%;
}
#activityFeed .activityWrap.note .noteWrap #noteForm .buttonWrap,
#activityFeed .activityWrap.highlightedited .noteWrap #noteForm .buttonWrap,
#activityFeed .activityWrap.note .highlightWrap #noteForm .buttonWrap,
#activityFeed .activityWrap.highlightedited .highlightWrap #noteForm .buttonWrap {
  float: right;
  padding: 4px 0;
}
#activityFeed .activityWrap.note .noteWrap #noteForm .buttonWrap a,
#activityFeed .activityWrap.highlightedited .noteWrap #noteForm .buttonWrap a,
#activityFeed .activityWrap.note .highlightWrap #noteForm .buttonWrap a,
#activityFeed .activityWrap.highlightedited .highlightWrap #noteForm .buttonWrap a {
  color: var(--lvh-secondary-text);
  margin-right: 8px;
}
#activityFeed .activityWrap.note .noteWrap {
  background-color: var(--lvh-x-murkberry-light);
}
#activityFeed .activityWrap.highlightedited .highlightWrap {
  background-color: rgba(255, 213, 64, 0.2);
}
#activityFeed .activityWrap.default + .default > .activity > .content {
  border-top: none;
}
#activityFeed .activityWrap.default + .note,
#activityFeed .activityWrap.default + .highlightedited {
  margin-top: 14px;
}
#activityFeed .activityWrap.default > .activity > .content {
  width: 100%;
  padding: 7px 110px 7px 2px;
  border-top: 1px solid var(--lvh-x-shark-light);
  border-bottom: 1px solid var(--lvh-x-shark-light);
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  #activityFeed .activityWrap.default > .activity > .content {
    padding: 7px 2px;
    margin: 0;
  }
}
#activityFeed .activityWrap.default > .activity > .content.job-association-activity {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin: 14px 0 30px;
  padding: 14px;
  border-top: none;
  border-bottom: none;
  background: #ecfaf2;
}
#activityFeed .activityWrap.default > .activity > .content.job-association-activity .decline-reason,
#activityFeed .activityWrap.default > .activity > .content.job-association-activity .decline-comment {
  display: block;
  margin-top: 5px;
}
#activityFeed .activityWrap.default > .activity > .content.job-association-activity .decline-reason span:first-child,
#activityFeed .activityWrap.default > .activity > .content.job-association-activity .decline-comment span:first-child {
  font-weight: 600;
  color: var(--lvh-primary-text);
}
#activityFeed .activityWrap.default > .activity > .content.job-association-activity .invited {
  display: block;
  margin-bottom: 3px;
  font-size: 11px;
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
}
#activityFeed .activityWrap.default > .activity > .content.job-association-activity .invite-message {
  display: block;
  margin-bottom: 3px;
}
#activityFeed .activityWrap.default > .activity > .content.job-association-activity .job-summary-banner .vacancy-link {
  display: inline-block;
  margin-bottom: 3px;
  font-size: 13px;
  font-weight: 600;
  padding: 0;
}
#activityFeed .activityWrap.default > .activity > .content.job-association-activity .job-summary-banner ul {
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style-position: inside;
}
#activityFeed .activityWrap.default > .activity > .content.job-association-activity .job-summary-banner ul li {
  float: left;
  margin-right: 10px;
  width: auto;
  font-size: 11px;
  color: var(--lvh-primary-text);
}
#activityFeed .activityWrap.default > .activity > .content.job-association-activity .job-summary-banner ul li:first-child {
  list-style: none;
}
#activityFeed .activityWrap.default > .activity > .content.job-association-activity .job-summary-banner ul li.job-summary-detail-closed-date > span {
  color: var(--lvh-x-ripe);
}
#activityFeed .activityWrap.default > .activity > .content.job-association-activity hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #d4e1d9;
  margin: 10px 0;
  padding: 0;
}
#activityFeed .activityWrap.default > .activity > .content.job-association-activity .referrer-wrap {
  margin: 0 0 20px;
}
#activityFeed .activityWrap.default > .activity > .content.job-association-activity .referrer-wrap .job-referral > .referrer {
  padding-top: 15px;
}
#activityFeed .activityWrap.default > .activity > .content.job-association-activity .referrer-wrap > p {
  margin: 10px 0 0;
}
#activityFeed .activityWrap.default > .activity > .content.job-association-activity .message-text {
  font-size: 13px;
  line-height: 22px;
  color: var(--lvh-secondary-text);
  white-space: pre-wrap;
}
#activityFeed .activityWrap.default > .activity > .content.job-association-activity .timeStamp {
  float: none;
  margin: 0;
}
#activityFeed .activityWrap.default > .activity > .content.job-association-activity .merged {
  display: inline-block;
  margin: 0 0 0 3px;
  font-size: 9px;
  color: var(--lvh-x-shark-dark);
  word-break: normal;
}
@media (max-width: 991px) {
  #activityFeed .activityWrap.default > .activity > .content.job-association-activity .merged {
    position: relative;
    top: 2px;
  }
}
#activityFeed .activityWrap.default > .activity > .content.job-association-activity .rhsWrap {
  position: absolute;
  top: auto;
  bottom: -16px;
}
@media (max-width: 991px) {
  #activityFeed .activityWrap.default > .activity > .content.job-association-activity .rhsWrap {
    left: 0;
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  #activityFeed .activityWrap.default:hover .delete {
    display: block;
  }
}
#activityFeed .activityWrap.default .text {
  padding-left: 24px;
}
#activityFeed .activityWrap.default .text > span {
  color: var(--lvh-primary-text);
}
#activityFeed .activityWrap.default .text > span.block {
  display: block;
}
#activityFeed .activityWrap.default .text > span > em {
  color: var(--lvh-x-dark-grey);
  font-style: normal;
}
#activityFeed .activityWrap.default .text > span > em:after {
  content: ', ';
}
#activityFeed .activityWrap.default .text > span > em:last-child:after {
  content: '';
}
#activityFeed .activityWrap.default .text > span > em.no-comma:after {
  content: '' !important;
}
#activityFeed .activityWrap.default .text > span .light-text {
  color: var(--lvh-x-shark-dark);
}
#activityFeed .activityWrap.default .fileSize {
  color: var(--lvh-x-shark-dark);
  font-size: 0.846em;
}
#activityFeed .activityWrap.default .rhsWrap {
  position: absolute;
  top: 0;
  right: 2px;
  bottom: 0;
}
@media (max-width: 991px) {
  #activityFeed .activityWrap.default .rhsWrap {
    position: static;
    padding-left: 24px;
  }
}
#activityFeed .activityWrap.default .timeStamp {
  margin: 9px 0;
}
@media (max-width: 991px) {
  #activityFeed .activityWrap.default .timeStamp {
    margin: 0;
  }
}
#commsWorker .employerAppHeader {
  display: none;
}
#commsWorker #activityFilter {
  display: none;
}
#commsWorker #commsWorkerHeading {
  display: block !important;
  margin: 0;
  padding: 1em 2em;
  background-color: #ebebeb;
  font-family: 'Ubuntu', sans-serif;
  font-size: 1em;
  font-weight: 500;
  color: #333;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
}
#commsWorker #commsWorkerHeading.link > span {
  cursor: pointer;
}
#commsWorker #commsWorkerHeading > span {
  font-size: 1.2em;
}
#commsWorker #commsWorkerHeading > span > .icon {
  float: left;
  color: var(--lvh-secondary-text);
  margin: 1px 6px 1px 0;
}
#commsWorker #commsInboxView {
  padding: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  #commsWorker #commsInboxView {
    padding: 0;
  }
}
#commsWorker #commsInboxView .container {
  width: 100%;
  max-width: 100%;
}
@media (max-width: 991px) {
  #commsWorker #commsInboxView #inboxHeader {
    display: none;
  }
}
#commsWorker #commsInboxView #inboxHeader #newMessageCount > span {
  font-size: 1.077em;
}
#commsWorker #commsInboxView #inboxBody .conversations .conversation:hover .conversationInnerWrap .messageContentInner.more:after {
  background-image: -moz-linear-gradient(left, rgba(238, 238, 238, 0), #eeeeee);
  background-image: -ms-linear-gradient(left, rgba(238, 238, 238, 0), #eeeeee);
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(238, 238, 238, 0)), to(#eeeeee));
  background-image: -webkit-linear-gradient(left, rgba(238, 238, 238, 0), #eeeeee);
  background-image: -o-linear-gradient(left, rgba(238, 238, 238, 0), #eeeeee);
  background-image: linear-gradient(left, rgba(238, 238, 238, 0), #eeeeee);
}
@media (max-width: 991px) {
  #commsWorker #commsInboxView #inboxBody .conversations .conversation .conversationWrap .container--mobile {
    width: 100%;
    padding: 0 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media (max-width: 991px) {
  #commsWorker #commsInboxView #inboxBody .conversations .conversation .conversationInnerWrap {
    padding-left: 0;
  }
}
#commsWorker #commsInboxView #inboxBody .conversations .conversation .conversationInnerWrap .messageContentInner.more:after {
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff);
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(255, 255, 255, 0)), to(#ffffff));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff);
  background-image: linear-gradient(left, rgba(255, 255, 255, 0), #ffffff);
}
@media (max-width: 991px) {
  #commsWorker #commsInboxView #inboxBody .conversations .conversation .profilePic.companyLogo {
    display: none;
  }
}
#commsWorker #activityView {
  padding: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#commsWorker #activityFeed {
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 991px) {
  #commsWorker #activityFeed .activityWrap .profilePicture.companyLogo {
    display: none;
  }
}
@media (max-width: 991px) {
  #commsWorker #activityFeed .activityWrap .content {
    margin: 0;
  }
}
#commsWorker #messageComposeView {
  padding: 0;
}
@media (max-width: 991px) {
  #commsWorker #messageComposeView {
    border: none;
    margin-bottom: 0;
  }
}
#commsWorker #messageComposeView .recruiter-photo {
  display: none;
}
#commsWorker #messageComposeView #messageForm {
  width: 100%;
  border: none;
}
#commsWorker #messageComposeView #messageForm .inputWrap {
  height: auto;
}
#commsWorker #messageComposeView #messageForm .inputWrap > textarea {
  border: 1px solid var(--lvh-x-pale-grey);
  margin-bottom: 1.154em;
  padding: 1em;
}
#commsWorker #messageComposeView #messageForm .buttonWrap {
  background-color: transparent;
  margin-bottom: 1.077em;
}
@media (max-width: 991px) {
  #commsWorker #messageComposeView #messageForm .buttonWrap {
    margin-bottom: 0;
    padding: 0;
  }
}
@media (max-width: 991px) {
  #commsWorker #messageComposeView #messageForm .buttonWrap .lhsWrap {
    margin-bottom: 1.154em;
  }
}
#commsWorker #messageComposeView #messageForm .buttonWrap #sendMessage {
  margin: 0;
  padding: 0.615em 1.538em;
}
#commsWorker #messageComposeView #messageForm #smsIndicator {
  display: none;
}
#job-applications-header-wrap {
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}
#job-applications-header-wrap:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (max-width: 991px) {
  #job-applications-header-wrap.overlay-visible {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9100;
    background-color: var(--lvh-white);
    overflow-y: auto;
  }
  #job-applications-header-wrap.overlay-visible > .overlayContent {
    padding: 0;
  }
  #job-applications-header-wrap.overlay-visible > .overlayContent .cc-modal {
    margin: 0;
    padding: 0;
    max-width: 100%;
  }
  #job-applications-header-wrap.overlay-visible > .overlayContent .cc-modal .modalHeader {
    display: none;
  }
  #job-applications-header-wrap.overlay-visible > .overlayContent .cc-modal .body {
    margin: 20px 0;
  }
  #job-applications-header-wrap.overlay-visible > .overlayContent .closeModal {
    display: none;
  }
  #job-applications-header-wrap.overlay-visible .header {
    display: block;
    text-align: center;
    background-color: var(--lvh-x-shark-light);
  }
  #job-applications-header-wrap.overlay-visible .header button,
  #job-applications-header-wrap.overlay-visible .header .back-button,
  #job-applications-header-wrap.overlay-visible .header .clear-button {
    display: block;
  }
  #job-applications-header-wrap.overlay-visible .header .close-button {
    position: absolute;
    top: 15px;
    left: 0;
    margin: 0;
    border: none;
    background: transparent;
    display: inline-block;
    line-height: 1;
  }
  #job-applications-header-wrap.overlay-visible .header .close-button .icon {
    cursor: inherit;
  }
  #job-applications-header-wrap.overlay-visible .body {
    display: block;
  }
  #job-applications-header-wrap.overlay-visible .body > .container--mobile,
  #job-applications-header-wrap.overlay-visible .body > .container-mobile {
    width: 90%;
  }
  #job-applications-header-wrap.overlay-visible .body .p-mobile-fullscreen-overlay.overlay-visible .header {
    display: block;
  }
  #job-applications-header-wrap.overlay-visible .body .p-mobile-fullscreen-overlay.overlay-visible .search-by {
    display: block;
    margin: 20px auto;
    box-sizing: border-box;
    width: 90%;
  }
  #job-applications-header-wrap.overlay-visible .body .p-mobile-fullscreen-overlay.overlay-visible .body .cc-location-picker-dropdown {
    border-top: 1px solid var(--lvh-x-paler-grey);
  }
  #job-applications-header-wrap.overlay-visible .body .p-mobile-fullscreen-overlay.overlay-visible .body .cc-location-picker-dropdown .cc-new-location {
    padding: 8px 5%;
  }
  #job-applications-header-wrap.overlay-visible .body .p-mobile-fullscreen-overlay.overlay-visible .body .cc-location-picker-dropdown .cc-location-picker-options,
  #job-applications-header-wrap.overlay-visible .body .p-mobile-fullscreen-overlay.overlay-visible .body .cc-location-picker-dropdown .cc-location-picker-new-location-form {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  #job-applications-header-wrap.overlay-visible .body .p-mobile-fullscreen-overlay.overlay-visible .body .cc-location-picker-dropdown li {
    padding: 0 5% 5px;
  }
  #job-applications-header-wrap.overlay-visible .body .p-mobile-fullscreen-overlay.overlay-visible .body .cc-location-picker-dropdown li:first-child {
    padding-top: 5px;
  }
  #job-applications-header-wrap.overlay-visible .body .p-mobile-fullscreen-overlay .header {
    display: none;
  }
  #job-applications-header-wrap.overlay-visible .body .p-mobile-fullscreen-overlay .search-by {
    width: 100%;
    padding: 10px 14px;
  }
}
#job-applications-header-wrap.hidden-header .header {
  display: none;
}
@media (max-width: 991px) {
  #job-applications-header-wrap.no-scroll {
    overflow-y: visible;
  }
}
#job-applications-header-wrap .header {
  display: none;
}
@media (max-width: 991px) {
  #job-applications-header-wrap .header {
    width: 100%;
    height: 44px;
    overflow: hidden;
  }
}
#job-applications-header-wrap .header:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (max-width: 991px) {
  #job-applications-header-wrap .header > .container--mobile .container--inner,
  #job-applications-header-wrap .header > .container-mobile .container--inner {
    position: relative;
  }
}
#job-applications-header-wrap .header .button {
  display: none;
  padding: 0;
  border: none;
  background: none;
  outline: none;
}
#job-applications-header-wrap .header .back-button {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 17px;
  padding: 0;
  border: none;
  background: none;
  outline: none;
}
#job-applications-header-wrap .header .back-button .icon {
  display: block;
}
@media (max-width: 991px) {
  #job-applications-header-wrap .header .heading {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    margin: 0;
    padding: 0 45px;
    font-size: 14px;
    font-weight: 600;
    line-height: 44px;
    color: var(--lvh-x-mesh-dark);
  }
}
#job-applications-header-wrap .header .clear-button {
  display: none;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: none;
  background: none;
}
#job-applications-header-wrap .header .clear-button .glyph0015:before {
  font-size: 10px;
  color: var(--lvh-primary-text);
}
@media (max-width: 991px) {
  #job-applications-header-wrap .body {
    display: none;
  }
}
@media (max-width: 991px) {
  #job-applications-header-wrap {
    display: none;
  }
}
@media (max-width: 991px) {
  #job-applications-header-wrap.overlay-visible {
    display: block;
  }
}
#job-applications-header-wrap #job-applications-header {
  width: 100%;
  max-width: 950px;
  z-index: 2000;
}
@media (min-width: 992px) {
  #job-applications-header-wrap #job-applications-header .heading {
    margin: 0 0 6px 0;
    font-size: 13px;
    font-weight: normal;
    color: var(--lvh-white);
  }
}
#job-applications-header-wrap #job-applications-header application-summary-ng1 .jobs {
  border-bottom: 1px solid var(--lvh-x-paler-grey);
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05);
}
.job-vacancy-info:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.job-vacancy-info .info {
  float: left;
  font-size: 12px;
  line-height: 17px;
  color: var(--lvh-primary-text);
}
.job-vacancy-info .info:not(:last-child) {
  margin: 0 15px 0 0;
}
.job-vacancy-info .info.bold {
  font-weight: 600;
}
.job-vacancy-info .info.decoration {
  position: relative;
  margin: 0 25px 0 0;
}
.job-vacancy-info .info.decoration:after {
  position: absolute;
  top: 0;
  right: -16px;
  display: inline-block;
  content: '|';
  font-size: 16px;
  line-height: 16px;
  color: var(--lvh-x-shark-light);
}
.job-vacancy-info .info.imported-from:before {
  float: left;
  content: '•';
  padding: 0 10px 0 0;
}
@media (max-width: 991px) {
  .job-vacancy-info .info.imported-from {
    display: none;
  }
}
.job-vacancy-info .info.imported-from .cc-tooltip .tooltipContainer {
  z-index: 8000;
}
.job-vacancy-info .info.attachment > .icon {
  color: var(--lvh-bright-blue);
}
.job-vacancy-info .info.remote:before {
  float: left;
  content: '•';
  padding: 0 10px 0 0;
}
.job-vacancy-info .info .cc-tooltip {
  float: left;
}
.job-vacancy-info .info .icon,
.job-vacancy-info .info .value {
  float: left;
}
.job-vacancy-info .info .icon {
  margin: 0 5px 0 0;
  line-height: 17px;
  color: var(--lvh-x-shark-dark);
}
.job-vacancy-info .info .icon.unread {
  position: relative;
}
.job-vacancy-info .info .icon.unread:after {
  position: absolute;
  top: 0px;
  right: -3px;
  content: "";
  height: 8px;
  width: 8px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: var(--lvh-x-ripe);
}
@media (min-width: 992px) and (max-width: 1440px) {
  body.list-open #candidate-profile-view {
    margin-right: 5%;
  }
}
body.list-open #actionSideBar .actionDialogView {
  right: 0;
  left: auto;
}
body.list-open .searchListingDirective .secondaryContent .status-tags .listLink .cc-tooltip {
  z-index: unset;
}
#candidate-profile-view {
  display: block;
  min-height: 500px;
  width: 100%;
  max-width: 950px;
  margin: 0 auto;
  position: relative;
  cursor: default;
}
#candidate-profile-view #profileMainContent {
  margin-right: 140px;
}
@media (max-width: 991px) {
  #candidate-profile-view #profileMainContent {
    top: 0 !important;
  }
}
@media (max-height: 767px) {
  #candidate-profile-view #profileMainContent {
    margin-right: 0;
  }
}
#candidate-profile-view #profileMainContent.noActionSideBar {
  margin-right: 0;
}
@media (max-width: 991px) {
  #candidate-profile-view #profileMainContent {
    margin-right: 0;
  }
}
#candidate-profile-view #profileMainContent #profileHeaderContent .cc-card-view .user-info .name,
#candidate-profile-view #profileMainContent #profileHeaderContent .cc-card-view .user-info .profile-title,
#candidate-profile-view #profileMainContent #profileHeaderContent .cc-card-view .user-info .location {
  cursor: default;
}
#candidate-profile-view #tempcta {
  margin-bottom: 10px;
  max-width: 810px;
  position: relative;
}
#candidate-profile-view #tempcta .icon {
  margin-right: 10px;
}
@media (min-width: 992px) {
  #tempcta.job-app-1,
  #profileMainContent.job-app-1,
  #actionSideBarWrapper.job-app-1 {
    top: 110px;
    margin-bottom: 90px;
  }
}
@media (min-width: 992px) {
  #tempcta.job-app-2-show-less,
  #profileMainContent.job-app-2-show-less,
  #actionSideBarWrapper.job-app-2-show-less,
  #tempcta.job-app-3-show-less,
  #profileMainContent.job-app-3-show-less,
  #actionSideBarWrapper.job-app-3-show-less,
  #tempcta.job-app-4-show-less,
  #profileMainContent.job-app-4-show-less,
  #actionSideBarWrapper.job-app-4-show-less,
  #tempcta.job-app-5-show-less,
  #profileMainContent.job-app-5-show-less,
  #actionSideBarWrapper.job-app-5-show-less {
    top: 127px;
  }
}
@media (min-width: 992px) {
  #tempcta.job-app-2-show-more,
  #profileMainContent.job-app-2-show-more,
  #actionSideBarWrapper.job-app-2-show-more {
    top: 217px;
  }
}
@media (min-width: 992px) {
  #tempcta.job-app-3-show-more,
  #profileMainContent.job-app-3-show-more,
  #actionSideBarWrapper.job-app-3-show-more {
    top: 277px;
  }
}
@media (min-width: 992px) {
  #tempcta.job-app-4-show-more,
  #profileMainContent.job-app-4-show-more,
  #actionSideBarWrapper.job-app-4-show-more {
    top: 347px;
  }
}
@media (min-width: 992px) {
  #tempcta.job-app-5-show-more,
  #profileMainContent.job-app-5-show-more,
  #actionSideBarWrapper.job-app-5-show-more {
    top: 387px;
  }
}
#document-overlay .nav-button {
  float: left;
}
#document-overlay .iframe-container {
  float: left;
  width: 100%;
}
#googleResumePage {
  float: left;
  width: 100%;
  background-color: var(--lvh-x-off-white);
  padding: 3.846em 0;
}
@media (max-width: 991px) {
  #googleResumePage {
    padding: 1.538em 0;
  }
}
#googleResumePage > .container {
  max-width: 1120px;
  position: relative;
}
@media (max-width: 991px) {
  #googleResumePage > .container {
    max-width: 90%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #googleResumePage > .container {
    display: table;
  }
}
#googleResumePage #profileWrapper {
  float: left;
  width: 100%;
  padding-right: 320px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  #googleResumePage #profileWrapper {
    padding-right: 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #googleResumePage #profileWrapper {
    padding-right: 0;
    border-top: 1px solid var(--lvh-x-shark-dark);
  }
}
@media (max-width: 991px) {
  #googleResumePage #profileMainContent {
    max-width: 100%;
    margin-right: 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #googleResumePage #profileMainContent {
    max-width: 100%;
  }
}
#googleResumePage #profileMainContent .sectionToggle {
  display: none;
}
#googleResumePage #profileHeader {
  border-bottom: 1px solid var(--lvh-x-shark-dark);
}
#googleResumePage #profileHeader #connectButton {
  position: absolute;
  top: 20px;
  right: 28px;
}
@media (max-width: 991px) {
  #googleResumePage #profileHeader #connectButton {
    position: fixed;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    text-align: center;
    padding: 1.154em 0;
    z-index: 4000;
  }
}
@media (max-width: 991px) {
  #googleResumePage #profileHeader #connectButton > .label {
    font-size: 1.385em;
  }
}
#googleResumePage #profileHeader .cc-card-view .profileTitle,
#googleResumePage #profileHeader .cc-card-view .location {
  float: left;
  width: 100%;
}
#googleResumePage #ctaOverlayMask--mobile {
  display: none;
}
@media (max-width: 991px) {
  #googleResumePage #ctaOverlayMask--mobile {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9000;
  }
}
@media (max-width: 991px) {
  #googleResumePage #ctaOverlayMask--mobile.hidden {
    display: none;
  }
}
@media (max-width: 991px) {
  #googleResumePage #ctaWrap--mobile {
    float: left;
    width: 100%;
    background-color: var(--lvh-white);
    border-bottom: 1px solid var(--lvh-x-grey);
    -moz-border-radius: 0.231em;
    -webkit-border-radius: 0.231em;
    border-radius: 0.231em;
    margin-top: 1.538em;
    position: relative;
  }
}
#googleResumePage #closeCta--mobile {
  display: none;
}
@media (max-width: 991px) {
  #googleResumePage #closeCta--mobile {
    display: block;
    position: absolute;
    top: 0.615em;
    right: 0.615em;
  }
}
#googleResumePage #closeCta--mobile > .icon {
  cursor: pointer;
}
#googleResumePage #ctaSidebar {
  width: 300px;
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 991px) {
  #googleResumePage #ctaSidebar {
    position: fixed;
    z-index: 9100;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 90%;
    max-width: 280px;
    height: 100%;
    margin: auto;
    overflow-y: auto;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #googleResumePage #ctaSidebar {
    position: static;
    display: table-header-group;
    width: 100%;
    background: var(--lvh-white);
  }
}
@media (max-width: 991px) {
  #googleResumePage #ctaSidebar.hidden {
    display: none;
  }
}
#googleResumePage #ctaSidebar .cta {
  float: left;
  width: 100%;
  background-color: var(--lvh-white);
  border-bottom: 1px solid var(--lvh-x-grey);
  -moz-border-radius: 0.231em;
  -webkit-border-radius: 0.231em;
  border-radius: 0.231em;
  padding: 1.538em 2.154em;
  margin-bottom: 1.538em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  #googleResumePage #ctaSidebar .cta {
    background-color: transparent;
    border-color: var(--lvh-x-shark-dark);
    padding: 1.846em 2.154em;
    margin-bottom: 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #googleResumePage #ctaSidebar .cta {
    width: 50%;
    margin-bottom: 0;
    border-color: transparent;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
  }
}
#googleResumePage #ctaSidebar .cta:last-child {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  #googleResumePage #ctaSidebar .cta:last-child {
    border-bottom: none;
  }
}
#googleResumePage #ctaSidebar .cta > h2 {
  margin: 0 0 0.769em 0;
  font-size: 1em;
  font-weight: normal;
}
#googleResumePage #ctaSidebar .cta > h2 > span {
  font-size: 1.385em;
  color: var(--lvh-x-dark-grey);
}
#googleResumePage #ctaSidebar .cta > p {
  margin: 0 0 0.769em 0;
}
@media (max-width: 991px) {
  #googleResumePage #ctaSidebar .cta > p {
    margin-bottom: 1em;
  }
}
#googleResumePage #ctaSidebar .cta > p:last-child {
  margin-bottom: 0;
}
#googleResumePage #ctaSidebar .cta > p > span {
  line-height: 1.5;
  color: var(--lvh-secondary-text);
}
#googleResumePage #ctaSidebar .cta > .buttonSolidV2 {
  display: inline-block;
}
#googleResumePage p.collapsibleText.collapsed {
  max-height: none !important;
  overflow: visible !important;
}
#googleResumePage .showMore {
  display: none !important;
}
#profileConnect,
#candidateResume {
  width: 100%;
  padding: 20px;
  overflow-wrap: break-word;
  overflow-wrap: anywhere;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#profileConnect h2,
#candidateResume h2 {
  float: left;
  margin: 0;
  font-size: 1em;
  font-weight: normal;
}
#profileConnect h2 > span,
#candidateResume h2 > span {
  color: var(--lvh-x-dark-grey);
  font-size: 1.077em;
  font-weight: 600;
  letter-spacing: 0.025em;
}
#profileConnect .sectionHeading,
#candidateResume .sectionHeading {
  float: left;
  width: 100%;
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  padding-bottom: 0.769em;
  margin-bottom: 0.923em;
}
@media (max-width: 991px) {
  #profileConnect .sectionHeading,
  #candidateResume .sectionHeading {
    padding: 0.923em 0;
  }
}
#profileConnect label,
#candidateResume label {
  display: block;
  margin-bottom: 0.308em;
}
#profileConnect label > span,
#candidateResume label > span {
  color: var(--lvh-x-dark-grey);
}
#primary-cv .primary-cv-selection {
  padding: 20px;
  border-bottom: solid 1px var(--lvh-x-paler-grey);
}
#primary-cv .primary-cv-selection:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#primary-cv .rhs {
  text-align: right;
}
#primary-cv .primary-cv-title {
  display: block;
  font-size: 11px;
  color: var(--lvh-x-mesh-dark);
}
#primary-cv .primary-cv-details {
  display: block;
  font-size: 11px;
  color: var(--lvh-secondary-text);
}
#primary-cv .cv-dropdown-wrapper {
  position: relative;
  border: solid 1px var(--lvh-x-paler-grey);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding-left: 30px;
}
#primary-cv .cv-dropdown-wrapper .pin-cv-wrapper {
  position: absolute;
  top: 10px;
  left: 10px;
  cursor: pointer;
}
#primary-cv .cv-dropdown-wrapper .pin-cv-wrapper i {
  color: var(--lvh-secondary-text);
}
#primary-cv .cv-dropdown-wrapper .pin-cv-wrapper.pinned i {
  color: var(--lvh-bright-blue);
}
#primary-cv .cv-dropdown-wrapper .cc-dropdown2 {
  border-left: 1px solid var(--lvh-x-paler-grey);
}
#primary-cv .cv-dropdown-wrapper .cc-dropdown2 .selected-option {
  border: none;
}
#primary-cv .cv-dropdown-wrapper .cc-dropdown2 .selected-option .primary-cv-title .icon {
  display: none;
}
#primary-cv .cv-dropdown-wrapper .cc-dropdown2 .selected-option .primary-cv-details {
  display: none;
}
#primary-cv .cv-dropdown-wrapper .cc-dropdown2 .dropdown {
  width: 300px;
}
#primary-cv .cv-dropdown-wrapper .cc-dropdown2 li {
  padding: 10px 10px;
  line-height: 18px;
}
#primary-cv .cv-dropdown-wrapper .cc-dropdown2 li:not(:last-child) {
  border-bottom: 1px solid var(--lvh-x-paler-grey);
}
#primary-cv .cv-dropdown-wrapper .cc-dropdown2 li .primary-cv-title i {
  display: none;
  color: var(--lvh-bright-blue);
  margin-left: 5px;
}
#primary-cv .cv-dropdown-wrapper .cc-dropdown2 li .primary-cv-title.primary i {
  display: inline;
}
#primary-cv .cv-dropdown-wrapper.no-pin {
  padding-left: 0;
}
#primary-cv .cv-dropdown-wrapper.no-pin .cc-dropdown2 {
  border-left: none;
}
#primary-cv .p-empty-state {
  float: left;
  width: 100%;
}
.employerAppResumeView .resume-file-drop {
  float: left;
  width: 95%;
  padding-bottom: 20px;
}
.employerAppResumeView .resume-file-drop .cvheading {
  color: var(--lvh-x-dark-grey);
  font-size: 14.0096px;
  font-weight: 600;
  letter-spacing: 0.35024px;
  font-family: "Open Sans";
  margin-bottom: 10px;
}
.employerAppResumeView .temp-profile-warning {
  float: left;
  width: 95%;
  padding: 20px;
}
@media (max-width: 991px) {
  .employerAppResumeView .temp-profile-warning {
    width: auto;
  }
}
.employerAppResumeView .temp-profile-warning .label {
  padding-left: 20px;
}
.employerAppResumeView .temp-profile-warning .inline {
  float: left;
}
.employerAppResumeView #profile-resume-spinner {
  position: absolute;
  top: 50%;
  right: 50%;
}
#profile-applications-view {
  width: 100%;
}
#profile-applications-view .applications-list-wrap {
  padding: 20px;
}
#profileConnect {
  display: inline-block;
}
#profileConnect #companyRegistrationSection {
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  padding-bottom: 2.462em;
}
#profileConnect #roleDescriptionSection .controlGroup {
  float: left;
  width: 100%;
  padding: 0.769em 1em;
  background-color: var(--lvh-x-shark-light);
  -moz-border-radius: 0.231em;
  -webkit-border-radius: 0.231em;
  border-radius: 0.231em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  #profileConnect #roleDescriptionSection .controlGroup .col {
    width: 96% !important;
    margin-bottom: 5px;
  }
}
@media (max-width: 991px) {
  #profileConnect #roleDescriptionSection .controlGroup .col:last-child {
    margin-bottom: 0;
  }
}
#profileConnect #roleDescriptionSection .controlGroup .col .inputWrap > input[type='radio'] {
  float: left;
  height: 1.385em;
  margin-right: 0.769em;
}
#profileConnect #roleDescriptionSection .controlGroup .col .inputWrap > label {
  margin: 0;
}
#profileConnect #paymentSection .card-info,
#profileConnect #paymentSection .next-steps {
  float: left;
  width: 100%;
}
@media (max-width: 991px) {
  #profileConnect #paymentSection .col.halves {
    width: 100% !important;
    margin-right: 0 !important;
  }
}
@media (max-width: 991px) {
  #profileConnect #paymentSection .col.quarters {
    width: 48% !important;
    margin-right: 4% !important;
  }
}
@media (max-width: 991px) {
  #profileConnect #paymentSection .col.quarters:last-child {
    margin-right: 0 !important;
  }
}
#profileConnect #companyRegistrationSection .row,
#profileConnect #roleDescriptionSection .row,
#profileConnect #paymentSection .row {
  float: left;
  width: 100%;
  margin-bottom: 1.231em;
}
#profileConnect #companyRegistrationSection .row:last-child,
#profileConnect #roleDescriptionSection .row:last-child,
#profileConnect #paymentSection .row:last-child {
  margin-bottom: 0;
}
#profileConnect #companyRegistrationSection .row.restrictWidth,
#profileConnect #roleDescriptionSection .row.restrictWidth,
#profileConnect #paymentSection .row.restrictWidth {
  clear: both;
  max-width: 420px;
}
#profileConnect .profileConnectSection {
  margin-bottom: 1.846em;
}
#profileConnect .profileConnectSection:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#profileConnect .profileConnectSection .existingCard {
  float: left;
  width: 100%;
}
#profileConnect .profileConnectSection .existingCard input {
  float: left;
}
#profileConnect .profileConnectSection .existingCard img {
  position: absolute;
}
#candidateResume h3 {
  margin: 0 0 0.769em 0;
  font-size: 1em;
  font-weight: normal;
}
#candidateResume h3 > span {
  color: var(--lvh-x-dark-grey);
  font-weight: 600;
}
#candidateResume p {
  margin: 0;
}
#candidateResume p > span {
  line-height: 1.5;
  color: var(--lvh-secondary-text);
}
#candidateResume .resumeTable {
  width: 100%;
}
#candidateResume .resumeTable thead {
  text-align: left;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
}
@media (max-width: 991px) {
  #candidateResume .resumeTable thead {
    display: none;
  }
}
#candidateResume .resumeTable thead tr {
  background-color: var(--lvh-x-grey);
}
#candidateResume .resumeTable thead tr th {
  padding: 0.308em 1.077em;
}
#candidateResume .resumeTable thead tr th > span {
  font-size: 0.846em;
  font-weight: 600;
  letter-spacing: 0.025em;
  color: var(--lvh-x-dark-grey);
}
#candidateResume .resumeTable tbody tr {
  border-bottom: 1px solid var(--lvh-x-pale-grey);
}
#candidateResume .resumeTable tbody tr:last-child {
  border-bottom: none;
}
@media (max-width: 991px) {
  #candidateResume .resumeTable tbody tr {
    float: left;
    width: 100%;
    margin-bottom: 1em;
    padding-bottom: 1em;
  }
}
#candidateResume .resumeTable tbody tr td {
  padding: 0.615em 1.077em;
}
@media (max-width: 991px) {
  #candidateResume .resumeTable tbody tr td:before {
    content: attr(data-th);
    float: left;
    width: 50%;
    font-weight: 600;
    letter-spacing: 0.025em;
    color: var(--lvh-x-dark-grey);
  }
}
@media (max-width: 991px) {
  #candidateResume .resumeTable tbody tr td:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 991px) {
  #candidateResume .resumeTable tbody tr td {
    display: block;
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: 0.462em;
  }
}
#candidateResume .resumeTable tbody tr td > span,
#candidateResume .resumeTable tbody tr td > em,
#candidateResume .resumeTable tbody tr td > a {
  font-size: 0.846em;
}
@media (max-width: 991px) {
  #candidateResume .resumeTable tbody tr td > span,
  #candidateResume .resumeTable tbody tr td > em,
  #candidateResume .resumeTable tbody tr td > a {
    float: left;
    width: 50%;
    font-size: 1em;
  }
}
#candidateResume .resumeTable tbody tr td > span {
  color: var(--lvh-secondary-text);
}
#candidateResume .resumeTable tbody tr td > em {
  font-style: normal;
  color: var(--lvh-x-dark-grey);
}
#candidateResume #resumeUpperSection,
#candidateResume #resumeLowerSection {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#candidateResume #resumeUpperSection {
  position: relative;
  padding-top: 0.769em;
  display: flex;
}
@media (max-width: 991px) {
  #candidateResume #resumeUpperSection {
    flex-direction: column-reverse;
    padding: 0;
    min-height: 0 !important;
  }
}
#candidateResume #resumeUpperSection .upper-left-section {
  flex-grow: 1;
  margin-right: 20px;
}
#candidateResume .p-empty-state {
  clear: both;
  padding: 30px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  #candidateResume .resumeSection {
    margin-bottom: 1.538em;
  }
}
#candidateResume .resumeSection + #resumeEmptyState {
  padding-top: 40px;
}
@media (max-width: 991px) {
  #candidateResume .resumeSection .sectionHeading {
    cursor: pointer;
  }
}
#candidateResume .resumeSection .sectionHeading > .sectionToggle {
  display: none;
}
@media (max-width: 991px) {
  #candidateResume .resumeSection .sectionHeading > .sectionToggle {
    float: right;
    display: block;
    padding-right: 0.615em;
  }
}
#candidateResume .resumeSection .sectionHeading > .sectionToggle > .icon:before {
  font-size: 0.769em;
  color: var(--lvh-x-shark-dark);
}
@media (max-width: 991px) {
  #candidateResume .resumeSection.collapsed {
    margin-bottom: 0;
  }
}
@media (max-width: 991px) {
  #candidateResume .resumeSection.collapsed .sectionHeading {
    margin-bottom: 0;
  }
}
@media (max-width: 991px) {
  #candidateResume .resumeSection.collapsed .sectionContent {
    display: none;
  }
}
#candidateResume .sectionContent {
  float: left;
  width: 100%;
  margin-bottom: 30px;
}
#candidateResume #resumeCvMessageSection p.collapsibleText.collapsed,
#candidateResume #resumeSummarySection p.collapsibleText.collapsed,
#candidateResume #resumeAchievementsAndAwardsSection p.collapsibleText.collapsed,
#candidateResume #resumeCareerSection p.collapsibleText.collapsed,
#candidateResume #resumeEducationSummarySection p.collapsibleText.collapsed {
  max-height: 5.846em;
  overflow: hidden;
}
#candidateResume #resumeCvMessageSection p > span,
#candidateResume #resumeSummarySection p > span,
#candidateResume #resumeAchievementsAndAwardsSection p > span,
#candidateResume #resumeCareerSection p > span,
#candidateResume #resumeEducationSummarySection p > span {
  white-space: pre-wrap;
}
#candidateResume #resumeCvMessageSection .showMore,
#candidateResume #resumeSummarySection .showMore,
#candidateResume #resumeAchievementsAndAwardsSection .showMore,
#candidateResume #resumeCareerSection .showMore,
#candidateResume #resumeEducationSummarySection .showMore {
  display: none;
  margin-top: 0.385em;
}
#candidateResume #resumeCvMessageSection .showMore.visible,
#candidateResume #resumeSummarySection .showMore.visible,
#candidateResume #resumeAchievementsAndAwardsSection .showMore.visible,
#candidateResume #resumeCareerSection .showMore.visible,
#candidateResume #resumeEducationSummarySection .showMore.visible {
  display: block;
}
#candidateResume #resumeCareerSection .jobHistory {
  float: left;
  width: 100%;
  margin-bottom: 1.846em;
  padding-bottom: 1.846em;
  border-bottom: 1px solid var(--lvh-x-pale-grey);
}
#candidateResume #resumeCareerSection .jobHistory:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
#candidateResume #resumeCareerSection .jobHistoryHeader {
  float: left;
  width: 100%;
  position: relative;
  margin-bottom: 1.846em;
}
@media (max-width: 991px) {
  #candidateResume #resumeCareerSection .jobHistoryHeader {
    margin-bottom: 1.538em;
  }
}
#candidateResume #resumeCareerSection .jobHistoryHeader .roleTitle {
  margin-bottom: 0.308em;
}
#candidateResume #resumeCareerSection .jobHistoryHeader .roleTitle > .icon {
  color: var(--lvh-x-shark-dark);
  padding: 0.192em 0 0.192em 0.154em;
}
#candidateResume #resumeCareerSection .jobHistoryHeader .roleTitle > span {
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
}
#candidateResume #resumeCareerSection .jobHistoryHeader .industryAndProfession {
  margin-bottom: 0.308em;
}
#candidateResume #resumeCareerSection .jobHistoryHeader .industryAndProfession > span {
  color: var(--lvh-secondary-text);
}
#candidateResume #resumeCareerSection .jobHistoryHeader .location > .icon {
  color: var(--lvh-x-shark-dark);
  font-size: 0.769em;
}
#candidateResume #resumeCareerSection .jobHistoryHeader .location > span {
  color: var(--lvh-secondary-text);
}
#candidateResume #resumeCareerSection .jobHistoryContent {
  float: left;
  width: 100%;
}
#candidateResume #resumeCareerSection .jobHistoryContent > .specialties,
#candidateResume #resumeCareerSection .jobHistoryContent > .responsibilities,
#candidateResume #resumeCareerSection .jobHistoryContent > .achievements,
#candidateResume #resumeCareerSection .jobHistoryContent > .extendedJobDescription {
  float: left;
  width: 100%;
  position: relative;
  margin-bottom: 1.692em;
}
#candidateResume #resumeCareerSection .jobHistoryContent > .specialties:last-child,
#candidateResume #resumeCareerSection .jobHistoryContent > .responsibilities:last-child,
#candidateResume #resumeCareerSection .jobHistoryContent > .achievements:last-child,
#candidateResume #resumeCareerSection .jobHistoryContent > .extendedJobDescription:last-child {
  margin-bottom: 0;
}
#candidateResume #resumeCareerSection .jobHistoryContent > .specialties {
  margin-bottom: 1.307em;
}
#candidateResume #resumeCareerSection .jobHistoryContent > .specialties .specialty {
  float: left;
  background-color: var(--lvh-x-murkberry-light);
  -moz-border-radius: 0.231em;
  -webkit-border-radius: 0.231em;
  border-radius: 0.231em;
  padding: 0.154em 0.538em;
  margin: 0 0.385em 0.385em 0;
}
#candidateResume #resumeCareerSection .jobHistoryContent > .specialties .specialty:last-child {
  margin-right: 0;
}
#candidateResume #resumeCareerSection .jobHistoryContent > .specialties .specialty > .label {
  display: block;
  font-size: 0.846em;
  color: var(--lvh-x-murkberry-darker);
}
#candidateResume #resumeCareerSection .jobHistoryContent .responsibilitiesList,
#candidateResume #resumeCareerSection .jobHistoryContent .achievementsList {
  margin: 0 0 0 0.769em;
  padding: 0;
}
#candidateResume #resumeCareerSection .jobHistoryContent .responsibilitiesList > li,
#candidateResume #resumeCareerSection .jobHistoryContent .achievementsList > li {
  margin: 0 0 10px 0;
  padding: 0;
  list-style: none;
  color: var(--lvh-secondary-text);
  position: relative;
}
#candidateResume #resumeCareerSection .jobHistoryContent .responsibilitiesList > li:before,
#candidateResume #resumeCareerSection .jobHistoryContent .achievementsList > li:before {
  content: '';
  width: 0.308em;
  height: 0.308em;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: var(--lvh-secondary-text);
  position: absolute;
  left: -0.769em;
  top: 0.55em;
}
#candidateResume #resumeCareerSection .jobHistoryContent .responsibilitiesList > li:last-child,
#candidateResume #resumeCareerSection .jobHistoryContent .achievementsList > li:last-child {
  margin-bottom: 0;
}
#candidateResume #resumeCareerSection .label > span,
#candidateResume #resumeCareerSection .label > time {
  font-size: 0.846em;
  color: var(--lvh-secondary-text);
}
@media (max-width: 991px) {
  #candidateResume #resumeCareerSection .label > span,
  #candidateResume #resumeCareerSection .label > time {
    font-size: 1em;
    font-weight: 600;
  }
}
#candidateResume #resumeCareerSection .col.lhs {
  width: 100px;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 991px) {
  #candidateResume #resumeCareerSection .col.lhs {
    float: left;
    width: 100%;
    position: static;
  }
}
#candidateResume #resumeCareerSection .col.lhs > .label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  #candidateResume #resumeCareerSection .col.lhs > .label {
    float: left;
    width: 100%;
    margin-bottom: 0.615em;
  }
}
#candidateResume #resumeCareerSection .col.lhs > .label > time .fromDate:after {
  content: '';
  display: block;
}
@media (max-width: 991px) {
  #candidateResume #resumeCareerSection .col.lhs > .label > time .fromDate:after {
    content: ' - ';
    display: inline;
  }
}
#candidateResume #resumeCareerSection .col.rhs {
  float: left;
  width: 570px;
  overflow: hidden;
  padding-left: 9.231em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  #candidateResume #resumeCareerSection .col.rhs {
    width: 100%;
    padding-left: 0;
  }
}
#candidateResume #resumeEducationAndQualificationsSection h3 {
  margin-bottom: 1.538em;
}
#candidateResume #resumeStatsAndPersonalDetails {
  width: 176px;
  min-width: 176px;
}
@media (max-width: 991px) {
  #candidateResume #resumeStatsAndPersonalDetails {
    position: static;
    float: left;
    width: 100%;
    margin-bottom: 1.538em;
  }
}
#candidateResume #resumeStatsAndPersonalDetails .retained-data-container {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  justify-content: center;
}
#candidateResume #resumeStatsAndPersonalDetails .retained-data-container .text {
  padding-top: 10px;
  font-weight: 600;
}
#candidateResume #resumeStatsAndPersonalDetails .retained-data-container img {
  width: 70px;
}
#candidateResume #resumeItSkillsSection h3 {
  margin-bottom: 0.308em;
}
#candidateResume #resumeItSkillsSection #softwareSkillsList,
#candidateResume #resumeItSkillsSection #systemSkillsList,
#candidateResume #resumeItSkillsSection #codingSkillsList {
  margin: 0;
  padding: 0;
}
#candidateResume #resumeItSkillsSection #softwareSkillsList > li,
#candidateResume #resumeItSkillsSection #systemSkillsList > li,
#candidateResume #resumeItSkillsSection #codingSkillsList > li {
  margin: 0 0 0.308em 0;
  padding: 0;
  list-style: none;
}
#candidateResume #resumeItSkillsSection #softwareSkillsList > li:last-child,
#candidateResume #resumeItSkillsSection #systemSkillsList > li:last-child,
#candidateResume #resumeItSkillsSection #codingSkillsList > li:last-child {
  margin-bottom: 0;
}
#candidateResume #resumeItSkillsSection #softwareSkillsList > li > span,
#candidateResume #resumeItSkillsSection #systemSkillsList > li > span,
#candidateResume #resumeItSkillsSection #codingSkillsList > li > span {
  color: var(--lvh-secondary-text);
  font-size: 0.846em;
}
#candidateResume #resumeHighlightsSection {
  float: left;
  width: 100%;
  background-color: var(--lvh-x-off-white);
  margin-bottom: 1px;
}
#candidateResume #resumeHighlightsSection .lowerHighlights {
  float: left;
  width: 100%;
  padding: 0.769em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  #candidateResume #resumeHighlightsSection .lowerHighlights {
    border-top: 1px solid var(--lvh-x-grey);
  }
}
#candidateResume #resumeHighlightsSection .lowerHighlights > .row {
  float: left;
  width: 100%;
  margin-bottom: 0.462em;
  position: relative;
}
#candidateResume #resumeHighlightsSection .lowerHighlights > .row:last-child {
  margin-bottom: 0;
}
#candidateResume #resumeHighlightsSection .lowerHighlights .iconWrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  margin-right: 0.462em;
  text-align: center;
}
#candidateResume #resumeHighlightsSection .lowerHighlights .iconWrap > .cc-tooltip.wrapper {
  z-index: 1;
}
#candidateResume #resumeHighlightsSection .lowerHighlights .iconWrap .icon {
  font-size: 0.923em;
  color: var(--lvh-secondary-text);
  position: relative;
  top: 0.077em;
}
#candidateResume #resumeHighlightsSection .lowerHighlights .iconWrap .icon.glyph0047 {
  color: var(--lvh-x-yellow);
}
#candidateResume #resumeHighlightsSection .lowerHighlights .iconWrap .icon.glyph0047.liveMarket {
  color: var(--lvh-x-green);
}
#candidateResume #resumeHighlightsSection .lowerHighlights .value {
  float: left;
  width: 100%;
  padding-left: 26px;
  -ms-word-break: break-word;
  word-break: break-word;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#candidateResume #resumeHighlightsSection .lowerHighlights .value > span {
  font-size: 0.846em;
  color: var(--lvh-secondary-text);
  padding: 0.115em 0;
}
@media (max-width: 991px) {
  #candidateResume #resumeHighlightsSection .lowerHighlights .value > span {
    font-size: 0.923em;
  }
}
#candidateResume #resumeHighlightsSection > .highlightBox {
  float: left;
  width: 50%;
  height: 7em;
  text-align: center;
  padding: 0.769em;
  border-bottom: 1px solid var(--lvh-x-grey);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#candidateResume #resumeHighlightsSection > .highlightBox.retained {
  background-color: var(--lvh-x-shark-light);
}
@media (max-width: 991px) {
  #candidateResume #resumeHighlightsSection > .highlightBox {
    width: 33.3333333%;
    height: 6.6em;
  }
}
#candidateResume #resumeHighlightsSection > .highlightBox .value {
  display: block;
  font-style: normal;
}
@media (min-width: 992px) {
  #candidateResume #resumeHighlightsSection > .highlightBox .value {
    padding-top: 0.4em;
  }
}
#candidateResume #resumeHighlightsSection > .highlightBox .value.retained {
  color: var(--lvh-x-shark-dark);
  font-size: 18px;
}
#candidateResume #resumeHighlightsSection > .highlightBox .value > span {
  font-size: 1.846em;
  font-weight: 300;
  color: var(--lvh-brighter-blue);
}
@media (min-width: 992px) {
  #candidateResume #resumeHighlightsSection > .highlightBox .value > span.currency-symbol {
    font-size: 0.846em;
    line-height: 0;
    display: block;
    margin: -0.2em 0 0.2em 0;
  }
}
#candidateResume #resumeHighlightsSection > .highlightBox .value small {
  font-size: 60%;
}
#candidateResume #resumeHighlightsSection > .highlightBox .value sup {
  top: 0;
  font-size: 50%;
  vertical-align: super;
}
#candidateResume #resumeHighlightsSection > .highlightBox .label {
  line-height: 1.1;
}
#candidateResume #resumeHighlightsSection > .highlightBox .label > span {
  font-size: 0.846em;
  color: var(--lvh-secondary-text);
}
@media (max-width: 991px) {
  #candidateResume #resumeHighlightsSection > .highlightBox.mobileRow {
    width: 100%;
    height: auto;
    text-align: left;
    padding: 0.577em 1em;
    border-bottom: none;
  }
}
@media (max-width: 991px) {
  #candidateResume #resumeHighlightsSection > .highlightBox.mobileRow .value {
    width: auto;
    display: inline-block;
  }
}
@media (max-width: 991px) {
  #candidateResume #resumeHighlightsSection > .highlightBox.mobileRow .value > span {
    font-size: 0.923em;
  }
}
@media (max-width: 991px) {
  #candidateResume #resumeHighlightsSection > .highlightBox.mobileRow .value small,
  #candidateResume #resumeHighlightsSection > .highlightBox.mobileRow .value sup {
    font-size: 100%;
    vertical-align: baseline;
  }
}
#candidateResume #resumeHighlightsSection > .highlightBox.mobileRow .label {
  float: none;
}
@media (max-width: 991px) {
  #candidateResume #resumeHighlightsSection > .highlightBox.mobileRow .label {
    float: left;
    width: auto;
    display: inline-block;
    margin-right: 0.462em;
    line-height: normal;
  }
}
@media (max-width: 991px) {
  #candidateResume #resumeHighlightsSection > .highlightBox.mobileRow .label > span {
    font-size: 0.923em;
  }
}
@media (max-width: 991px) {
  #candidateResume #resumeHighlightsSection > .highlightBox.mobileRow .label > span:after {
    content: ':';
    margin-right: 2px;
  }
}
@media (max-width: 991px) {
  #candidateResume #resumeHighlightsSection > .highlightBox.mobileRow .label br {
    display: none;
  }
}
#candidateResume #resumePersonalDetailsSection {
  float: left;
  width: 100%;
}
#candidateResume #resumePersonalDetailsSection #personalDetailsList {
  float: left;
  width: 100%;
  margin: 0;
  background-color: var(--lvh-x-murkberry-light);
  padding: 0.769em 0;
}
@media (max-width: 991px) {
  #candidateResume #resumePersonalDetailsSection #personalDetailsList.collapsed {
    display: none;
  }
}
#candidateResume #resumePersonalDetailsSection #personalDetailsList > .heading {
  float: left;
  width: 100%;
  list-style: none;
  margin: 0 0 0.385em 0;
  padding: 0.077em 0.769em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  letter-spacing: 0.025em;
}
#candidateResume #resumePersonalDetailsSection #personalDetailsList > .heading > span {
  font-size: 1em;
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
}
#candidateResume #resumePersonalDetailsSection #personalDetailsList > .buttonWrap {
  float: left;
  width: 100%;
  list-style: none;
  margin: 0 0 0.385em 0;
  padding: 0.077em 0.769em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#candidateResume #resumePersonalDetailsSection #personalDetailsList > .buttonWrap button {
  float: left;
  width: 100%;
  outline: none;
  background: none;
  border: 1px solid var(--lvh-x-murkberry-dark);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 7px 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#candidateResume #resumePersonalDetailsSection #personalDetailsList > .buttonWrap button:disabled {
  opacity: 0.5;
}
#candidateResume #resumePersonalDetailsSection #personalDetailsList > .buttonWrap button .icon {
  font-size: 0.923em;
  color: var(--lvh-x-murkberry-darker);
}
#candidateResume #resumePersonalDetailsSection #personalDetailsList .flag {
  margin-right: 2px;
}
#candidateResume #resumePersonalDetailsSection #personalDetailsList > .item {
  float: left;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0.077em 0.769em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 992px) {
  #candidateResume #resumePersonalDetailsSection #personalDetailsList > .item.mobileOnly {
    display: none;
  }
}
#candidateResume #resumePersonalDetailsSection #personalDetailsList > .item .label,
#candidateResume #resumePersonalDetailsSection #personalDetailsList > .item .value,
#candidateResume #resumePersonalDetailsSection #personalDetailsList > .item .link {
  font-size: 0.846em;
}
@media (max-width: 991px) {
  #candidateResume #resumePersonalDetailsSection #personalDetailsList > .item .label,
  #candidateResume #resumePersonalDetailsSection #personalDetailsList > .item .value,
  #candidateResume #resumePersonalDetailsSection #personalDetailsList > .item .link {
    font-size: 0.923em;
  }
}
#candidateResume #resumePersonalDetailsSection #personalDetailsList > .item .label {
  color: var(--lvh-x-dark-grey);
}
#candidateResume #resumePersonalDetailsSection #personalDetailsList > .item .label.break:after {
  content: '';
  display: block;
}
#candidateResume #resumePersonalDetailsSection #personalDetailsList > .item .value {
  color: var(--lvh-secondary-text);
}
#candidateResume #resumePersonalDetailsSection #personalDetailsList > .item .value.break:after {
  content: '';
  display: block;
}
#candidateResume #resumePersonalDetailsSection #buttonTogglePersonalDetailsList {
  background: none;
  border: none;
  outline: none;
  float: left;
  width: 100%;
  padding: 0.154em 0;
  background-color: var(--lvh-x-shark-dark);
}
@media (min-width: 992px) {
  #candidateResume #resumePersonalDetailsSection #buttonTogglePersonalDetailsList {
    display: none;
  }
}
#candidateResume #resumePersonalDetailsSection #buttonTogglePersonalDetailsList > .label {
  color: var(--lvh-white);
}
#candidateResume #resumePersonalDetailsSection #buttonTogglePersonalDetailsList > .label:before {
  font-size: 0.769em;
  position: relative;
  top: -0.1em;
}
#candidateResume #resumeAcademicsSection .sectionHeading h2 a {
  font-size: 0.8em;
}
#candidateResume #resumeAcademicsSection tbody tr td {
  vertical-align: top;
}
#candidateResume #resumeAcademicsSection tbody tr td .institution {
  font-weight: 700;
}
#candidateResume #resumeAcademicsSection tbody tr td .comments {
  font-size: 11px;
}
#candidateResume #resumeAcademicsSection tbody tr td > a {
  font-size: 11px;
}
#searchResultsWrap #searchResultsLowerWrap {
  float: left;
  width: 100%;
}
#searchResultsWrap #searchResultsLowerWrap .cc-filter-list {
  margin-bottom: 20px;
}
#searchResultsWrap .cardList {
  float: left;
  margin-bottom: 1.538em;
  width: 100%;
  position: relative;
}
#searchResultsWrap .cardList:last-child {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  #activeFilters {
    display: none;
  }
}
#activeFilters > .cc-filter-list {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}
#signup {
  float: left;
  width: 100%;
}
#signup .signupContent {
  margin: 2em;
}
#globalError {
  position: fixed;
  z-index: 10001;
  width: 100%;
  padding-top: 0.5em;
}
#globalError .errorMessage {
  max-width: 500px;
  margin: 0 auto;
  color: #A84647;
  background-color: #F2DEDF;
  padding: 1em;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
  position: relative;
}
#globalError .errorMessage .closeError {
  line-height: 1;
  margin: 0.769em;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
}
/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
  body {
    font-size: 1em;
  }
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
  body {
    font-size: 1em;
  }
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
  body {
    font-size: 1em;
  }
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1440px) {
  body {
    font-size: 1em;
  }
}
/* Extra large devices (extra large desktops, 1441px and up) */
@media (min-width: 1441px) {
  body {
    font-size: 1em;
  }
}
#listBarView {
  position: relative;
  z-index: 9600;
}
@media (max-width: 991px) {
  #listBarView {
    float: left;
    width: 100%;
    z-index: 9000;
  }
  #listBarView.chooser {
    z-index: 9500;
  }
}
body.modal #listBarView,
body.dialog #listBarView {
  z-index: 9000;
}
#activeListBar {
  float: left;
  width: 100%;
  padding: 7px 0;
  background-color: var(--lvh-white);
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  text-align: left;
  position: relative;
  z-index: 2000;
}
@media (min-width: 992px) {
  #activeListBar {
    display: none;
  }
}
#activeListBar .listName {
  float: left;
  font-size: 11px;
  color: var(--lvh-x-dark-grey);
  margin-right: 5px;
}
#activeListBar .listName > em {
  font-style: normal;
  color: var(--lvh-bright-blue);
}
#activeListBar .count {
  float: left;
  width: 14px;
  height: 14px;
  background-color: var(--lvh-x-green);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
#activeListBar .count > span {
  display: block;
  font-size: 8px;
  font-weight: 600;
  line-height: 14px;
  color: var(--lvh-white);
}
#showListButton {
  position: fixed;
  top: 151px;
  left: -1px;
  padding: 12.5px 15px;
  outline: 0;
  border: 1px solid var(--lvh-x-pale-grey);
  border-radius: 0 3px 3px 0;
  background: var(--lvh-white);
  z-index: 9200;
}
@media (max-width: 991px) {
  #showListButton {
    display: none;
  }
}
#showListButton:hover .icon {
  color: var(--lvh-bright-blue);
}
#showListButton .icon {
  float: left;
  font-size: 15px;
  color: var(--lvh-secondary-text);
}
#showListButton .label {
  float: left;
  font-size: 11px;
  line-height: 15px;
  color: var(--lvh-x-dark-grey);
  white-space: nowrap;
  margin-right: 5px;
}
#listBar {
  width: 280px;
  height: 100%;
  background-color: var(--lvh-white);
  border-right: 1px solid rgba(0, 0, 0, 0.15);
  position: fixed;
  top: 4.615em;
  /*left: -280px;*/
  bottom: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  #listBar {
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-right: none;
  }
}
#listBar.visible {
  /*left: 0;*/
}
@media (max-width: 991px) {
  #listBar.visible {
    display: block;
  }
}
#listBar .head {
  float: left;
  width: 100%;
}
#listBar .header {
  float: left;
  width: 100%;
  padding: 12px 20px;
  background-color: var(--lvh-x-darker-grey);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--lvh-white);
  position: relative;
}
#listBar .header .choose {
  float: left;
}
#listBar .header .closeList,
#listBar .header .close {
  height: 13px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
#listBar .header .closeList > .icon,
#listBar .header .close > .icon {
  display: block;
  color: var(--lvh-secondary-text);
}
#listBar .header .closeList {
  left: 20px;
}
#listBar .header .close {
  right: 20px;
}
#listBar .header .currentList.dropdownButton {
  float: left;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--lvh-white);
}
#listBar .header .currentList.dropdownButton > .label {
  font-size: 14px;
}
#listBar .header .currentList.dropdownButton > .icon {
  margin: 6px 0;
}
#listBar .header .dropdownComponent .callout {
  top: 20px;
  right: auto;
  left: 0;
}
#listBar .header .dropdownComponent .calloutTip {
  right: auto;
  left: 22px;
}
#listBar .header .dropdownComponent .calloutContent {
  min-width: 240px;
}
#listBar .header .dropdownComponent .calloutContent > ul {
  max-height: 400px;
  overflow-y: auto;
}
#listBar .header .listCards .dropdownDirective {
  float: left;
}
#listBar .header .listCards .dropdownDirective .placeholder {
  color: var(--lvh-white);
}
#listBar .header .listCards .dropdownDirective .placeholder > span,
#listBar .header .listCards .dropdownDirective .placeholder > .icon {
  vertical-align: middle;
}
#listBar .header .listCards .dropdownDirective .placeholder > span {
  font-size: 14px;
  letter-spacing: -0.01em;
  margin-right: 5px;
}
#listBar .header .listCards .dropdownDirective .placeholder > .icon {
  font-size: 6px;
}
#listBar #listDetails {
  background-color: var(--lvh-white);
  float: left;
  width: 100%;
  border-bottom: solid 1px var(--lvh-x-shark-dark);
  position: relative;
}
#listBar #listDetails .graphSection {
  padding: 10px 20px;
  border-bottom: none;
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
}
#listBar #listDetails .detailsSection {
  float: left;
  width: 100%;
  padding: 10px 20px 10px 67px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.3;
}
#listBar #listDetails .detailsSection .text {
  font-size: 12px;
}
#listBar #listActionBar {
  float: left;
  width: 100%;
  padding: 9px 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: var(--lvh-white);
  border-bottom: solid 1px var(--lvh-x-shark-dark);
  position: relative;
}
#listBar #listActionBar .rhs {
  float: right;
}
#listBar #listActionBar .rhs a {
  float: left;
  position: relative;
}
#listBar #listActionBar .rhs a:first-child:not(:last-child) {
  padding-right: 10px;
  margin-right: 11px;
}
#listBar #listActionBar .rhs a:first-child:not(:last-child):after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 18px;
  background-color: var(--lvh-x-shark-dark);
  position: absolute;
  top: 50%;
  margin-top: -9px;
  right: -1px;
}
#listBar .dropdownButton {
  float: left;
  outline: none;
  background: none;
  border: none;
  padding: 0;
  color: var(--lvh-bright-blue);
}
#listBar .dropdownButton .label {
  float: left;
  margin-right: 10px;
}
#listBar .dropdownButton .icon {
  float: left;
  font-size: 7px;
  margin: 5.5px 0;
}
#listBar #bulkActionPanel {
  float: left;
  width: 100%;
  background-color: var(--lvh-white);
  padding: 15px 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid var(--lvh-x-shark-dark);
}
#listBar #bulkActionPanel .actionButtonView:not(:last-child) {
  padding-bottom: 10px;
}
#listBar #bulkActionPanel .actionButton {
  padding: 8px 10px;
  border-style: solid;
  border-width: 1px;
}
#listBar #bulkActionPanel .actionButton:not(.ghost-blue) > .label {
  color: var(--lvh-secondary-text);
}
#listBar .actionDialogView {
  top: 0;
  left: calc(100% + 10px);
}
#listBar .actionDialogView.bulkMessage {
  width: 800px;
  min-height: 335px;
}
@media (min-width: 992px) {
  #listBar .actionDialogView.bulkMessage {
    position: fixed;
    top: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
#listBar .actionDialogView.saveList,
#listBar .actionDialogView.clearList {
  left: calc(100% - 10px);
}
@media (max-width: 991px) {
  #listBar .actionDialogView .container--mobile {
    width: 100%;
  }
}
#listBar .actionDialogView .dialogHeader {
  text-align: left;
  padding-left: 20px;
}
@media (max-width: 991px) {
  #listBar .actionDialogView .dialogHeader {
    text-align: center;
  }
}
#listBar .actionDialogView .dialogBody {
  padding: 20px;
}
#listBar #bulkMessageActionView {
  color: var(--lvh-secondary-text);
}
#listBar #bulkMessageActionView .dialogBody {
  position: relative;
  padding: 0;
}
#listBar #bulkMessageActionView .bulkMessageSection {
  width: 100%;
}
#listBar .bulkActionView {
  color: var(--lvh-secondary-text);
}
#listBar .bulkActionView p {
  margin: 0 0 10px 0;
}
#listBar .bulkActionView .connectionStatuses {
  float: left;
  width: 100%;
  margin: 0 0 15px 0;
  padding: 0;
  list-style: none;
}
#listBar .bulkActionView .connectionStatus {
  float: left;
  margin: 0 5px 0 0;
  padding: 0;
  list-style: none;
}
#listBar .bulkActionView .connectionStatus .tooltip {
  max-width: 74px;
  z-index: 1000;
}
#listBar .bulkActionView .connectionStatus .statusTag {
  border: 1px solid var(--lvh-x-shark-dark);
  cursor: default;
  float: left;
  font-size: 10px;
  text-align: center;
  padding: 0 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#listBar .bulkActionView .connectionStatus .statusTag .label {
  color: var(--lvh-x-shark-dark);
}
#listBar .bulkActionView .connectionStatus .statusTag.talentpool,
#listBar .bulkActionView .connectionStatus .statusTag.inprogress {
  border-color: var(--lvh-x-blue);
}
#listBar .bulkActionView .connectionStatus .statusTag.talentpool .label,
#listBar .bulkActionView .connectionStatus .statusTag.inprogress .label {
  color: var(--lvh-x-blue);
}
#listBar .bulkActionView .connectionStatus .statusTag.livemarket {
  border-color: var(--lvh-x-orange);
}
#listBar .bulkActionView .connectionStatus .statusTag.livemarket .label {
  color: var(--lvh-x-orange);
}
#listBar .bulkActionView .connectionStatus .statusTag.donotcontact {
  border-color: var(--lvh-x-red);
}
#listBar .bulkActionView .connectionStatus .statusTag.donotcontact .label {
  color: var(--lvh-x-red);
}
#listBar .bulkActionView .connectionStatus .statusTag.temporaryprofile {
  border-color: var(--lvh-x-yellow);
}
#listBar .bulkActionView .connectionStatus .statusTag.temporaryprofile .label {
  color: var(--lvh-x-yellow);
}
#listBar .bulkActionView .connectionStatus .statusTag.hired {
  border-color: var(--lvh-x-green);
}
#listBar .bulkActionView .connectionStatus .statusTag.hired .label {
  color: var(--lvh-x-green);
}
#listBar .bulkActionView .connectionStatus .statusTag.unavailable {
  border-color: var(--lvh-x-light-grey);
}
#listBar .bulkActionView .connectionStatus .statusTag.unavailable .label {
  color: var(--lvh-x-light-grey);
}
#listBar .bulkActionView .connectionStatus .statusTag.thresholds {
  border-color: var(--lvh-x-purple);
}
#listBar .bulkActionView .connectionStatus .statusTag.thresholds.user-action {
  background-color: var(--lvh-x-purple-light);
}
#listBar .bulkActionView .connectionStatus .statusTag.thresholds.total-action {
  border-color: var(--lvh-secondary-text);
}
#listBar .bulkActionView .connectionStatus .statusTag.thresholds.total-action .label {
  color: var(--lvh-secondary-text);
}
#listBar .bulkActionView .connectionStatus .statusTag.thresholds .label {
  color: var(--lvh-x-purple);
}
#listBar .bulkActionView .connectionStatus .statusTag.alreadyacandidate {
  border-color: var(--lvh-x-green);
}
#listBar .bulkActionView .connectionStatus .statusTag.alreadyacandidate .label {
  color: var(--lvh-x-green);
}
#listBar .bulkActionView .connectionStatus .statusTag.alreadyacandidate .label:before {
  content: "\e910";
  font-family: 'IconFont';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--lvh-x-green);
}
#listBar .bulkActionView .connectionStatus .statusTag.alreadyacandidate .label > .ng-binding {
  display: none;
}
#listBar .bulkActionView .connectionStatus .statusTag > .label {
  line-height: 17px;
}
#listBar .bulkActionView .connectionStatus > .label {
  float: left;
  line-height: 19px;
}
#listBar .bulkActionView .successState {
  padding: 40px 0;
  text-align: center;
}
#listBar .bulkActionView .successState .iconWrap {
  margin-bottom: 15px;
}
#listBar .bulkActionView .successState .icon {
  font-size: 32px;
  color: var(--lvh-x-green);
}
#listBar .bulkActionView .successState h4 {
  margin: 0 0 10px 0;
}
#listBar .bulkActionView .successState h4 > span {
  font-size: 14px;
  font-weight: normal;
  color: var(--lvh-x-dark-grey);
}
#listBar .bulkActionView .successState p {
  margin: 0;
}
#listBar .bulkActionView .successState p > span {
  color: var(--lvh-secondary-text);
}
#listBar #bulkMessageView {
  float: left;
  width: 100%;
  padding: 20px 20px 60px 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  #listBar #bulkMessageView {
    padding: 20px;
  }
}
#listBar #bulkMessageView form {
  float: left;
  width: 100%;
}
#listBar #bulkMessageView form .inputWrap {
  margin-bottom: 10px;
}
#listBar #bulkMessageView form .buttonWrap {
  position: absolute;
  right: 20px;
  bottom: 20px;
}
@media (max-width: 991px) {
  #listBar #bulkMessageView form .buttonWrap {
    position: static;
    float: left;
    width: 100%;
    margin-top: 10px;
  }
}
#listBar #bulkMessageView form .buttonWrap .button {
  float: right;
}
#listBar #bulkMoveView #connection-status-list {
  float: left;
  width: calc(100% + 40px);
  border-top: 1px solid var(--lvh-x-pale-grey);
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  position: relative;
  left: -20px;
}
#listBar #bulkMoveView .buttonWrap {
  float: left;
  width: 100%;
  /*border-top: 1px solid var(--lvh-x-grey);*/
  padding-top: 10px;
  margin-top: 5px;
}
#listBar #bulkMoveView .buttonWrap .button {
  float: right;
}
#listBar #bulkTagActionView .dialogBody {
  padding: 0;
  border-bottom: 1px solid var(--lvh-x-grey);
}
#listBar #bulkTagActionView .dialogFooter {
  float: left;
  width: 100%;
  padding: 0 20px 20px 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#listBar #bulkTagActionView .dialogFooter .buttonWrap {
  padding-top: 10px;
}
#listBar #bulkTagActionView .dialogFooter .buttonWrap .button {
  float: right;
}
#listBar #bulkTargetedInviteForm {
  clear: both;
}
#listBar #bulkTargetedInviteForm .dropdownDirective {
  display: block;
  margin: 0 0 10px;
}
#listBar #bulkTargetedInviteForm .message-composer {
  margin: 0 0 10px;
  border: 1px solid var(--lvh-white92);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#listBar #bulkTargetedInviteForm .message-composer > span {
  width: calc(100% - 14px);
  display: inline-block;
  vertical-align: middle;
  padding: 7px;
  background-color: var(--lvh-white);
  color: var(--lvh-secondary-text);
}
#listBar #bulkTargetedInviteForm .message-composer > span .block-text {
  display: block;
  margin-top: 10px;
}
#listBar #bulkTargetedInviteForm .message-composer textarea {
  height: 50px;
  border-style: none;
  background-color: var(--lvh-white);
  max-height: 250px;
}
#listBar #bulkTargetedInviteForm textarea {
  margin: 0 0 10px;
}
#listBar #bulkTargetedInviteForm .buttonWrap .button {
  width: 100%;
}
#listBar #bulkTagView > .content {
  float: left;
  width: 100%;
  padding: 20px 20px 0 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#listBar #bulkTagView > .content:last-child {
  border-top: 1px solid var(--lvh-x-grey);
}
#listBar #bulkTagView > .content:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#listBar #bulkTagView .validationWrap {
  float: left;
  width: 100%;
  padding: 0 20px 15px 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#listBar #bulkTagView .connectionStatuses {
  margin: 0 0 20px 0;
}
#listBar #bulkTagView .suggestionList .heading {
  float: left;
  width: 100%;
  padding: 0.962em 0;
  background-color: var(--lvh-x-shark-light);
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 992px) {
  #listBar #bulkTagView .suggestionList .heading {
    display: none;
  }
}
#listBar #bulkTagView .suggestionList .heading h3 {
  margin: 0;
  font-size: 1em;
  font-weight: normal;
}
#listBar #bulkTagView .suggestionList .heading h3 > span {
  font-size: 1.077em;
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
}
#listBar #bulkTagView .suggestionList .heading .closeButton {
  outline: 0;
  border: none;
  background: none;
  padding: 0;
}
#listBar #bulkTagView .suggestionList .heading .closeButton > .icon:before {
  font-size: 0.769em;
}
#listBar #bulkTagView .suggestionList #searchInputWrap {
  float: left;
  width: 100%;
  padding: 1.231em 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  #listBar #bulkTagView .suggestionList #searchInputWrap {
    padding: 1.231em 0;
  }
}
#listBar #bulkTagView .suggestionList #searchInputWrap label {
  display: block;
  margin-bottom: 5px;
  font-size: 11px;
  color: var(--lvh-x-shark-dark);
}
#listBar #bulkTagView .suggestionList .suggestionListFooter {
  float: left;
  width: 100%;
  border-top: 1px solid var(--lvh-x-shark-light);
  padding: 0.769em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#listBar #bulkTagView .suggestionList .suggestionListFooter:hover,
#listBar #bulkTagView .suggestionList .suggestionListFooter.active {
  background-color: var(--lvh-x-off-white);
}
#listBar #bulkTagView .suggestionList .dropdown {
  float: left;
  width: 100%;
}
#listBar #bulkTagView .suggestionList .dropdown .spinner {
  padding: 10px 0;
  text-align: center;
}
#listBar #bulkTagView .suggestionList .suggestions {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
}
#listBar #bulkTagView .suggestionList .suggestions > .suggestion {
  list-style: none;
  margin: 0;
  float: left;
  width: 100%;
  padding: 0.769em 1em;
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  color: var(--lvh-secondary-text);
}
#listBar #bulkTagView .suggestionList .suggestions > .suggestion:last-child {
  border-bottom: none;
}
#listBar #bulkTagView .suggestionList .suggestions > .suggestion.active {
  background-color: var(--lvh-x-off-white);
}
#listBar #bulkTagView .suggestionList .suggestionTag {
  float: left;
  background-color: var(--lvh-white92);
  -moz-border-radius: 0.231em;
  -webkit-border-radius: 0.231em;
  border-radius: 0.231em;
  padding: 0.154em 0.538em;
  margin: 0 0.385em 0.385em 0;
}
#listBar #bulkTagView .suggestionList .heading {
  float: left;
  width: 100%;
  padding: 0.962em 0;
  background-color: #eee;
  border-bottom: 1px solid #dedede;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 992px) {
  #listBar #bulkTagView .suggestionList .heading {
    display: none;
  }
}
#listBar #bulkTagView .suggestionList .heading h3 {
  margin: 0;
  font-size: 1em;
  font-weight: normal;
}
#listBar #bulkTagView .suggestionList .heading h3 > span {
  font-size: 1.077em;
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
}
#listBar #bulkTagView .suggestionList .heading .closeButton {
  outline: 0;
  border: none;
  background: none;
  padding: 0;
}
#listBar #bulkTagView .suggestionList .heading .closeButton > .icon:before {
  font-size: 0.769em;
}
#listBar #bulkTagView .suggestionList #searchInputWrap {
  float: left;
  width: 100%;
  padding: 1.231em 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  #listBar #bulkTagView .suggestionList #searchInputWrap {
    padding: 1.231em 0;
  }
}
#listBar #bulkTagView .suggestionList #searchInputWrap label {
  display: block;
  margin-bottom: 5px;
  font-size: 11px;
  color: var(--lvh-x-shark-dark);
}
#listBar #bulkTagView .suggestionList .suggestionListFooter {
  float: left;
  width: 100%;
  border-top: 1px solid var(--lvh-x-shark-light);
  padding: 0.769em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#listBar #bulkTagView .suggestionList .suggestionListFooter:hover,
#listBar #bulkTagView .suggestionList .suggestionListFooter.active {
  background-color: var(--lvh-x-off-white);
}
#listBar #bulkTagView .suggestionList .dropdown {
  float: left;
  width: 100%;
}
#listBar #bulkTagView .suggestionList .dropdown .spinner {
  padding: 10px 0;
  text-align: center;
}
#listBar #bulkTagView .suggestionList .suggestions {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
}
#listBar #bulkTagView .suggestionList .suggestions > .suggestion {
  list-style: none;
  margin: 0;
  float: left;
  width: 100%;
  padding: 0.769em 1em;
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  color: var(--lvh-secondary-text);
}
#listBar #bulkTagView .suggestionList .suggestions > .suggestion:last-child {
  border-bottom: none;
}
#listBar #bulkTagView .suggestionList .suggestions > .suggestion.active {
  background-color: var(--lvh-x-off-white);
}
#listBar #bulkTagView .suggestionList .suggestionTag {
  float: left;
  background-color: var(--lvh-white92);
  -moz-border-radius: 0.231em;
  -webkit-border-radius: 0.231em;
  border-radius: 0.231em;
  padding: 0.154em 0.538em;
  margin: 0 0.385em 0.385em 0;
}
#listBar #bulkTagView .suggestionList > .heading {
  display: none;
}
#listBar #bulkTagView .suggestionList #searchInputWrap {
  padding: 0 20px 20px 20px;
  border: none;
}
#listBar #bulkTagView .activeTags {
  float: left;
  width: 100%;
}
#listBar #bulkTagView .activeTags .tags {
  height: auto;
  max-height: 154px;
}
#listBar #bulkTagView .activeTags .tags > .tag:last-child {
  border-bottom: none;
}
#listBar #bulkTagView .inputWrap {
  font-size: 11px;
  color: var(--lvh-secondary-text);
  padding-bottom: 15px;
}
#listBar #bulkTagView .inputWrap .checkbox {
  margin-right: 2px;
}
#listBar .confirmationActionView p {
  margin: 0 0 20px 0;
}
#listBar .confirmationActionView .buttonWrap {
  padding-top: 10px;
  border-top: 1px solid var(--lvh-x-grey);
}
#listBar .confirmationActionView .buttonWrap > .button {
  float: right;
}
#listBar #saveListActionView .row {
  float: left;
  margin: 5px 0;
  width: 100%;
}
#listBar #saveListActionView .dropdownDirective .placeholder > span {
  float: left;
  margin-right: 5px;
}
#listBar #saveListActionView .dropdownDirective .placeholder > .icon {
  float: left;
  font-size: 7px;
  line-height: 18px;
}
#listBar #saveListActionView .dropdownDirective .dropdownComponent.callout .callout {
  top: 20px;
}
#listBar .body {
  float: left;
  width: 100%;
  height: calc(100% - 193px);
  padding: 15px 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 991px) {
  #listBar .body {
    height: calc(100% - 133px) !important;
  }
}
#listBar .body.actionPanelOpen {
  height: calc(100% - 394px);
}
#listBar .p-empty-state {
  clear: both;
}
#listBar .p-empty-state .icon {
  color: var(--lvh-secondary-text);
}
#listBar .cardList {
  float: left;
  width: 100%;
  background-color: var(--lvh-white);
}
#listBar .cardWrap {
  float: left;
  width: 100%;
  background-color: var(--lvh-white);
  border: solid 1px var(--lvh-x-shark-light);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 10px;
  padding: 0.769em 0.769em;
  cursor: pointer;
}
#listBar .cardWrap:before {
  width: 4px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
#listBar .cardWrap:last-child {
  margin-bottom: 0;
}
#listBar .cardWrap:hover .remove {
  display: block;
}
#listBar .cardWrap.alumni:before {
  content: '';
  background-color: var(--lvh-x-green);
}
#listBar .cardWrap.contractor:before {
  content: '';
  background-color: var(--lvh-x-dark-grey);
}
#listBar .cardWrap.internal:before {
  content: '';
  background-color: var(--lvh-x-orange);
}
#listBar .cardWrap.unavailable {
  cursor: default;
}
#listBar .cardWrap .remove {
  color: var(--lvh-x-shark-light);
  position: absolute;
  right: 0;
  top: 0;
  outline: none;
  background: none;
  border: none;
  font-size: 12px;
  padding: 4px;
  cursor: pointer;
  display: none;
}
#listBar .cardWrap .remove:hover {
  color: var(--lvh-x-red);
}
@media (max-width: 991px) {
  #listBar .cardWrap .remove {
    display: block;
  }
}
#listBar .cardWrap .location {
  display: none;
}
#listBar .cardWrap > .status-tags {
  text-align: center;
  font-size: 0.769em;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 30px;
  overflow: visible;
  border: 1px solid var(--lvh-x-shark-light);
  border-right: none;
  border-bottom: none;
  cursor: default;
}
#listBar .cardWrap > .status-tags .tooltip {
  max-width: 74px;
  z-index: 1000;
}
#listBar .cardWrap > .status-tags .statusTag {
  border: 1px solid var(--lvh-x-shark-dark);
  cursor: default;
  text-align: center;
  border: none;
}
#listBar .cardWrap > .status-tags .statusTag .label {
  color: var(--lvh-x-shark-dark);
}
#listBar .cardWrap > .status-tags .statusTag.talentpool,
#listBar .cardWrap > .status-tags .statusTag.inprogress {
  border-color: var(--lvh-x-blue);
}
#listBar .cardWrap > .status-tags .statusTag.talentpool .label,
#listBar .cardWrap > .status-tags .statusTag.inprogress .label {
  color: var(--lvh-x-blue);
}
#listBar .cardWrap > .status-tags .statusTag.livemarket {
  border-color: var(--lvh-x-orange);
}
#listBar .cardWrap > .status-tags .statusTag.livemarket .label {
  color: var(--lvh-x-orange);
}
#listBar .cardWrap > .status-tags .statusTag.donotcontact {
  border-color: var(--lvh-x-red);
}
#listBar .cardWrap > .status-tags .statusTag.donotcontact .label {
  color: var(--lvh-x-red);
}
#listBar .cardWrap > .status-tags .statusTag.temporaryprofile {
  border-color: var(--lvh-x-yellow);
}
#listBar .cardWrap > .status-tags .statusTag.temporaryprofile .label {
  color: var(--lvh-x-yellow);
}
#listBar .cardWrap > .status-tags .statusTag.hired {
  border-color: var(--lvh-x-green);
}
#listBar .cardWrap > .status-tags .statusTag.hired .label {
  color: var(--lvh-x-green);
}
#listBar .cardWrap > .status-tags .statusTag.unavailable {
  border-color: var(--lvh-x-light-grey);
}
#listBar .cardWrap > .status-tags .statusTag.unavailable .label {
  color: var(--lvh-x-light-grey);
}
#listBar .cardWrap > .status-tags .statusTag.thresholds {
  border-color: var(--lvh-x-purple);
}
#listBar .cardWrap > .status-tags .statusTag.thresholds.user-action {
  background-color: var(--lvh-x-purple-light);
}
#listBar .cardWrap > .status-tags .statusTag.thresholds.total-action {
  border-color: var(--lvh-secondary-text);
}
#listBar .cardWrap > .status-tags .statusTag.thresholds.total-action .label {
  color: var(--lvh-secondary-text);
}
#listBar .cardWrap > .status-tags .statusTag.thresholds .label {
  color: var(--lvh-x-purple);
}
#listBar .cardWrap > .status-tags .statusTag.alreadyacandidate {
  border-color: var(--lvh-x-green);
}
#listBar .cardWrap > .status-tags .statusTag.alreadyacandidate .label {
  color: var(--lvh-x-green);
}
#listBar .cardWrap > .status-tags .statusTag.alreadyacandidate .label:before {
  content: "\e910";
  font-family: 'IconFont';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--lvh-x-green);
}
#listBar .cardWrap > .status-tags .statusTag.alreadyacandidate .label > .ng-binding {
  display: none;
}
#listBar .cardWrap .connection-relationship-badge {
  display: none !important;
}
#listBar .cc-card-view .icon:before {
  color: var(--lvh-x-shark-dark);
  font-size: 1.077em;
}
#listBar .cc-card-view .name.confidential {
  color: var(--lvh-brand-orange);
}
#listBar .graphSection {
  padding: 9px 15px;
  position: relative;
  position: absolute;
  top: 0;
  right: 0;
  border-bottom: none;
}
#listBar .graphWrap {
  position: relative;
  text-align: center;
  float: left;
  width: 32px;
  height: 32px;
  min-height: 0;
}
#listBar .graphWrap .count {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-weight: 300;
  color: var(--lvh-secondary-text);
  font-size: 14px;
  line-height: 32px;
}
#listBar .graph {
  display: block;
  margin: auto;
  width: 32px !important;
  height: 32px !important;
}
#listBar .profilePicture {
  display: none;
}
#listBar #listChooser {
  float: left;
  width: 100%;
  position: absolute;
  left: 0;
  top: 42px;
  z-index: 2000;
  background-color: var(--lvh-white);
}
#listBar .listOptions {
  float: left;
  width: 100%;
  padding: 15px 20px;
  border-bottom: 1px solid var(--lvh-x-grey);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#listBar .listOptions .option {
  float: left;
  width: 100%;
}
#listBar .listOptions .option:not(:last-child) {
  margin-bottom: 8px;
}
#listBar .listOptions .option > .label {
  float: left;
}
#listBar .listOptions .option > .icon {
  float: right;
  font-size: 12px;
  color: var(--lvh-secondary-text);
  margin: 3px 0;
}
#listBar .listCards {
  float: left;
  width: 100%;
  height: 307px;
  overflow-y: auto;
  border-bottom: 1px solid var(--lvh-x-shark-dark);
}
#listBar .listCardWrap {
  float: left;
  width: 100%;
}
#listBar .listCardWrap:nth-child(-n+5),
#listBar .listCardWrap:not(:last-child) {
  border-bottom: 1px solid var(--lvh-x-grey);
}
#listBar .listCard {
  float: left;
  width: 100%;
  background-color: var(--lvh-white);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
#listBar .listCard > .kebab {
  display: none;
}
#listBar .detailsSection {
  padding: 7px 67px 7px 20px;
  position: relative;
}
#listBar .name {
  font-size: 13px;
  color: var(--lvh-secondary-text);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#listBar .name > .icon {
  font-size: 12px;
}
#listBar .name .unavailable {
  color: var(--lvh-x-shark-dark);
}
#listBar .unavailable-title {
  color: var(--lvh-x-shark-dark);
}
#listBar .editButton {
  display: none;
}
#listBar .text {
  font-size: 11px;
  color: var(--lvh-x-shark-dark);
}
#listBar .bullet {
  color: var(--lvh-x-shark-dark);
  margin: 0 5px;
}
#listBar .archiveButton {
  display: none;
  outline: 0;
  background: none;
  position: absolute;
  right: 10px;
  bottom: 10px;
  border: 1px solid var(--lvh-x-grey);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 6.5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#listBar .archiveButton > .icon {
  display: block;
  color: var(--lvh-x-shark-dark);
}
#bulk-action-check .connectionStatuses {
  float: left;
  width: 100%;
  margin: 10px 0;
  padding: 0;
  list-style: none;
}
#bulk-action-check .connectionStatus {
  float: left;
  margin: 0 5px 0 0;
  padding: 0;
  list-style: none;
}
#bulk-action-check .connectionStatus .tooltip {
  max-width: 74px;
  z-index: 1000;
}
#bulk-action-check .connectionStatus .statusTag {
  border: 1px solid var(--lvh-x-shark-dark);
  cursor: default;
  float: left;
  font-size: 10px;
  text-align: center;
  padding: 0 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#bulk-action-check .connectionStatus .statusTag .label {
  color: var(--lvh-x-shark-dark);
}
#bulk-action-check .connectionStatus .statusTag.talentpool,
#bulk-action-check .connectionStatus .statusTag.inprogress {
  border-color: var(--lvh-x-blue);
}
#bulk-action-check .connectionStatus .statusTag.talentpool .label,
#bulk-action-check .connectionStatus .statusTag.inprogress .label {
  color: var(--lvh-x-blue);
}
#bulk-action-check .connectionStatus .statusTag.livemarket {
  border-color: var(--lvh-x-orange);
}
#bulk-action-check .connectionStatus .statusTag.livemarket .label {
  color: var(--lvh-x-orange);
}
#bulk-action-check .connectionStatus .statusTag.donotcontact {
  border-color: var(--lvh-x-red);
}
#bulk-action-check .connectionStatus .statusTag.donotcontact .label {
  color: var(--lvh-x-red);
}
#bulk-action-check .connectionStatus .statusTag.temporaryprofile {
  border-color: var(--lvh-x-yellow);
}
#bulk-action-check .connectionStatus .statusTag.temporaryprofile .label {
  color: var(--lvh-x-yellow);
}
#bulk-action-check .connectionStatus .statusTag.hired {
  border-color: var(--lvh-x-green);
}
#bulk-action-check .connectionStatus .statusTag.hired .label {
  color: var(--lvh-x-green);
}
#bulk-action-check .connectionStatus .statusTag.unavailable {
  border-color: var(--lvh-x-light-grey);
}
#bulk-action-check .connectionStatus .statusTag.unavailable .label {
  color: var(--lvh-x-light-grey);
}
#bulk-action-check .connectionStatus .statusTag.thresholds {
  border-color: var(--lvh-x-purple);
}
#bulk-action-check .connectionStatus .statusTag.thresholds.user-action {
  background-color: var(--lvh-x-purple-light);
}
#bulk-action-check .connectionStatus .statusTag.thresholds.total-action {
  border-color: var(--lvh-secondary-text);
}
#bulk-action-check .connectionStatus .statusTag.thresholds.total-action .label {
  color: var(--lvh-secondary-text);
}
#bulk-action-check .connectionStatus .statusTag.thresholds .label {
  color: var(--lvh-x-purple);
}
#bulk-action-check .connectionStatus .statusTag.alreadyacandidate {
  border-color: var(--lvh-x-green);
}
#bulk-action-check .connectionStatus .statusTag.alreadyacandidate .label {
  color: var(--lvh-x-green);
}
#bulk-action-check .connectionStatus .statusTag.alreadyacandidate .label:before {
  content: "\e910";
  font-family: 'IconFont';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--lvh-x-green);
}
#bulk-action-check .connectionStatus .statusTag.alreadyacandidate .label > .ng-binding {
  display: none;
}
#bulk-action-check .connectionStatus .statusTag > .label {
  line-height: 17px;
}
#bulk-action-check .connectionStatus > .label {
  float: left;
  line-height: 19px;
}
.listLinkWrap {
  margin-bottom: 1.231em;
  float: left;
}
.listLink {
  display: none;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 10px;
  left: 10px;
}
@media (max-width: 991px) {
  .listLink {
    float: left;
    width: 18px;
    height: 18px;
    display: block;
    position: static;
    margin-right: 5px;
  }
}
.listLink:hover.added .icon {
  color: var(--lvh-x-red);
}
.listLink:hover.added .icon:before {
  content: "\e949";
}
.listLink:hover .icon {
  color: var(--lvh-x-green);
}
.listLink.added {
  display: block;
}
.listLink.added .icon {
  color: var(--lvh-x-green);
}
.listLink .button {
  display: block;
  outline: none;
  padding: 0;
  border: none;
  background: none;
}
@media (max-width: 991px) {
  .listLink .button {
    width: 18px;
    height: 18px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
  }
}
.listLink .icon {
  position: relative;
  display: block;
  font-size: 16px;
  color: var(--lvh-x-shark-dark);
  z-index: 1;
}
.listLink .icon:before {
  content: "\e943";
}
@media (max-width: 991px) {
  .listLink .icon {
    font-size: 18px;
  }
}
.modal.createList {
  width: 100%;
  max-width: 460px;
}
.modal.createList .dropdownComponent.callout {
  float: none;
  display: inline-block;
}
.modal.createList .dropdownComponent .callout {
  top: 15px;
}
.modal.createList .dropdownComponent .placeholder > span,
.modal.createList .dropdownComponent .placeholder > .icon {
  vertical-align: middle;
}
.modal.createList .dropdownComponent .placeholder > span {
  font-size: 14px;
  margin-right: 2px;
}
.modal.createList .dropdownComponent .placeholder > .icon {
  font-size: 6px;
}
.modal.createList .dropdownComponent .callout {
  top: 15px;
}
#manageListsView {
  float: left;
  width: 100%;
}
#manageListsView .employerAppHeader .tabs > .tab:before {
  content: '';
  width: 1px;
  height: 17px;
  background-color: var(--lvh-x-pale-grey);
  margin-top: -8.5px;
}
#manageListsView .graphSection {
  padding: 15px 20px;
  border-bottom: 1px solid var(--lvh-x-grey);
  position: relative;
}
@media (max-width: 991px) {
  #manageListsView .graphSection {
    width: 74px;
    height: 32px;
    position: absolute;
    top: 0;
    right: 30px;
    border-bottom: none;
    padding: 20px;
  }
}
#manageListsView .graphWrap {
  min-height: 100px;
  position: relative;
  text-align: center;
}
@media (max-width: 991px) {
  #manageListsView .graphWrap {
    float: left;
    width: 32px;
    height: 32px;
    min-height: 0;
  }
}
#manageListsView .graphWrap > .count {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 40px;
  font-weight: 300;
  line-height: 100px;
  color: var(--lvh-secondary-text);
}
@media (max-width: 991px) {
  #manageListsView .graphWrap > .count {
    font-size: 14px;
    line-height: 32px;
  }
}
#manageListsView .graphWrap {
  height: 100px;
  width: 100px;
  margin: 0 auto;
}
#manageListsView .graph {
  display: block;
  margin: auto;
  width: 100%;
  height: 100%;
  z-index: 1000;
  position: absolute;
  left: 0;
  right: 0;
}
@media (max-width: 991px) {
  #manageListsView .graph {
    width: 32px !important;
    height: 32px !important;
  }
}
#manageListsView .profilePicture {
  width: 2.615em;
  height: 2.615em;
  background-color: var(--lvh-white);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: -15px;
  right: 15px;
  z-index: 1000;
}
@media (max-width: 991px) {
  #manageListsView .profilePicture {
    top: 20px;
    right: 20px;
    height: 32px;
    width: 32px;
  }
}
#manageListsView .profilePicture img {
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#manageListsView .p-empty-state {
  margin: 20px 0 0;
}
#manageListsView #listChooser {
  float: left;
  width: 100%;
  padding: 40px 0;
}
@media (max-width: 991px) {
  #manageListsView #listChooser {
    padding: 10px 0;
  }
}
#manageListsView #listCards {
  margin-top: 20px;
  float: left;
  width: 100%;
}
#manageListsView .listCardWrap {
  float: left;
  width: 23.5%;
  margin-right: 2%;
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  #manageListsView .listCardWrap {
    margin-bottom: 10px;
  }
}
#manageListsView .listCardWrap:nth-child(4n) {
  margin-right: 0;
}
#manageListsView .listCardWrap:nth-child(4n+1) {
  clear: both;
}
@media (max-width: 991px) {
  #manageListsView .listCardWrap {
    width: 100%;
    margin-right: 0;
    clear: none;
  }
}
#manageListsView .listCard {
  float: left;
  width: 100%;
  background-color: var(--lvh-white);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border-bottom: 1px solid var(--lvh-x-grey);
  position: relative;
}
@media (min-width: 992px) {
  #manageListsView .listCard:hover .archiveButton {
    display: block;
  }
}
#manageListsView .kebab {
  position: absolute;
  right: 0;
  top: 4px;
  font-size: 16px;
  color: var(--lvh-x-shark-dark);
  display: none;
  z-index: 2000;
}
@media (max-width: 991px) {
  #manageListsView .kebab {
    display: block;
  }
}
#manageListsView .detailsSection {
  float: left;
  width: 100%;
  padding: 15px 20px;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  #manageListsView .detailsSection {
    float: left;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 104px;
  }
}
#manageListsView .name {
  float: left;
  width: 100%;
  font-size: 14px;
  color: var(--lvh-bright-blue);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 4px;
}
#manageListsView .name:hover .editButton {
  display: inline-block;
}
#manageListsView .name .value {
  margin-right: 2px;
}
#manageListsView .name .editButton {
  display: none;
  outline: 0;
  border: none;
  background: none;
  padding: 0;
}
#manageListsView .name .editButton > .icon {
  color: var(--lvh-x-shark-dark);
  font-size: 12px;
}
#manageListsView .editButton {
  display: block;
}
@media (max-width: 991px) {
  #manageListsView .editButton {
    display: none;
  }
}
#manageListsView .text {
  font-size: 12px;
  color: var(--lvh-secondary-text);
}
#manageListsView .inputWrap {
  float: left;
  width: 100%;
  margin-bottom: 4px;
}
#manageListsView .dropdownDirective a {
  color: var(--lvh-secondary-text);
}
#manageListsView .dropdownDirective a > span,
#manageListsView .dropdownDirective a > .icon {
  vertical-align: middle;
}
#manageListsView .dropdownDirective a > span {
  font-size: 12px;
  margin-right: 2px;
}
#manageListsView .dropdownDirective a > .icon {
  font-size: 6px;
}
#manageListsView .dropdownComponent .callout {
  top: 15px;
  z-index: 2000;
}
#manageListsView .timestamp {
  float: left;
}
#manageListsView .bullet {
  color: var(--lvh-x-shark-dark);
  margin: 0 5px;
}
#manageListsView #listType {
  display: none;
}
#manageListsView .archiveButton {
  display: none;
  outline: 0;
  background: none;
  position: absolute;
  right: 10px;
  bottom: 10px;
  border: 1px solid var(--lvh-x-grey);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 6.5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#manageListsView .archiveButton > .icon {
  display: block;
  color: var(--lvh-x-shark-dark);
}
#manageListsView .closeList {
  display: none;
}
#manageListsView .header .currentList {
  padding: 0;
  text-align: left;
}
#existingUserLoginModal .modalHeader {
  float: left;
  width: 100%;
  box-sizing: border-box;
}
#existingUserLoginModal .modalBody {
  float: left;
  width: 100%;
  border-bottom: 1px solid var(--lvh-x-shark-light);
  padding: 20px 30px;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  #existingUserLoginModal .modalBody .col.halves {
    width: 100% !important;
    margin-left: 0 !important;
  }
}
@media (max-width: 991px) {
  #existingUserLoginModal .modalBody .col.halves:not(:last-child) {
    margin-bottom: 10px;
  }
}
#existingUserLoginModal .modalBody input[type=checkbox] {
  position: relative;
  top: 0.15em;
}
#existingUserLoginModal .modalFooter {
  float: left;
  width: 100%;
  padding: 20px 30px;
  box-sizing: border-box;
  text-align: left;
}
#existingUserLoginModal .modalFooter .forgotPasswordLink {
  line-height: 2.923;
}
#existingUserLoginModal .modalFooter .button {
  float: right;
}
#employerApp .nvtooltip {
  display: inline-block;
  position: relative;
  background-color: rgba(68, 68, 68, 0.9);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 4px 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#employerApp .nvtooltip .tooltip-content,
#employerApp .nvtooltip table tr td {
  font-size: 11px;
  line-height: 1.2;
  color: #ffffff;
  white-space: normal;
  text-align: center;
}
#employerApp .nvtooltip:after {
  bottom: -8px;
  border-right: 8px solid rgba(68, 68, 68, 0.9);
  content: '';
  position: absolute;
  top: 45%;
  margin: 0 0 0 -8px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  padding: 0;
  width: 0;
  height: 0;
  left: 0;
}
.employerJobAggregateWrapper {
  padding: 15px 20px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border-bottom: 1px solid var(--lvh-x-paler-grey);
  background-color: var(--lvh-white);
}
@media (min-width: 992px) {
  .employerJobAggregateWrapper {
    min-height: 222px;
  }
}
.employerJobAggregateWrapper #unsuitable-candidates-chart-container .donut-wrap {
  position: relative;
  width: 122px;
  height: 122px;
  margin: 0 auto;
}
.employerJobAggregateWrapper #unsuitable-candidates-chart-container .percent-notified-container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 122px;
  height: 122px;
  text-align: center;
}
.employerJobAggregateWrapper #unsuitable-candidates-chart-container .percent-notified-container .table {
  display: table;
  width: 100%;
  height: 100%;
}
.employerJobAggregateWrapper #unsuitable-candidates-chart-container .percent-notified-container .table .table-cell {
  display: table-cell;
  vertical-align: middle;
}
.employerJobAggregateWrapper #unsuitable-candidates-chart-container .percent-notified-container span {
  font-size: 11px;
  color: var(--lvh-secondary-text);
}
.employerJobAggregateWrapper #unsuitable-candidates-chart-container .percent-notified-container span.number {
  font-size: 24px;
  color: var(--lvh-x-dark-grey);
}
.employerJobAggregateWrapper #unsuitable-candidates-chart-container .percent-notified-container span.number:after {
  position: absolute;
  content: '%';
  font-size: 12px;
}
.employerJobAggregateWrapper #unsuitable-candidates-chart-container .percent-notified-container span.percentage {
  font-size: 11px;
}
.employerJobAggregateWrapper #unsuitable-candidates-chart-container .percent-notified-container span.text {
  display: block;
  line-height: 1;
}
.employerJobAggregateWrapper #unsuitable-candidates-chart-container .numbers-container {
  position: relative;
  margin: 10px 0 0;
  text-align: center;
  z-index: 1;
}
.employerJobAggregateWrapper #unsuitable-candidates-chart-container .numbers-container .unsuitable {
  display: block;
  margin-bottom: 10px;
  color: var(--lvh-secondary-text);
}
.employerJobAggregateWrapper #unsuitable-candidates-chart-container .numbers-container .alert-danger {
  font-size: 13px;
  color: var(--lvh-x-ripe);
}
.employerJobAggregateWrapper .employerJobAggregate {
  position: relative;
}
.employerJobAggregateWrapper .employerJobAggregate .nv-multiBarHorizontalChart .nv-x .tick line,
.employerJobAggregateWrapper .employerJobAggregate .nv-multiBarHorizontalChart .nv-y .tick line {
  display: none;
}
.employerJobAggregateWrapper .employerJobAggregate h2 {
  margin: 0 0 10px 0;
  font-size: 13px;
  font-weight: 400;
  color: var(--lvh-x-dark-grey);
}
.employerJobAggregateWrapper .employerJobAggregate nvd3 {
  display: block;
}
.employerJobAggregateWrapper .employerJobAggregate figure.graphWrap {
  border-top: solid 1px var(--lvh-white94);
}
.employerJobAggregateWrapper .employerJobAggregate .tooltip {
  display: inline-block;
  position: relative;
  background-color: rgba(68, 68, 68, 0.9);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 4px 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.employerJobAggregateWrapper .employerJobAggregate .tooltip .tooltip-content {
  font-size: 11px;
  line-height: 1.2;
  color: #ffffff;
  white-space: normal;
  text-align: center;
}
.employerJobAggregateWrapper .employerJobAggregate .tooltip:after {
  bottom: -8px;
  border-top: 8px solid rgba(68, 68, 68, 0.9);
  content: '';
  position: absolute;
  left: 50%;
  margin: 0 0 0 -8px;
  border-bottom: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  padding: 0;
  width: 0;
  height: 0;
}
.employerJobAggregateWrapper .employerJobAggregate .nvd3 .nv-axis .tick line,
.employerJobAggregateWrapper .employerJobAggregate .nvd3 .nv-axis .nv-zeroLine line,
.employerJobAggregateWrapper .employerJobAggregate .nvd3 .nv-axis .nv-wrap line,
.employerJobAggregateWrapper .employerJobAggregate .nvd3 .nv-axis .tick .domain,
.employerJobAggregateWrapper .employerJobAggregate .nvd3 .nv-axis .nv-zeroLine .domain,
.employerJobAggregateWrapper .employerJobAggregate .nvd3 .nv-axis .nv-wrap .domain {
  stroke: var(--lvh-x-shark-light);
  stroke-dasharray: 2 2;
}
.employerJobAggregateWrapper .employerJobAggregate .nvd3 .nv-axis .nv-axisMaxMin-x text,
.employerJobAggregateWrapper .employerJobAggregate .nvd3 .nv-axis .y text {
  font-weight: 400;
  fill: var(--lvh-x-shark-dark);
}
.employerJobAggregateWrapper .employerJobAggregate .nvd3 .nv-barsWrap .nv-bar rect {
  /*fill: none;*/
}
.employerJobAggregateWrapper .employerJobAggregate #vacant-positions-per-recruiter-chart .y .tick line {
  stroke: var(--lvh-x-shark-light);
  stroke-dasharray: 2, 2;
}
.employerJobAggregateWrapper .employerJobAggregate #vacant-positions-per-recruiter-chart .x .domain {
  fill: none;
}
.br-theme-css-stars-lvh .br-widget {
  height: 13px;
  white-space: nowrap;
}
.br-theme-css-stars-lvh .br-widget a {
  text-decoration: none;
  height: 13px;
  width: 13px;
  float: left;
  font-size: 13px;
  margin-right: 5px;
  font-family: 'IconFont';
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.br-theme-css-stars-lvh .br-widget a:after {
  content: "\e916";
  color: var(--lvh-x-shark-dark);
}
.br-theme-css-stars-lvh .br-widget a.br-active:after,
.br-theme-css-stars-lvh .br-widget a.br-selected:after {
  color: var(--lvh-x-green);
}
.br-theme-css-stars-lvh .br-widget .br-current-rating {
  display: none;
}
.br-theme-css-stars-lvh .br-widget.br-readonly a {
  cursor: default;
}
#candidate-share-modal .note {
  font-size: 11px;
  color: var(--lvh-primary-text);
}
.replaceApproverPopupStyle {
  margin: auto;
  width: 50%;
}
#create-offer-template-modal .cc-tab-group .tab {
  width: 50%;
  border: 1px solid #e0e0e0;
}
.position-anchor {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 10000;
}
.position-anchor .spinner {
  z-index: 10000;
}
#profileHeaderContent {
  float: left;
  width: 100%;
  position: relative;
  padding: 20px 20px 30px 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  #profileHeaderContent {
    padding: 20px 20px 15px 20px;
  }
}
#profileHeaderContent:before {
  height: 4px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#profileHeaderContent.alumni:before {
  content: '';
  background-color: var(--lvh-x-green);
}
#profileHeaderContent.contractor:before {
  content: '';
  background-color: var(--lvh-x-dark-grey);
}
#profileHeaderContent.internal:before {
  content: '';
  background-color: var(--lvh-x-orange);
}
#profileHeaderContent .cc-card-view .name > a.connected {
  color: var(--lvh-x-dark-grey);
}
#profileHeaderContent .listLink {
  display: block;
}
@media (max-width: 991px) {
  #profileHeaderContent .listLink {
    display: none;
  }
}
#profileHeaderContent .stats {
  margin: 0 0 6px 0;
  padding: 0;
}
#profileHeaderContent .stats:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (max-width: 991px) {
  #profileHeaderContent .stats:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
#profileHeaderContent .stats > .stat {
  margin: 0;
  padding: 0.577em 0.077em;
  list-style: none;
  border-bottom: 1px solid var(--lvh-white92);
}
#profileHeaderContent .stats > .stat:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#profileHeaderContent .stats > .stat .retained {
  height: 18px;
  width: 147px;
  background-color: #c6e5f6;
  border-radius: 3px;
  margin: 0px 24px;
}
#profileHeaderContent .stats > .stat > .icon {
  float: left;
  width: 1.231em;
  margin-right: 0.462em;
}
#profileHeaderContent .stats > .stat > .icon:before {
  font-size: 1.231em;
  color: var(--lvh-bright-blue);
}
#profileHeaderContent .stats > .stat > .icon:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#profileHeaderContent .stats > .stat > .text {
  float: left;
  font-size: 0.923em;
  color: var(--lvh-x-dark-grey);
}
#profileHeaderContent .stats > .stat > .text:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#profileHeaderContent .stats > .stat > .cc-tooltip {
  max-width: calc(100% - 70px);
}
#profileHeaderContent .stats > .stat > .cc-tooltip.email-tooltip .tooltipContainer {
  word-break: break-all;
}
#profileHeaderContent .stats > .stat > .cc-tooltip > .email {
  float: left;
  font-size: 0.923em;
  color: var(--lvh-bright-blue);
  overflow-x: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#profileHeaderContent .stats > .stat > .cc-tooltip > .email:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#profileHeaderContent .stats > .stat > .cc-tooltip > .email.tempProfileEmail {
  color: var(--lvh-primary-text);
}
#profileHeaderContent .stats > .stat > .cc-tooltip > .email.tempProfileEmail a {
  color: var(--lvh-primary-text);
  text-decoration: none;
}
#profileHeaderContent .stats > .stat > .cc-tooltip > .email.tempProfileEmail a:hover {
  text-decoration: underline;
}
#profileHeaderContent .stats > .stat > .cc-tooltip > .email a {
  overflow-x: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  float: left;
}
#profileHeaderContent .stats > .stat > .cc-tooltip > .email .cc-tooltip.default-type .content {
  white-space: nowrap;
}
#profileHeaderContent .stats > .stat > .cc-tooltip > .tooltipContainer {
  z-index: 3000;
}
#profileHeaderContent .stats > .stat > .copyEmail {
  position: absolute;
  right: 22px;
  background-color: var(--lvh-x-shark-dark);
  color: var(--lvh-white);
  padding: 3px 5px;
  font-size: 8px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
}
#profileHeaderContent .stats > .stat > .copyEmail.additional {
  right: 40px;
}
#profileHeaderContent .stats > .stat > .copyEmail:hover,
#profileHeaderContent .stats > .stat > .copyEmail:focus {
  background-color: var(--lvh-bright-blue);
}
#profileHeaderContent .stats > .stat > .callNotes {
  position: absolute;
  right: 22px;
  background-color: var(--lvh-x-shark-dark);
  color: var(--lvh-white);
  padding: 3px 5px;
  font-size: 8px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
}
#profileHeaderContent .stats > .stat > .callNotes:hover,
#profileHeaderContent .stats > .stat > .callNotes:focus {
  background-color: var(--lvh-bright-blue);
}
#profileHeaderContent .originalCvAttached,
#profileHeaderContent .documentsAttached {
  margin-bottom: 5px;
}
#profileHeaderContent .originalCvAttached:after,
#profileHeaderContent .documentsAttached:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#profileHeaderContent .originalCvAttached > a,
#profileHeaderContent .documentsAttached > a,
#profileHeaderContent .originalCvAttached > span,
#profileHeaderContent .documentsAttached > span {
  font-size: 11px;
  color: var(--lvh-x-shark-dark);
}
#profileHeaderContent .originalCvAttached > a,
#profileHeaderContent .documentsAttached > a {
  font-size: 11px;
  color: var(--lvh-bright-blue);
}
#profileHeaderContent .originalCvAttached > a:hover,
#profileHeaderContent .documentsAttached > a:hover,
#profileHeaderContent .originalCvAttached > a:focus,
#profileHeaderContent .documentsAttached > a:focus {
  text-decoration: underline;
}
#profileHeaderContent external-links {
  margin: 10px 0 0;
}
#profileHeaderContent external-links:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#profileHeaderContent .primaryContent {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 230px;
}
@media (max-width: 991px) {
  #profileHeaderContent .primaryContent.hasStatusTags {
    padding-top: 2.308em;
  }
}
@media (max-width: 991px) {
  #profileHeaderContent .primaryContent {
    padding-right: 0;
  }
}
#profileHeaderContent .primaryContent > .primaryContentInnerWrap {
  float: left;
  width: 100%;
}
@media (min-width: 992px) {
  #profileHeaderContent .primaryContent .cc-card-view {
    max-width: 543px;
  }
}
#profileHeaderContent .primaryContent .cc-card-view .cc-temporary-profile-status-tag,
#profileHeaderContent .primaryContent .cc-card-view .cc-demo-status-tag {
  float: left;
  margin: 3px 0 3px 5px;
}
#profileHeaderContent .secondaryContent {
  float: right;
  width: 230px;
}
#profileHeaderContent .secondaryContent:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (max-width: 991px) {
  #profileHeaderContent .secondaryContent {
    float: left;
    width: 100%;
    position: static;
  }
}
#profileHeaderContent .secondaryContent .connectToCandidateButton {
  top: 20px;
  bottom: auto;
}
@media (min-width: 992px) {
  #profileHeaderContent .secondaryContent .connectToCandidateButton {
    right: -100px;
  }
}
#profileHeaderContent .secondaryContent .status-tags {
  display: block;
  margin-bottom: 0.571em;
  padding-top: 3px;
}
#profileHeaderContent .secondaryContent .status-tags:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (max-width: 991px) {
  #profileHeaderContent .secondaryContent .status-tags {
    margin: 0;
    padding: 1.231em;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media (max-width: 991px) {
  #profileHeaderContent .secondaryContent .status-tags > .job-application,
  #profileHeaderContent .secondaryContent .status-tags > .cc-review-status-tag {
    float: left;
  }
}
#profileHeaderContent .secondaryContent .status-tags > .cc-review-status-tag {
  margin-right: 5px;
}
#profileHeaderContent .secondaryContent .cc-lastAction.wrapper {
  margin-top: 4px;
  top: 100%;
  right: 2.154em;
}
@media (max-width: 991px) {
  #profileHeaderContent .secondaryContent .cc-lastAction.wrapper {
    margin-top: 10px;
    top: auto;
    right: auto;
  }
}

/* -----------------------------------------------------------------------------

  CARD VIEW COMPONENT

----------------------------------------------------------------------------- */
.cc-card-view {
  float: left;
  width: 100%;
  position: relative;
}
.cc-card-view.is-roa-profile {
  cursor: default !important;
}
.cc-card-view.show-connection-status-tags .status-tags {
  display: block;
}
.cc-card-view.show-connection-status-tags .name-wrap .cc-demo-status-tag {
  display: none;
}
.cc-card-view.show-connection-status-tags .name.is-demo-profile {
  float: left;
  max-width: 100%;
}
.cc-card-view.show-highlight-badge .highlight-badge {
  display: inline-block;
}
.cc-card-view.show-highlight-badge .highlight-badge .callout-wrap {
  display: inline-block;
}
.cc-card-view.show-highlight-badge .highlight-badge .callout-wrap > .trigger {
  position: relative;
  display: inline-block;
  padding: 0;
  text-decoration: none;
}
.cc-card-view.show-highlight-badge .highlight-badge .callout-wrap > .trigger:hover .callout {
  position: absolute;
  left: -10px;
}
.cc-card-view.show-highlight-badge .highlight-badge .callout-wrap > .trigger:hover .callout.topRight {
  right: -27px;
  left: auto;
}
.cc-card-view.show-highlight-badge .highlight-badge .callout-wrap > .trigger:hover .callout .cc-callout {
  display: block;
}
.cc-card-view.show-highlight-badge .name.has-highlight.badge-count-0 {
  max-width: calc(100% - 20px);
  margin-right: 8px;
}
.cc-card-view.show-highlight-badge .name.has-highlight.badge-count-1 {
  max-width: calc(100% - 35px);
  margin-right: 8px;
}
.cc-card-view.show-highlight-badge .name.has-highlight.badge-count-2 {
  max-width: calc(100% - 50px);
  margin-right: 8px;
}
.cc-card-view.show-highlight-badge .name.has-highlight.badge-count-3 {
  max-width: calc(100% - 65px);
  margin-right: 8px;
}
.cc-card-view.show-highlight-badge .name.has-highlight.badge-count-4 {
  max-width: calc(100% - 80px);
  margin-right: 8px;
}
.cc-card-view.show-profile-actions.small .col.lhs {
  top: 13px;
  left: 20px;
}
.cc-card-view.show-profile-actions.small .col.rhs {
  padding: 13px 33px 13px 80px;
  min-height: 68px;
}
@media (max-width: 991px) {
  .cc-card-view.show-profile-actions.small .col.rhs {
    min-height: 0;
  }
}
.cc-card-view.show-profile-actions .profile-actions {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  height: 100%;
  border-left: 1px solid var(--lvh-x-paler-grey);
}
.cc-card-view.show-profile-actions .profile-actions ul {
  margin: 0;
}
.cc-card-view.show-profile-actions .profile-actions ul li {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1;
}
.cc-card-view.show-profile-actions .profile-actions ul li:not(:last-child) {
  border-bottom: 1px solid var(--lvh-x-paler-grey);
}
.cc-card-view.show-profile-actions .profile-actions ul li a {
  display: block;
  padding: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--lvh-x-shark-dark);
}
.cc-card-view.show-profile-actions .profile-actions ul li a:hover {
  color: var(--lvh-bright-blue);
}
.cc-card-view.show-profile-actions .profile-actions ul li a .icon {
  font-size: 12px;
}
.cc-card-view.show-contact-info.small .col.lhs {
  left: 15px;
}
.cc-card-view.show-contact-info.small .col.rhs {
  padding: 13px 15px 13px 68px;
  width: 50%;
}
@media (max-width: 991px) {
  .cc-card-view.show-contact-info.small .col.rhs {
    margin-bottom: 0 !important;
    padding: 13px 15px 0 70px;
    width: 100%;
  }
}
.cc-card-view.show-contact-info .contact-info {
  float: left;
  width: 50%;
  min-height: 52px;
  margin: 7px 0;
  padding: 0 33px 0 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 1px solid var(--lvh-x-paler-grey);
}
@media (max-width: 991px) {
  .cc-card-view.show-contact-info .contact-info {
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: 0 15px 15px 70px;
    border-left: none;
  }
}
.cc-card-view.show-contact-info .contact-info:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.cc-card-view.show-contact-info .contact-info .cc-tooltip {
  vertical-align: middle;
}
.cc-card-view.show-contact-info .contact-info .location,
.cc-card-view.show-contact-info .contact-info .mobile,
.cc-card-view.show-contact-info .contact-info .email {
  display: block;
  font-size: 11px;
  line-height: 15px;
}
.cc-card-view.show-contact-info .contact-info .location,
.cc-card-view.show-contact-info .contact-info .mobile {
  margin: 0 0 3px;
}
.cc-card-view.show-contact-info .contact-info .mobile {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cc-card-view.show-contact-info .contact-info .location,
.cc-card-view.show-contact-info .contact-info .email {
  white-space: nowrap;
}
.cc-card-view.show-contact-info .contact-info .location .cc-tooltip,
.cc-card-view.show-contact-info .contact-info .email .cc-tooltip {
  max-width: calc(100% - 15px);
}
.cc-card-view.show-contact-info .contact-info .location .cc-tooltip .inner-text,
.cc-card-view.show-contact-info .contact-info .email .cc-tooltip .inner-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cc-card-view .status-tags {
  display: none;
}
.cc-card-view .status-tags .cc-status-tag {
  margin-bottom: 0;
}
.cc-card-view .cc-connection-status-tags {
  display: none;
}
.cc-card-view .profilePic {
  display: block;
}
.cc-card-view .profilePic.is-roa-profile {
  cursor: default;
}
.cc-card-view .user-info {
  float: left;
  width: 100%;
  box-sizing: border-box;
}
.cc-card-view .user-info .name,
.cc-card-view .user-info .profile-title,
.cc-card-view .user-info .profileTitle,
.cc-card-view .user-info .location,
.cc-card-view .user-info .contact-phone {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cc-card-view .user-info .name.retained,
.cc-card-view .user-info .profile-title.retained,
.cc-card-view .user-info .profileTitle.retained,
.cc-card-view .user-info .location.retained,
.cc-card-view .user-info .contact-phone.retained {
  height: 18px;
  background-color: var(--lvh-x-shark-light);
  border-radius: 3px;
}
.cc-card-view .user-info .name.retained.short,
.cc-card-view .user-info .profile-title.retained.short,
.cc-card-view .user-info .profileTitle.retained.short,
.cc-card-view .user-info .location.retained.short,
.cc-card-view .user-info .contact-phone.retained.short {
  width: 131px;
  margin-bottom: 7px;
}
.cc-card-view .user-info .name.retained.long,
.cc-card-view .user-info .profile-title.retained.long,
.cc-card-view .user-info .profileTitle.retained.long,
.cc-card-view .user-info .location.retained.long,
.cc-card-view .user-info .contact-phone.retained.long {
  width: 164px;
  margin: 7px 0;
}
.cc-card-view .user-info .profile-title {
  overflow: unset;
  text-overflow: unset;
  white-space: unset;
  color: var(--lvh-x-dark-grey);
}
.cc-card-view .user-info .profile-title > .cc-tooltip {
  max-width: 100%;
}
.cc-card-view .user-info .profile-title > .cc-tooltip > span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cc-card-view .user-info .location {
  color: var(--lvh-primary-text);
}
.cc-card-view .name-wrap {
  position: relative;
  color: var(--lvh-x-dark-grey);
}
.cc-card-view .name-wrap:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.cc-card-view .name {
  float: left;
  max-width: 100%;
  word-break: break-word;
  /*
    Testing disabling the rest of this mixin to review state with current browser versions.  If specific problems found with older browsers, we'll look at manual hyphenation approaches

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;

    //Firefox -Simon's recollection was that this was a prior attempt to undo the hyphenation settings above - Jamie also tweaked to only affect mobile...  believe latest change makes it unnecessary
    @media screen and (max-width: @screen-sm-max) and (-moz-images-in-menus:0) {
        hyphens: none !important;
        -moz-hyphens: none !important;
        word-break: normal !important;
    }*/
}
.cc-card-view .name:not(.cc-card-view .name.is-retained-profile):hover {
  text-decoration: underline;
}
.cc-card-view .name.is-demo-profile {
  float: left;
  max-width: calc(100% - 50px);
  margin-right: 8px;
}
.cc-card-view .name.badge-count-1 {
  max-width: calc(100% - 35px);
  margin-right: 8px;
}
.cc-card-view .name.badge-count-2 {
  max-width: calc(100% - 50px);
  margin-right: 8px;
}
.cc-card-view .name.badge-count-3 {
  max-width: calc(100% - 65px);
  margin-right: 8px;
}
.cc-card-view .name.badge-count-4 {
  max-width: calc(100% - 80px);
  margin-right: 8px;
}
.cc-card-view .name.connected {
  color: var(--lvh-bright-blue);
}
.cc-card-view .name.is-temp-profile,
.cc-card-view .name.is-retained-profile {
  color: var(--lvh-x-mesh-dark);
}
.cc-card-view .name.is-retained-profile,
.cc-card-view .name .is-expired-profile,
.cc-card-view .name .is-expiring-profile {
  cursor: default !important;
}
.cc-card-view .name.confidential {
  color: var(--lvh-x-orange);
}
.cc-card-view .name.confidential:before {
  content: "\e90c";
  float: left;
  font-family: 'IconFont';
  color: var(--lvh-x-yellow);
}
.cc-card-view .name.confidential a {
  color: var(--lvh-x-orange);
}
.cc-card-view .badge {
  float: left;
}
.cc-card-view .badge:not(:last-child) {
  margin: 0 3px 0 0;
}
.cc-card-view .badge .icon {
  font-size: 12px;
}
.cc-card-view .badge .icon:before {
  display: block;
}
.cc-card-view .badge .icon.expiring {
  background-color: rgba(255, 213, 64, 0.15);
  padding: 2px;
  border-radius: 3px;
}
.cc-card-view .badge .icon.expired {
  background-color: rgba(189, 53, 15, 0.15);
  padding: 2px;
  border-radius: 3px;
}
.cc-card-view .badge .text-badge {
  font-size: 10px;
  color: var(--lvh-x-shark-dark);
  padding: 2px 4px;
  white-space: nowrap;
  border: solid 1px var(--lvh-x-shark-dark);
  border-radius: 3px;
}
.cc-card-view .badge .text-badge.retained {
  color: var(--lvh-x-purple);
  border-color: var(--lvh-x-purple);
}
.cc-card-view .badge .text-badge.expiring {
  color: var(--lvh-x-yellow);
  background-color: rgba(255, 213, 64, 0.15);
  border: none;
}
.cc-card-view .badge .text-badge.expired {
  color: var(--lvh-x-ripe);
  background-color: rgba(189, 53, 15, 0.15);
  border: none;
}
.cc-card-view .badge .text-badge.internal-assignment-badge {
  color: var(--lvh-brand-orange);
  border-color: var(--lvh-brand-orange);
}
.cc-card-view .badge .text-badge.external-assignment-badge {
  color: var(--lvh-x-purple);
  border-color: var(--lvh-x-purple);
}
.cc-card-view .temp-profile-badge .icon,
.cc-card-view .limited-profile-badge .icon,
.cc-card-view .expiring-profile-badge .icon,
.cc-card-view .expired-profile-badge .icon {
  color: var(--lvh-x-shark-dark);
}
.cc-card-view .temp-profile-badge .tooltip small,
.cc-card-view .limited-profile-badge .tooltip small,
.cc-card-view .expiring-profile-badge .tooltip small,
.cc-card-view .expired-profile-badge .tooltip small {
  display: block;
  color: var(--lvh-x-shark-dark);
}
.cc-card-view .temp-profile-badge.hiretual .icon,
.cc-card-view .limited-profile-badge.hiretual .icon,
.cc-card-view .expiring-profile-badge.hiretual .icon,
.cc-card-view .expired-profile-badge.hiretual .icon {
  color: var(--lvh-x-external-hiretual);
}
.cc-card-view .temp-profile-badge.retained .icon,
.cc-card-view .limited-profile-badge.retained .icon,
.cc-card-view .expiring-profile-badge.retained .icon,
.cc-card-view .expired-profile-badge.retained .icon {
  color: var(--lvh-x-purple);
}
.cc-card-view .temp-profile-badge.expiring .icon,
.cc-card-view .limited-profile-badge.expiring .icon,
.cc-card-view .expiring-profile-badge.expiring .icon,
.cc-card-view .expired-profile-badge.expiring .icon {
  display: inline-block;
  font-size: 10px;
  color: var(--lvh-x-yellow);
}
.cc-card-view .temp-profile-badge.expired .icon,
.cc-card-view .limited-profile-badge.expired .icon,
.cc-card-view .expiring-profile-badge.expired .icon,
.cc-card-view .expired-profile-badge.expired .icon {
  display: inline-block;
  font-size: 10px;
  color: var(--lvh-x-ripe);
}
.cc-card-view .connection-relationship-badge.external {
  display: none;
}
.cc-card-view .connection-relationship-badge.alumni .icon {
  color: var(--lvh-x-green);
}
.cc-card-view .connection-relationship-badge.alumni .icon:before {
  content: "\e96d";
}
.cc-card-view .connection-relationship-badge.contractor .icon {
  color: var(--lvh-x-dark-grey);
}
.cc-card-view .connection-relationship-badge.contractor .icon:before {
  content: "\e96e";
}
.cc-card-view .connection-relationship-badge.internal .icon {
  color: var(--lvh-x-orange);
}
.cc-card-view .connection-relationship-badge.internal .icon:before {
  content: "\e96f";
}
.cc-card-view .highlight-badge {
  display: none;
}
.cc-card-view .highlight-badge .cc-tooltip.default-typeabove .tooltip:after,
.cc-card-view .highlight-badge .cc-tooltip.default-typebelow .tooltip:after {
  left: 100px;
}
.cc-card-view .highlight-badge .icon {
  color: var(--lvh-x-yellow);
}
.cc-card-view .interview-form-badge .icon {
  color: var(--lvh-x-yellow);
}
.cc-card-view .interview-form-badge .icon:before {
  color: var(--lvh-x-yellow) !important;
}
.cc-card-view.large .col.lhs {
  float: left;
  width: 70px;
  text-align: right;
  position: relative;
  top: 5px;
}
@media (max-width: 991px) {
  .cc-card-view.large .col.lhs {
    width: 54px;
    min-height: 56px;
    top: 2px;
  }
}
.cc-card-view.large .col.rhs {
  width: 100%;
  padding-left: 95px;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .cc-card-view.large .col.rhs {
    float: left;
    width: calc(100% - 54px);
    padding-top: 0;
    padding-left: 16px;
  }
}
.cc-card-view.large .profilePic {
  width: 70px;
  height: 70px;
  padding: 4px;
  background-size: 62px 62px;
}
.cc-card-view.large .profilePic .initials {
  line-height: 70px;
}
.cc-card-view.large .profilePic .initials > span {
  font-size: 24px;
}
.cc-card-view.large .profilePic > .indicator {
  width: 12px;
  height: 12px;
  right: 4px/2;
  bottom: 4px/2;
}
.cc-card-view.large .profilePic .initials {
  text-indent: 0px;
}
.cc-card-view.large .profilePic.is-roa-profile {
  cursor: default;
}
@media (max-width: 991px) {
  .cc-card-view.large .profilePic {
    width: 54px;
    height: 54px;
    padding: 3px;
    background-size: 48px 48px;
  }
  .cc-card-view.large .profilePic .initials {
    line-height: 54px;
  }
  .cc-card-view.large .profilePic .initials > span {
    font-size: 24px;
  }
  .cc-card-view.large .profilePic > .indicator {
    width: 12px;
    height: 12px;
    right: 3px/2;
    bottom: 3px/2;
  }
}
.cc-card-view.large .cc-status-tag {
  margin-bottom: 0;
}
.cc-card-view.large .retained-name {
  height: 18px;
  width: 164px;
  background-color: var(--lvh-x-shark-light);
  border-radius: 3px;
}
.cc-card-view.large .retained-location {
  height: 18px;
  width: 131px;
  background-color: var(--lvh-x-shark-light);
  border-radius: 3px;
}
.cc-card-view.large .name {
  font-size: 16px;
  line-height: 24px;
}
.cc-card-view.large .name.confidential:before {
  font-size: 13px;
  line-height: 24px;
  padding: 0 5px 0 0;
}
.cc-card-view.large .badge {
  line-height: 24px;
}
.cc-card-view.large .profile-title,
.cc-card-view.large .location {
  font-size: 13px;
  line-height: 22px;
}
.cc-card-view.medium .col.lhs {
  float: left;
  width: 54px;
  min-height: 56px;
  text-align: right;
  position: relative;
  top: 2px;
}
@media (max-width: 991px) {
  .cc-card-view.medium .col.lhs {
    margin-bottom: 0 !important;
  }
}
.cc-card-view.medium .col.rhs {
  width: 100%;
  padding-left: 70px;
  box-sizing: border-box;
}
.cc-card-view.medium .profilePic {
  width: 54px;
  height: 54px;
  padding: 3px;
  background-size: 48px 48px;
}
.cc-card-view.medium .profilePic .initials {
  line-height: 54px;
}
.cc-card-view.medium .profilePic .initials > span {
  font-size: 24px;
}
.cc-card-view.medium .profilePic > .indicator {
  width: 12px;
  height: 12px;
  right: 3px/2;
  bottom: 3px/2;
}
.cc-card-view.medium .profilePic .initials {
  text-indent: 0px;
}
.cc-card-view.medium .profilePic.is-roa-profile {
  cursor: default;
}
.cc-card-view.medium .cc-status-tag,
.cc-card-view.medium .cc-rating-tag {
  margin: 1.5px 0;
}
.cc-card-view.medium .cc-rating-tag {
  padding: 0;
}
.cc-card-view.medium .name {
  font-size: 13px;
  line-height: 21px;
}
.cc-card-view.medium .name.confidential:before {
  font-size: 13px;
  line-height: 24px;
  padding: 0 5px 0 0;
}
.cc-card-view.medium .badge {
  line-height: 21px;
}
.cc-card-view.medium .profile-title,
.cc-card-view.medium .location {
  font-size: 13px;
}
.cc-card-view.small {
  position: relative;
  min-height: 38px;
}
.cc-card-view.small .col.lhs {
  width: 38px;
  position: absolute;
  top: 0;
  left: 0;
  text-align: right;
}
.cc-card-view.small .col.rhs {
  float: left;
  width: 100%;
  padding-left: 60px;
  box-sizing: border-box;
}
.cc-card-view.small .profilePic {
  width: 38px;
  height: 38px;
  padding: 1.5px;
  background-size: 35px 35px;
}
.cc-card-view.small .profilePic .initials {
  line-height: 38px;
}
.cc-card-view.small .profilePic .initials > span {
  font-size: 24px;
}
.cc-card-view.small .profilePic > .indicator {
  width: 10px;
  height: 10px;
  right: 1.5px/2;
  bottom: 1.5px/2;
}
.cc-card-view.small .profilePic .initials {
  text-indent: 0px;
}
.cc-card-view.small .profilePic.is-roa-profile {
  cursor: default;
}
.cc-card-view.small .cc-status-tag {
  margin: 0;
}
.cc-card-view.small .name {
  font-size: 13px;
  line-height: 18px;
}
.cc-card-view.small .name.confidential:before {
  font-size: 10px;
  line-height: 18px;
  padding: 0 4px 0 0;
}
.cc-card-view.small .profile-title {
  font-size: 11px;
  line-height: 19px;
}
.cc-card-view.small .location {
  display: none;
}

/* Not currently using Mango UI since we're having issues getting our build agents to authenticate with the HF npm registry */
:root {
  --lvh-white92: #ebebeb;
  --lvh-white94: #f0f0f0;
  --lvh-white96: #f5f5f5;
  --lvh-white97: #f7f7f7;
  --lvh-white98: #fafafa;
  --lvh-white: #ffffff;
  --lvh-x-off-white: #f3f5f7;
  --lvh-white-transparent-20: rgba(255, 255, 255, 0.2);
  --lvh-white-transparent-40: rgba(255, 255, 255, 0.4);
  --lvh-white-transparent-50: rgba(255, 255, 255, 0.5);
  --lvh-white-transparent-60: rgba(255, 255, 255, 0.6);
  --lvh-white-transparent-80: rgba(255, 255, 255, 0.8);
  --lvh-black: #000000;
  --lvh-black-transparent-5: rgba(0, 0, 0, 0.05);
  --lvh-black-transparent-10: rgba(0, 0, 0, 0.1);
  --lvh-black-transparent-20: rgba(0, 0, 0, 0.2);
  --lvh-black-transparent-40: rgba(0, 0, 0, 0.4);
  --lvh-black-transparent-50: rgba(0, 0, 0, 0.5);
  --lvh-x-darker-grey: #333333;
  --lvh-x-dark-grey: #444444;
  --lvh-x-mid-grey: #666666;
  --lvh-primary-text: #666666;
  --lvh-x-light-grey: #888888;
  --lvh-secondary-text: #888888;
  --lvh-disabled-text: #999999;
  --lvh-x-pale-grey: #dedede;
  --lvh-x-paler-grey: #e0e0e0;
  --lvh-even-paler-grey: #e6e6e6;
  --lvh-x-grey: #ebebeb;
  --lvh-x-shark-light: #eeeeee;
  --lvh-x-shark-dark: #cccccc;
  --lvh-x-mesh-light: #888888;
  --lvh-x-mesh-dark: #444444;
  --lvh-brand-orange: #ff8133;
  --lvh-lighter-blue: #d8effd;
  --lvh-light-blue: #93d3fa;
  --lvh-disabled-blue: #a1b1de;
  --lvh-brighter-blue: #6878ca;
  --lvh-bright-blue-trans-10: rgba(60, 71, 157, 0.1);
  --lvh-bright-blue: #3c479d;
  --lvh-brand-blue-dark: #2e3880;
  --lvh-x-pale-blue: #f1f9fd;
  --lvh-x-blue: #139ff5;
  --lvh-dark-blue: #00588f;
  --lvh-x-paler-green: #a5dda1;
  --lvh-x-pale-green: #84d17f;
  --lvh-x-green: #50b848;
  --lvh-x-green-dark: #317c2c;
  --lvh-x-highlight: #fff4c7;
  --lvh-x-yellow: #ffd540;
  --lvh-x-orange: #ff8133;
  --lvh-x-orange-dark: #C65200;
  --lvh-x-red: #f15a29;
  --lvh-bright-red: #bd350f;
  --lvh-x-ripe: #bd350f;
  --lvh-x-murkberry-lighter: #e8edf7;
  --lvh-x-murkberry-light: #d9e1f2;
  --lvh-x-murkberry-dark: #a1b1de;
  --lvh-x-murkberry-darker: #6878ca;
  --lvh-x-murkberry-darkest: #232a63;
  --lvh-validation-red-light: #fde5e2;
  --lvh-validation-red-mid: #fbd5d0;
  --lvh-validation-red-dark: #8e280b;
  --lvh-alert-yellow-light: #fff4c7;
  --lvh-alert-yellow-mid: #ffed94;
  --lvh-alert-yellow-text: #754c00;
  --lvh-validation-green-light: #dbf1da;
  --lvh-validation-green-mid: #cdeccb;
  --lvh-validation-green-dark: #245a20;
  --lvh-alert-blue-light: #d8effd;
  --lvh-alert-blue-mid: #c4e7fd;
  --lvh-alert-blue-text: #00588f;
  /* Social brand colours */
  --lvh-social-facebook-brand: #3b579d;
  --lvh-social-facebook-light: #4e6ebd;
  --lvh-social-facebook-dark: #2d4278;
  --lvh-social-google-brand: #dc4e41;
  --lvh-social-google-dark: #c63224;
  --lvh-social-linkedin-brand: #0077b5;
  --lvh-social-linkedin-light: #0099e8;
  --lvh-social-linkedin-dark: #005582;
  --lvh-social-twitter-brand: #00ACEE;
  --lvh-social-twitter-dark: #0087bb;
  --lvh-social-instagram-brand: #D32171;
  --lvh-social-instagram-dark: #a71a59;
  --lvh-social-youtube-brand: #CC181E;
  --lvh-social-youtube-dark: #9e1317;
  /* Campaign Palette */
  --lvh-x-pink: #ff5aa8;
  --lvh-x-purple: #7858e0;
  --lvh-x-purple-light: rgba(120, 88, 224, 0.2);
  /* External vendor colours */
  --lvh-x-external-hiretual: #0171C5;
}
/* -----------------------------------------------------------------------------

  SUGGESTION LIST
  
----------------------------------------------------------------------------- */
#unsupported-browser-banner {
  display: block;
  position: fixed;
  top: 80px;
  left: 20px;
  right: 20px;
  z-index: 7950;
}
@media (max-width: 991px) {
  #unsupported-browser-banner {
    top: 74px;
  }
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
textarea {
  resize: none;
}
label.label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
  margin: 0 0 10px 0;
}
label.label.with-checkbox {
  display: flex;
  justify-content: space-between;
}
label.label > .sub-text {
  font-weight: 400;
  color: var(--lvh-secondary-text);
}
input[type='text'],
input[type='url'],
input[type='email'],
input[type='number'],
input[type='tel'],
input[type='date'],
input[type='month'],
input[type='password'],
input[type='search'],
textarea {
  padding: 7px;
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  -webkit-appearance: none;
  width: 100%;
  position: relative;
  z-index: 1;
  color: var(--lvh-x-dark-grey);
  border: 1px solid var(--lvh-x-paler-grey);
  border-radius: 3px;
  outline: 0;
  line-height: initial;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  input[type='text'],
  input[type='url'],
  input[type='email'],
  input[type='number'],
  input[type='tel'],
  input[type='date'],
  input[type='month'],
  input[type='password'],
  input[type='search'],
  textarea {
    padding: 10px 14px;
  }
}
input[type='text']:focus,
input[type='url']:focus,
input[type='email']:focus,
input[type='number']:focus,
input[type='tel']:focus,
input[type='date']:focus,
input[type='month']:focus,
input[type='password']:focus,
input[type='search']:focus,
textarea:focus {
  border: 1px solid var(--lvh-x-dark-grey);
}
input[type='text']:disabled,
input[type='url']:disabled,
input[type='email']:disabled,
input[type='number']:disabled,
input[type='tel']:disabled,
input[type='date']:disabled,
input[type='month']:disabled,
input[type='password']:disabled,
input[type='search']:disabled,
textarea:disabled {
  color: var(--lvh-secondary-text);
  background-color: var(--lvh-x-shark-light);
}
input[type='text']:read-only,
input[type='url']:read-only,
input[type='email']:read-only,
input[type='number']:read-only,
input[type='tel']:read-only,
input[type='date']:read-only,
input[type='month']:read-only,
input[type='password']:read-only,
input[type='search']:read-only,
textarea:read-only {
  color: var(--lvh-secondary-text);
  background-color: var(--lvh-x-shark-light);
}
input[type='text']::-webkit-input-placeholder,
input[type='url']::-webkit-input-placeholder,
input[type='email']::-webkit-input-placeholder,
input[type='number']::-webkit-input-placeholder,
input[type='tel']::-webkit-input-placeholder,
input[type='date']::-webkit-input-placeholder,
input[type='month']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder,
input[type='search']::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: 400;
  color: var(--lvh-x-shark-dark);
}
input[type='text']:-moz-placeholder,
input[type='url']:-moz-placeholder,
input[type='email']:-moz-placeholder,
input[type='number']:-moz-placeholder,
input[type='tel']:-moz-placeholder,
input[type='date']:-moz-placeholder,
input[type='month']:-moz-placeholder,
input[type='password']:-moz-placeholder,
input[type='search']:-moz-placeholder,
textarea:-moz-placeholder {
  /* Firefox 18- */
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: 400;
  color: var(--lvh-x-shark-dark);
}
input[type='text']::-moz-placeholder,
input[type='url']::-moz-placeholder,
input[type='email']::-moz-placeholder,
input[type='number']::-moz-placeholder,
input[type='tel']::-moz-placeholder,
input[type='date']::-moz-placeholder,
input[type='month']::-moz-placeholder,
input[type='password']::-moz-placeholder,
input[type='search']::-moz-placeholder,
textarea::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: 400;
  color: var(--lvh-x-shark-dark);
}
input[type='text']:-ms-input-placeholder,
input[type='url']:-ms-input-placeholder,
input[type='email']:-ms-input-placeholder,
input[type='number']:-ms-input-placeholder,
input[type='tel']:-ms-input-placeholder,
input[type='date']:-ms-input-placeholder,
input[type='month']:-ms-input-placeholder,
input[type='password']:-ms-input-placeholder,
input[type='search']:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: 400;
  color: var(--lvh-x-shark-dark);
}
input[type='text']::-ms-clear,
input[type='url']::-ms-clear,
input[type='email']::-ms-clear,
input[type='number']::-ms-clear,
input[type='tel']::-ms-clear,
input[type='date']::-ms-clear,
input[type='month']::-ms-clear,
input[type='password']::-ms-clear,
input[type='search']::-ms-clear,
textarea::-ms-clear {
  /* IE 10/11 */
  display: none;
}
input[type='month'],
input[type='date'] {
  min-height: 40px;
}
#employerApp input[type='month'],
#employerApp input[type='date'] {
  min-height: 34px;
}
@media (max-width: 991px) {
  #employerApp input[type='month'],
  #employerApp input[type='date'] {
    min-height: 40px;
  }
}
input[type='number'] {
  -moz-appearance: textfield;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
}
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
  position: relative;
  top: 0.2em;
}
input[type="checkbox"]:disabled {
  opacity: 0.5;
}
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="radio"]:disabled {
  opacity: 0.5;
}
.input-wrap.date {
  position: relative;
}
.input-wrap.date:before {
  content: "\e947";
  font-family: 'IconFont';
  font-size: 16px;
  position: absolute;
  left: 11px;
  top: 50%;
  margin-top: -8px;
  color: var(--lvh-x-shark-dark);
  z-index: 2;
}
.input-wrap.date input[type='text'] {
  padding-left: 36px;
}
.select-wrap {
  position: relative;
}
.select-wrap select {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 7px;
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
  width: 100%;
  position: relative;
  z-index: 1;
  color: var(--lvh-x-shark-dark);
  border: 1px solid var(--lvh-x-paler-grey);
  outline: 0;
  line-height: 18px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.select-wrap select.selected {
  color: var(--lvh-x-mesh-dark);
}
.select-wrap select:disabled {
  background-color: var(--lvh-white98);
}
.select-wrap select option {
  min-height: 0;
  padding: 0;
  color: var(--lvh-x-mesh-dark);
}
.select-wrap select option:disabled {
  color: var(--lvh-x-shark-dark);
}
.select-wrap select::-ms-expand {
  display: none;
}
.select-wrap .icon {
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 6.5px;
  color: var(--lvh-x-mesh-dark);
  z-index: 1;
}
#uiDate {
  position: absolute;
  min-width: 210px;
  background-color: var(--lvh-white);
  border: solid 1px var(--lvh-x-shark-dark);
  z-index: 2;
}
fieldset {
  border: none;
  padding: 0;
  margin: 0;
  min-width: 0;
}
input.validationError,
button.validationError,
select.validationError,
textarea.validationError,
form.validationError {
  border-color: var(--lvh-validation-red-dark) !important;
}
.validationMessage {
  float: left;
  width: 100%;
  background-color: var(--lvh-validation-red-light);
  border: 1px solid var(--lvh-validation-red-mid);
  color: var(--lvh-validation-red-dark);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  padding: 4px 8px;
  position: relative;
  top: -1px;
  box-sizing: border-box;
}
.validationMessage > .text {
  font-size: 12px;
}
.validation-summary {
  border-radius: 3px;
  padding: 4px 8px;
}
.validation-summary.red {
  background-color: var(--lvh-validation-red-light);
  border: 1px solid var(--lvh-validation-red-mid);
  color: var(--lvh-validation-red-dark);
}
.validation-summary.yellow {
  background-color: var(--lvh-alert-yellow-light);
  border: 1px solid var(--lvh-alert-yellow-mid);
  color: var(--lvh-alert-yellow-text);
}
.validation-summary strong {
  font-weight: 600;
}
.large-form-controls input[type='text'],
.layout-spacious input[type='text'],
.large-form-controls input[type='url'],
.layout-spacious input[type='url'],
.large-form-controls input[type='email'],
.layout-spacious input[type='email'],
.large-form-controls input[type='number'],
.layout-spacious input[type='number'],
.large-form-controls input[type='tel'],
.layout-spacious input[type='tel'],
.large-form-controls input[type='date'],
.layout-spacious input[type='date'],
.large-form-controls input[type='month'],
.layout-spacious input[type='month'],
.large-form-controls input[type='password'],
.layout-spacious input[type='password'],
.large-form-controls input[type='search'],
.layout-spacious input[type='search'],
.large-form-controls textarea,
.layout-spacious textarea {
  padding: 10px 7px;
}
@media (max-width: 991px) {
  #employerApp input[type='text'],
  #employerApp input[type='url'],
  #employerApp input[type='email'],
  #employerApp input[type='number'],
  #employerApp input[type='tel'],
  #employerApp input[type='date'],
  #employerApp input[type='month'],
  #employerApp input[type='password'],
  #employerApp input[type='search'],
  #employerApp textarea {
    font-size: 13px;
  }
}
@media (max-width: 991px) {
  #employerApp input[type='text']::-webkit-input-placeholder,
  #employerApp input[type='url']::-webkit-input-placeholder,
  #employerApp input[type='email']::-webkit-input-placeholder,
  #employerApp input[type='number']::-webkit-input-placeholder,
  #employerApp input[type='tel']::-webkit-input-placeholder,
  #employerApp input[type='date']::-webkit-input-placeholder,
  #employerApp input[type='month']::-webkit-input-placeholder,
  #employerApp input[type='password']::-webkit-input-placeholder,
  #employerApp input[type='search']::-webkit-input-placeholder,
  #employerApp textarea::-webkit-input-placeholder {
    font-size: 13px;
  }
}
#employerApp input[type='text']:-moz-placeholder,
#employerApp input[type='url']:-moz-placeholder,
#employerApp input[type='email']:-moz-placeholder,
#employerApp input[type='number']:-moz-placeholder,
#employerApp input[type='tel']:-moz-placeholder,
#employerApp input[type='date']:-moz-placeholder,
#employerApp input[type='month']:-moz-placeholder,
#employerApp input[type='password']:-moz-placeholder,
#employerApp input[type='search']:-moz-placeholder,
#employerApp textarea:-moz-placeholder {
  /* Firefox 18- */
}
@media (max-width: 991px) {
  #employerApp input[type='text']:-moz-placeholder,
  #employerApp input[type='url']:-moz-placeholder,
  #employerApp input[type='email']:-moz-placeholder,
  #employerApp input[type='number']:-moz-placeholder,
  #employerApp input[type='tel']:-moz-placeholder,
  #employerApp input[type='date']:-moz-placeholder,
  #employerApp input[type='month']:-moz-placeholder,
  #employerApp input[type='password']:-moz-placeholder,
  #employerApp input[type='search']:-moz-placeholder,
  #employerApp textarea:-moz-placeholder {
    font-size: 13px;
  }
}
#employerApp input[type='text']::-moz-placeholder,
#employerApp input[type='url']::-moz-placeholder,
#employerApp input[type='email']::-moz-placeholder,
#employerApp input[type='number']::-moz-placeholder,
#employerApp input[type='tel']::-moz-placeholder,
#employerApp input[type='date']::-moz-placeholder,
#employerApp input[type='month']::-moz-placeholder,
#employerApp input[type='password']::-moz-placeholder,
#employerApp input[type='search']::-moz-placeholder,
#employerApp textarea::-moz-placeholder {
  /* Firefox 19+ */
}
@media (max-width: 991px) {
  #employerApp input[type='text']::-moz-placeholder,
  #employerApp input[type='url']::-moz-placeholder,
  #employerApp input[type='email']::-moz-placeholder,
  #employerApp input[type='number']::-moz-placeholder,
  #employerApp input[type='tel']::-moz-placeholder,
  #employerApp input[type='date']::-moz-placeholder,
  #employerApp input[type='month']::-moz-placeholder,
  #employerApp input[type='password']::-moz-placeholder,
  #employerApp input[type='search']::-moz-placeholder,
  #employerApp textarea::-moz-placeholder {
    font-size: 13px;
  }
}
@media (max-width: 991px) {
  #employerApp input[type='text']:-ms-input-placeholder,
  #employerApp input[type='url']:-ms-input-placeholder,
  #employerApp input[type='email']:-ms-input-placeholder,
  #employerApp input[type='number']:-ms-input-placeholder,
  #employerApp input[type='tel']:-ms-input-placeholder,
  #employerApp input[type='date']:-ms-input-placeholder,
  #employerApp input[type='month']:-ms-input-placeholder,
  #employerApp input[type='password']:-ms-input-placeholder,
  #employerApp input[type='search']:-ms-input-placeholder,
  #employerApp textarea:-ms-input-placeholder {
    font-size: 13px;
  }
}
/* -----------------------------------------------------------------------------

  HEADER
  
----------------------------------------------------------------------------- */
#headerLayoutV2 {
  float: left;
  width: 100%;
  height: 60px;
  line-height: normal;
  z-index: 8000;
}
#headerLayoutV2 .poweredBy {
  display: flex;
  gap: 0.25em;
  padding: 1em 30px;
  border-radius: 0 0 3px 3px;
  background-color: var(--lvh-x-off-white);
  min-width: 100px;
}
#headerLayoutV2 .poweredBy a {
  display: inherit;
}
#headerLayoutV2 .poweredBy a:hover {
  background-image: linear-gradient(var(--lvh-x-mid-grey), var(--lvh-x-mid-grey));
  background-position-x: 0px;
  background-position-y: 100%;
  background-size: 0.5px 0.5px;
  background-repeat-x: repeat;
  background-repeat-y: no-repeat;
}
#headerLayoutV2 .poweredBy a img {
  width: 40px;
}
#headerLayoutV2 .poweredBy span {
  font-size: 10px;
  color: var(--lvh-x-mid-grey);
}
#headerLayoutV2.relative {
  position: relative;
}
#headerLayoutV2.fixed {
  position: fixed;
  top: 0;
  left: 0;
}
#headerLayoutV2.fixed .headerDropdownMenu.isVisible {
  z-index: 7962;
}
#headerLayoutV2.absolute {
  position: relative;
  top: 60px;
  left: 0;
  margin-top: -60px;
}
#headerLayoutV2.static {
  position: static;
}
@media (max-width: 991px) {
  #headerLayoutV2 {
    height: 54px;
  }
}
#headerLayoutV2.blue {
  background-color: var(--lvh-bright-blue);
}
#headerLayoutV2.blue .headerDropdownMenuButton > .userName > span,
#headerLayoutV2.blue .headerDropdownMenuButton > .userName > i {
  color: var(--lvh-white);
}
#headerLayoutV2.blue .headerDropdownMenuButton:hover,
#headerLayoutV2.blue .headerDropdownMenuButton:focus,
#headerLayoutV2.blue .headerDropdownMenuButton:active {
  background-color: unset;
  outline: 0;
}
#headerLayoutV2.blue #headerNavButtonMobile .icon {
  color: var(--lvh-white);
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.withDropdown > .dropdownContent > button > span,
#headerLayoutV2.blue #headerMenuItems > .menuItem.withDropdown > .dropdownContent > button > i {
  color: var(--lvh-white);
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered {
  padding: 1.077em 0 !important;
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a {
  --lvh-btn-border-thickness: 1px;
  --lvh-btn-bg-colour: #3c479d;
  --lvh-btn-border-colour: transparent;
  --lvh-btn-hover-bg-colour: #505cbc;
  --lvh-btn-hover-border-colour: #505cbc;
  --lvh-btn-focus-box-shadow-colour: #444444;
  outline: 0;
  border: none;
  background: none;
  line-height: normal;
  border-radius: 3px;
  box-sizing: border-box;
  transition: 0.2s background-color linear, 0.2s box-shadow linear;
  background-color: var(--lvh-btn-bg-colour);
  color: var(--lvh-btn-colour);
  border: var(--lvh-btn-border-thickness) solid var(--lvh-btn-border-colour);
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #666666;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #808080;
  --lvh-btn-hover-border-colour: #808080;
  color: var(--lvh-white) !important;
  padding: 0.538em 1.154em;
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a:hover:not([disabled]),
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a:hover:not([disabled]),
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a:hover:not(:disabled),
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a:hover:not(:disabled) {
  border: var(--lvh-btn-border-thickness) solid var(--lvh-btn-hover-border-colour);
  text-decoration: underline;
  background-color: var(--lvh-btn-hover-bg-colour);
  color: var(--lvh-btn-hover-colour);
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a:hover:not([disabled]) > .label,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a:hover:not([disabled]) > .label,
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a:hover:not(:disabled) > .label,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a:hover:not(:disabled) > .label {
  color: var(--lvh-btn-hover-colour);
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a:focus:not([disabled]),
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a:focus:not([disabled]),
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a:focus:not(:disabled),
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a:focus:not(:disabled) {
  border: 1px solid var(--lvh-btn-hover-border-colour);
  text-decoration: underline;
  background-color: var(--lvh-btn-hover-bg-colour);
  color: var(--lvh-btn-hover-colour);
  box-shadow: 0px 0px 0px 1px var(--lvh-white98), 0px 0px 0px 2px var(--lvh-btn-focus-box-shadow-colour);
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a:focus:not([disabled]) > .label,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a:focus:not([disabled]) > .label,
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a:focus:not(:disabled) > .label,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a:focus:not(:disabled) > .label {
  color: var(--lvh-btn-hover-colour);
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a > .label,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a > .label {
  color: var(--lvh-btn-colour);
  font-size: 1em;
  font-weight: 600;
  cursor: pointer;
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a.small,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a.small {
  padding: 5px 15px;
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a.medium,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a.medium {
  padding: 8px 20px;
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a.large,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a.large {
  padding: 11px 20px;
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a.large > .label,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a.large > .label {
  font-size: 1.154em;
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a.blue,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a.blue,
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a.bright-blue,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a.bright-blue {
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #3c479d;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #505cbc;
  --lvh-btn-hover-border-colour: #505cbc;
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a.shark-dark,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a.shark-dark {
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #cccccc;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #e6e6e6;
  --lvh-btn-hover-border-colour: #e6e6e6;
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a.mid-grey,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a.mid-grey {
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #666666;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #808080;
  --lvh-btn-hover-border-colour: #808080;
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a.paler-grey,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a.paler-grey {
  --lvh-btn-colour: #444444;
  --lvh-btn-bg-colour: #e0e0e0;
  --lvh-btn-hover-colour: #444444;
  --lvh-btn-hover-bg-colour: #fafafa;
  --lvh-btn-hover-border-colour: #fafafa;
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a.off-white,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a.off-white {
  --lvh-btn-colour: #888888;
  --lvh-btn-bg-colour: #f3f5f7;
  --lvh-btn-hover-colour: #888888;
  --lvh-btn-hover-bg-colour: #ffffff;
  --lvh-btn-hover-border-colour: #ffffff;
  --lvh-btn-border-colour: #dedede;
  --lvh-btn-hover-border-colour: #dedede;
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a.white,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a.white {
  --lvh-btn-colour: #888888;
  --lvh-btn-bg-colour: #ffffff;
  --lvh-btn-hover-colour: #888888;
  --lvh-btn-hover-bg-colour: #ffffff;
  --lvh-btn-hover-border-colour: #ffffff;
  --lvh-btn-border-colour: #dedede;
  --lvh-btn-hover-border-colour: #dedede;
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a.red,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a.red,
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a.ripe,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a.ripe {
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #bd350f;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #ec4213;
  --lvh-btn-hover-border-colour: #ec4213;
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a.orange,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a.orange {
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #ff8133;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #ffa066;
  --lvh-btn-hover-border-colour: #ffa066;
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a.yellow,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a.yellow {
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #ffd540;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #ffe073;
  --lvh-btn-hover-border-colour: #ffe073;
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a.green,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a.green {
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #50b848;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #73c66d;
  --lvh-btn-hover-border-colour: #73c66d;
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a.murkberry-dark,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a.murkberry-dark {
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #a1b1de;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #c7d0eb;
  --lvh-btn-hover-border-colour: #c7d0eb;
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a.pink,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a.pink {
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #ff5aa8;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #ff8dc3;
  --lvh-btn-hover-border-colour: #ff8dc3;
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a.purple,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a.purple {
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #7858e0;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #9b83e8;
  --lvh-btn-hover-border-colour: #9b83e8;
}
#headerLayoutV2.blue #headerMenuItems > .menuItem.for-business > a.light-purple,
#headerLayoutV2.blue #headerMenuItems > .menuItem.get-discovered > a.light-purple {
  --lvh-btn-colour: #7858e0;
  --lvh-btn-bg-colour: rgba(120, 88, 224, 0.2);
  --lvh-btn-hover-colour: #7858e0;
  --lvh-btn-hover-bg-colour: rgba(155, 131, 232, 0.2);
  --lvh-btn-hover-border-colour: rgba(155, 131, 232, 0.2);
}
#headerLayoutV2.blue #headerMenuItems > .menuItem > a {
  color: var(--lvh-white);
}
#headerLayoutV2.blue .headerLogo.whiteLogo {
  display: block;
}
#headerLayoutV2.blue .headerLogo.colourLogo {
  display: none;
}
#headerLayoutV2.transparent-dark {
  background-color: transparent;
  border-bottom: 1px solid var(--lvh-x-shark-light);
  box-sizing: border-box;
}
@media (max-width: 991px) {
  #headerLayoutV2.transparent-dark {
    background-color: var(--lvh-white);
  }
}
#headerLayoutV2.transparent-dark .headerDropdownMenuButton > .userName > span,
#headerLayoutV2.transparent-dark .headerDropdownMenuButton > .userName > i {
  color: var(--lvh-primary-text);
}
#headerLayoutV2.transparent-dark #headerNavButtonMobile .icon {
  color: var(--lvh-primary-text);
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.withDropdown > .dropdownContent > button > span,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.withDropdown > .dropdownContent > button > i {
  color: var(--lvh-primary-text);
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered {
  padding: 1.075em 0 !important;
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a {
  --lvh-btn-border-thickness: 1px;
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #3c479d;
  --lvh-btn-border-colour: transparent;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #505cbc;
  --lvh-btn-hover-border-colour: #505cbc;
  --lvh-btn-focus-box-shadow-colour: #444444;
  outline: 0;
  border: none;
  background: none;
  line-height: normal;
  border-radius: 3px;
  box-sizing: border-box;
  transition: 0.2s background-color linear, 0.2s box-shadow linear;
  background-color: var(--lvh-btn-bg-colour);
  color: var(--lvh-btn-colour);
  border: var(--lvh-btn-border-thickness) solid var(--lvh-btn-border-colour);
  background-color: var(--lvh-white-transparent-40);
  padding: 0.538em 1.154em;
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a:hover:not([disabled]),
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a:hover:not([disabled]),
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a:hover:not(:disabled),
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a:hover:not(:disabled) {
  border: var(--lvh-btn-border-thickness) solid var(--lvh-btn-hover-border-colour);
  text-decoration: underline;
  background-color: var(--lvh-btn-hover-bg-colour);
  color: var(--lvh-btn-hover-colour);
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a:hover:not([disabled]) > .label,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a:hover:not([disabled]) > .label,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a:hover:not(:disabled) > .label,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a:hover:not(:disabled) > .label {
  color: var(--lvh-btn-hover-colour);
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a:focus:not([disabled]),
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a:focus:not([disabled]),
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a:focus:not(:disabled),
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a:focus:not(:disabled) {
  border: 1px solid var(--lvh-btn-hover-border-colour);
  text-decoration: underline;
  background-color: var(--lvh-btn-hover-bg-colour);
  color: var(--lvh-btn-hover-colour);
  box-shadow: 0px 0px 0px 1px var(--lvh-white98), 0px 0px 0px 2px var(--lvh-btn-focus-box-shadow-colour);
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a:focus:not([disabled]) > .label,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a:focus:not([disabled]) > .label,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a:focus:not(:disabled) > .label,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a:focus:not(:disabled) > .label {
  color: var(--lvh-btn-hover-colour);
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a > .label,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a > .label {
  color: var(--lvh-btn-colour);
  font-size: 1em;
  font-weight: 600;
  cursor: pointer;
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a.small,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a.small {
  padding: 5px 15px;
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a.medium,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a.medium {
  padding: 8px 20px;
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a.large,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a.large {
  padding: 11px 20px;
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a.large > .label,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a.large > .label {
  font-size: 1.154em;
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a.blue,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a.blue,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a.bright-blue,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a.bright-blue {
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #3c479d;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #505cbc;
  --lvh-btn-hover-border-colour: #505cbc;
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a.shark-dark,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a.shark-dark {
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #cccccc;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #e6e6e6;
  --lvh-btn-hover-border-colour: #e6e6e6;
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a.mid-grey,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a.mid-grey {
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #666666;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #808080;
  --lvh-btn-hover-border-colour: #808080;
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a.paler-grey,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a.paler-grey {
  --lvh-btn-colour: #444444;
  --lvh-btn-bg-colour: #e0e0e0;
  --lvh-btn-hover-colour: #444444;
  --lvh-btn-hover-bg-colour: #fafafa;
  --lvh-btn-hover-border-colour: #fafafa;
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a.off-white,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a.off-white {
  --lvh-btn-colour: #888888;
  --lvh-btn-bg-colour: #f3f5f7;
  --lvh-btn-hover-colour: #888888;
  --lvh-btn-hover-bg-colour: #ffffff;
  --lvh-btn-hover-border-colour: #ffffff;
  --lvh-btn-border-colour: #dedede;
  --lvh-btn-hover-border-colour: #dedede;
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a.white,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a.white {
  --lvh-btn-colour: #888888;
  --lvh-btn-bg-colour: #ffffff;
  --lvh-btn-hover-colour: #888888;
  --lvh-btn-hover-bg-colour: #ffffff;
  --lvh-btn-hover-border-colour: #ffffff;
  --lvh-btn-border-colour: #dedede;
  --lvh-btn-hover-border-colour: #dedede;
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a.red,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a.red,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a.ripe,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a.ripe {
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #bd350f;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #ec4213;
  --lvh-btn-hover-border-colour: #ec4213;
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a.orange,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a.orange {
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #ff8133;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #ffa066;
  --lvh-btn-hover-border-colour: #ffa066;
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a.yellow,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a.yellow {
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #ffd540;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #ffe073;
  --lvh-btn-hover-border-colour: #ffe073;
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a.green,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a.green {
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #50b848;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #73c66d;
  --lvh-btn-hover-border-colour: #73c66d;
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a.murkberry-dark,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a.murkberry-dark {
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #a1b1de;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #c7d0eb;
  --lvh-btn-hover-border-colour: #c7d0eb;
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a.pink,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a.pink {
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #ff5aa8;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #ff8dc3;
  --lvh-btn-hover-border-colour: #ff8dc3;
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a.purple,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a.purple {
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #7858e0;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #9b83e8;
  --lvh-btn-hover-border-colour: #9b83e8;
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a.light-purple,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a.light-purple {
  --lvh-btn-colour: #7858e0;
  --lvh-btn-bg-colour: rgba(120, 88, 224, 0.2);
  --lvh-btn-hover-colour: #7858e0;
  --lvh-btn-hover-bg-colour: rgba(155, 131, 232, 0.2);
  --lvh-btn-hover-border-colour: rgba(155, 131, 232, 0.2);
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a:hover,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a:hover,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.for-business > a:focus,
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem.get-discovered > a:focus {
  background-color: var(--lvh-white-transparent-50);
}
#headerLayoutV2.transparent-dark #headerMenuItems > .menuItem > a {
  color: var(--lvh-primary-text);
}
#headerLayoutV2.transparent-dark .headerWidget .button > .icon {
  color: var(--lvh-primary-text);
}
@media (max-width: 991px) {
  #headerLayoutV2.transparent-dark .headerLogo.whiteLogo {
    display: none;
  }
}
@media (min-width: 992px) {
  #headerLayoutV2.transparent-dark .headerLogo.colourLogo {
    display: none;
  }
}
#headerLayoutV2.transparent-light {
  background-color: transparent;
  border-bottom: 1px solid var(--lvh-x-shark-light);
  box-sizing: border-box;
}
@media (max-width: 991px) {
  #headerLayoutV2.transparent-light {
    background-color: var(--lvh-white);
  }
}
#headerLayoutV2.transparent-light .headerDropdownMenuButton > .userName > span,
#headerLayoutV2.transparent-light .headerDropdownMenuButton > .userName > i {
  color: var(--lvh-white);
}
#headerLayoutV2.transparent-light #headerNavButtonMobile .icon {
  color: var(--lvh-x-dark-grey);
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.withDropdown > .dropdownContent > button > span,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.withDropdown > .dropdownContent > button > i {
  color: var(--lvh-white);
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered {
  padding: 1.075em 0 !important;
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a {
  --lvh-btn-border-thickness: 1px;
  --lvh-btn-border-colour: transparent;
  --lvh-btn-focus-box-shadow-colour: #444444;
  outline: 0;
  border: none;
  background: none;
  line-height: normal;
  border-radius: 3px;
  box-sizing: border-box;
  transition: 0.2s background-color linear, 0.2s box-shadow linear;
  background-color: var(--lvh-btn-bg-colour);
  color: var(--lvh-btn-colour);
  border: var(--lvh-btn-border-thickness) solid var(--lvh-btn-border-colour);
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #3c479d;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #505cbc;
  --lvh-btn-hover-border-colour: #505cbc;
  padding: 0.538em 1.154em;
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a:hover:not([disabled]),
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a:hover:not([disabled]),
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a:hover:not(:disabled),
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a:hover:not(:disabled) {
  border: var(--lvh-btn-border-thickness) solid var(--lvh-btn-hover-border-colour);
  text-decoration: underline;
  background-color: var(--lvh-btn-hover-bg-colour);
  color: var(--lvh-btn-hover-colour);
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a:hover:not([disabled]) > .label,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a:hover:not([disabled]) > .label,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a:hover:not(:disabled) > .label,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a:hover:not(:disabled) > .label {
  color: var(--lvh-btn-hover-colour);
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a:focus:not([disabled]),
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a:focus:not([disabled]),
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a:focus:not(:disabled),
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a:focus:not(:disabled) {
  border: 1px solid var(--lvh-btn-hover-border-colour);
  text-decoration: underline;
  background-color: var(--lvh-btn-hover-bg-colour);
  color: var(--lvh-btn-hover-colour);
  box-shadow: 0px 0px 0px 1px var(--lvh-white98), 0px 0px 0px 2px var(--lvh-btn-focus-box-shadow-colour);
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a:focus:not([disabled]) > .label,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a:focus:not([disabled]) > .label,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a:focus:not(:disabled) > .label,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a:focus:not(:disabled) > .label {
  color: var(--lvh-btn-hover-colour);
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a > .label,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a > .label {
  color: var(--lvh-btn-colour);
  font-size: 1em;
  font-weight: 600;
  cursor: pointer;
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a.small,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a.small {
  padding: 5px 15px;
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a.medium,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a.medium {
  padding: 8px 20px;
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a.large,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a.large {
  padding: 11px 20px;
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a.large > .label,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a.large > .label {
  font-size: 1.154em;
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a.blue,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a.blue,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a.bright-blue,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a.bright-blue {
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #3c479d;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #505cbc;
  --lvh-btn-hover-border-colour: #505cbc;
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a.shark-dark,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a.shark-dark {
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #cccccc;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #e6e6e6;
  --lvh-btn-hover-border-colour: #e6e6e6;
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a.mid-grey,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a.mid-grey {
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #666666;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #808080;
  --lvh-btn-hover-border-colour: #808080;
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a.paler-grey,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a.paler-grey {
  --lvh-btn-colour: #444444;
  --lvh-btn-bg-colour: #e0e0e0;
  --lvh-btn-hover-colour: #444444;
  --lvh-btn-hover-bg-colour: #fafafa;
  --lvh-btn-hover-border-colour: #fafafa;
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a.off-white,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a.off-white {
  --lvh-btn-colour: #888888;
  --lvh-btn-bg-colour: #f3f5f7;
  --lvh-btn-hover-colour: #888888;
  --lvh-btn-hover-bg-colour: #ffffff;
  --lvh-btn-hover-border-colour: #ffffff;
  --lvh-btn-border-colour: #dedede;
  --lvh-btn-hover-border-colour: #dedede;
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a.white,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a.white {
  --lvh-btn-colour: #888888;
  --lvh-btn-bg-colour: #ffffff;
  --lvh-btn-hover-colour: #888888;
  --lvh-btn-hover-bg-colour: #ffffff;
  --lvh-btn-hover-border-colour: #ffffff;
  --lvh-btn-border-colour: #dedede;
  --lvh-btn-hover-border-colour: #dedede;
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a.red,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a.red,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a.ripe,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a.ripe {
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #bd350f;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #ec4213;
  --lvh-btn-hover-border-colour: #ec4213;
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a.orange,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a.orange {
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #ff8133;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #ffa066;
  --lvh-btn-hover-border-colour: #ffa066;
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a.yellow,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a.yellow {
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #ffd540;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #ffe073;
  --lvh-btn-hover-border-colour: #ffe073;
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a.green,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a.green {
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #50b848;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #73c66d;
  --lvh-btn-hover-border-colour: #73c66d;
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a.murkberry-dark,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a.murkberry-dark {
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #a1b1de;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #c7d0eb;
  --lvh-btn-hover-border-colour: #c7d0eb;
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a.pink,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a.pink {
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #ff5aa8;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #ff8dc3;
  --lvh-btn-hover-border-colour: #ff8dc3;
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a.purple,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a.purple {
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #7858e0;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #9b83e8;
  --lvh-btn-hover-border-colour: #9b83e8;
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.for-business > a.light-purple,
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem.get-discovered > a.light-purple {
  --lvh-btn-colour: #7858e0;
  --lvh-btn-bg-colour: rgba(120, 88, 224, 0.2);
  --lvh-btn-hover-colour: #7858e0;
  --lvh-btn-hover-bg-colour: rgba(155, 131, 232, 0.2);
  --lvh-btn-hover-border-colour: rgba(155, 131, 232, 0.2);
}
#headerLayoutV2.transparent-light #headerMenuItems > .menuItem > a {
  color: var(--lvh-white);
}
@media (max-width: 991px) {
  #headerLayoutV2.transparent-light .headerLogo.whiteLogo {
    display: none;
  }
}
@media (min-width: 992px) {
  #headerLayoutV2.transparent-light .headerLogo.colourLogo {
    display: none;
  }
}
#headerLayoutV2.white {
  background-color: var(--lvh-white);
}
#headerLayoutV2.white .headerDropdownMenuButton > .userName > span,
#headerLayoutV2.white .headerDropdownMenuButton > .userName > i {
  color: var(--lvh-x-mid-grey);
}
#headerLayoutV2.white #headerNavButtonMobile .icon {
  color: var(--lvh-x-mid-grey);
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered {
  padding: 1.077em 0 !important;
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a {
  --lvh-btn-border-thickness: 1px;
  --lvh-btn-border-colour: transparent;
  --lvh-btn-focus-box-shadow-colour: #444444;
  outline: 0;
  border: none;
  background: none;
  line-height: normal;
  border-radius: 3px;
  box-sizing: border-box;
  transition: 0.2s background-color linear, 0.2s box-shadow linear;
  background-color: var(--lvh-btn-bg-colour);
  color: var(--lvh-btn-colour);
  border: var(--lvh-btn-border-thickness) solid var(--lvh-btn-border-colour);
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #3c479d;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #505cbc;
  --lvh-btn-hover-border-colour: #505cbc;
  color: var(--lvh-white) !important;
  padding: 0.538em 1.154em;
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a:hover:not([disabled]),
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a:hover:not([disabled]),
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a:hover:not(:disabled),
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a:hover:not(:disabled) {
  border: var(--lvh-btn-border-thickness) solid var(--lvh-btn-hover-border-colour);
  text-decoration: underline;
  background-color: var(--lvh-btn-hover-bg-colour);
  color: var(--lvh-btn-hover-colour);
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a:hover:not([disabled]) > .label,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a:hover:not([disabled]) > .label,
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a:hover:not(:disabled) > .label,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a:hover:not(:disabled) > .label {
  color: var(--lvh-btn-hover-colour);
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a:focus:not([disabled]),
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a:focus:not([disabled]),
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a:focus:not(:disabled),
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a:focus:not(:disabled) {
  border: 1px solid var(--lvh-btn-hover-border-colour);
  text-decoration: underline;
  background-color: var(--lvh-btn-hover-bg-colour);
  color: var(--lvh-btn-hover-colour);
  box-shadow: 0px 0px 0px 1px var(--lvh-white98), 0px 0px 0px 2px var(--lvh-btn-focus-box-shadow-colour);
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a:focus:not([disabled]) > .label,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a:focus:not([disabled]) > .label,
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a:focus:not(:disabled) > .label,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a:focus:not(:disabled) > .label {
  color: var(--lvh-btn-hover-colour);
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a > .label,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a > .label {
  color: var(--lvh-btn-colour);
  font-size: 1em;
  font-weight: 600;
  cursor: pointer;
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a.small,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a.small {
  padding: 5px 15px;
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a.medium,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a.medium {
  padding: 8px 20px;
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a.large,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a.large {
  padding: 11px 20px;
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a.large > .label,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a.large > .label {
  font-size: 1.154em;
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a.blue,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a.blue,
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a.bright-blue,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a.bright-blue {
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #3c479d;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #505cbc;
  --lvh-btn-hover-border-colour: #505cbc;
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a.shark-dark,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a.shark-dark {
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #cccccc;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #e6e6e6;
  --lvh-btn-hover-border-colour: #e6e6e6;
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a.mid-grey,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a.mid-grey {
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #666666;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #808080;
  --lvh-btn-hover-border-colour: #808080;
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a.paler-grey,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a.paler-grey {
  --lvh-btn-colour: #444444;
  --lvh-btn-bg-colour: #e0e0e0;
  --lvh-btn-hover-colour: #444444;
  --lvh-btn-hover-bg-colour: #fafafa;
  --lvh-btn-hover-border-colour: #fafafa;
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a.off-white,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a.off-white {
  --lvh-btn-colour: #888888;
  --lvh-btn-bg-colour: #f3f5f7;
  --lvh-btn-hover-colour: #888888;
  --lvh-btn-hover-bg-colour: #ffffff;
  --lvh-btn-hover-border-colour: #ffffff;
  --lvh-btn-border-colour: #dedede;
  --lvh-btn-hover-border-colour: #dedede;
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a.white,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a.white {
  --lvh-btn-colour: #888888;
  --lvh-btn-bg-colour: #ffffff;
  --lvh-btn-hover-colour: #888888;
  --lvh-btn-hover-bg-colour: #ffffff;
  --lvh-btn-hover-border-colour: #ffffff;
  --lvh-btn-border-colour: #dedede;
  --lvh-btn-hover-border-colour: #dedede;
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a.red,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a.red,
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a.ripe,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a.ripe {
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #bd350f;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #ec4213;
  --lvh-btn-hover-border-colour: #ec4213;
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a.orange,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a.orange {
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #ff8133;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #ffa066;
  --lvh-btn-hover-border-colour: #ffa066;
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a.yellow,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a.yellow {
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #ffd540;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #ffe073;
  --lvh-btn-hover-border-colour: #ffe073;
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a.green,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a.green {
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #50b848;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #73c66d;
  --lvh-btn-hover-border-colour: #73c66d;
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a.murkberry-dark,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a.murkberry-dark {
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #a1b1de;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #c7d0eb;
  --lvh-btn-hover-border-colour: #c7d0eb;
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a.pink,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a.pink {
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #ff5aa8;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #ff8dc3;
  --lvh-btn-hover-border-colour: #ff8dc3;
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a.purple,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a.purple {
  --lvh-btn-colour: #ffffff;
  --lvh-btn-bg-colour: #7858e0;
  --lvh-btn-hover-colour: #ffffff;
  --lvh-btn-hover-bg-colour: #9b83e8;
  --lvh-btn-hover-border-colour: #9b83e8;
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business > a.light-purple,
#headerLayoutV2.white #headerMenuItems > .menuItem.get-discovered > a.light-purple {
  --lvh-btn-colour: #7858e0;
  --lvh-btn-bg-colour: rgba(120, 88, 224, 0.2);
  --lvh-btn-hover-colour: #7858e0;
  --lvh-btn-hover-bg-colour: rgba(155, 131, 232, 0.2);
  --lvh-btn-hover-border-colour: rgba(155, 131, 232, 0.2);
}
#headerLayoutV2.white #headerMenuItems > .menuItem.for-business {
  padding: 6px 6px 0 0 !important;
}
#headerLayoutV2.white .headerLogo.whiteLogo {
  display: none;
}
#headerLayoutV2.white .headerLogo.colourLogo {
  display: block;
}
@media (max-width: 991px) {
  #headerLayoutV2.hasSearchBar #headerLhs {
    padding-right: 2.308em;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media (max-width: 991px) {
  #headerLayoutV2.hasSearchBar #headerNavButtonMobile {
    position: absolute;
    top: 0;
    right: 0;
  }
}
@media (max-width: 991px) {
  #headerLayoutV2.hasSearchBar #headerLogoLink {
    display: none;
  }
}
#headerLayoutV2.employer-branded {
  height: 60px;
  font-size: 13px;
}
@media (max-width: 991px) {
  #headerLayoutV2.employer-branded {
    height: 44px;
    border-bottom: 1px solid var(--lvh-x-shark-light);
  }
}
#headerLayoutV2.employer-branded.livehire #headerLogoLink {
  height: 36px;
  margin: 12px;
}
@media (max-width: 991px) {
  #headerLayoutV2.employer-branded.livehire #headerLogoLink {
    height: 20px;
    margin: 12px 0;
  }
}
#headerLayoutV2.employer-branded.livehire #headerLogoLink .headerLogo {
  height: 36px;
}
@media (max-width: 991px) {
  #headerLayoutV2.employer-branded.livehire #headerLogoLink .headerLogo {
    height: 20px;
  }
}
#headerLayoutV2.employer-branded #headerLogoLink {
  width: auto;
  height: 40px;
  margin: 10px 0;
}
@media (max-width: 991px) {
  #headerLayoutV2.employer-branded #headerLogoLink {
    height: 24px;
    margin: 10px 0;
  }
}
#headerLayoutV2.employer-branded .headerLogo {
  width: auto;
  height: 40px;
  cursor: default;
}
@media (max-width: 991px) {
  #headerLayoutV2.employer-branded .headerLogo {
    height: 24px;
  }
}
#headerLayoutV2.employer-branded #headerNavWrap {
  float: left;
  border: 1px solid var(--lvh-x-pale-grey);
  border-radius: 3px;
}
@media (max-width: 991px) {
  #headerLayoutV2.employer-branded #headerNavWrap {
    margin: 4px 0;
  }
}
@media (max-width: 991px) {
  #headerLayoutV2.employer-branded #headerNavWrap.suppress-branding {
    display: none;
  }
}
@media (max-width: 991px) {
  #headerLayoutV2.employer-branded #headerNavWrap:nth-child(2) {
    margin-right: 20px;
  }
}
#headerLayoutV2.employer-branded #headerMenuItems > .menuItem {
  padding: 13px 0;
}
#headerLayoutV2.employer-branded #headerMenuItems.for-business,
#headerLayoutV2.employer-branded #headerMenuItems.get-discovered {
  padding: 6px 0 !important;
}
#headerLayoutV2.employer-branded #headerMenuItems.for-business:last-child,
#headerLayoutV2.employer-branded #headerMenuItems.get-discovered:last-child {
  padding: 6px 15px 6px 0 !important;
}
#headerLayoutV2.employer-branded #primaryHeaderMenuWrap {
  float: left;
  margin: 0 15px 0 0;
}
#headerLayoutV2.employer-branded #primaryHeaderMenuWrap:first-child {
  margin: 0;
}
@media (max-width: 991px) {
  #headerLayoutV2.employer-branded #primaryHeaderMenuWrap {
    margin: 0;
  }
}
#headerLayoutV2.employer-branded .headerDropdownMenuButton > .displayPic {
  width: 32px;
  height: 32px;
  padding: 6px 0;
}
#headerLayoutV2.employer-branded .headerDropdownMenuButton > .userName {
  margin: 13px 0;
}
#headerLayoutV2.employer-branded .headerDropdownMenu.callout {
  top: 39px;
  right: -10px;
}
#headerLayoutV2.force-colour-logo .headerLogo.whiteLogo {
  display: none !important;
}
#headerLayoutV2.force-colour-logo .headerLogo.colourLogo {
  display: block !important;
}
#headerLayoutV2 > .container {
  height: 100%;
  position: relative;
}
#headerLayoutV2 #headerLhs {
  float: left;
}
#headerLayoutV2 #headerLogoLink {
  float: left;
  height: 36px;
  margin: 12px 0;
  outline-offset: 1px;
  border-radius: 3px;
}
#headerLayoutV2 #headerLogoLink:focus {
  outline: solid 1px var(--lvh-x-mesh-dark);
}
@media (max-width: 991px) {
  #headerLayoutV2 #headerLogoLink {
    height: 30px;
  }
}
#headerLayoutV2 .headerLogo {
  float: left;
  height: 36px;
}
@media (max-width: 991px) {
  #headerLayoutV2 .headerLogo {
    height: 30px;
  }
}
@media (min-width: 992px) {
  #headerLayoutV2 .headerLogo.mobileOnly {
    display: none;
  }
}
@media (max-width: 991px) {
  #headerLayoutV2 .headerLogo.desktopOnly {
    display: none;
  }
}
#headerLayoutV2 #headerSearchBar {
  float: left;
  -moz-border-radius: 0.231em;
  -webkit-border-radius: 0.231em;
  border-radius: 0.231em;
  margin: 1.077em 0;
  background-color: var(--lvh-even-paler-grey);
}
@media (max-width: 991px) {
  #headerLayoutV2 #headerSearchBar {
    width: 100%;
    margin: 0.462em 0;
    position: relative;
  }
}
#headerLayoutV2 #headerSearchBar > input[type='text'] {
  width: auto !important;
  border: none !important;
  float: left;
  min-width: 23.077em;
  outline: none;
  border: none;
  padding: 0.538em 0 0.538em 0.769em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 0.231em;
  -webkit-border-radius: 0.231em;
  border-radius: 0.231em;
  color: var(--lvh-x-dark-grey);
  background-color: var(--lvh-even-paler-grey);
}
#headerLayoutV2 #headerSearchBar > input[type='text']:focus {
  border-color: transparent !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
@media (max-width: 991px) {
  #headerLayoutV2 #headerSearchBar > input[type='text'] {
    min-width: 100%;
    padding: 0.538em 2.462em 0.538em 0.462em;
  }
}
#headerLayoutV2 #headerSearchBar > input[type='text']::-webkit-input-placeholder {
  @placeholder-rules ();
}
#headerLayoutV2 #headerSearchBar > input[type='text']:-moz-placeholder {
  @placeholder-rules ();
}
#headerLayoutV2 #headerSearchBar > input[type='text']::-moz-placeholder {
  @placeholder-rules ();
}
#headerLayoutV2 #headerSearchBar > input[type='text']:-ms-input-placeholder {
  @placeholder-rules ();
}
#headerLayoutV2 #headerSearchBar > button {
  float: left;
  border: none;
  background: none;
  outline: none;
  padding: 0.538em 0.769em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  #headerLayoutV2 #headerSearchBar > button {
    float: right;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
  }
}
#headerLayoutV2 #headerSearchBar > button > i {
  color: var(--lvh-x-light-grey);
}
#headerLayoutV2 #headerRhs {
  float: right;
  height: 100%;
  display: flex;
  align-items: center;
}
#headerLayoutV2 #headerRhs #notification-area {
  float: left;
}
@media (min-width: 992px) {
  #headerLayoutV2 #headerRhs #notification-area:before {
    position: absolute;
    display: block;
    content: '';
    border-left: 1px solid var(--lvh-white-transparent-50);
    height: calc(100% - 30px);
    margin: 15px 0;
  }
}
@media (min-width: 992px) {
  #headerLayoutV2 #headerRhs #notification-area > .headerWidget:first-child {
    margin-left: 15px;
  }
}
#headerLayoutV2 #headerRhsPartial {
  float: left;
}
#headerLayoutV2 #primaryHeaderMenuWrap {
  position: relative;
}
#headerLayoutV2 #primaryHeaderMenu {
  display: none;
  float: left;
}
@media (min-width: 992px) {
  #headerLayoutV2 #primaryHeaderMenu {
    display: block;
  }
}
#headerLayoutV2 #headerMenuItems {
  float: left;
  margin: 0 2em 0 0;
  padding: 0;
}
#headerLayoutV2 #headerMenuItems:last-child {
  margin: 0;
}
#headerLayoutV2 #headerMenuItems > .menuItem {
  float: left;
  padding: 1.615em 0;
  margin: 0 2em 0 0;
  list-style: none;
}
@media (min-width: 992px) and (max-width: 1199px) {
  #headerLayoutV2 #headerMenuItems > .menuItem {
    margin: 0 1.5em 0 0;
  }
}
#headerLayoutV2 #headerMenuItems > .menuItem.withDropdown {
  position: relative;
}
#headerLayoutV2 #headerMenuItems > .menuItem.withDropdown > .dropdownContent > button > span {
  font-weight: 600;
  margin-right: 0.615em;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
#headerLayoutV2 #headerMenuItems > .menuItem.withDropdown > .dropdownContent > button > span,
#headerLayoutV2 #headerMenuItems > .menuItem.withDropdown > .dropdownContent > button > i {
  float: left;
  color: var(--lvh-x-mid-grey);
  cursor: pointer;
}
#headerLayoutV2 #headerMenuItems > .menuItem.withDropdown > .dropdownContent > button > i {
  margin: 0.423em 0;
}
#headerLayoutV2 #headerMenuItems > .menuItem.withDropdown > .dropdownContent > button > i:before {
  display: block;
  font-size: 0.538em;
}
#headerLayoutV2 #headerMenuItems > .menuItem:last-child {
  margin-right: 0;
}
#headerLayoutV2 #headerMenuItems > .menuItem > a {
  float: left;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--lvh-x-mid-grey);
  cursor: pointer;
}
@media (min-width: 992px) and (max-width: 1199px) {
  #headerLayoutV2 #headerMenuItems > .menuItem > a {
    font-size: 12px;
  }
}
#headerLayoutV2 .howItWorksCtaButton {
  background-color: var(--lvh-x-mid-grey);
  -moz-border-radius: 0.231em;
  -webkit-border-radius: 0.231em;
  border-radius: 0.231em;
  padding: 0.538em 1.231em;
  margin: 1.077em 0;
  border: none;
  outline: 0;
  -moz-transition: 0.2s background-color ease-in-out;
  -o-transition: 0.2s background-color ease-in-out;
  -webkit-transition: 0.2s background-color ease-in-out;
  transition: 0.2s background-color ease-in-out;
  margin-right: 10px;
}
#headerLayoutV2 .howItWorksCtaButton:last-child {
  margin-right: 0;
}
#headerLayoutV2 .howItWorksCtaButton:hover,
#headerLayoutV2 .howItWorksCtaButton:focus {
  background-color: #757575;
}
#headerLayoutV2 .howItWorksCtaButton.blue {
  background-color: var(--lvh-bright-blue);
}
#headerLayoutV2 .howItWorksCtaButton.blue:hover,
#headerLayoutV2 .howItWorksCtaButton.blue:focus {
  background-color: var(--lvh-brighter-blue);
}
#headerLayoutV2 .howItWorksCtaButton > .label {
  color: var(--lvh-white);
  font-weight: 600;
  line-height: normal;
}
@media (max-width: 991px) {
  #headerLayoutV2 #showHowItWorksButton {
    margin: 0.462em 0;
  }
}
#headerLayoutV2 #showHowItWorksButton:nth-child(2) {
  float: left;
  margin-right: 1.615em;
}
@media (max-width: 991px) {
  #headerLayoutV2 #showHowItWorksButton:nth-child(2) {
    margin-right: 3.153em;
  }
}
#headerLayoutV2 .headerDropdownMenuButton {
  float: left;
  background: none;
  border: none;
  outline: none;
  text-align: left;
  padding: 0 15px;
  border-radius: 3px;
  -webkit-user-select: none;
  user-select: none;
}
#headerLayoutV2 .headerDropdownMenuButton:focus,
#headerLayoutV2 .headerDropdownMenuButton:hover,
#headerLayoutV2 .headerDropdownMenuButton:active {
  outline: 1px solid var(--lvh-x-mesh-dark);
  outline-offset: 2px;
}
#headerLayoutV2 .headerDropdownMenuButton:focus span,
#headerLayoutV2 .headerDropdownMenuButton:hover span,
#headerLayoutV2 .headerDropdownMenuButton:active span {
  text-decoration: underline;
}
#headerLayoutV2 .headerDropdownMenuButton:focus {
  background-color: var(--lvh-white97);
}
#headerLayoutV2 .headerDropdownMenuButton:hover {
  background-color: var(--lvh-white98);
}
#headerLayoutV2 .headerDropdownMenuButton:active {
  background-color: var(--lvh-white94);
}
@media (max-width: 991px) {
  #headerLayoutV2 .headerDropdownMenuButton {
    display: none;
  }
}
#headerLayoutV2 .headerDropdownMenuButton > .displayPic {
  float: left;
  width: 3.077em;
  height: 3.077em;
  padding: 0.769em 0;
  margin-right: 0.769em;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
#headerLayoutV2 .headerDropdownMenuButton > .displayPic > img {
  width: 100%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
#headerLayoutV2 .headerDropdownMenuButton > .userName {
  float: left;
  margin: 1.615em 0;
}
#headerLayoutV2 .headerDropdownMenuButton > .userName > span {
  margin-right: 0.615em;
}
@media (max-width: 1199px) {
  #headerLayoutV2 .headerDropdownMenuButton > .userName > span {
    display: none;
  }
}
#headerLayoutV2 .headerDropdownMenuButton > .userName > span,
#headerLayoutV2 .headerDropdownMenuButton > .userName > i {
  float: left;
  font-weight: 600;
}
#headerLayoutV2 .headerDropdownMenuButton > .userName > i {
  margin: 0.423em 0;
}
#headerLayoutV2 .headerDropdownMenuButton > .userName > i:before {
  display: block;
  font-size: 0.538em;
}
#headerLayoutV2 #headerNavButtonMobile {
  float: right;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  outline: none;
}
#headerLayoutV2 #headerNavButtonMobile:focus {
  outline: 1px solid var(--lvh-x-mesh-dark);
}
@media (min-width: 992px) {
  #headerLayoutV2 #headerNavButtonMobile {
    display: none;
  }
}
#headerLayoutV2 #headerNavButtonMobile .icon {
  display: block;
  font-size: 1.846em;
}
#headerLayoutV2 .headerDropdownMenu {
  display: none;
  opacity: 0;
  -moz-transition: 0.3s opacity ease-in-out;
  -o-transition: 0.3s opacity ease-in-out;
  -webkit-transition: 0.3s opacity ease-in-out;
  transition: 0.3s opacity ease-in-out;
}
@media (max-width: 991px) {
  #headerLayoutV2 .headerDropdownMenu {
    display: none !important;
  }
}
#headerLayoutV2 .headerDropdownMenu.isVisible {
  opacity: 1;
  z-index: 1000;
}
#headerLayoutV2 .headerDropdownMenu.callout {
  position: absolute;
  padding-top: 13px;
  right: -26px;
  top: 3em;
  line-height: normal;
}
@media (max-width: 991px) {
  #headerLayoutV2 .headerDropdownMenu.callout {
    display: none !important;
  }
}
#headerLayoutV2 .headerDropdownMenu.callout .calloutTip {
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  top: 10px;
  right: 22px;
  margin: -3px 0 0 -9px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: none !important;
  border-right: none !important;
  border-right: none;
}
#headerLayoutV2 .headerDropdownMenu.callout .calloutBody {
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-pale-grey);
  border-radius: 3px;
}
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent {
  background-color: var(--lvh-white);
  border-radius: 3px;
  position: relative;
  z-index: 1002;
  overflow: hidden;
}
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent .mobileOnly {
  display: none;
}
@media (max-width: 991px) {
  #headerLayoutV2 .headerDropdownMenu.callout .calloutContent .mobileOnly {
    display: block;
  }
}
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul {
  margin: 0;
  padding: 1em 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li.mobileOnly {
  display: none;
}
@media (max-width: 991px) {
  #headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li.mobileOnly {
    display: list-item;
  }
}
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li.divider {
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  margin: 10px 0;
}
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li.divider > a {
  display: none;
}
@media (min-width: 992px) {
  #headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li#showHowItWorksLink {
    display: none;
  }
}
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li > a,
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li > span {
  display: block;
  color: var(--lvh-x-mid-grey);
  outline: none;
  padding: 0.25em 1.538em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
}
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li > a:hover,
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li > span:hover,
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li > a:focus,
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li > span:focus,
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li > a.selected,
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li > span.selected {
  background-color: var(--lvh-x-off-white);
}
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li > a .label,
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li > span .label {
  color: var(--lvh-x-mid-grey);
  white-space: inherit;
}
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li.disabled > a,
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li.disabled > span {
  color: var(--lvh-disabled-text);
}
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li.disabled > a:hover,
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li.disabled > span:hover,
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li.disabled > a:focus,
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li.disabled > span:focus,
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li.disabled > a.selected,
#headerLayoutV2 .headerDropdownMenu.callout .calloutContent > ul > li.disabled > span.selected {
  background-color: var(--lvh-white);
}
.headerWidget {
  float: left;
  margin-right: 25px;
  position: relative;
}
.headerWidget#reportingHeaderWidget,
.headerWidget#talentPoolsWidget {
  display: none;
}
@media (min-width: 480px) {
  .headerWidget#reportingHeaderWidget,
  .headerWidget#talentPoolsWidget {
    display: block;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .headerWidget {
    margin-right: 10px;
  }
}
@media (max-width: 991px) {
  .headerWidget {
    margin-right: 15px;
  }
}
.headerWidget .header-button {
  float: left;
  outline: none;
  background: none;
  border: none;
  padding: 0;
}
.headerWidget .header-button:focus {
  opacity: 0.8;
}
.headerWidget .header-button > .label {
  display: none;
  float: left;
  margin: 21px 0 21px 5px;
  font-weight: 600;
  color: var(--lvh-white);
}
@media (min-width: 992px) {
  .headerWidget .header-button > .label {
    display: block;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .headerWidget .header-button > .label > .no-md-max {
    display: none;
  }
}
.headerWidget .header-button > .icon {
  float: left;
  margin: 22px 0;
  font-size: 16px;
  color: var(--lvh-white);
  position: relative;
}
@media (max-width: 991px) {
  .headerWidget .header-button > .icon {
    margin: 19px 0;
  }
}
.headerWidget .header-button > .unreadCount {
  position: absolute;
  top: 2px;
  left: 23px;
  height: 14px;
  width: 14px;
  text-align: center;
  font-size: 9.1px;
  border-radius: 50%;
  color: var(--lvh-white);
  background-color: var(--lvh-x-red);
  /* Hide until we know there are unread messages. */
}
@media (max-width: 991px) {
  .headerWidget .header-button > .unreadCount {
    top: 14px;
    left: 9px;
  }
}
.headerWidget .header-button > .unreadCount:not(.visible) {
  display: none;
}
#nameSearchHeaderWidget .calloutDirective {
  display: block;
  position: absolute;
  z-index: 1000;
  width: 490px;
  top: 100%;
  right: 0;
  margin-top: -3px;
  -moz-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05);
}
@media (min-width: 992px) and (max-width: 1199px) {
  #nameSearchHeaderWidget .calloutDirective {
    width: 390px;
  }
}
#nameSearchHeaderWidget .calloutDirective.left {
  margin-left: -315px;
}
#nameSearchHeaderWidget .calloutDirective .calloutTip {
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  top: 10px;
  right: 22px;
  margin: -3px 0 0 -9px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: none !important;
  border-right: none !important;
  top: 0;
  margin: -8px 0 0 -9px;
}
@media (max-width: 991px) {
  #nameSearchHeaderWidget .calloutDirective .calloutTip {
    display: none;
  }
}
#nameSearchHeaderWidget .calloutDirective .calloutBody {
  float: left;
  width: 100%;
  box-sizing: border-box;
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-pale-grey);
  border-radius: 3px;
}
@media (max-width: 991px) {
  #nameSearchHeaderWidget .calloutDirective .calloutBody {
    overflow-y: auto;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    background-color: var(--lvh-white);
  }
}
#nameSearchHeaderWidget .calloutDirective .suggestionListDirective {
  float: left;
  width: 100%;
  max-width: 38.462em;
}
@media (max-width: 991px) {
  #nameSearchHeaderWidget .calloutDirective .suggestionListDirective {
    max-width: none;
  }
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .heading {
  float: left;
  width: 100%;
  padding: 0.962em 0;
  background-color: #eee;
  border-bottom: 1px solid #dedede;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 992px) {
  #nameSearchHeaderWidget .calloutDirective .suggestionList .heading {
    display: none;
  }
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .heading h3 {
  margin: 0;
  font-size: 1em;
  font-weight: normal;
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .heading h3 > span {
  font-size: 1.077em;
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .heading .closeButton {
  outline: 0;
  border: none;
  background: none;
  padding: 0;
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .heading .closeButton > .icon:before {
  font-size: 0.769em;
}
#nameSearchHeaderWidget .calloutDirective .suggestionList #searchInputWrap {
  float: left;
  width: 100%;
  padding: 1.231em 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  #nameSearchHeaderWidget .calloutDirective .suggestionList #searchInputWrap {
    padding: 1.231em 0;
  }
}
#nameSearchHeaderWidget .calloutDirective .suggestionList #searchInputWrap label {
  display: block;
  margin-bottom: 5px;
  font-size: 11px;
  color: var(--lvh-x-shark-dark);
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .suggestionListFooter {
  float: left;
  width: 100%;
  border-top: 1px solid var(--lvh-x-shark-light);
  padding: 0.769em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .suggestionListFooter:hover,
#nameSearchHeaderWidget .calloutDirective .suggestionList .suggestionListFooter.active {
  background-color: var(--lvh-x-off-white);
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .dropdown {
  float: left;
  width: 100%;
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .dropdown .spinner {
  padding: 10px 0;
  text-align: center;
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .suggestions {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .suggestions > .suggestion {
  list-style: none;
  margin: 0;
  float: left;
  width: 100%;
  padding: 0.769em 1em;
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  color: var(--lvh-secondary-text);
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .suggestions > .suggestion:last-child {
  border-bottom: none;
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .suggestions > .suggestion.active {
  background-color: var(--lvh-x-off-white);
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .suggestionTag {
  float: left;
  background-color: var(--lvh-white92);
  -moz-border-radius: 0.231em;
  -webkit-border-radius: 0.231em;
  border-radius: 0.231em;
  padding: 0.154em 0.538em;
  margin: 0 0.385em 0.385em 0;
}
@media (min-width: 992px) {
  #nameSearchHeaderWidget .calloutDirective .suggestionList .heading {
    display: none;
  }
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .heading h3 {
  float: left;
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .heading .closeButton {
  float: right;
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .heading .closeButton > .icon {
  color: #7f7f7f;
}
#nameSearchHeaderWidget .calloutDirective .suggestionList #searchInputWrap {
  border-bottom: 1px solid var(--lvh-x-grey);
}
#nameSearchHeaderWidget .calloutDirective .suggestionList #searchInputWrap #headerNameSearchInput {
  z-index: unset;
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .suggestions > .suggestion {
  padding: 0;
  position: relative;
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .suggestions > .suggestion:last-child {
  border-bottom: 1px solid var(--lvh-x-pale-grey);
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .suggestionListFooter {
  cursor: pointer;
  border-top: none;
}
#nameSearchHeaderWidget .calloutDirective .suggestionList .suggestionListFooter > .label {
  color: var(--lvh-bright-blue);
}
#nameSearchHeaderWidget .calloutDirective .p-empty-state {
  clear: both;
}
#nameSearchHeaderWidget .card-wrap {
  padding: 0;
  position: relative;
}
#nameSearchHeaderWidget .card-wrap:before {
  width: 4px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
#nameSearchHeaderWidget .card-wrap:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (min-width: 992px) {
  #nameSearchHeaderWidget .card-wrap:hover .cc-card-view.show-profile-actions .profile-actions,
  #nameSearchHeaderWidget .card-wrap:focus .cc-card-view.show-profile-actions .profile-actions {
    display: block;
  }
}
#nameSearchHeaderWidget .card-wrap.alumni:before {
  content: '';
  background-color: var(--lvh-x-green);
}
#nameSearchHeaderWidget .card-wrap.contractor:before {
  content: '';
  background-color: var(--lvh-x-dark-grey);
}
#nameSearchHeaderWidget .card-wrap.internal:before {
  content: '';
  background-color: var(--lvh-x-orange);
}
#appCuesHeaderWidget {
  display: none;
}
@media (min-width: 480px) {
  #appCuesHeaderWidget {
    display: block;
  }
}
@media (min-width: 992px) {
  #appCuesHeaderWidget {
    margin: 15px 0;
  }
}
#appCuesHeaderWidget .appcues-widget-wrapper #appcues-widget-selector {
  outline: 0;
}
#appCuesHeaderWidget .appcues-widget-wrapper #appcues-widget-selector:focus .icon {
  opacity: 0.8;
}
#appCuesHeaderWidget .appcues-widget-wrapper #appcues-widget-selector .icon {
  display: inline-block;
  margin: 19px 0;
  font-size: 16px;
  color: var(--lvh-white);
}
#appCuesHeaderWidget .appcues-widget-wrapper #appcues-widget-selector .icon:after {
  top: -5px;
  right: -5px;
  bottom: auto;
  padding: 0;
  height: 14px;
  width: 14px;
  font-size: 9.1px;
  font-weight: normal;
  border-radius: 50%;
  background: var(--lvh-x-red);
}
@media (min-width: 992px) {
  #appCuesHeaderWidget .appcues-widget-wrapper #appcues-widget-selector .icon {
    margin: 7px 0;
  }
}
.appcues-widget-container .appcues-widget-dropdown {
  padding: 0;
}
.appcues-widget-container .appcues-widget-dropdown .appcues-widget-content {
  overflow-y: auto;
  max-height: 250px;
}
.appcues-widget-container .appcues-widget-dropdown .appcues-widget-content .appcues-widget-list .appcues-nothing-new {
  display: none;
}
.appcues-widget-container .appcues-widget-dropdown .appcues-widget-content .appcues-widget-list .appcues-unread {
  font-weight: 600;
}
.appcues-widget-container .appcues-widget-dropdown .appcues-widget-content .appcues-widget-list .appcues-unread:before {
  position: absolute;
  top: 50%;
  left: 15px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: var(--lvh-x-red);
}
.appcues-widget-container .appcues-widget-dropdown .appcues-widget-content .appcues-widget-list .appcues-unread a {
  padding: 15px 60px 15px 25px;
}
.appcues-widget-container .appcues-widget-dropdown .appcues-widget-content .appcues-widget-list a {
  padding: 15px 60px 15px 15px;
  font-size: 12px;
  color: var(--lvh-primary-text);
}
.appcues-widget-container .appcues-widget-dropdown .appcues-widget-content .appcues-widget-list time {
  top: 15px;
  right: 10px;
  font-size: 11px;
  line-height: 15px;
}
@media (min-width: 992px) {
  #commsHeaderWidget {
    margin: 15px 0;
  }
}
@media (min-width: 992px) {
  #commsHeaderWidget .header-button {
    padding: 0 15px;
  }
}
@media (min-width: 992px) {
  #commsHeaderWidget .header-button > .icon {
    margin: 7px 0;
  }
}
#commsHeaderWidget .header-button > .label {
  display: none;
  margin: 6px 0 6px 5px;
}
#commsHeaderWidget .calloutDirective {
  display: block;
  position: absolute;
  background: var(--lvh-white);
  z-index: 1000;
  width: 355px;
  top: 100%;
  -moz-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05);
}
#commsHeaderWidget .calloutDirective.left {
  margin-left: -312px;
}
#commsHeaderWidget .calloutDirective .calloutTip {
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  top: 10px;
  right: 22px;
  margin: -3px 0 0 -9px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: none !important;
  border-right: none !important;
  top: 0;
  margin: -8px 0 0 -9px;
}
#commsHeaderWidget .calloutDirective .calloutBody {
  float: left;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-pale-grey);
  border-radius: 3px;
}
/* -----------------------------------------------------------------------------

  ROOT ELEMENTS

----------------------------------------------------------------------------- */
html,
body {
  margin: 0;
  padding: 0;
  border: none;
  width: 100%;
  height: 100%;
  font-size: 81.3%;
}
body {
  font-family: var(--lvh-general-font-family, "Open Sans", sans-serif);
  font-size: var(--lvh-general-font-size, 13px);
  font-weight: var(--lvh-general-font-weight, 500);
  text-transform: var(--lvh-general-text-transform, none);
  line-height: normal;
  color: var(--lvh-primary-text);
  background-color: var(--lvh-white);
}
a {
  color: var(--lvh-bright-blue);
  text-decoration: none;
  transition: color 0.2s ease-in-out;
  cursor: pointer;
}
a:hover,
a:focus {
  color: var(--lvh-brighter-blue);
  outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--lvh-heading-font-family, var(--lvh-general-font-family, "Open Sans", sans-serif));
  font-weight: var(--lvh-heading-font-weight, bold);
  text-transform: var(--lvh-heading-text-transform, none);
}
/* -----------------------------------------------------------------------------

  1200 PIXEL GRID
  
----------------------------------------------------------------------------- */
.container {
  max-width: 1260px;
  width: 100%;
  margin: 0 auto;
  padding: 0 30px;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .container {
    max-width: 1240px;
    padding: 0 10px;
  }
}
@media (max-width: 991px) {
  .container-mobile,
  .container--mobile {
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
    box-sizing: border-box;
  }
}
.col.halves,
.col.thirds,
.col.quarters {
  min-height: 1px;
}
@media (max-width: 991px) {
  .col.halves,
  .col.thirds,
  .col.quarters {
    width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 20px;
  }
}
@media (max-width: 991px) {
  .col.halves:last-child,
  .col.thirds:last-child,
  .col.quarters:last-child {
    margin-bottom: 0;
  }
}
.col.halves {
  float: left;
  width: 48%;
}
.col.halves:not(:last-child) {
  margin-right: 4%;
}
.col.halves.smallMargin {
  width: 49%;
}
.col.halves.smallMargin:not(:last-child) {
  margin-right: 2%;
}
.col.thirds {
  float: left;
  width: 30.6666%;
}
.col.thirds:not(:last-child) {
  margin-right: 4%;
}
.col.thirds.span2 {
  width: 65.3332%;
}
.col.thirds.smallMargin:not(:last-child) {
  width: 30.6666%;
  margin-right: 2%;
}
.col.quarters {
  float: left;
  width: 22%;
}
.col.quarters:not(:last-child) {
  margin-right: 4%;
}
.col.quarters.span2 {
  width: 48%;
}
.col.quarters.span2.smallMargin:not(:last-child) {
  width: 48%;
  margin-right: 2%;
}
.col.quarters.span3 {
  width: 74%;
}
.col.quarters.span3.smallMargin:not(:last-child) {
  width: 76%;
  margin-right: 2%;
}
.col.quarters.smallMargin:not(:last-child) {
  width: 24%;
  margin-right: 2%;
}
.col.fifths {
  float: left;
  width: 18.4%;
}
.col.fifths:not(:last-child) {
  margin-right: 2%;
}
.col.sixths {
  float: left;
  width: 15%;
}
.col.sixths:not(:last-child) {
  margin-right: 2%;
}
.col.sixths.span2 {
  width: 30%;
}
@media (min-width: 992px) {
  .col.flipped-desktop.halves:first-child {
    float: right;
    margin-right: 0;
  }
}
@media (min-width: 992px) {
  .col.flipped-desktop.halves:last-child {
    margin-right: 4%;
  }
}
.box {
  float: left;
  width: 100%;
  box-sizing: border-box;
}
.box.halves {
  width: 50%;
}
@media (max-width: 991px) {
  .layout-spacious .col.halves,
  .layout-spacious .col.thirds,
  .layout-spacious .col.quarters {
    margin-bottom: 30px;
  }
}
@media (max-width: 991px) {
  .layout-spacious .col.halves:last-child,
  .layout-spacious .col.thirds:last-child,
  .layout-spacious .col.quarters:last-child {
    margin-bottom: 0;
  }
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
/* CSS Grid Layout */
.col {
  grid-column: span 1;
}
.col.span-2 {
  grid-column: span 2;
}
.col.span-3 {
  grid-column: span 3;
}
.col.span-4 {
  grid-column: span 4;
}
.col.span-5 {
  grid-column: span 5;
}
.col.span-6 {
  grid-column: span 6;
}
footer.minimal {
  width: 100%;
  padding: 30px 0;
  box-sizing: border-box;
  float: left;
}
@media (max-width: 991px) {
  footer.minimal {
    padding-left: 10px;
  }
}
footer.minimal .container {
  max-width: 1020px;
  margin: auto;
}
footer.minimal .poweredByFooter {
  display: flex;
  gap: 0.25em;
  padding: 0;
  align-items: center;
}
footer.minimal .poweredByFooter a {
  display: inherit;
  color: var(--lvh-x-dark-grey);
  border-top: 1px solid rgba(0, 0, 0, 0);
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  padding: 1px 0;
}
footer.minimal .poweredByFooter a:hover,
footer.minimal .poweredByFooter a:focus {
  border-bottom: 1px solid var(--lvh-x-mid-grey);
}
footer.minimal .poweredByFooter a img {
  width: auto;
  height: 12px;
  position: relative;
  top: 1px;
}
footer.minimal .poweredByFooter span {
  font-size: 12px;
  color: var(--lvh-x-dark-grey);
}
footer.minimal .legalLinks {
  color: var(--lvh-x-mid-grey);
  font-size: 11px;
  padding-top: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
}
footer.minimal .legalLinks > li {
  display: inline-block;
}
footer.minimal .legalLinks > li:not(:last-child):after {
  padding: 0 5px;
  content: '|';
}
footer.minimal .legalLinks > li a,
footer.minimal .legalLinks > li button {
  text-decoration: none;
  color: var(--lvh-x-mid-grey);
}
footer.minimal .legalLinks > li a:hover,
footer.minimal .legalLinks > li button:hover,
footer.minimal .legalLinks > li a:focus,
footer.minimal .legalLinks > li button:focus {
  text-decoration: underline 1px var(--lvh-x-mid-grey);
}
#mobileNav {
  position: fixed;
  top: 0;
  right: -18.462em;
  bottom: 0;
  width: 18.462em;
  height: 100%;
  background-color: #333333;
  padding: 10px 20px;
  line-height: normal;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: 0.3s right ease-out;
  -o-transition: 0.3s right ease-out;
  -webkit-transition: 0.3s right ease-out;
  transition: 0.3s right ease-out;
  overflow-y: scroll;
  z-index: 9001;
}
@media (min-width: 991px) {
  #mobileNav {
    display: none;
  }
}
#mobileNav.isVisible {
  right: 0;
}
#mobileNav #mobileNavHeader {
  float: left;
  width: 100%;
}
#mobileNav #mobileNavHeader #userProfilePhotoPartial {
  float: left;
  width: 100%;
  padding: 10px 0 15px 0;
  margin-bottom: 15px;
  border-bottom: 1px solid #4d4d4d;
}
#mobileNav #mobileNavHeader .displayPic {
  float: left;
  width: 2.769em;
  height: 2.769em;
  margin-right: 0.769em;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
#mobileNav #mobileNavHeader .displayPic > img {
  width: 100%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
#mobileNav #mobileNavHeader .userName {
  float: left;
  margin: 0.654em 0;
}
#mobileNav #mobileNavHeader .userName > span {
  font-size: 1.077em;
  font-weight: 600;
  color: var(--lvh-white);
}
@media (max-width: 991px) {
  #mobileNav #mobileNavHeader .userName .dropdownIndicator {
    display: none;
  }
}
#mobileNav #mobileNavBody {
  float: left;
  width: 100%;
}
#mobileNav #mobileNavBody.employer-page .navItem.log-in {
  margin: 0 0 15px 0;
  display: none;
}
@media (max-width: 991px) {
  #mobileNav #mobileNavBody.employer-page .navItem.log-in {
    display: block;
  }
}
#mobileNav #mobileNavBody.employer-page .navItem.log-in > a {
  border-top: 1px solid #4d4d4d;
  border-bottom: 1px solid #4d4d4d;
}
#mobileNav #mobileNavBody.employer-page .navItem.get-discovered {
  display: none;
}
@media (max-width: 991px) {
  #mobileNav #mobileNavBody.employer-page .navItem.get-discovered {
    display: block;
  }
}
#mobileNav #mobileNavBody.employer-page .navItem.get-discovered > a {
  float: left;
  width: 100%;
  background-color: var(--lvh-x-mid-grey);
  border-radius: 3px;
  padding: 5px 15px;
  box-sizing: border-box;
  border: none;
  outline: 0;
  text-align: center;
  transition: 0.2s background-color ease-in-out;
  color: var(--lvh-white) !important;
  font-weight: 600;
}
#mobileNav #mobileNavBody.talent-page .navItem.log-in {
  display: none;
}
@media (max-width: 991px) {
  #mobileNav #mobileNavBody.talent-page .navItem.log-in {
    display: block;
  }
}
#mobileNav #mobileNavBody.talent-page .navItem.log-in > a {
  border-top: 1px solid #4d4d4d;
  border-bottom: 1px solid #4d4d4d;
}
#mobileNav #mobileNavBody.talent-page .navItem.for-business {
  display: none;
}
@media (max-width: 991px) {
  #mobileNav #mobileNavBody.talent-page .navItem.for-business {
    display: block;
  }
}
#mobileNav #mobileNavBody.talent-page .navItem.for-business > a {
  border-bottom: 1px solid #4d4d4d;
}
#mobileNav #mobileNavBody .navItems {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}
#mobileNav #mobileNavBody .navItems:nth-child(2) {
  margin-bottom: 1em;
}
#mobileNav #mobileNavBody .navItems .navItem {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
#mobileNav #mobileNavBody .navItems .navItem > a {
  display: block;
  font-size: 15px;
  line-height: 26px;
  color: var(--lvh-white);
  padding: 5px 0;
  cursor: pointer;
  transition: 0.2s color ease-in-out;
}
#mobileNav #mobileNavBody .navItems .navItem > a:hover,
#mobileNav #mobileNavBody .navItems .navItem > a:focus {
  color: var(--lvh-bright-blue);
}
#mobileNavOverlay {
  display: none;
  opacity: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  -moz-transition: 0.2s opacity ease-in-out;
  -o-transition: 0.2s opacity ease-in-out;
  -webkit-transition: 0.2s opacity ease-in-out;
  transition: 0.2s opacity ease-in-out;
  z-index: 9000;
}
@media (min-width: 991px) {
  #mobileNavOverlay {
    display: none !important;
  }
}
#mobileNavOverlay.isVisible {
  opacity: 1;
}
/* -----------------------------------------------------------------------------

  BODY COLLAPSE
  
----------------------------------------------------------------------------- */
body.collapse,
body.modal,
body.dialog {
  height: 0;
  height: 100vh;
  overflow: hidden;
}
@media (max-width: 991px) {
  body.collapse-mobile-only {
    height: 0;
    height: 100vh;
    overflow: hidden;
  }
}
/* -----------------------------------------------------------------------------

  COMMON ANGULAR STYLES
  
----------------------------------------------------------------------------- */
[ng-click]:not(.cc-modalOverlay):not(.overlayContent),
[data-ng-click]:not(.cc-modalOverlay):not(.overlayContent),
[x-ng-click]:not(.cc-modalOverlay):not(.overlayContent),
[ng-click]:not(.button:disabled),
[data-ng-click]:not(.button:disabled),
[x-ng-click]:not(.button:disabled) {
  cursor: pointer;
}
.ng-animate-fade.on-add,
.ng-animate-fade.ng-enter {
  -moz-transition: 0.5s linear opacity;
  -o-transition: 0.5s linear opacity;
  -webkit-transition: 0.5s linear opacity;
  transition: 0.5s linear opacity;
  opacity: 0;
}
.ng-animate-fade.on-add.ng-enter-active,
.ng-animate-fade.ng-enter.ng-enter-active {
  opacity: 1;
}
.ng-animate-fade.on-remove,
.ng-animate-fade.ng-leave {
  -moz-transition: 0.5s linear opacity;
  -o-transition: 0.5s linear opacity;
  -webkit-transition: 0.5s linear opacity;
  transition: 0.5s linear opacity;
  opacity: 1;
}
.ng-animate-fade.on-remove.ng-leave-active,
.ng-animate-fade.ng-leave.ng-leave-active {
  opacity: 0;
}
.ng-animate-fade.ng-show {
  -moz-transition: 0.5s linear opacity;
  -o-transition: 0.5s linear opacity;
  -webkit-transition: 0.5s linear opacity;
  transition: 0.5s linear opacity;
}
.ng-animate-fade.ng-hide {
  opacity: 0;
}
@media (max-width: 991px) {
  .ng-animate-fade.animate-desktop-only {
    -moz-transition: none !important;
    -o-transition: none !important;
    -webkit-transition: none !important;
    transition: none !important;
    opacity: 1 !important;
    display: block !important;
  }
}
@media (min-width: 992px) {
  .ng-animate-fade.animate-mobile-only {
    -moz-transition: none !important;
    -o-transition: none !important;
    -webkit-transition: none !important;
    transition: none !important;
    opacity: 1 !important;
    display: block !important;
  }
}
h1,
h2,
h3,
h4 {
  margin: 0;
  line-height: 1.4;
}
h1 {
  font-size: 24px;
  font-weight: 700;
}
h2 {
  font-size: 18px;
  font-weight: 700;
}
h3 {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.075em;
  color: var(--lvh-x-dark-grey);
}
p {
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
}
p:not(:last-child ) {
  margin: 0 0 20px 0;
}
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="search"] {
  padding: 10px 7px;
}
body {
  background-color: var(--lvh-white97);
}
@keyframes loading {
  0% {
    background-color: var(--lvh-x-off-white);
    transform: scale(0.98, 0.98);
  }
  50% {
    background-color: var(--lvh-x-paler-grey);
    transform: scale(1, 1);
  }
  100% {
    background-color: var(--lvh-x-off-white);
    transform: scale(0.98, 0.98);
  }
}
#talent-app #page-content {
  width: 100%;
  min-height: calc(100vh - 4.7em);
}
@media (max-width: 991px) {
  #talent-app #page-content {
    min-height: 0;
  }
}
#talent-app #main-content {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 7em;
}
@media (max-width: 991px) {
  #talent-app #main-content {
    width: 100%;
    height: 100%;
    max-width: 100%;
    padding: 4.155em 0 0;
  }
}
.modal .header h3 {
  letter-spacing: normal;
}
.modal .modalHeader {
  text-align: left;
}
.modal .modalBody {
  text-align: left;
  padding: 30px;
  background: var(--lvh-x-off-white);
}
@media (max-width: 991px) {
  .modal .modalBody {
    padding: 20px 0;
  }
}
.modal .modalFooter {
  padding: 20px 30px;
  border-top: 1px solid var(--lvh-x-pale-grey);
}
@media (max-width: 991px) {
  .modal .modalFooter {
    padding: 20px 0;
  }
}
.toast-talent {
  top: 86px;
  right: 0;
}

.toast-title {
  font-weight: bold;
}
.toast-message {
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
#toast-container {
  position: fixed;
  z-index: 999999;
  /*overrides*/
}
#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#toast-container .toast {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
  opacity: 0.8;
}
#toast-container .toast:hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}
#toast-container .toast.toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}
#toast-container .toast.toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}
#toast-container .toast.toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}
#toast-container .toast.toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}
#toast-container.toast-top-center .toast,
#toast-container.toast-bottom-center .toast {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
#toast-container.toast-top-full-width .toast,
#toast-container.toast-bottom-full-width .toast {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.toast {
  background-color: #030303;
}
.toast-success {
  background-color: #51A351;
}
.toast-error {
  background-color: #BD362F;
}
.toast-info {
  background-color: #2F96B4;
}
.toast-warning {
  background-color: #F89406;
}
progress-bar {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}
/*Animations*/
div[toast] {
  opacity: 1 !important;
}
div[toast].ng-enter {
  opacity: 0 !important;
  transition: opacity 0.3s linear;
}
div[toast].ng-enter.ng-enter-active {
  opacity: 1 !important;
}
div[toast].ng-leave {
  opacity: 1;
  transition: opacity 0.3s linear;
}
div[toast].ng-leave.ng-leave-active {
  opacity: 0 !important;
}
/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container .toast.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container .toast.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container .toast.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}

interview-form-ng1 {
  float: left;
  width: 100%;
  border-bottom: 1px solid var(--lvh-x-shark-dark);
}
interview-form-ng1:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
interview-form-ng1 .lvh-form #form-buttons {
  border-top: none;
}
interview-form-ng1 .lvh-form #form-buttons .button {
  display: inline-block;
}
interview-form-ng1 .lvh-form #form-buttons .button:not(:last-child) {
  margin: 0 5px 0 0;
}
interview-form-ng1 input[type='text']:disabled.highlight-preview {
  background-color: var(--lvh-x-highlight);
}
@media (max-width: 991px) {
  interview-form-ng1 input[type='text']:disabled.highlight-preview {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
interview-form-ng1 .row.ratings {
  width: 100%;
  border: solid 1px var(--lvh-x-paler-grey);
  box-sizing: border-box;
  padding: 7px 0;
  background-color: var(--lvh-white);
}
interview-form-ng1 .row.ratings .rating {
  padding: 13px 20px;
  display: inline-block;
  width: 178px;
  box-sizing: border-box;
  border-right: solid 1px var(--lvh-x-paler-grey);
}
@media (max-width: 991px) {
  interview-form-ng1 .row.ratings .rating {
    border-right: none;
  }
}
interview-form-ng1 .row.ratings .rating:last-child {
  border-right: none;
}
interview-form-ng1 .row.ratings .rating .br-wrapper {
  display: inline-block;
}
interview-form-ng1 .row.ratings .rating .rating-summary {
  color: var(--lvh-x-shark-dark);
  display: inline-block;
  vertical-align: top;
  line-height: 13px;
  padding-top: 1px;
}
interview-form-ng1 .row.ratings.validation-error {
  border-color: var(--lvh-validation-red-dark);
}
interview-form-ng1 .row.validation-message {
  margin-top: -15px;
}
.interview-form-tab {
  float: left;
  width: 100%;
}
.interview-form-tab:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.interview-form-tab .interview-item .interview-action {
  position: relative;
  padding: 20px;
  border-bottom: 1px solid var(--lvh-x-shark-dark);
}
.interview-form-tab .interview-item .interview-action p {
  margin: 8px 0 7px;
}
.interview-form-tab .interview-item .interview-action .button {
  position: absolute;
  top: 20px;
  right: 20px;
}
@media (max-width: 991px) {
  .interview-form-tab .interview-item .interview-action .button {
    position: static;
  }
}
.interview-form-tab .interview-form-list {
  padding: 7px 20px 20px 20px;
  overflow: hidden;
}
.interview-form-tab .interview-form-list .activity-wrap.ng-enter {
  -webkit-animation: slideInDown 250ms;
  -moz-animation: slideInDown 250ms;
  -ms-animation: slideInDown 250ms;
  animation: slideInDown 250ms;
}
.interview-form-tab .activity-pager {
  width: 100%;
  background-color: var(--lvh-white96);
  padding: 1.462em 0;
}
.interview-form-tab .activity-pager .button-wrap {
  text-align: center;
}
@media (max-width: 991px) {
  .interview-form-tab .activity-pager .button-wrap {
    padding: 0 2.154em;
  }
}
.interview-form-tab .activity-pager button.load-more {
  background: none;
  background-color: var(--lvh-white);
  -moz-border-radius: 0.231em;
  -webkit-border-radius: 0.231em;
  border-radius: 0.231em;
  border: 1px solid;
  border-color: var(--lvh-x-shark-dark);
  outline: 0;
  -moz-transition: 0.2s border-color ease-in-out;
  -o-transition: 0.2s border-color ease-in-out;
  -webkit-transition: 0.2s border-color ease-in-out;
  transition: 0.2s border-color ease-in-out;
  line-height: normal;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.385em 1em;
}
@media (max-width: 991px) {
  .interview-form-tab .activity-pager button.load-more {
    width: 100%;
    padding: 0.615em 1em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.interview-form-tab .activity-pager button.load-more:hover,
.interview-form-tab .activity-pager button.load-more:focus {
  border-color: #dfdfdf;
}
.interview-form-tab .activity-pager button.load-more > .label {
  font-size: 1em;
  font-weight: 600;
  color: var(--lvh-secondary-text);
}
@media (max-width: 991px) {
  .interview-form-tab .activity-pager button.load-more > .label {
    font-size: 1.154em;
  }
}

#company-connection-internal-data {
  width: 100%;
  padding: 20px 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#company-connection-internal-data .row {
  margin-bottom: 0px;
}
#company-connection-internal-data .row > .col {
  margin-bottom: 12px;
}
#company-connection-internal-data .line {
  border-top: 1px solid var(--lvh-x-pale-grey);
  margin: 8px 0 20px 0;
}
#company-connection-internal-data .note-text {
  color: var(--lvh-disabled-text);
  font-size: 0.923em;
}
#company-connection-internal-data .text-with-icon > * {
  vertical-align: middle;
}
#company-connection-internal-data .text-with-icon span {
  padding-left: 3px;
}
#company-connection-internal-data .text-with-spinner > * {
  display: inline-block;
}
#company-connection-internal-data .text-with-spinner span {
  padding-left: 3px;
}
#company-connection-internal-data .last-saved-icon {
  color: var(--lvh-x-green);
}
#company-connection-internal-data .warning-icon {
  color: var(--lvh-x-yellow);
}
#company-connection-internal-data .error-icon {
  color: var(--lvh-x-ripe);
}
#company-connection-internal-data .info-icon {
  color: var(--lvh-x-shark-dark);
}
#company-connection-internal-data .external-id > * {
  display: inline-block;
}
#company-connection-internal-data .external-id .label {
  font-weight: 600;
}
#company-connection-internal-data .external-id .action {
  color: var(--lvh-bright-blue);
  cursor: pointer;
}
#company-connection-internal-data .external-id .callout {
  position: absolute;
}
#company-connection-internal-data .external-id .callout .cc-callout {
  width: 350px;
}

/* jquery.Jcrop.min.css v0.9.10 (build:20120429) */
.jcrop-holder{direction:ltr;text-align:left;}
.jcrop-vline,.jcrop-hline{background:#FFF;font-size:0;position:absolute;}
.jcrop-vline{height:100%;width:1px!important;}
.jcrop-hline{height:1px!important;width:100%;}
.jcrop-vline.right{right:0;}
.jcrop-hline.bottom{bottom:0;}
.jcrop-handle{background-color:#333;border:1px #eee solid;font-size:1px;}
.jcrop-tracker{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;height:100%;width:100%;}
.jcrop-handle.ord-n{left:50%;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-4px;margin-left:-4px;}
.jcrop-handle.ord-e{margin-right:-4px;margin-top:-4px;right:0;top:50%;}
.jcrop-handle.ord-w{left:0;margin-left:-4px;margin-top:-4px;top:50%;}
.jcrop-handle.ord-nw{left:0;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-ne{margin-right:-4px;margin-top:-4px;right:0;top:0;}
.jcrop-handle.ord-se{bottom:0;margin-bottom:-4px;margin-right:-4px;right:0;}
.jcrop-handle.ord-sw{bottom:0;left:0;margin-bottom:-4px;margin-left:-4px;}
.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s{height:7px;width:100%;}
.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w{height:100%;width:7px;}
.jcrop-dragbar.ord-n{margin-top:-4px;}
.jcrop-dragbar.ord-s{bottom:0;margin-bottom:-4px;}
.jcrop-dragbar.ord-e{margin-right:-4px;right:0;}
.jcrop-dragbar.ord-w{margin-left:-4px;}
.jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline{background:#FFF;filter:Alpha(opacity=70)!important;opacity:.70!important;}
.jcrop-light .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#000;border-color:#FFF;border-radius:3px;}
.jcrop-dark .jcrop-vline,.jcrop-dark .jcrop-hline{background:#000;filter:Alpha(opacity=70)!important;opacity:.7!important;}
.jcrop-dark .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#FFF;border-color:#000;border-radius:3px;}
.jcrop-holder img,img.jcrop-preview{max-width:none;}

/* line 1, ../../source/scss/ng-img-crop.scss */
img-crop {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}
/* line 7, ../../source/scss/ng-img-crop.scss */
img-crop canvas {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  /* mobile webkit */
}

.callout.cc-action-callout {
  outline: none;
  padding: 0;
  color: var(--lvh-x-shark-dark);
  position: relative;
}
.callout.cc-action-callout.button-type.medium .button {
  padding: 7px 15px;
}
.callout.cc-action-callout.button-type.medium .button .label {
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
}
@media (max-width: 991px) {
  .callout.cc-action-callout.button-type.medium .button .label {
    font-size: 16px;
  }
}
.callout.cc-action-callout.button-type.medium .button .icon {
  line-height: 20px;
}
.callout.cc-action-callout.button-type.medium .cc-callout {
  top: calc(100% - 1px);
  margin-right: -58px;
}
.callout.cc-action-callout.button-type.grey .button {
  box-shadow: 0 0 0 1px var(--lvh-x-paler-grey) inset;
}
.callout.cc-action-callout.button-type.grey .label {
  color: var(--lvh-secondary-text);
}
.callout.cc-action-callout.button-type.grey .icon {
  color: var(--lvh-x-shark-dark);
}
.callout.cc-action-callout.button-type.blue .button {
  box-shadow: 0 0 0 1px var(--lvh-bright-blue) inset;
}
.callout.cc-action-callout.button-type.blue .label {
  color: var(--lvh-bright-blue);
}
.callout.cc-action-callout.button-type.blue .icon {
  color: var(--lvh-bright-blue);
}
.callout.cc-action-callout.button-type .button {
  outline: 0;
  border: none;
  background: none;
  border-radius: 3px;
  box-sizing: border-box;
}
.callout.cc-action-callout.button-type .button:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.callout.cc-action-callout.button-type .button .label {
  float: left;
  margin: 0 10px 0 0;
}
.callout.cc-action-callout.button-type .button .icon {
  float: left;
  font-size: 7px;
}
.callout.cc-action-callout.with-shadow .cc-callout-tip,
.callout.cc-action-callout.with-shadow .cc-callout-body {
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05);
}
.callout.cc-action-callout.with-shadow .cc-callout-tip.top {
  box-shadow: -1px -1px 3px 1px rgba(0, 0, 0, 0.05);
}
.callout.cc-action-callout .actionMenuOverlayMask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9000;
}
@media (min-width: 992px) {
  .callout.cc-action-callout .actionMenuOverlayMask {
    display: none;
  }
}
.callout.cc-action-callout .glyph0020 {
  display: block;
  font-size: 18px;
}
.callout.cc-action-callout .cc-callout {
  display: none;
  position: absolute;
  right: 50%;
}
@media (min-width: 992px) {
  .callout.cc-action-callout .cc-callout {
    margin-right: -30px;
  }
}
@media (max-width: 991px) {
  .callout.cc-action-callout .cc-callout {
    position: fixed;
    top: 0 !important;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    z-index: 9100;
  }
}
.callout.cc-action-callout .cc-callout.visible {
  display: block;
}
@media (max-width: 991px) {
  .callout.cc-action-callout .cc-callout-tip {
    display: none;
  }
}
.callout.cc-action-callout .cc-callout-tip.top {
  top: 6px;
}
.callout.cc-action-callout .cc-callout-body {
  margin-top: 10px;
}
@media (max-width: 991px) {
  .callout.cc-action-callout .cc-callout-body {
    display: table;
    min-width: 220px;
    margin: 80px auto;
    position: relative;
    border: none;
    border-radius: 3px;
    background-color: var(--lvh-white);
  }
}
.callout.cc-action-callout .cc-callout-list {
  text-align: left;
}
.callout.cc-action-callout .cc-callout-list.full-size {
  padding: 0;
}
.callout.cc-action-callout .cc-callout-list.full-size .menuItem {
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .callout.cc-action-callout .cc-callout-list.full-size .menuItem:not(:last-child) .item {
    border-bottom: 1px solid var(--lvh-x-pale-grey);
  }
}
@media (min-width: 992px) {
  .callout.cc-action-callout .cc-callout-list.full-size .menuItem:not(.last) .item {
    border-bottom: 1px solid var(--lvh-x-pale-grey);
  }
}
.callout.cc-action-callout .cc-callout-list.full-size .item {
  min-width: 100px;
  padding: 10px 15px;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .callout.cc-action-callout .cc-callout-list.full-size .item {
    padding: 15px;
  }
}
.callout.cc-action-callout .cc-callout-list.full-size .item:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.callout.cc-action-callout .cc-callout-list .icon,
.callout.cc-action-callout .cc-callout-list .label {
  line-height: 20px;
  vertical-align: middle;
}
.callout.cc-action-callout .cc-callout-list .icon {
  width: 13px;
  height: 13px;
  font-size: 13px;
  color: var(--lvh-secondary-text);
  margin: 0 10px 0 0;
}
@media (max-width: 991px) {
  .callout.cc-action-callout .cc-callout-list .icon {
    font-size: 16px;
  }
}
.callout.cc-action-callout .cc-callout-list .icon.glyph0138 {
  color: var(--lvh-social-facebook-brand);
}
.callout.cc-action-callout .cc-callout-list .icon.glyph0139 {
  color: var(--lvh-social-linkedin-brand);
}
.callout.cc-action-callout .cc-callout-list .icon.glyph0140 {
  color: var(--lvh-bright-blue);
}
.callout.cc-action-callout .cc-callout-list .label {
  font-size: 13px;
}
@media (max-width: 991px) {
  .callout.cc-action-callout .cc-callout-list .label {
    font-size: 16px;
  }
}
.callout.cc-action-callout .cc-callout-list .item.item-with-code {
  padding: 12px 15px;
}
.callout.cc-action-callout .cc-callout-list .item.item-with-code .label {
  float: left;
  width: 100%;
  font-size: 13px;
  color: var(--lvh-bright-blue);
}
.callout.cc-action-callout .cc-callout-list .item.item-with-code .code {
  float: left;
  width: 100%;
  font-size: 11px;
  color: var(--lvh-x-shark-dark);
}
.callout.cc-action-callout .cc-callout-list .item.selected {
  background-color: var(--lvh-x-off-white);
}
@media (min-width: 992px) {
  .callout.cc-action-callout .menuItem.cancel {
    display: none;
  }
}
@media (max-width: 991px) {
  #employerApp .cc-action-callout .cc-callout-list .label {
    font-size: 13px;
  }
}

.callout-wrap .trigger {
  display: block;
  padding: 5px 2px;
}
.callout-wrap .trigger:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.callout-wrap .trigger.basic {
  padding: 0;
  text-decoration: none;
  text-decoration-style: unset;
  text-decoration-color: unset;
}
@media (min-width: 992px) {
  .callout-wrap .trigger:hover .callout .calloutDirective {
    display: block;
  }
}
@media (min-width: 992px) {
  .callout-wrap .callout-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9000;
  }
}
.callout-wrap .callout.visible .cc-callout {
  display: block;
  z-index: 9001;
}
@media (max-width: 991px) {
  .callout-wrap .callout.visible .cc-callout .p-mobile-fullscreen-overlay.overlay-visible .header .icon {
    display: block;
    margin: 0;
    line-height: 1;
    color: unset;
  }
}
@media (max-width: 991px) {
  .callout-wrap .callout.visible .cc-callout .p-mobile-fullscreen-overlay.overlay-visible .body {
    margin: 20px 0 0;
  }
}
.callout-wrap .callout.above {
  position: absolute;
  bottom: calc(100% + 3px);
  left: calc(-50% + 10px);
}
.callout-wrap .callout.above > .calloutDirective {
  position: absolute;
  bottom: calc(100% + 3px);
  left: calc(-50% + 10px);
}
.callout {
  display: block;
}
.callout:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.callout.no-scroll .cc-callout.topLeft .cc-callout-body,
.callout.no-scroll .cc-callout.topRight .cc-callout-body,
.callout.no-scroll .cc-callout.bottomCenter .cc-callout-body,
.callout.no-scroll .cc-callout.bottomRight .cc-callout-body {
  max-height: none;
  overflow-y: unset;
}
.callout .cc-callout {
  position: relative;
  z-index: 2000;
}
.callout .cc-callout.topLeft,
.callout .cc-callout.topRight,
.callout .cc-callout.bottomCenter,
.callout .cc-callout.bottomRight {
  display: none;
  width: 300px;
}
.callout .cc-callout.topLeft .cc-callout-body,
.callout .cc-callout.topRight .cc-callout-body,
.callout .cc-callout.bottomCenter .cc-callout-body,
.callout .cc-callout.bottomRight .cc-callout-body {
  margin: 10px 0 0;
  padding: 15px;
  max-height: 150px;
  overflow-y: auto;
}
.cc-callout-tip.top {
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  top: 10px;
  right: 22px;
  margin: -3px 0 0 -9px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: none !important;
  border-right: none !important;
}
.cc-callout-tip.right {
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  top: 22px;
  right: 0;
  margin: 0 -8px 0 0;
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  border-bottom: none !important;
  border-right: none !important;
}
.cc-callout-tip.bottom {
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  bottom: -7px;
  right: 22px;
  margin: -3px 0 0 -9px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: none;
  border-left: none;
}
.cc-callout-tip.left {
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  top: 22px;
  left: 0;
  margin: 0 0 0 -8px;
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  border-top: none !important;
  border-left: none !important;
}
.cc-callout-tip.topLeft {
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  top: -5px;
  left: 15px;
  margin: -3px 0 0 -9px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: none !important;
  border-right: none !important;
}
.cc-callout-tip.topRight {
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  top: -5px;
  right: 25px;
  margin: -3px 0 0 -9px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: none !important;
  border-right: none !important;
}
.cc-callout-tip.bottomCenter {
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  bottom: -7px;
  right: calc(50% - 11px);
  margin: -3px 0 0 -9px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: none !important;
  border-left: none !important;
}
.cc-callout-tip.bottomRight {
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  bottom: -7px;
  right: 25px;
  margin: -3px 0 0 -9px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: none;
  border-left: none;
}
.cc-callout-body {
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-pale-grey);
  border-radius: 3px;
}
.cc-callout-body:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (min-width: 992px) {
  .cc-callout-body .date-picker-wrap #uiDate {
    z-index: 9002;
  }
}
.cc-callout-content {
  background-color: var(--lvh-white);
  border-radius: 3px;
  position: relative;
  z-index: 1002;
  overflow: hidden;
}
.cc-callout-content > ul {
  margin: 0;
  padding: 13px 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cc-callout-content > ul:last-child {
  padding: 13px 0 0 0;
}
.cc-callout-content > ul.bullets > li {
  margin: 0 0 0 15px;
  padding: 0 0 10px 0;
  list-style: disc;
}
.cc-callout-content > ul.bullets > li:last-child {
  padding: 0;
}
.cc-callout-content > ul > li {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.cc-callout-content > ul > li.mobileOnly {
  display: none;
}
@media (max-width: 991px) {
  .cc-callout-content > ul > li.mobileOnly {
    display: list-item;
  }
}
.cc-callout-content > ul > li.divider {
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  margin: 10px 0;
}
.cc-callout-content > ul > li.divider > a {
  display: none;
}
.cc-callout-content > ul > li > a,
.cc-callout-content > ul > li > span {
  display: block;
  color: var(--lvh-x-mid-grey);
  outline: none;
  padding: 0.25em 1.538em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
}
.cc-callout-content > ul > li > a:hover,
.cc-callout-content > ul > li > span:hover,
.cc-callout-content > ul > li > a:focus,
.cc-callout-content > ul > li > span:focus,
.cc-callout-content > ul > li > a.selected,
.cc-callout-content > ul > li > span.selected {
  background-color: var(--lvh-x-off-white);
}
.cc-callout-content > ul > li > a .label,
.cc-callout-content > ul > li > span .label {
  color: var(--lvh-x-mid-grey);
  white-space: inherit;
}
.cc-callout-content > ul > li.disabled > a,
.cc-callout-content > ul > li.disabled > span {
  color: rgba(102, 102, 102, 0.3);
}
.cc-callout-content > ul > li.disabled > a:hover,
.cc-callout-content > ul > li.disabled > span:hover,
.cc-callout-content > ul > li.disabled > a:focus,
.cc-callout-content > ul > li.disabled > span:focus,
.cc-callout-content > ul > li.disabled > a.selected,
.cc-callout-content > ul > li.disabled > span.selected {
  background-color: var(--lvh-white);
}

/* -----------------------------------------------------------------------------

  CANDIDATE SEARCH BAR COMPONENT
  
----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------

  MAIN CONFIG
  
----------------------------------------------------------------------------- */
/**
 * NOTE:
 *
 * Config partials should not output any CSS
 * They should only contain things like mixin declarations, functions, and variables
 */
/** 
* Do not use any of these variables directly - use the native CSS custom 
* properties defined in _colour.variables.less
* e.g. var(--lvh-some-colour)
*
* These variables can very easily become out of sync and should only be 
* used in situations where we cannot use custom properties in LESS.
*
* We'll be switching to Mango UI web components at some point so this file 
* will most likely become redundant after that has been rolled out.
*/
/* Social brand colours */
/* Campaign Palette */
/* External vendor colours */
/* -----------------------------------------------------------------------------

  FONTS CONFIG

----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------

  NOTE:

  HELLO FRIEND!

  Are you about to change the version of IconFontLite? If no, continue on. If
  yes then you need to be aware that all references to this font must also be
  updated. We get this for free with IconFont because we update the version
  number in one place in the _IconFont.cshtml partial. This isn't the case
  here, it will need to be updated in all external components / widgets.

----------------------------------------------------------------------------- */
/* magnifying glass */
/* label */
/* suitcase */
/* speech bubbles */
/* plus symbol */
/* facebook logo */
/* twitter logo */
/* linkedIn logo */
/* google+ logo */
/* instagram logo */
/* padlock */
/* location pin */
/* suitcase with lock */
/* tick */
/* left arrow */
/* chevron right */
/* empty line graph */
/* star */
/* not visible */
/* visible */
/* label - solid colour */
/* envelope */
/* letterbox */
/* curved arrow right */
/* paperclip */
/* cog */
/* chain */
/* article */
/* tick */
/* back arrow */
/* forward arrow */
/* sms speech icon */
/* graph */
/* analogue clock */
/* flag */
/* money bag */
/* access denied */
/* share logo */
/* sheet of paper with folded corner */
/* download */
/* graduation cap */
/* donut */
/* cross */
/* down arrow */
/* left arrow */
/* up arrow */
/* chevron right */
/* chevron right solid colour */
/* toggle */
/* heart rate recording */
/* telephone */
/* bulleted list */
/* bulleted list alt */
/* magnifying glass */
/* areoplane */
/* credit/debit card */
/* no reference */
/* grabage bin */
/* plus sign solid colour */
/* archive symbol */
/* new message */
/* plus sign solid colour */
/* calendar */
/* pencil */
/* minus sign solid colour */
/* document */
/* access */
/* approved list */
/* building */
/* male */
/* exclamation mark */
/* information solid colour */
/* document solid colour */
/* two squares solid colour */
/* arrow right */
/* side by side figures */
/* tick */
/* three figures */
/* male with plus symbol */
/* heart */
/* male worker with headset */
/* male worker */
/* open speech marks */
/* light bulb */
/* award */
/* youtube logo */
/* play video */
/* close speech marks */
/* star */
/* flag */
/* question mark */
/* heart */
/* pdf symbol */
/* pen and paper */
/* continuous loop */
/* no access */
/* target */
/* dollar sign */
/* H symbol */
/* T symbol */
/* A symbol */
/* C symbol */
/* I symbol */
/* Side by side figures */
/* Transparent circle */
/* Left chervron */
/* Up chevron */
/* Plus symbol */
/* Open box */
/* Video camera */
/* Play */
/* Upload */
/* ID */
/* Toggle */
/* Letter tray */
/* Transparent video camera */
/* Anayltics */
/* Branches */
/* Rocket */
/* Light bulb */
/* Resize */
/* Three dots to make a triangle */
/* Figure with plus symbol */
/* Side kebab */
/* flag */
/* Upload */
/* Continuous loop */
/* Stopwatch */
/* Facebook logo */
/* LinkedIn logo */
/* LiveHire logo */
/* Calendar */
/* Location pin */
/* Figure */
/* Globe */
/* Lock */
/* Suitcase */
/* Connections */
/* Eye */
/* Camera */
/* Clock (at 3pm) */
/* Two sort of stacked boxes */
/* Document */
/* Lightning Bolt */
/* The letter L */
/* Paperclip */
/* Checklist */
/* Handbrakey */
/* Activity */
/* Attached CV */
/* Cover Letter */
/* Exclamation Mark */
/* Pop out */
/* Zoom out */
/* Zoom in */
/* Left pane */
/* Print */
/* Hiretual */
/* Timeline */
/* Filter */
/* Question mark */
/* Pin */
/* Segments */
/* Badge */
/* Hotel */
/* Paragraph x 2 */
/* Privacy policy */
/* Transactions */
/* Scripts */
/* R character */
/* Privacy Deletion */
/* CSV */
/* Privacy Deletion for profile */
/* Privacy Padlock */
/* Profile Consent */
/* Eye show/hide */
/* Disabled */
/* AI sparkle */
/* -----------------------------------------------------------------------------

  Z-INDEX MAPPING
  
----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------

  MEDIA QUERY BREAKPOINTS
  
----------------------------------------------------------------------------- */
/**
 * NOTE:
 * Tested this in Chrome/FF/Edge/IE11 and it seems to display correctly
 */
/* -----------------------------------------------------------------------------

  LEGACY VARIABLES
  
----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------

  BOOTSTRAP DATEPICKER VARIABLES
  
----------------------------------------------------------------------------- */
/**
 * NOTE:
 *
 * This stylesheet is now obsolete
 * New variables will be found in /Src/less/config
 */
/*darken(@link-color, 15%);*/
.callout-wrap .trigger {
  display: block;
  padding: 5px 2px;
}
.callout-wrap .trigger:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.callout-wrap .trigger.basic {
  padding: 0;
  text-decoration: none;
  text-decoration-style: unset;
  text-decoration-color: unset;
}
@media (min-width: 992px) {
  .callout-wrap .trigger:hover .callout .calloutDirective {
    display: block;
  }
}
@media (min-width: 992px) {
  .callout-wrap .callout-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9000;
  }
}
.callout-wrap .callout.visible .cc-callout {
  display: block;
  z-index: 9001;
}
@media (max-width: 991px) {
  .callout-wrap .callout.visible .cc-callout .p-mobile-fullscreen-overlay.overlay-visible .header .icon {
    display: block;
    margin: 0;
    line-height: 1;
    color: unset;
  }
}
@media (max-width: 991px) {
  .callout-wrap .callout.visible .cc-callout .p-mobile-fullscreen-overlay.overlay-visible .body {
    margin: 20px 0 0;
  }
}
.callout-wrap .callout.above {
  position: absolute;
  bottom: calc(100% + 3px);
  left: calc(-50% + 10px);
}
.callout-wrap .callout.above > .calloutDirective {
  position: absolute;
  bottom: calc(100% + 3px);
  left: calc(-50% + 10px);
}
.callout {
  display: block;
}
.callout:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.callout.no-scroll .cc-callout.topLeft .cc-callout-body,
.callout.no-scroll .cc-callout.topRight .cc-callout-body,
.callout.no-scroll .cc-callout.bottomCenter .cc-callout-body,
.callout.no-scroll .cc-callout.bottomRight .cc-callout-body {
  max-height: none;
  overflow-y: unset;
}
.callout .cc-callout {
  position: relative;
  z-index: 2000;
}
.callout .cc-callout.topLeft,
.callout .cc-callout.topRight,
.callout .cc-callout.bottomCenter,
.callout .cc-callout.bottomRight {
  display: none;
  width: 300px;
}
.callout .cc-callout.topLeft .cc-callout-body,
.callout .cc-callout.topRight .cc-callout-body,
.callout .cc-callout.bottomCenter .cc-callout-body,
.callout .cc-callout.bottomRight .cc-callout-body {
  margin: 10px 0 0;
  padding: 15px;
  max-height: 150px;
  overflow-y: auto;
}
.cc-callout-tip.top {
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  top: 10px;
  right: 22px;
  margin: -3px 0 0 -9px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: none !important;
  border-right: none !important;
}
.cc-callout-tip.right {
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  top: 22px;
  right: 0;
  margin: 0 -8px 0 0;
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  border-bottom: none !important;
  border-right: none !important;
}
.cc-callout-tip.bottom {
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  bottom: -7px;
  right: 22px;
  margin: -3px 0 0 -9px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: none;
  border-left: none;
}
.cc-callout-tip.left {
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  top: 22px;
  left: 0;
  margin: 0 0 0 -8px;
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  border-top: none !important;
  border-left: none !important;
}
.cc-callout-tip.topLeft {
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  top: -5px;
  left: 15px;
  margin: -3px 0 0 -9px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: none !important;
  border-right: none !important;
}
.cc-callout-tip.topRight {
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  top: -5px;
  right: 25px;
  margin: -3px 0 0 -9px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: none !important;
  border-right: none !important;
}
.cc-callout-tip.bottomCenter {
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  bottom: -7px;
  right: calc(50% - 11px);
  margin: -3px 0 0 -9px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: none !important;
  border-left: none !important;
}
.cc-callout-tip.bottomRight {
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  bottom: -7px;
  right: 25px;
  margin: -3px 0 0 -9px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: none;
  border-left: none;
}
.cc-callout-body {
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-pale-grey);
  border-radius: 3px;
}
.cc-callout-body:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (min-width: 992px) {
  .cc-callout-body .date-picker-wrap #uiDate {
    z-index: 9002;
  }
}
.cc-callout-content {
  background-color: var(--lvh-white);
  border-radius: 3px;
  position: relative;
  z-index: 1002;
  overflow: hidden;
}
.cc-callout-content > ul {
  margin: 0;
  padding: 13px 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cc-callout-content > ul:last-child {
  padding: 13px 0 0 0;
}
.cc-callout-content > ul.bullets > li {
  margin: 0 0 0 15px;
  padding: 0 0 10px 0;
  list-style: disc;
}
.cc-callout-content > ul.bullets > li:last-child {
  padding: 0;
}
.cc-callout-content > ul > li {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.cc-callout-content > ul > li.mobileOnly {
  display: none;
}
@media (max-width: 991px) {
  .cc-callout-content > ul > li.mobileOnly {
    display: list-item;
  }
}
.cc-callout-content > ul > li.divider {
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  margin: 10px 0;
}
.cc-callout-content > ul > li.divider > a {
  display: none;
}
.cc-callout-content > ul > li > a,
.cc-callout-content > ul > li > span {
  display: block;
  color: var(--lvh-x-mid-grey);
  outline: none;
  padding: 0.25em 1.538em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
}
.cc-callout-content > ul > li > a:hover,
.cc-callout-content > ul > li > span:hover,
.cc-callout-content > ul > li > a:focus,
.cc-callout-content > ul > li > span:focus,
.cc-callout-content > ul > li > a.selected,
.cc-callout-content > ul > li > span.selected {
  background-color: var(--lvh-x-off-white);
}
.cc-callout-content > ul > li > a .label,
.cc-callout-content > ul > li > span .label {
  color: var(--lvh-x-mid-grey);
  white-space: inherit;
}
.cc-callout-content > ul > li.disabled > a,
.cc-callout-content > ul > li.disabled > span {
  color: rgba(102, 102, 102, 0.3);
}
.cc-callout-content > ul > li.disabled > a:hover,
.cc-callout-content > ul > li.disabled > span:hover,
.cc-callout-content > ul > li.disabled > a:focus,
.cc-callout-content > ul > li.disabled > span:focus,
.cc-callout-content > ul > li.disabled > a.selected,
.cc-callout-content > ul > li.disabled > span.selected {
  background-color: var(--lvh-white);
}
.cc-suggestion-list .suggestionList .heading {
  float: left;
  width: 100%;
  padding: 0.962em 0;
  background-color: var(--lvh-x-shark-light);
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 992px) {
  .cc-suggestion-list .suggestionList .heading {
    display: none;
  }
}
.cc-suggestion-list .suggestionList .heading h3 {
  margin: 0;
  font-size: 1em;
  font-weight: normal;
}
.cc-suggestion-list .suggestionList .heading h3 > span {
  font-size: 1.077em;
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
}
.cc-suggestion-list .suggestionList .heading .closeButton {
  outline: 0;
  border: none;
  background: none;
  padding: 0;
}
.cc-suggestion-list .suggestionList .heading .closeButton > .icon:before {
  font-size: 0.769em;
}
.cc-suggestion-list .suggestionList #searchInputWrap {
  float: left;
  width: 100%;
  padding: 1.231em 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .cc-suggestion-list .suggestionList #searchInputWrap {
    padding: 1.231em 0;
  }
}
.cc-suggestion-list .suggestionList #searchInputWrap label {
  display: block;
  margin-bottom: 5px;
  font-size: 11px;
  color: var(--lvh-x-shark-dark);
}
.cc-suggestion-list .suggestionList .suggestionListFooter {
  float: left;
  width: 100%;
  border-top: 1px solid var(--lvh-x-shark-light);
  padding: 0.769em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cc-suggestion-list .suggestionList .suggestionListFooter:hover,
.cc-suggestion-list .suggestionList .suggestionListFooter.active {
  background-color: var(--lvh-x-off-white);
}
.cc-suggestion-list .suggestionList .dropdown {
  float: left;
  width: 100%;
}
.cc-suggestion-list .suggestionList .dropdown .spinner {
  padding: 10px 0;
  text-align: center;
}
.cc-suggestion-list .suggestionList .suggestions {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
}
.cc-suggestion-list .suggestionList .suggestions > .suggestion {
  list-style: none;
  margin: 0;
  float: left;
  width: 100%;
  padding: 0.769em 1em;
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  color: var(--lvh-secondary-text);
}
.cc-suggestion-list .suggestionList .suggestions > .suggestion:last-child {
  border-bottom: none;
}
.cc-suggestion-list .suggestionList .suggestions > .suggestion.active {
  background-color: var(--lvh-x-off-white);
}
.cc-suggestion-list .suggestionList .suggestionTag {
  float: left;
  background-color: var(--lvh-white92);
  -moz-border-radius: 0.231em;
  -webkit-border-radius: 0.231em;
  border-radius: 0.231em;
  padding: 0.154em 0.538em;
  margin: 0 0.385em 0.385em 0;
}
/* -----------------------------------------------------------------------------

  STATUS TAGS
  
----------------------------------------------------------------------------- */
.cc-status-tag {
  margin: 0 5px 5px 0;
  float: left;
  border-radius: 3px;
  padding: 0 5px;
  box-sizing: border-box;
}
.cc-status-tag:last-child {
  margin-right: 0;
}
.cc-status-tag > .label {
  float: left;
  font-size: 11px;
  color: var(--lvh-x-shark-dark);
  line-height: 18px;
  white-space: nowrap;
}
.cc-temporary-profile-status-tag,
.cc-demo-status-tag {
  border: 1px solid var(--lvh-x-yellow);
  cursor: default;
}
.cc-temporary-profile-status-tag .label,
.cc-demo-status-tag .label {
  color: var(--lvh-x-yellow);
}
.cc-job-application-tag {
  border: 1px solid var(--lvh-x-shark-dark);
  cursor: default;
}
.cc-job-application-tag .label {
  color: var(--lvh-x-shark-dark);
}
.cc-job-application-tag .icon {
  margin: 0 2px 0 0;
}
.cc-job-application-tag.has-active {
  border-color: var(--lvh-x-green);
}
.cc-job-application-tag.has-active .label {
  color: var(--lvh-x-green);
}
.cc-connection-status-tag {
  border: 1px solid var(--lvh-x-shark-dark);
  cursor: default;
}
.cc-connection-status-tag .label {
  color: var(--lvh-x-shark-dark);
}
.cc-connection-status-tag.talentpool,
.cc-connection-status-tag.inprogress {
  border-color: var(--lvh-x-blue);
}
.cc-connection-status-tag.talentpool .label,
.cc-connection-status-tag.inprogress .label {
  color: var(--lvh-x-blue);
}
.cc-connection-status-tag.livemarket {
  border-color: var(--lvh-x-orange);
}
.cc-connection-status-tag.livemarket .label {
  color: var(--lvh-x-orange);
}
.cc-connection-status-tag.donotcontact {
  border-color: var(--lvh-x-red);
}
.cc-connection-status-tag.donotcontact .label {
  color: var(--lvh-x-red);
}
.cc-connection-status-tag.temporaryprofile {
  border-color: var(--lvh-x-yellow);
}
.cc-connection-status-tag.temporaryprofile .label {
  color: var(--lvh-x-yellow);
}
.cc-connection-status-tag.hired {
  border-color: var(--lvh-x-green);
}
.cc-connection-status-tag.hired .label {
  color: var(--lvh-x-green);
}
.cc-connection-status-tag.unavailable {
  border-color: var(--lvh-x-light-grey);
}
.cc-connection-status-tag.unavailable .label {
  color: var(--lvh-x-light-grey);
}
.cc-connection-status-tag.thresholds {
  border-color: var(--lvh-x-purple);
}
.cc-connection-status-tag.thresholds.user-action {
  background-color: var(--lvh-x-purple-light);
}
.cc-connection-status-tag.thresholds.total-action {
  border-color: var(--lvh-secondary-text);
}
.cc-connection-status-tag.thresholds.total-action .label {
  color: var(--lvh-secondary-text);
}
.cc-connection-status-tag.thresholds .label {
  color: var(--lvh-x-purple);
}
.cc-connection-status-tag.alreadyacandidate {
  border-color: var(--lvh-x-green);
}
.cc-connection-status-tag.alreadyacandidate .label {
  color: var(--lvh-x-green);
}
.cc-connection-status-tag.alreadyacandidate .label:before {
  content: "\e910";
  font-family: 'IconFont';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--lvh-x-green);
}
.cc-connection-status-tag.alreadyacandidate .label > .ng-binding {
  display: none;
}
.cc-review-status-tag .notEnoughInfo,
.cc-review-status-tag .notSuitable,
.cc-review-status-tag .notReviewed,
.cc-review-status-tag .inProgress {
  margin: 0 5px 5px 0;
  float: left;
  border-radius: 3px;
  padding: 0 5px;
  box-sizing: border-box;
}
.cc-review-status-tag .notEnoughInfo:last-child,
.cc-review-status-tag .notSuitable:last-child,
.cc-review-status-tag .notReviewed:last-child,
.cc-review-status-tag .inProgress:last-child {
  margin-right: 0;
}
.cc-review-status-tag .notEnoughInfo > .label,
.cc-review-status-tag .notSuitable > .label,
.cc-review-status-tag .notReviewed > .label,
.cc-review-status-tag .inProgress > .label {
  float: left;
  font-size: 11px;
  color: var(--lvh-x-shark-dark);
  line-height: 18px;
  white-space: nowrap;
}
.cc-review-status-tag .notEnoughInfo.notEnoughInfo,
.cc-review-status-tag .notSuitable.notEnoughInfo,
.cc-review-status-tag .notReviewed.notEnoughInfo,
.cc-review-status-tag .inProgress.notEnoughInfo,
.cc-review-status-tag .stars.notEnoughInfo,
.cc-review-status-tag .notEnoughInfo.notSuitable,
.cc-review-status-tag .notSuitable.notSuitable,
.cc-review-status-tag .notReviewed.notSuitable,
.cc-review-status-tag .inProgress.notSuitable,
.cc-review-status-tag .stars.notSuitable,
.cc-review-status-tag .notEnoughInfo.notReviewed,
.cc-review-status-tag .notSuitable.notReviewed,
.cc-review-status-tag .notReviewed.notReviewed,
.cc-review-status-tag .inProgress.notReviewed,
.cc-review-status-tag .stars.notReviewed,
.cc-review-status-tag .notEnoughInfo.inProgress,
.cc-review-status-tag .notSuitable.inProgress,
.cc-review-status-tag .notReviewed.inProgress,
.cc-review-status-tag .inProgress.inProgress,
.cc-review-status-tag .stars.inProgress {
  border: 1px solid var(--lvh-x-shark-dark);
}
.cc-review-status-tag .notEnoughInfo.notEnoughInfo > .label:before,
.cc-review-status-tag .notSuitable.notEnoughInfo > .label:before,
.cc-review-status-tag .notReviewed.notEnoughInfo > .label:before,
.cc-review-status-tag .inProgress.notEnoughInfo > .label:before,
.cc-review-status-tag .stars.notEnoughInfo > .label:before,
.cc-review-status-tag .notEnoughInfo.notSuitable > .label:before,
.cc-review-status-tag .notSuitable.notSuitable > .label:before,
.cc-review-status-tag .notReviewed.notSuitable > .label:before,
.cc-review-status-tag .inProgress.notSuitable > .label:before,
.cc-review-status-tag .stars.notSuitable > .label:before,
.cc-review-status-tag .notEnoughInfo.notReviewed > .label:before,
.cc-review-status-tag .notSuitable.notReviewed > .label:before,
.cc-review-status-tag .notReviewed.notReviewed > .label:before,
.cc-review-status-tag .inProgress.notReviewed > .label:before,
.cc-review-status-tag .stars.notReviewed > .label:before,
.cc-review-status-tag .notEnoughInfo.inProgress > .label:before,
.cc-review-status-tag .notSuitable.inProgress > .label:before,
.cc-review-status-tag .notReviewed.inProgress > .label:before,
.cc-review-status-tag .inProgress.inProgress > .label:before,
.cc-review-status-tag .stars.inProgress > .label:before {
  content: "\e916";
  font-family: 'IconFont';
  color: var(--lvh-x-shark-dark);
  margin: 0 2px 0 0;
}
.cc-review-status-tag .notEnoughInfo.stars,
.cc-review-status-tag .notSuitable.stars,
.cc-review-status-tag .notReviewed.stars,
.cc-review-status-tag .inProgress.stars,
.cc-review-status-tag .stars.stars {
  display: inline-block;
}
@media (max-width: 991px) {
  .cc-review-status-tag .notEnoughInfo.stars,
  .cc-review-status-tag .notSuitable.stars,
  .cc-review-status-tag .notReviewed.stars,
  .cc-review-status-tag .inProgress.stars,
  .cc-review-status-tag .stars.stars {
    border: 1px solid var(--lvh-x-green);
    padding: 1px 5px;
    border-radius: 3px;
    float: left;
    display: block;
    font-size: 11px;
    color: var(--lvh-x-shark-dark);
    line-height: 14px;
  }
}
@media (min-width: 992px) {
  .cc-review-status-tag .notEnoughInfo.stars,
  .cc-review-status-tag .notSuitable.stars,
  .cc-review-status-tag .notReviewed.stars,
  .cc-review-status-tag .inProgress.stars,
  .cc-review-status-tag .stars.stars {
    padding: 0;
  }
}
@media (max-width: 991px) {
  .cc-review-status-tag .notEnoughInfo.stars:after,
  .cc-review-status-tag .notSuitable.stars:after,
  .cc-review-status-tag .notReviewed.stars:after,
  .cc-review-status-tag .inProgress.stars:after,
  .cc-review-status-tag .stars.stars:after {
    content: attr(data-count);
    float: left;
    display: block;
    color: var(--lvh-x-green);
    font-size: 1em;
  }
}
@media (max-width: 991px) {
  .cc-review-status-tag .notEnoughInfo.stars .icon,
  .cc-review-status-tag .notSuitable.stars .icon,
  .cc-review-status-tag .notReviewed.stars .icon,
  .cc-review-status-tag .inProgress.stars .icon,
  .cc-review-status-tag .stars.stars .icon {
    float: left;
    margin: 0.077em 0.231em 0.077em 0;
  }
}
@media (max-width: 991px) {
  .cc-review-status-tag .notEnoughInfo.stars .icon:nth-child(n+2),
  .cc-review-status-tag .notSuitable.stars .icon:nth-child(n+2),
  .cc-review-status-tag .notReviewed.stars .icon:nth-child(n+2),
  .cc-review-status-tag .inProgress.stars .icon:nth-child(n+2),
  .cc-review-status-tag .stars.stars .icon:nth-child(n+2) {
    display: none;
  }
}
.cc-no-visa-tag {
  border: 1px solid var(--lvh-x-ripe);
  cursor: default;
}
.cc-no-visa-tag .label {
  color: var(--lvh-x-ripe);
}
.cc-tooltip:hover > .tooltipContainer,
.cc-tooltip:focus > .tooltipContainer {
  display: block;
}
.cc-tooltip.wrapper {
  display: inline-block;
  position: relative;
  cursor: default;
}
.cc-tooltip.wrapper .cc-callout-tip {
  z-index: 9500;
}
.cc-tooltip.wrapper .cc-callout-body {
  position: relative;
  z-index: 9499;
}
.cc-tooltip[disabled] > .tooltipContainer {
  display: none;
}
.cc-tooltip .tooltipContainer {
  display: none;
}
.cc-tooltip.default-type.above > .tooltipContainer {
  bottom: calc(100% + 8px);
}
.cc-tooltip.default-type.above > .tooltipContainer > .tooltip:after {
  bottom: -16px;
  border-color: rgba(68, 68, 68, 0.9) transparent transparent transparent;
}
.cc-tooltip.default-type.below > .tooltipContainer {
  top: calc(100% + 8px);
}
.cc-tooltip.default-type.below > .tooltipContainer > .tooltip:after {
  top: -16px;
  border-color: transparent transparent rgba(68, 68, 68, 0.9) transparent;
}
.cc-tooltip.default-type.left > .tooltipContainer {
  top: -50%;
  right: calc(100% + 8px);
  left: auto;
  z-index: 9499;
}
.cc-tooltip.default-type.left > .tooltipContainer > .tooltip {
  width: 100%;
}
.cc-tooltip.default-type.left > .tooltipContainer > .tooltip:after {
  top: 4px;
  left: 100%;
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent transparent rgba(68, 68, 68, 0.9);
  margin: 0;
}
.cc-tooltip.default-type .tooltipContainer {
  width: 135px;
  position: absolute;
  left: 50%;
  margin-left: -67.5px;
  text-align: center;
}
.cc-tooltip.default-type .tooltipContainer > .tooltip {
  display: inline-block;
  position: relative;
  background-color: rgba(68, 68, 68, 0.9);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 4px 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cc-tooltip.default-type .tooltipContainer > .tooltip:after {
  content: '';
  position: absolute;
  left: 50%;
  margin: 0 0 0 -8px;
  border-bottom: 0;
  border-width: 8px;
  border-style: solid;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  padding: 0;
  width: 0;
  height: 0;
}
.cc-tooltip.default-type .content {
  font-size: 11px;
  line-height: 1.2;
  color: var(--lvh-white);
  white-space: normal;
}
.cc-tooltip.visa > .tooltipContainer {
  width: 300px;
  position: absolute;
  top: 20px;
  left: 0;
}
.cc-tooltip.visa > .tooltipContainer > .callout {
  padding: 10px 0 0 0;
}
.cc-tooltip.visa > .tooltipContainer > .callout > .cc-callout-tip.top {
  top: 6px;
  left: 24px;
}
.cc-tooltip.visa > .tooltipContainer > .callout > .cc-callout-body {
  padding: 15px;
}
.cc-tooltip.visa .cc-callout-content {
  z-index: 9501;
}
.cc-tooltip.visa .cc-callout-body {
  line-height: 18px;
  font-size: 11px;
  color: var(--lvh-x-shark-dark);
}
.cc-tooltip.score-breakdown > .tooltipContainer {
  width: 300px;
  position: absolute;
  top: 20px;
  left: 0;
}
.cc-tooltip.score-breakdown > .tooltipContainer > .callout {
  padding: 10px 0 0 0;
}
.cc-tooltip.score-breakdown > .tooltipContainer > .callout > .cc-callout-tip.top {
  top: 6px;
  left: 24px;
}
.cc-tooltip.score-breakdown > .tooltipContainer > .callout > .cc-callout-body {
  padding: 15px;
}
.cc-tooltip.score-breakdown .cc-callout-content {
  z-index: 9501;
}
.cc-tooltip.score-breakdown .applications {
  margin: 0;
  padding: 0;
}
.cc-tooltip.score-breakdown .applications > .application {
  margin: 0;
  padding: 0 0 0 4px;
  list-style: none;
  font-size: 11px;
  color: var(--lvh-x-shark-dark);
}
.cc-tooltip.score-breakdown .applications > .application:not(:last-child) {
  padding: 0 0 10px 4px;
  margin: 0 0 10px 0;
  border-bottom: 1px solid var(--lvh-x-grey);
}
.cc-tooltip.score-breakdown .applications > .application .bullet {
  padding: 0 4px;
  font-style: normal;
}
.cc-tooltip.score-breakdown .applications > .application .row {
  line-height: 18px;
}
.cc-tooltip.score-breakdown .applications > .application .row:first-of-type {
  font-weight: 600;
}
.cc-tooltip.score-breakdown .applications > .application .interview-status {
  display: block;
  padding: 5px 0 0 0;
}
.cc-tooltip.score-breakdown .row {
  text-overflow: ellipsis;
  overflow: hidden;
}
.cc-tooltip.score-breakdown .row:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.cc-tooltip.score-breakdown .applied-date,
.cc-tooltip.score-breakdown .vacancy-status {
  float: left;
}
.cc-tooltip.score-breakdown .status {
  float: right;
}
.cc-tooltip.score-breakdown .vacancy-name {
  color: var(--lvh-bright-blue);
  font-size: 11px;
}
.cc-tooltip.score-breakdown .vacancy-closed {
  color: var(--lvh-x-mesh-light);
}
.cc-tooltip.score-breakdown .interview-summary {
  font-size: 11px;
  padding: 4px 0;
}
.cc-tooltip.score-breakdown .interview-summary i {
  color: var(--lvh-x-shark-dark);
  margin-right: 4px;
}
.cc-tooltip.score-breakdown .interview-summary .label {
  color: var(--lvh-primary-text);
  font-weight: 600;
}
.cc-tooltip.score-breakdown .interview-summary .state {
  color: var(--lvh-secondary-text);
}
.cc-tooltip.score-breakdown .interview-summary .state.complete {
  color: var(--lvh-x-green);
}
.cc-tooltip.score-breakdown .interview-summary.completed .state {
  color: var(--lvh-x-green);
}
.cc-tooltip.score-breakdown .interview-summary.noshow .state {
  color: var(--lvh-x-ripe);
}
.cc-tooltip.score-breakdown .interview-summary.video-interview.received .state {
  color: var(--lvh-x-red);
}
.cc-tooltip.assessment-reports {
  padding: 0 0 10px 0;
}
.cc-tooltip.assessment-reports > .tooltipContainer {
  position: absolute;
  top: 14px;
  left: 0;
  width: 170px;
  padding: 10px 0 0 0;
}
.cc-tooltip.assessment-reports > .tooltipContainer > .callout {
  padding: 0;
}
.cc-tooltip.assessment-reports > .tooltipContainer > .callout > .cc-callout-tip.top {
  top: 6px;
  left: 120px;
}
.cc-tooltip.assessment-reports > .tooltipContainer > .callout > .cc-callout-body {
  padding: 8px;
}
.cc-tooltip.assessment-reports .cc-callout-content {
  z-index: 9501;
}
.cc-tooltip.assessment-reports .reports {
  margin: 0;
  padding: 0;
}
.cc-tooltip.assessment-reports .reports > .report {
  margin: 0;
  padding: 0 0 0 4px;
  list-style: none;
  font-size: 11px;
  color: var(--lvh-x-shark-dark);
}
.cc-tooltip.assessment-reports .reports > .report:not(:last-child) {
  padding: 0 0 10px 4px;
  margin: 0 0 10px 0;
  border-bottom: 1px solid var(--lvh-x-grey);
}
.cc-tooltip.assessment-reports .reports > .report .bullet {
  padding: 0 4px;
  font-style: normal;
}
.cc-tooltip.assessment-reports .reports > .report .row {
  line-height: 18px;
}
.cc-tooltip.assessment-reports .reports > .report .row:first-of-type {
  font-weight: 600;
}
.cc-tooltip.assessment-reports .reports > .report .interview-status {
  display: block;
  padding: 5px 0 0 0;
}
.cc-tooltip.assessment-reports .row {
  text-overflow: ellipsis;
  overflow: hidden;
}
.cc-tooltip.assessment-reports .row:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.cc-tooltip.check-reports {
  padding: 0 0 10px 0;
}
.cc-tooltip.check-reports > .tooltipContainer {
  position: absolute;
  top: 14px;
  left: 0;
  width: 170px;
  padding: 10px 0 0 0;
}
.cc-tooltip.check-reports > .tooltipContainer > .callout {
  padding: 0;
}
.cc-tooltip.check-reports > .tooltipContainer > .callout > .cc-callout-tip.top {
  top: 6px;
  left: 120px;
}
.cc-tooltip.check-reports > .tooltipContainer > .callout > .cc-callout-body {
  padding: 8px;
}
.cc-tooltip.check-reports .cc-callout-content {
  z-index: 9501;
}
.cc-tooltip.check-reports .packages {
  margin: 0;
  padding: 0;
  white-space: normal;
  word-break: break-word;
}
.cc-tooltip.check-reports .packages > .package:not(:last-child) {
  margin: 0 0 10px 0;
}
.cc-tooltip.check-reports .packages > .package.empty {
  margin: 0;
  padding: 0;
  list-style: none;
}
.cc-tooltip.check-reports .packages > .package .package-title {
  font-weight: 330;
  font-size: 13px;
  color: var(--lvh-x-dark-grey);
  word-break: break-word;
}
.cc-tooltip.check-reports .packages > .package .package-title strong {
  font-weight: 600;
}
.cc-tooltip.check-reports .packages .report:not(:last-child) {
  margin: 0 0 10px 0;
}
.cc-tooltip.check-reports .packages .report.empty {
  margin: 0;
  padding: 0;
  list-style: none;
}
.cc-tooltip.check-reports .packages .report .row {
  line-height: 18px;
}
.cc-tooltip.check-reports .packages .report span {
  color: var(--lvh-x-shark-dark);
}
.cc-tooltip.check-reports .packages .report h4 {
  font-weight: normal;
  font-size: 13px;
  color: var(--lvh-primary-text);
  margin-bottom: 0.2em;
  margin-top: 0.4em;
}
.cc-tooltip.check-reports .packages .report h4 a {
  text-decoration: underline;
}
.cc-tooltip.check-reports .row {
  text-overflow: ellipsis;
  overflow: hidden;
}
.cc-tooltip.check-reports .row:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.cc-tooltip.job-position-summary .tooltipContainer {
  width: 334px;
  position: absolute;
  top: 20px;
  right: -14px;
  z-index: 2000;
}
@media (max-width: 991px) {
  .cc-tooltip.job-position-summary .tooltipContainer {
    display: none;
  }
}
.cc-tooltip.job-position-summary .callout {
  padding: 10px 0 0 0;
}
.cc-tooltip.job-position-summary .cc-callout-tip.top {
  top: 6px;
  right: 10px;
}
.cc-tooltip.job-position-summary .title {
  color: var(--lvh-x-dark-grey);
  font-weight: 600;
  padding: 10px;
  display: block;
  text-align: left;
}
.cc-tooltip.job-position-summary .position-summaries {
  border-top: solid 1px var(--lvh-x-grey);
  color: var(--lvh-secondary-text);
  font-size: 11px;
  overflow-y: auto;
}
@media (min-width: 992px) {
  .cc-tooltip.job-position-summary .position-summaries {
    max-height: 295px;
  }
}
.cc-tooltip.job-position-summary .position-summaries > .position-summary {
  padding: 10px;
}
.cc-tooltip.job-position-summary .position-summaries > .position-summary:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.cc-tooltip.job-position-summary .position-summaries > .position-summary:not(:last-child) {
  border-bottom: 1px solid var(--lvh-x-grey);
}
.cc-tooltip.job-position-summary .position-summaries > .position-summary .tooltipContainer {
  display: none !important;
}
.cc-tooltip.job-position-summary .position-summaries .filled-position > .text {
  font-size: 11px;
}
.cc-tooltip.job-position-summary .position-summaries .filled-position > .text:not(:last-child) {
  margin-left: 52px;
}
.cc-tooltip.job-position-summary .position-summaries .filled-position .bullet {
  margin: 0 5px;
  color: var(--lvh-x-shark-dark);
}
.cc-tooltip.job-position-summary .position-summaries .filled-position .cc-card-view .rhs .name,
.cc-tooltip.job-position-summary .position-summaries .filled-position .cc-card-view .rhs .profile-title {
  cursor: default;
  color: var(--lvh-secondary-text);
}
.cc-tooltip.job-position-summary .position-summaries .filled-position .cc-card-view .rhs .name {
  color: var(--lvh-x-dark-grey);
}
.cc-tooltip.job-position-summary .position-summaries .empty-position {
  text-align: left;
  color: var(--lvh-secondary-text);
}
.cc-tooltip.job-position-summary .position-summaries .empty-position .name {
  color: var(--lvh-x-dark-grey);
  font-size: 13px;
}
.cc-tooltip.job-position-summary .position-summaries .empty-position .profile-picture {
  width: 32px;
  height: 32px;
  margin-right: 14px;
}
.cc-tooltip.job-position-summary .position-summaries .empty-position .profile-picture .index {
  line-height: 32px;
  font-size: 12px;
}
.cc-tooltip.job-position-summary .position-summaries .empty-position .profile-picture .indicator {
  right: 0;
  bottom: 0 !important;
}
.cc-tooltip.job-position-summary .position-summaries .empty-position .profile-picture .indicator i {
  font-size: 10px !important;
}
.cc-tooltip.job-vacancy-candidates-rated .tooltipContainer {
  width: 255px;
  position: absolute;
  top: 20px;
  right: -14px;
  z-index: 2000;
}
@media (max-width: 991px) {
  .cc-tooltip.job-vacancy-candidates-rated .tooltipContainer {
    display: none;
  }
}
.cc-tooltip.job-vacancy-candidates-rated > .label {
  padding: 0 0 4px 0;
}
.cc-tooltip.job-vacancy-candidates-rated .callout {
  padding: 10px 0 0 0;
}
.cc-tooltip.job-vacancy-candidates-rated .cc-callout-tip.top {
  top: 6px;
  right: 10px;
}
.cc-tooltip.job-vacancy-candidates-rated .title {
  color: var(--lvh-x-dark-grey);
  font-weight: 600;
  padding: 10px 15px;
  display: block;
  text-align: left;
}
.cc-tooltip.job-vacancy-candidates-rated .items {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 20px 15px;
  border-top: 1px solid var(--lvh-x-paler-grey);
}
.cc-tooltip.job-vacancy-candidates-rated .items .item {
  position: relative;
  display: block;
  margin: 0 0 10px;
  min-height: 12px;
}
.cc-tooltip.job-vacancy-candidates-rated .items .item:last-child {
  margin: 20px 0 0;
}
.cc-tooltip.job-vacancy-candidates-rated .items .item:last-child .not-rated {
  display: block;
  font-size: 11px;
  color: var(--lvh-x-shark-dark);
}
.cc-tooltip.job-vacancy-candidates-rated .items .item .star-rating,
.cc-tooltip.job-vacancy-candidates-rated .items .item .number {
  display: block;
  font-size: 11px;
  color: var(--lvh-secondary-text);
}
.cc-tooltip.job-vacancy-candidates-rated .items .item .star-rating {
  float: left;
  width: 40px;
}
.cc-tooltip.job-vacancy-candidates-rated .items .item .number {
  float: right;
  width: 25px;
}
.cc-tooltip.job-vacancy-candidates-rated .items .item .progress {
  display: block;
  float: left;
  margin: 2px 10px 0;
  width: 135px;
  border-radius: 3px;
  box-sizing: border-box;
  background-color: var(--lvh-x-shark-light);
}
.cc-tooltip.avatar-list {
  text-align: left;
  color: var(--lvh-x-mesh-dark);
}
.cc-tooltip.avatar-list .tooltipContainer {
  display: unset;
}
@media (min-width: 992px) {
  .cc-tooltip.avatar-list .tooltipContainer {
    position: absolute;
    right: 0;
    top: 35px;
    width: 255px;
    z-index: 2000;
  }
}
@media (min-width: 992px) {
  .cc-tooltip.avatar-list .callout-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9000;
  }
}
.cc-tooltip.avatar-list .callout {
  position: relative;
  padding: 10px 0 0 0;
  z-index: 9001;
}
@media (max-width: 991px) {
  .cc-tooltip.avatar-list .callout {
    padding: 0;
    z-index: unset;
  }
}
@media (max-width: 991px) {
  .cc-tooltip.avatar-list .cc-callout-tip {
    display: none;
  }
}
.cc-tooltip.avatar-list .cc-callout-tip.top {
  top: 6px;
  right: 10px;
}
@media (max-width: 991px) {
  .cc-tooltip.avatar-list .cc-callout-body {
    border: none;
    border-radius: 0;
    z-index: unset;
  }
}
.cc-tooltip.avatar-list .title {
  color: var(--lvh-x-dark-grey);
  font-weight: 600;
  padding: 10px 15px;
  display: block;
  text-align: left;
}
.cc-tooltip.avatar-list .items {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 20px 15px;
}
.cc-tooltip.avatar-list .items .item {
  position: relative;
  display: block;
  margin: 0 0 10px;
  min-height: 12px;
}
.cc-tooltip.avatar-list .items .item:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.cc-tooltip.avatar-list .items .item:hover .cc-avatar.tiny:after,
.cc-tooltip.avatar-list .items .item:focus .cc-avatar.tiny:after {
  line-height: 24px;
}
.cc-tooltip.avatar-list .items .item:hover .cc-avatar.smaller:after,
.cc-tooltip.avatar-list .items .item:focus .cc-avatar.smaller:after {
  line-height: 36px;
}
.cc-tooltip.avatar-list .items .item:hover .cc-avatar.small:after,
.cc-tooltip.avatar-list .items .item:focus .cc-avatar.small:after {
  line-height: 45px;
}
.cc-tooltip.avatar-list .items .item:last-child {
  margin: 0;
}
.cc-tooltip.avatar-list .items .item > .avatar-wrap {
  position: relative;
  float: left;
  width: 36px;
  height: 36px;
}
.cc-tooltip.avatar-list .items .item > .avatar-wrap > .cc-avatar {
  max-width: 100%;
  max-height: 100%;
}
.cc-tooltip.avatar-list .items .item > .name {
  padding-left: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cc-tooltip.wide-tooltip .tooltipContainer {
  width: 300px;
}
.cc-tooltip.wide-tooltip.above .tooltipContainer,
.cc-tooltip.wide-tooltip.below .tooltipContainer {
  margin-left: -150px;
}
.cc-tooltip.badge {
  height: 18px;
  border: 1px solid var(--lvh-x-orange);
  color: var(--lvh-x-orange);
  border-radius: 3px;
  line-height: 18px;
  padding: 0 3px 0 3px;
  text-align: center;
  font-size: 11px;
}
form .cc-tooltip {
  z-index: 2;
}
#paginator {
  position: relative;
  float: left;
  width: 100%;
  min-height: 32px;
  padding-top: 1.538em;
  border-top: solid 1px var(--lvh-x-pale-grey);
  color: var(--lvh-secondary-text);
}
#paginator .pageName {
  background-color: var(--lvh-x-grey);
  padding: 0.538em 1em;
  float: left;
  border-radius: 0.231em;
}
@media (max-width: 767px) {
  #paginator .pageName {
    float: none;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
  }
}
#paginator .pages {
  float: right;
}
#paginator .pages .page {
  background-color: var(--lvh-x-grey);
  padding: 0.538em 0;
  float: left;
  margin-right: 0.385em;
  cursor: pointer;
  border-radius: 0.231em;
  width: 2.462em;
  text-align: center;
  overflow: hidden;
}
@media (max-width: 991px) {
  #paginator .pages .page.number,
  #paginator .pages .page.ellipsis,
  #paginator .pages .page.jump {
    display: none;
  }
}
#paginator .pages .page a {
  color: var(--lvh-secondary-text);
}
#paginator .pages .page:last-child {
  margin-right: 0;
}
#paginator .pages .page.ellipsis {
  cursor: default;
}
#paginator .pages .page.active {
  color: var(--lvh-white);
  background-color: var(--lvh-x-mid-grey);
}
#paginator .pages .page.active a {
  color: var(--lvh-white);
}
#paginator .pages .page.prev,
#paginator .pages .page.next {
  display: block;
}
@media (min-width: 768px) {
  #paginator .pages .page.prev,
  #paginator .pages .page.next {
    display: none;
  }
}
@media (max-width: 991px) {
  #paginator .pages .page.first,
  #paginator .pages .page.last {
    display: block;
  }
}
.p-checkbox .input {
  /*position: absolute;
        top: -9999px;
        left: -9999px;*/
  position: absolute;
  height: 0;
  width: 0;
  opacity: 0;
}
.p-checkbox .label {
  display: inline-block;
  line-height: 14px;
  margin: 0 0 0 0.5em;
  vertical-align: middle;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.p-radio-button .input {
  position: absolute;
  height: 0;
  width: 0;
  opacity: 0;
}
.p-radio-button .label {
  display: inline-block;
  line-height: 14px;
  margin: 0 0 0 0.5em;
  vertical-align: middle;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.p-radio-button .input.checked:disabled ~ .radio-button:before,
.p-radio-button .input:checked:disabled ~ .radio-button:before {
  background-color: var(--lvh-x-shark-dark);
}
.p-radio-button .input.checked ~ .radio-button,
.p-radio-button .input:checked ~ .radio-button {
  cursor: default;
  background-color: var(--lvh-bright-blue-trans-10);
  border-color: var(--lvh-bright-blue);
}
.p-radio-button .input.checked ~ .radio-button:before,
.p-radio-button .input:checked ~ .radio-button:before {
  content: '';
  background-color: var(--lvh-bright-blue);
  border-radius: 50%;
  position: absolute;
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
}
.p-radio-button .input:disabled ~ .radio-button {
  cursor: default;
  background-color: var(--lvh-white98);
  border-color: var(--lvh-x-pale-grey);
}
.p-radio-button .radio-button {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-pale-grey);
  border-radius: 50%;
  position: relative;
  box-sizing: border-box;
  vertical-align: middle;
  cursor: pointer;
}
.p-radio-button.hidden .radio-button {
  visibility: hidden;
}
.p-checkbox.below-field {
  display: inline-block;
  padding-top: 5px;
}
.p-checkbox.field-height .label {
  line-height: 34px;
}
.p-checkbox .input:focus ~ .checkbox {
  box-shadow: 0px 0px 0px 2px var(--lvh-x-dark-grey);
}
.p-checkbox .input.checked:disabled ~ .checkbox:before,
.p-checkbox .input:checked:disabled ~ .checkbox:before {
  color: var(--lvh-x-shark-dark) !important;
}
.p-checkbox .input.checked ~ .checkbox,
.p-checkbox .input:checked ~ .checkbox {
  background-color: var(--lvh-bright-blue-trans-10);
  border-color: var(--lvh-bright-blue);
}
.p-checkbox .input.checked ~ .checkbox:before,
.p-checkbox .input:checked ~ .checkbox:before {
  content: "\e902";
  font-family: 'CoreIconFont';
  font-size: 8px;
  line-height: 14px;
  color: var(--lvh-bright-blue);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.p-checkbox .input:disabled ~ .checkbox {
  background-color: var(--lvh-white98) !important;
  border-color: var(--lvh-x-pale-grey) !important;
  cursor: default;
}
.p-checkbox .checkbox {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-pale-grey);
  border-radius: 3px;
  position: relative;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
.p-checkbox-group:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.p-checkbox-group .checkbox-wrap {
  float: left;
  width: calc(25% - 7.5px);
  background-color: var(--lvh-x-off-white);
  border-radius: 3px;
  padding: 10px 15px;
  box-sizing: border-box;
}
.p-checkbox-group .checkbox-wrap:not(:last-child) {
  margin: 0 10px 0 0;
}
.p-checkbox-group .checkbox-wrap .checkbox {
  float: left;
  margin: 0 10px 0 0;
}
.p-checkbox-group .checkbox-wrap .label {
  float: left;
  color: var(--lvh-x-dark-grey);
}
@media (max-width: 991px) {
  .p-radio-button-group .p-radio-button {
    display: block;
  }
}
.p-radio-button-group .p-radio-button:not(:last-child) {
  margin: 0 15px 0 0;
}
@media (max-width: 991px) {
  .p-radio-button-group .p-radio-button:not(:last-child) {
    margin: 0 0 10px 0;
  }
}
.p-radio-button-group .input,
.p-radio-button-group .label {
  display: inline-block;
  line-height: 20px;
  vertical-align: middle;
}
.p-radio-button-group .input {
  margin: 0 5px 0 0;
  outline: none;
}
.p-radio-button-group .label {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
/* -----------------------------------------------------------------------------

  BUTTONS

----------------------------------------------------------------------------- */
.button {
  cursor: pointer;
  padding: 8px 20px;
  font-family: var(--lvh-button-font-family, var(--lvh-general-font-family, "Open Sans", sans-serif));
  font-size: var(--lvh-button-font-size, var(--lvh-general-font-size, 1em));
  font-weight: var(--lvh-button-font-weight, var(--lvh-general-font-weight, 600));
  text-transform: var(--lvh-button-text-transform, none);
}
.button[disabled],
.button:disabled {
  cursor: default;
  opacity: 0.5;
}
.button[disabled] > .label,
.button:disabled > .label {
  cursor: default;
}
.button.full-width {
  display: block;
  width: 100%;
}
.button spinner,
.button busy-spinner,
.button .cc-spinner {
  display: none;
}
.button.block {
  display: block;
  text-align: center;
}
.button.isBusy {
  position: relative;
  display: inline-block;
}
.button.isBusy > .label {
  visibility: hidden;
}
.button.isBusy spinner,
.button.isBusy busy-spinner,
.button.isBusy .cc-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.button.isBusy spinner .spinner,
.button.isBusy busy-spinner .spinner,
.button.isBusy .cc-spinner .spinner {
  white-space: nowrap;
}
.p-solid-button,
.p-ghost-button {
  --lvh-btn-border-thickness: 1px;
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #00bdeb;
  --lvh-btn-border-colour: transparent;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #1fd3ff;
  --lvh-btn-hover-border-colour: #1fd3ff;
  --lvh-btn-focus-box-shadow-colour: #444444;
  outline: 0;
  border: none;
  background: none;
  line-height: normal;
  border-radius: 3px;
  box-sizing: border-box;
  transition: 0.2s background-color linear, 0.2s box-shadow linear;
  background-color: var(--lvh-btn-bg-colour);
  color: var(--lvh-btn-colour);
  border: var(--lvh-btn-border-thickness) solid var(--lvh-btn-border-colour);
}
.p-solid-button:hover:not([disabled]),
.p-ghost-button:hover:not([disabled]),
.p-solid-button:hover:not(:disabled),
.p-ghost-button:hover:not(:disabled) {
  border: var(--lvh-btn-border-thickness) solid var(--lvh-btn-hover-border-colour);
  text-decoration: underline;
  background-color: var(--lvh-btn-hover-bg-colour);
  color: var(--lvh-btn-hover-colour);
}
.p-solid-button:hover:not([disabled]) > .label,
.p-ghost-button:hover:not([disabled]) > .label,
.p-solid-button:hover:not(:disabled) > .label,
.p-ghost-button:hover:not(:disabled) > .label {
  color: var(--lvh-btn-hover-colour);
}
.p-solid-button:focus:not([disabled]),
.p-ghost-button:focus:not([disabled]),
.p-solid-button:focus:not(:disabled),
.p-ghost-button:focus:not(:disabled) {
  border: 1px solid var(--lvh-btn-hover-border-colour);
  text-decoration: underline;
  background-color: var(--lvh-btn-hover-bg-colour);
  color: var(--lvh-btn-hover-colour);
  box-shadow: 0px 0px 0px 1px var(--lvh-white98), 0px 0px 0px 2px var(--lvh-btn-focus-box-shadow-colour);
}
.p-solid-button:focus:not([disabled]) > .label,
.p-ghost-button:focus:not([disabled]) > .label,
.p-solid-button:focus:not(:disabled) > .label,
.p-ghost-button:focus:not(:disabled) > .label {
  color: var(--lvh-btn-hover-colour);
}
.p-solid-button > .label,
.p-ghost-button > .label {
  color: var(--lvh-btn-colour);
  font-size: 1em;
  font-weight: 600;
  cursor: pointer;
}
.p-solid-button.small,
.p-ghost-button.small {
  padding: 5px 15px;
}
.p-solid-button.medium,
.p-ghost-button.medium {
  padding: 8px 20px;
}
.p-solid-button.large,
.p-ghost-button.large {
  padding: 11px 20px;
}
.p-solid-button.large > .label,
.p-ghost-button.large > .label {
  font-size: 1.154em;
}
.p-solid-button.blue,
.p-solid-button.bright-blue {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #00bdeb;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #1fd3ff;
  --lvh-btn-hover-border-colour: #1fd3ff;
}
.p-solid-button.shark-dark {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #cccccc;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #e6e6e6;
  --lvh-btn-hover-border-colour: #e6e6e6;
}
.p-solid-button.mid-grey {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #666666;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #808080;
  --lvh-btn-hover-border-colour: #808080;
}
.p-solid-button.paler-grey {
  --lvh-btn-colour: #444444;
  --lvh-btn-bg-colour: #e0e0e0;
  --lvh-btn-hover-colour: #444444;
  --lvh-btn-hover-bg-colour: #fafafa;
  --lvh-btn-hover-border-colour: #fafafa;
}
.p-solid-button.off-white {
  --lvh-btn-colour: #888888;
  --lvh-btn-bg-colour: #f3f5f7;
  --lvh-btn-hover-colour: #888888;
  --lvh-btn-hover-bg-colour: #ffffff;
  --lvh-btn-hover-border-colour: #ffffff;
  --lvh-btn-border-colour: #dedede;
  --lvh-btn-hover-border-colour: #dedede;
}
.p-solid-button.white {
  --lvh-btn-colour: #888888;
  --lvh-btn-bg-colour: #fff;
  --lvh-btn-hover-colour: #888888;
  --lvh-btn-hover-bg-colour: #ffffff;
  --lvh-btn-hover-border-colour: #ffffff;
  --lvh-btn-border-colour: #dedede;
  --lvh-btn-hover-border-colour: #dedede;
}
.p-solid-button.red,
.p-solid-button.ripe {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #bd350f;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #ec4213;
  --lvh-btn-hover-border-colour: #ec4213;
}
.p-solid-button.orange {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #ff8133;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #ffa066;
  --lvh-btn-hover-border-colour: #ffa066;
}
.p-solid-button.yellow {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #ffd540;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #ffe073;
  --lvh-btn-hover-border-colour: #ffe073;
}
.p-solid-button.green {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #50b848;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #73c66d;
  --lvh-btn-hover-border-colour: #73c66d;
}
.p-solid-button.murkberry-dark {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #a1b1de;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #c7d0eb;
  --lvh-btn-hover-border-colour: #c7d0eb;
}
.p-solid-button.pink {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #ff5aa8;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #ff8dc3;
  --lvh-btn-hover-border-colour: #ff8dc3;
}
.p-solid-button.purple {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #7858e0;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #9b83e8;
  --lvh-btn-hover-border-colour: #9b83e8;
}
.p-solid-button.light-purple {
  --lvh-btn-colour: #7858e0;
  --lvh-btn-bg-colour: rgba(120, 88, 224, 0.2);
  --lvh-btn-hover-colour: #7858e0;
  --lvh-btn-hover-bg-colour: rgba(155, 131, 232, 0.2);
  --lvh-btn-hover-border-colour: rgba(155, 131, 232, 0.2);
}
.p-ghost-button {
  --lvh-btn-colour: #00bdeb;
  --lvh-btn-bg-colour: transparent;
  --lvh-btn-border-colour: #00bdeb;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #00bdeb;
  --lvh-btn-hover-border-colour: #00bdeb;
  --lvh-btn-focus-box-shadow-colour: #00bdeb;
}
.p-ghost-button.small {
  padding: 5px 15px;
}
.p-ghost-button.medium {
  padding: 8px 20px;
}
.p-ghost-button.large {
  padding: 11px 20px;
}
.p-ghost-button.large > .label {
  font-size: 1.154em;
}
.p-ghost-button.thin {
  --lvh-btn-border-thickness: 1px;
}
.p-ghost-button.thick {
  --lvh-btn-border-thickness: 2px;
}
.p-ghost-button.bright-blue {
  --lvh-btn-colour: #00bdeb;
  --lvh-btn-border-colour: #00bdeb;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #00bdeb;
  --lvh-btn-hover-border-colour: #00bdeb;
  --lvh-btn-focus-box-shadow-colour: #00bdeb;
}
.p-ghost-button.shark-dark {
  --lvh-btn-colour: #888888;
  --lvh-btn-border-colour: #cccccc;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #cccccc;
  --lvh-btn-hover-border-colour: #cccccc;
  --lvh-btn-focus-box-shadow-colour: #cccccc;
}
.p-ghost-button.light-grey {
  --lvh-btn-colour: #888888;
  --lvh-btn-border-colour: #888888;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #888888;
  --lvh-btn-hover-border-colour: #888888;
  --lvh-btn-focus-box-shadow-colour: #888888;
}
.p-ghost-button.green {
  --lvh-btn-colour: #50b848;
  --lvh-btn-border-colour: #50b848;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #50b848;
  --lvh-btn-hover-border-colour: #50b848;
  --lvh-btn-focus-box-shadow-colour: #50b848;
}
.p-ghost-button.red,
.p-ghost-button.ripe {
  --lvh-btn-colour: #bd350f;
  --lvh-btn-border-colour: #bd350f;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #bd350f;
  --lvh-btn-hover-border-colour: #bd350f;
  --lvh-btn-focus-box-shadow-colour: #bd350f;
}
.p-ghost-button.white {
  --lvh-btn-colour: #fff;
  --lvh-btn-border-colour: #fff;
  --lvh-btn-hover-colour: transparent;
  --lvh-btn-hover-bg-colour: #fff;
  --lvh-btn-hover-border-colour: #fff;
  --lvh-btn-focus-box-shadow-colour: #fff;
}
.p-ghost-button.pink {
  --lvh-btn-colour: #ff5aa8;
  --lvh-btn-border-colour: #ff5aa8;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #ff5aa8;
  --lvh-btn-hover-border-colour: #ff5aa8;
  --lvh-btn-focus-box-shadow-colour: #ff5aa8;
}
.p-ghost-button.purple {
  --lvh-btn-colour: #7858e0;
  --lvh-btn-border-colour: #7858e0;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #7858e0;
  --lvh-btn-hover-border-colour: #7858e0;
  --lvh-btn-focus-box-shadow-colour: #7858e0;
}
.cc-link-button {
  --lvh-link-button-focus-shadow-colour-1: #fafafa;
  --lvh-link-button-focus-shadow-colour-2: #444444;
  --lvh-link-button-primary-colour: #00bdeb;
  --lvh-link-button-primary-hover-colour: #00bdeb;
  --lvh-link-button-primary-focus-colour: #00bdeb;
  --lvh-link-button-secondary-colour: #666666;
  --lvh-link-button-secondary-hover-colour: #333333;
  --lvh-link-button-secondary-focus-colour: #333333;
  outline: 0;
  border: none;
  background: none;
  line-height: normal;
  padding: 0 1px 0 1px;
  cursor: pointer;
  text-decoration: none;
  font-family: var(--lvh-link-button-font-family, var(--lvh-general-font-family, "Open Sans", sans-serif));
  font-size: var(--lvh-link-button-font-size, var(--lvh-general-font-size, 1em));
  font-weight: var(--lvh-link-button-font-weight, var(--lvh-general-font-weight, 600));
  text-transform: var(--lvh-link-button-text-transform, none);
}
.cc-link-button:hover,
.cc-link-button:focus {
  text-decoration: underline;
}
.cc-link-button:focus {
  box-shadow: 0px 0px 0px 1px var(--lvh-link-button-focus-shadow-colour-1), 0px 0px 0px 2px var(--lvh-link-button-focus-shadow-colour-2);
}
.cc-link-button:focus-visible {
  outline: none;
}
.cc-link-button.primary {
  color: var(--lvh-link-button-primary-colour);
}
.cc-link-button.primary:hover {
  color: var(--lvh-link-button-primary-hover-colour);
}
.cc-link-button.primary:focus {
  color: var(--lvh-link-button-primary-focus-colour);
}
.cc-link-button.secondary {
  color: var(--lvh-link-button-secondary-colour);
  text-decoration: underline;
}
.cc-link-button.secondary:hover {
  color: var(--lvh-link-button-secondary-hover-colour);
}
.cc-link-button.secondary:focus {
  color: var(--lvh-link-button-secondary-focus-colour);
}
.cc-button-group {
  /* ----------------------------------------

        BOX SHADOW REFERENCE

        TOP, RIGHT, BOTTOM, LEFT

        box-shadow: 0 1px 0 0 purple inset,
                    -1px 0 0 0 blue inset,
                    0 -1px 0 0 green inset,
                    1px 0 0 0 red inset;

    ---------------------------------------- */
}
.cc-button-group:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.cc-button-group .button {
  float: left;
  margin: 0;
  box-shadow: 0 1px 0 0 currentColor inset, 0 -1px 0 0 currentColor inset;
}
.cc-button-group .button:first-child {
  box-shadow: 0 1px 0 0 currentColor inset, 0 -1px 0 0 currentColor inset, 1px 0 0 0 currentColor inset;
}
.cc-button-group .button:last-child {
  box-shadow: 0 1px 0 0 currentColor inset, -1px 0 0 0 currentColor inset, 0 -1px 0 0 currentColor inset;
}
.cc-button-group .button:not(:first-child),
.cc-button-group .button:not(:last-child) {
  border-radius: 0;
}
.cc-button-group .button:not(:last-child) {
  margin: 0 1px 0 0;
}
.buttonOutlineV2 {
  background: none;
  border-radius: 0.231em;
  border: 2px solid;
  outline: 0;
  transition: 0.3s all linear;
  line-height: normal;
  box-sizing: border-box;
}
.buttonOutlineV2.medium {
  padding: 0.615em 1.538em;
}
.buttonOutlineV2.medium > .label {
  font-size: 1em;
}
.buttonOutlineV2.large {
  padding: 0.692em 1.538em;
}
.buttonOutlineV2.large > .label {
  font-size: 1.154em;
}
.buttonOutlineV2.blue {
  border-color: var(--lvh-bright-blue);
}
.buttonOutlineV2.blue:hover,
.buttonOutlineV2.blue:focus {
  background-color: var(--lvh-bright-blue);
}
.buttonOutlineV2.blue:hover > .label,
.buttonOutlineV2.blue:focus > .label {
  color: var(--lvh-white);
}
.buttonOutlineV2.blue > .label {
  color: var(--lvh-bright-blue);
}
.buttonOutlineV2.white {
  border-color: var(--lvh-white);
}
.buttonOutlineV2.white:hover,
.buttonOutlineV2.white:focus {
  background-color: var(--lvh-white);
}
.buttonOutlineV2.white:hover > .label,
.buttonOutlineV2.white:focus > .label {
  color: var(--lvh-x-dark-grey);
}
.buttonOutlineV2.white > .label {
  color: var(--lvh-white);
}
.buttonOutlineV2.paleGrey {
  border-color: var(--lvh-x-pale-grey);
}
.buttonOutlineV2.paleGrey:hover,
.buttonOutlineV2.paleGrey:focus {
  background-color: var(--lvh-x-pale-grey);
}
.buttonOutlineV2.paleGrey:hover > .label,
.buttonOutlineV2.paleGrey:focus > .label {
  color: var(--lvh-white);
}
.buttonOutlineV2.paleGrey > .label {
  color: var(--lvh-x-pale-grey);
}
.buttonOutlineV2.sharkDark {
  border-color: var(--lvh-x-shark-dark);
}
.buttonOutlineV2.sharkDark:hover,
.buttonOutlineV2.sharkDark:focus {
  background-color: var(--lvh-x-shark-dark);
}
.buttonOutlineV2.sharkDark:hover > .label,
.buttonOutlineV2.sharkDark:focus > .label {
  color: var(--lvh-white);
}
.buttonOutlineV2.sharkDark > .label {
  color: var(--lvh-secondary-text);
}
.buttonOutlineV2 > .label {
  font-weight: 600;
  line-height: normal;
}
.cc-lastAction.wrapper {
  max-width: 175px;
  position: absolute;
  right: 2.154em;
}
.cc-lastAction.wrapper .tooltipContainer {
  width: 140px;
}
@media (max-width: 991px) {
  .cc-lastAction.wrapper {
    float: left;
    width: 100%;
    position: relative;
  }
}
.cc-lastAction .lastAction {
  float: left;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .cc-lastAction .lastAction {
    float: left;
    width: 100%;
    position: relative;
    bottom: auto;
  }
}
.cc-lastAction .lastAction.has-sibling {
  padding-right: 20px;
}
.cc-lastAction .lastAction .avatarWrap {
  float: right;
  width: 23px;
  height: 23px;
}
.cc-lastAction .lastAction .avatar {
  width: 100%;
  height: 100%;
  background-color: var(--lvh-white96);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
.cc-lastAction .lastAction .avatar > img {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.cc-lastAction .lastAction .text {
  width: 100%;
  padding: 2px 30px 2px 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--lvh-x-shark-dark);
  white-space: nowrap;
  text-align: right;
  cursor: default;
}
.cc-lastAction .lastAction .text span {
  display: block;
  font-size: 11px;
  overflow: hidden;
}
.cc-lastAction .attachmentsIndicator {
  position: absolute;
  top: 0;
  right: 0;
}
.cc-lastAction .attachmentsIndicator .icon {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.192em 0;
}
.cc-lastAction .attachmentsIndicator .icon i {
  font-size: 0.923em;
  color: var(--lvh-x-shark-dark);
}
.agency-profile:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.agency-profile .agency-representation-callout-body {
  float: left;
  position: relative;
  width: 100%;
}
.agency-profile .agency-representation-item {
  position: relative;
}
.agency-profile .agency-representation-item:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.agency-profile .agency-representation-item:not(:last-child) {
  margin: 0 0 10px;
}
.agency-profile .agency-representation-item.no-wrap {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.agency-profile .agency-representation-item .left {
  float: left;
  width: 120px;
  color: var(--lvh-x-shark-dark);
}
.agency-profile .agency-representation-item .right {
  padding-left: 130px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--lvh-primary-text);
}
.agency-profile .agency-representation-item .termsDocumentUrls {
  margin: 0;
  padding: 0;
  list-style: none;
}
.agency-profile .agency-representation-item .termsDocumentUrls > li:not(:last-child) {
  margin: 0 0 5px;
}
.agency-profile .agency-representation-callout-footer {
  float: left;
  width: 100%;
  margin: 10px 0 0;
  padding: 15px 5px 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid var(--lvh-x-shark-light);
}
.agency-profile .agency-representation-callout-footer:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.agency-profile .agency-representation-callout-footer .header {
  float: left;
  width: 100%;
  text-align: left;
  font-size: 13px;
  color: var(--lvh-primary-text);
  height: 30px;
}
.agency-profile .agency-representation-callout-footer .header:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.agency-profile .agency-representation-callout-footer .header .label {
  vertical-align: top;
}
.agency-profile .agency-representation-callout-footer .signature {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 0 !important;
}
.agency-profile .agency-representation-callout-footer .signature:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.agency-profile .agency-representation-callout-footer .signature .lhs {
  position: absolute !important;
  display: block !important;
  width: 38px !important;
}
.agency-profile .agency-representation-callout-footer .signature .lhs > .cc-avatar {
  max-width: 100%;
  height: auto;
}
.agency-profile .agency-representation-callout-footer .signature .rhs {
  padding-left: 52px !important;
}
.agency-profile .agency-representation-callout-footer .signature .rhs .name-wrap > .name > span {
  color: unset !important;
  font-size: unset !important;
  font-weight: unset !important;
  cursor: pointer;
}
.agency-profile .agency-representation-callout-footer .signature .label-icon {
  padding-right: 5px;
}
.agency-profile .agency-representation-callout-footer .signature .label-icon .icon {
  color: var(--lvh-x-shark-dark);
}
.agency-profile .agency-representation-callout-wrap {
  position: relative;
  display: inline-block;
}
.agency-profile .agency-representation-callout-wrap:not(:last-child) {
  margin-right: 5px;
}
.agency-profile .agency-representation-callout-wrap:hover .cc-callout,
.agency-profile .agency-representation-callout-wrap:focus .cc-callout,
.agency-profile .agency-representation-callout-wrap:active .cc-callout {
  visibility: visible;
}
.agency-profile .agency-representation-callout-wrap > .label {
  padding: 0 0 15px 0;
}
.agency-profile .agency-representation-callout-wrap .callout {
  display: block;
}
.agency-profile .agency-representation-callout-wrap .cc-callout {
  position: absolute;
  top: 20px;
  bottom: auto;
  left: 0;
  visibility: hidden;
  width: 360px;
  z-index: 2000;
}
@media (max-width: 991px) {
  .agency-profile .agency-representation-callout-wrap .cc-callout {
    display: none;
  }
}
.agency-profile .agency-representation-callout-wrap .cc-callout.bottom {
  top: auto;
  bottom: 28px;
}
.agency-profile .agency-representation-callout-wrap .cc-callout .cc-callout-tip {
  left: 24px;
  right: auto;
}
.agency-profile .agency-representation-callout-wrap .cc-callout .cc-callout-tip.top {
  top: 8px;
  right: auto;
  bottom: auto;
}
.agency-profile .agency-representation-callout-wrap .cc-callout .cc-callout-tip.bottom {
  top: auto;
  bottom: -7px;
}
.agency-profile .agency-representation-callout-wrap .cc-callout .cc-callout-body {
  margin-top: 13px;
  padding: 20px 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.agency-profile .agency-representation-callout-wrap .cc-callout .cc-callout-body:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.cc-candidate-search-bar {
  text-align: left;
}
@media (max-width: 991px) {
  .cc-candidate-search-bar .p-mobile-fullscreen-overlay.overlay-visible .header {
    display: block;
  }
}
@media (max-width: 991px) {
  .cc-candidate-search-bar .p-mobile-fullscreen-overlay.overlay-visible #searchForm {
    max-width: 100%;
    margin-bottom: 10px;
    padding: 0;
    border: 0;
    border-radius: 0;
  }
}
@media (max-width: 991px) {
  .cc-candidate-search-bar .p-mobile-fullscreen-overlay.overlay-visible #searchForm #searchControls .inputWrap {
    border: 0;
    border-radius: 0;
  }
}
@media (max-width: 991px) {
  .cc-candidate-search-bar .p-mobile-fullscreen-overlay.overlay-visible #searchForm #searchControls .inputWrap #searchScopeDropdown .selectedLabel {
    padding: 11px 5%;
  }
}
@media (max-width: 991px) {
  .cc-candidate-search-bar .p-mobile-fullscreen-overlay.overlay-visible #searchForm #searchControls .searchInputWrap {
    padding-left: 5%;
  }
}
@media (max-width: 991px) {
  .cc-candidate-search-bar .p-mobile-fullscreen-overlay.overlay-visible #searchForm #searchControls .searchInputWrap #searchInput {
    padding: 0.846em 0;
  }
}
@media (max-width: 991px) {
  .cc-candidate-search-bar .p-mobile-fullscreen-overlay.overlay-visible #searchForm #searchControls .dropdown .suggestionDefault,
  .cc-candidate-search-bar .p-mobile-fullscreen-overlay.overlay-visible #searchForm #searchControls .dropdown #filterList {
    padding-left: 5%;
  }
}
.cc-candidate-search-bar .p-mobile-fullscreen-overlay .header {
  display: none;
}
.cc-candidate-search-bar #searchScopeDropdown {
  min-width: 170px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
@media (max-width: 991px) {
  .cc-candidate-search-bar #searchScopeDropdown {
    float: left;
    position: relative;
    width: 100%;
    border-bottom: 1px solid var(--lvh-x-shark-dark);
  }
}
@media (min-width: 992px) {
  .cc-candidate-search-bar #searchScopeDropdown:after {
    content: '';
    position: absolute;
    border-right: 1px solid var(--lvh-x-shark-dark);
    right: -1px;
    top: 0.5em;
    bottom: 0.5em;
  }
}
.cc-candidate-search-bar #searchScopeDropdown .selectedLabel {
  padding: 10px;
  width: 100%;
  box-sizing: border-box;
  line-height: 20px;
}
@media (max-width: 991px) {
  .cc-candidate-search-bar #searchScopeDropdown .selectedLabel {
    padding: 11px 13px;
  }
}
.cc-candidate-search-bar #searchScopeDropdown .selectedLabel > i {
  float: right;
  font-size: 7px;
  line-height: 20px;
  color: var(--lvh-bright-blue);
}
.cc-candidate-search-bar #specialtyAndKeywordSelection {
  position: relative;
  margin-left: 170px;
  box-sizing: border-box;
}
.cc-candidate-search-bar #specialtyAndKeywordSelection.noSearchScope {
  margin-left: 0;
}
.cc-candidate-search-bar #specialtyAndKeywordSelection.noSearchScope > .dropdown {
  left: -1px;
}
@media (max-width: 991px) {
  .cc-candidate-search-bar #specialtyAndKeywordSelection.noSearchScope > .dropdown {
    left: auto;
  }
}
@media (max-width: 991px) {
  .cc-candidate-search-bar #specialtyAndKeywordSelection {
    float: left;
    width: 100%;
    margin-left: 0;
  }
}
.cc-candidate-search-bar #specialtyAndKeywordSelection > .searchInputWrap > label {
  position: absolute !important;
  height: 1px !important;
  width: 1px !important;
  padding: 0 !important;
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px);
}
.cc-candidate-search-bar #specialtyAndKeywordSelection > .dropdown {
  position: absolute;
  top: 100%;
  right: -1px;
  left: 1px;
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-shark-dark);
  border-top-color: #e4e4e4;
  -webkit-border-top-right-radius: 0.231em;
  border-top-right-radius: 0.231em;
  -webkit-border-bottom-right-radius: 0.231em;
  border-bottom-right-radius: 0.231em;
  -webkit-border-bottom-left-radius: 0.231em;
  border-bottom-left-radius: 0.231em;
  z-index: 1000;
}
@media (max-width: 991px) {
  .cc-candidate-search-bar #specialtyAndKeywordSelection > .dropdown {
    width: 100%;
    position: relative;
    left: auto;
    right: auto;
    margin: 0;
    border: none;
    top: auto;
    float: left;
  }
}
.cc-candidate-search-bar #specialtyAndKeywordSelection > .dropdown .suggestionDefault {
  float: left;
  width: 100%;
  padding: 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .cc-candidate-search-bar #specialtyAndKeywordSelection > .dropdown .suggestionDefault {
    border-top: 1px solid var(--lvh-x-shark-dark);
  }
}
.cc-candidate-search-bar #specialtyAndKeywordSelection > .dropdown .suggestionDefault .text {
  font-size: 0.846em;
  color: #ccc;
}
.cc-candidate-search-bar #searchForm {
  display: table;
  width: 100%;
  max-width: 610px;
  padding: 20px 30px;
  background-color: rgba(255, 255, 255, 0.95);
  border: 1px solid var(--lvh-x-shark-light);
  border-radius: 8px;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  margin: 0 auto 40px auto;
}
@media (max-width: 991px) {
  .cc-candidate-search-bar #searchForm {
    margin-bottom: 10px;
  }
}
.cc-candidate-search-bar #searchControls {
  float: left;
  width: 100%;
  padding-right: 9.308em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .cc-candidate-search-bar #searchControls {
    padding-right: 0;
    margin-bottom: 0.769em;
  }
}
.cc-candidate-search-bar #searchControls .inputWrap {
  float: left;
  width: 100%;
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-shark-dark);
  -moz-border-radius: 0.231em;
  -webkit-border-radius: 0.231em;
  border-radius: 0.231em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.cc-candidate-search-bar #searchControls #searchInput {
  padding: 0.846em 1em;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: none;
  border: none;
}
.cc-candidate-search-bar #searchControls .filter {
  float: left;
  color: var(--lvh-secondary-text);
  background-color: var(--lvh-x-grey);
  border-radius: 0.231em;
  padding: 0.385em 0.615em 0.462em 0.615em;
  margin: 0 0.385em 0.385em 0;
  height: 15px;
}
.cc-candidate-search-bar #searchControls .filter.connectiontags > .arrow {
  position: relative;
  float: left;
  width: 0;
  height: 6px;
  border-top: 10px solid var(--lvh-white);
  border-bottom: 10px solid var(--lvh-white);
  border-left: 8px solid var(--lvh-white92);
  margin-left: 3px;
}
.cc-candidate-search-bar #searchControls .filter.connectiontags > .arrow:before {
  position: absolute;
  top: 50%;
  right: 5px;
  display: block;
  width: 3px;
  height: 3px;
  content: '';
  margin-top: -1.5px;
  background: var(--lvh-white);
}
.cc-candidate-search-bar #searchControls .filter.connectiontags .label > .text {
  color: var(--lvh-x-blue);
}
.cc-candidate-search-bar #searchControls .filter .label {
  float: left;
}
.cc-candidate-search-bar #searchControls .filter .label > .text {
  display: block;
  font-size: 0.846em;
}
.cc-candidate-search-bar #searchControls .filter .remove {
  float: left;
  margin: 0.462em 0 0.462em 0.462em;
  cursor: pointer;
}
.cc-candidate-search-bar #searchControls .filter .remove .icon:before {
  display: block;
  font-size: 0.462em;
}
.cc-candidate-search-bar #searchControls .filter.specialties {
  background-color: var(--lvh-x-murkberry-light);
}
.cc-candidate-search-bar #searchControls .filter.specialties .label,
.cc-candidate-search-bar #searchControls .filter.specialties .remove {
  color: var(--lvh-x-murkberry-darker);
}
.cc-candidate-search-bar #searchControls .filter.classic {
  border-left: 3px solid #448cdb;
}
.cc-candidate-search-bar #searchControls .filter.bronze {
  border-left: 3px solid #ffca67;
}
.cc-candidate-search-bar #searchControls .filter.silver {
  border-left: 3px solid #ffca67;
}
.cc-candidate-search-bar #searchControls .filter.gold {
  border-left: 3px solid #ffca67;
}
.cc-candidate-search-bar #searchControls .filter.milestone {
  border-left: 3px solid #fb915e;
}
.cc-candidate-search-bar #searchControls .filter.role {
  border-left: 3px solid #ff60a2;
}
.cc-candidate-search-bar #searchControls .filter.jobtitle {
  border-left: 3px solid #ff60a2;
}
.cc-candidate-search-bar #searchControls .filter.qualification_randstad {
  border-left: 3px solid #6c65fb;
}
.cc-candidate-search-bar #searchControls .filter.randstaddirect {
  border-left: 3px solid #2175d9;
}
.cc-candidate-search-bar #searchControls .filter.qualification {
  border-left: 3px solid #f1f2f3;
}
.cc-candidate-search-bar #searchControls .filter.default {
  border-left: 3px solid #f1f2f3;
}
.cc-candidate-search-bar #searchControls .filter.location {
  border-left: 3px solid #f1f2f3;
}
.cc-candidate-search-bar #searchControls .filter.worktype {
  border-left: 3px solid #f1f2f3;
}
.cc-candidate-search-bar #searchControls .filter.client {
  border-left: 3px solid #f1f2f3;
}
.cc-candidate-search-bar #searchControls .filter.project {
  border-left: 3px solid #f1f2f3;
}
.cc-candidate-search-bar #searchControls .filter.system {
  border-left: 3px solid #f1f2f3;
}
.cc-candidate-search-bar #searchControls .filter.secondary {
  border-left: 3px solid #f1f2f3;
}
.cc-candidate-search-bar #searchControls .searchSuggestionsDirective .categoryGroup {
  float: left;
  width: 100%;
}
.cc-candidate-search-bar #searchControls .searchSuggestionsDirective .categoryGroup .categoryName {
  background-color: var(--lvh-x-shark-light);
  padding: 0.462em 1em;
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
}
@media (max-width: 991px) {
  .cc-candidate-search-bar #searchControls .searchSuggestionsDirective .categoryGroup .categoryName {
    padding: 0.462em 0;
  }
}
.cc-candidate-search-bar #searchControls .searchSuggestionsDirective .categoryGroup .categoryName .text {
  display: block;
  font-size: 0.769em;
  font-weight: 600;
  text-transform: uppercase;
}
.cc-candidate-search-bar #searchControls .searchSuggestionsDirective .filterValue {
  float: left;
  width: 100%;
  position: relative;
  display: flex;
  cursor: pointer;
  margin-bottom: 0.462em;
}
.cc-candidate-search-bar #searchControls .searchSuggestionsDirective .filterValue:last-child {
  margin-bottom: 0;
}
.cc-candidate-search-bar #searchControls .searchSuggestionsDirective .filterValue.selected .indicator > .icon {
  visibility: visible;
  font-family: 'IconFont';
  color: var(--lvh-x-green);
}
.cc-candidate-search-bar #searchControls .searchSuggestionsDirective .filterValue.selected .indicator > .icon:before {
  content: "\e911";
}
.cc-candidate-search-bar #searchControls .searchSuggestionsDirective .filterValue.selected .indicator > .icon.not {
  color: var(--lvh-x-ripe);
}
.cc-candidate-search-bar #searchControls .searchSuggestionsDirective .filterValue.selected .indicator > .icon.not:before {
  content: "\e90e";
}
.cc-candidate-search-bar #searchControls .searchSuggestionsDirective .filterValue .indicator {
  width: 0.615em;
  padding-right: 0.615em;
  position: absolute;
  top: -1px;
  left: 0;
}
@media (max-width: 991px) {
  .cc-candidate-search-bar #searchControls .searchSuggestionsDirective .filterValue .indicator {
    float: right;
    width: 1em;
    position: static;
    margin-right: 0;
  }
}
.cc-candidate-search-bar #searchControls .searchSuggestionsDirective .filterValue .indicator > .icon {
  visibility: hidden;
  font-size: 0.615em;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}
@media (max-width: 991px) {
  .cc-candidate-search-bar #searchControls .searchSuggestionsDirective .filterValue .indicator > .icon {
    visibility: visible;
    font-size: 1em;
    color: var(--lvh-x-green);
  }
}
.cc-candidate-search-bar #searchControls .searchSuggestionsDirective .filterValue .label {
  flex: 1;
  float: left;
}
.cc-candidate-search-bar #searchControls .searchSuggestionsDirective .filterValue .label > .text {
  word-break: break-word;
  color: var(--lvh-secondary-text);
}
.cc-candidate-search-bar #searchControls .searchSuggestionsDirective .filterValue .count {
  float: right;
  margin-left: 0.615em;
}
.cc-candidate-search-bar #searchControls .searchSuggestionsDirective .filterValue .count > .text {
  font-size: 0.846em;
  color: var(--lvh-x-shark-dark);
}
.cc-candidate-search-bar #searchControls .searchSuggestionsDirective .suggestions {
  float: left;
  width: 100%;
  margin: 0;
  padding: 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .cc-candidate-search-bar #searchControls .searchSuggestionsDirective .suggestions {
    padding: 1em 0;
  }
}
.cc-candidate-search-bar #searchControls .searchSuggestionsDirective .suggestions > .suggestion {
  float: left;
  width: 100%;
  margin: 0 0 0.462em 0;
  padding: 0;
  list-style: none;
  cursor: pointer;
}
.cc-candidate-search-bar #searchControls .searchSuggestionsDirective .suggestions > .suggestion:last-child {
  margin-bottom: 0;
}
.cc-candidate-search-bar #searchControls .searchSuggestionsDirective .dropdown {
  float: left;
  width: 100%;
}
.cc-candidate-search-bar #searchControls .searchSuggestionsDirective .dropdown > spinner {
  display: block;
  padding: 0 1em 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
.cc-candidate-search-bar #searchControls .searchSuggestionsDirective .dropdown > .categoryGroup:first-child > .categoryName {
  border-top: none;
}
@media (max-width: 991px) {
  .cc-candidate-search-bar #searchControls .searchSuggestionsDirective .dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border-top-color: #e4e4e4;
    border-left: 0;
    border-right: 0;
    z-index: 1000;
    min-height: 70px;
  }
}
.cc-candidate-search-bar #searchControls .searchSuggestionsDirective .suggestionListFooter {
  float: left;
  width: 100%;
  border-top: 1px solid var(--lvh-x-shark-light);
  padding: 0.769em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .cc-candidate-search-bar #searchControls .searchSuggestionsDirective .suggestionListFooter {
    padding: 0.769em 0;
  }
}
.cc-candidate-search-bar #searchControls .searchSuggestionsDirective .suggestionListFooter .button {
  float: right;
}
@media (max-width: 991px) {
  .cc-candidate-search-bar #searchControls .searchSuggestionsDirective .suggestionListFooter .button {
    width: 100%;
  }
}
.cc-candidate-search-bar #filterList {
  display: block;
  float: left;
  width: 100%;
  padding: 0.769em 0.615em 0.385em 0.615em;
  max-height: 5.923em;
  overflow-y: auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .cc-candidate-search-bar #filterList {
    float: none;
    width: 100%;
    margin: 0 auto 10px;
    padding: 0.769px 1em 0.385px;
  }
}
.cc-candidate-search-bar #searchButton {
  width: 8.308em;
  position: absolute;
  top: 20px;
  right: 30px;
}
@media (max-width: 991px) {
  .cc-candidate-search-bar #searchButton {
    width: 100%;
    position: static;
    padding: 1.231em 1.538em;
    margin-bottom: 0.923em;
  }
}

.cc-overlay-mask.transparent {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9000;
}
.cc-modalOverlayMask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9000;
}
.cc-modalOverlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9100;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  cursor: default !important;
}
@media (max-width: 991px) {
  .cc-modalOverlay.collapse {
    overflow: hidden;
  }
}
.cc-modalOverlay > .overlayContent {
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .cc-modalOverlay > .overlayContent.form {
    padding: 0;
  }
}
.cc-modal {
  display: table;
  width: 100%;
  max-width: 500px;
  table-layout: fixed;
  margin: 100px auto;
  position: relative;
  background-color: var(--lvh-white);
  border-bottom: 1px solid var(--lvh-white92);
  border-radius: 3px;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .cc-modal {
    margin: 64px auto;
  }
}
@media (min-width: 992px) {
  .cc-modal.small {
    max-width: 500px;
  }
}
@media (min-width: 992px) {
  .cc-modal.medium {
    max-width: 620px;
  }
}
.cc-modal.large {
  max-width: 800px;
}
.cc-modal.extra-large {
  max-width: 1080px;
}
.cc-modal.fullscreen {
  max-width: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9100;
  overflow-y: scroll;
  margin: 0;
  background: transparent;
  background-color: rgba(0, 0, 0, 0.5);
}
@media (min-width: 1199px) {
  .cc-modal.fullscreen .close-button.closeModal {
    position: absolute;
    top: 18px;
    left: 20px;
    line-height: normal;
    width: 32px;
    height: 25px;
  }
  .cc-modal.fullscreen .close-button.closeModal .icon {
    color: var(--lvh-white);
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .cc-modal.confirmationDialog {
    display: block;
  }
}
@media (max-width: 991px) {
  .cc-modal.confirmationDialog > .header {
    display: none;
  }
}
.cc-modal.confirmationDialog .modalBody {
  padding: 30px;
}
.cc-modal.confirmationDialog .modalBody > .cc-alert {
  margin: 20px 0 0;
}
.cc-modal.confirmationDialog .modalFooter {
  padding: 20px 30px;
}
@media (max-width: 991px) {
  .cc-modal.confirmationDialog .closeModal {
    display: block;
  }
}
@media (max-width: 991px) {
  .cc-modal.confirmationDialog .modalHeader {
    display: block;
  }
}
.cc-modal.is-lh-branded .p-checkbox .input {
  /*position: absolute;
        top: -9999px;
        left: -9999px;*/
  position: absolute;
  height: 0;
  width: 0;
  opacity: 0;
}
.cc-modal.is-lh-branded .p-checkbox .label {
  display: inline-block;
  line-height: 14px;
  margin: 0 0 0 0.5em;
  vertical-align: middle;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.cc-modal.is-lh-branded .p-checkbox.below-field {
  display: inline-block;
  padding-top: 5px;
}
.cc-modal.is-lh-branded .p-checkbox.field-height .label {
  line-height: 34px;
}
.cc-modal.is-lh-branded .p-checkbox .input:focus ~ .checkbox {
  box-shadow: 0px 0px 0px 2px var(--lvh-x-dark-grey);
}
.cc-modal.is-lh-branded .p-checkbox .input.checked:disabled ~ .checkbox:before,
.cc-modal.is-lh-branded .p-checkbox .input:checked:disabled ~ .checkbox:before {
  color: var(--lvh-x-shark-dark) !important;
}
.cc-modal.is-lh-branded .p-checkbox .input.checked ~ .checkbox,
.cc-modal.is-lh-branded .p-checkbox .input:checked ~ .checkbox {
  background-color: var(--lvh-bright-blue-trans-10);
  border-color: var(--lvh-bright-blue);
}
.cc-modal.is-lh-branded .p-checkbox .input.checked ~ .checkbox:before,
.cc-modal.is-lh-branded .p-checkbox .input:checked ~ .checkbox:before {
  content: "\e902";
  font-family: 'CoreIconFont';
  font-size: 8px;
  line-height: 14px;
  color: var(--lvh-bright-blue);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.cc-modal.is-lh-branded .p-checkbox .input:disabled ~ .checkbox {
  background-color: var(--lvh-white98) !important;
  border-color: var(--lvh-x-pale-grey) !important;
  cursor: default;
}
.cc-modal.is-lh-branded .p-checkbox .checkbox {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-pale-grey);
  border-radius: 3px;
  position: relative;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
.cc-modal.is-lh-branded .p-solid-button.blue {
  --lvh-btn-border-thickness: 1px;
  --lvh-btn-border-colour: transparent;
  --lvh-btn-focus-box-shadow-colour: #444444;
  outline: 0;
  border: none;
  background: none;
  line-height: normal;
  border-radius: 3px;
  box-sizing: border-box;
  transition: 0.2s background-color linear, 0.2s box-shadow linear;
  background-color: var(--lvh-btn-bg-colour);
  color: var(--lvh-btn-colour);
  border: var(--lvh-btn-border-thickness) solid var(--lvh-btn-border-colour);
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #00bdeb;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #1fd3ff;
  --lvh-btn-hover-border-colour: #1fd3ff;
}
.cc-modal.is-lh-branded .p-solid-button.blue:hover:not([disabled]),
.cc-modal.is-lh-branded .p-solid-button.blue:hover:not(:disabled) {
  border: var(--lvh-btn-border-thickness) solid var(--lvh-btn-hover-border-colour);
  text-decoration: underline;
  background-color: var(--lvh-btn-hover-bg-colour);
  color: var(--lvh-btn-hover-colour);
}
.cc-modal.is-lh-branded .p-solid-button.blue:hover:not([disabled]) > .label,
.cc-modal.is-lh-branded .p-solid-button.blue:hover:not(:disabled) > .label {
  color: var(--lvh-btn-hover-colour);
}
.cc-modal.is-lh-branded .p-solid-button.blue:focus:not([disabled]),
.cc-modal.is-lh-branded .p-solid-button.blue:focus:not(:disabled) {
  border: 1px solid var(--lvh-btn-hover-border-colour);
  text-decoration: underline;
  background-color: var(--lvh-btn-hover-bg-colour);
  color: var(--lvh-btn-hover-colour);
  box-shadow: 0px 0px 0px 1px var(--lvh-white98), 0px 0px 0px 2px var(--lvh-btn-focus-box-shadow-colour);
}
.cc-modal.is-lh-branded .p-solid-button.blue:focus:not([disabled]) > .label,
.cc-modal.is-lh-branded .p-solid-button.blue:focus:not(:disabled) > .label {
  color: var(--lvh-btn-hover-colour);
}
.cc-modal.is-lh-branded .p-solid-button.blue > .label {
  color: var(--lvh-btn-colour);
  font-size: 1em;
  font-weight: 600;
  cursor: pointer;
}
.cc-modal.is-lh-branded .p-solid-button.blue.small {
  padding: 5px 15px;
}
.cc-modal.is-lh-branded .p-solid-button.blue.medium {
  padding: 8px 20px;
}
.cc-modal.is-lh-branded .p-solid-button.blue.large {
  padding: 11px 20px;
}
.cc-modal.is-lh-branded .p-solid-button.blue.large > .label {
  font-size: 1.154em;
}
.cc-modal.is-lh-branded .p-solid-button.blue.blue,
.cc-modal.is-lh-branded .p-solid-button.blue.bright-blue {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #00bdeb;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #1fd3ff;
  --lvh-btn-hover-border-colour: #1fd3ff;
}
.cc-modal.is-lh-branded .p-solid-button.blue.shark-dark {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #cccccc;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #e6e6e6;
  --lvh-btn-hover-border-colour: #e6e6e6;
}
.cc-modal.is-lh-branded .p-solid-button.blue.mid-grey {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #666666;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #808080;
  --lvh-btn-hover-border-colour: #808080;
}
.cc-modal.is-lh-branded .p-solid-button.blue.paler-grey {
  --lvh-btn-colour: #444444;
  --lvh-btn-bg-colour: #e0e0e0;
  --lvh-btn-hover-colour: #444444;
  --lvh-btn-hover-bg-colour: #fafafa;
  --lvh-btn-hover-border-colour: #fafafa;
}
.cc-modal.is-lh-branded .p-solid-button.blue.off-white {
  --lvh-btn-colour: #888888;
  --lvh-btn-bg-colour: #f3f5f7;
  --lvh-btn-hover-colour: #888888;
  --lvh-btn-hover-bg-colour: #ffffff;
  --lvh-btn-hover-border-colour: #ffffff;
  --lvh-btn-border-colour: #dedede;
  --lvh-btn-hover-border-colour: #dedede;
}
.cc-modal.is-lh-branded .p-solid-button.blue.white {
  --lvh-btn-colour: #888888;
  --lvh-btn-bg-colour: #fff;
  --lvh-btn-hover-colour: #888888;
  --lvh-btn-hover-bg-colour: #ffffff;
  --lvh-btn-hover-border-colour: #ffffff;
  --lvh-btn-border-colour: #dedede;
  --lvh-btn-hover-border-colour: #dedede;
}
.cc-modal.is-lh-branded .p-solid-button.blue.red,
.cc-modal.is-lh-branded .p-solid-button.blue.ripe {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #bd350f;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #ec4213;
  --lvh-btn-hover-border-colour: #ec4213;
}
.cc-modal.is-lh-branded .p-solid-button.blue.orange {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #ff8133;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #ffa066;
  --lvh-btn-hover-border-colour: #ffa066;
}
.cc-modal.is-lh-branded .p-solid-button.blue.yellow {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #ffd540;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #ffe073;
  --lvh-btn-hover-border-colour: #ffe073;
}
.cc-modal.is-lh-branded .p-solid-button.blue.green {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #50b848;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #73c66d;
  --lvh-btn-hover-border-colour: #73c66d;
}
.cc-modal.is-lh-branded .p-solid-button.blue.murkberry-dark {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #a1b1de;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #c7d0eb;
  --lvh-btn-hover-border-colour: #c7d0eb;
}
.cc-modal.is-lh-branded .p-solid-button.blue.pink {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #ff5aa8;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #ff8dc3;
  --lvh-btn-hover-border-colour: #ff8dc3;
}
.cc-modal.is-lh-branded .p-solid-button.blue.purple {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #7858e0;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #9b83e8;
  --lvh-btn-hover-border-colour: #9b83e8;
}
.cc-modal.is-lh-branded .p-solid-button.blue.light-purple {
  --lvh-btn-colour: #7858e0;
  --lvh-btn-bg-colour: rgba(120, 88, 224, 0.2);
  --lvh-btn-hover-colour: #7858e0;
  --lvh-btn-hover-bg-colour: rgba(155, 131, 232, 0.2);
  --lvh-btn-hover-border-colour: rgba(155, 131, 232, 0.2);
}
.cc-modal.is-lh-branded a {
  color: var(--lvh-bright-blue);
}
.cc-modal.is-lh-branded input[type="text"]:hover,
.cc-modal.is-lh-branded input[type="number"]:hover,
.cc-modal.is-lh-branded input[type="email"]:hover,
.cc-modal.is-lh-branded input[type="password"]:hover,
.cc-modal.is-lh-branded input[type="tel"]:hover,
.cc-modal.is-lh-branded input[type="text"]:focus,
.cc-modal.is-lh-branded input[type="number"]:focus,
.cc-modal.is-lh-branded input[type="email"]:focus,
.cc-modal.is-lh-branded input[type="password"]:focus,
.cc-modal.is-lh-branded input[type="tel"]:focus {
  border-color: var(--lvh-x-paler-grey);
}
.cc-modal.is-lh-branded #login-header {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.cc-modal.is-lh-branded .closeModal > .icon {
  color: var(--lvh-white);
}
@media (max-width: 991px) {
  .cc-modal {
    max-width: 100% !important;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    border-radius: 0;
    border-bottom: none;
  }
}
.cc-modal .modalNav {
  border-top: solid 1px var(--lvh-x-pale-grey);
  background-color: var(--lvh-x-off-white);
  height: 60px;
}
.cc-modal .modalBody {
  border-top: 1px solid var(--lvh-x-pale-grey);
  padding-bottom: 20px;
}
.cc-modal .modalBody:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.cc-modal .modalBody.stateChange {
  padding: 40px 30px;
  text-align: center;
}
.cc-modal .modalBody.stateChange .iconWrap {
  margin-bottom: 5px;
}
.cc-modal .modalBody.stateChange .iconWrap > .icon {
  font-size: 32px;
}
.cc-modal .modalBody.stateChange .iconWrap > .icon.glyph0034 {
  color: var(--lvh-x-green);
}
.cc-modal .modalBody.stateChange .iconWrap > .icon.glyph0050 {
  color: var(--lvh-x-ripe);
}
.cc-modal .modalBody.stateChange h2 {
  margin-bottom: 5px;
}
.cc-modal .modalBody.stateChange h2 > span {
  font-size: 15px;
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
}
.cc-modal .confirmationDialog .modalBody {
  border-top: 1px solid var(--lvh-x-pale-grey) !important;
}
@media (max-width: 991px) {
  .cc-modal .closeModal {
    display: none;
  }
}
.cc-modal .modalHeader {
  padding: 20px 30px;
}
@media (max-width: 991px) {
  .cc-modal .modalHeader {
    display: none;
  }
}
@media (min-width: 992px) {
  .cc-modal .header {
    display: none;
  }
}
@media (max-width: 991px) {
  .cc-modal .header {
    overflow: hidden;
    height: 44px;
    text-align: center;
    background-color: var(--lvh-x-shark-light);
  }
}
@media (max-width: 991px) {
  .cc-modal .header .container--mobile {
    position: relative;
  }
}
@media (max-width: 991px) {
  .cc-modal .header button,
  .cc-modal .header .back-button,
  .cc-modal .header .clear-button {
    display: block;
  }
}
@media (max-width: 991px) {
  .cc-modal .header .heading {
    display: block;
    float: none;
    margin: 0;
    padding: 0 35px;
    font-size: 14px;
    font-weight: 600;
    line-height: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
  }
}
@media (max-width: 991px) {
  .cc-modal .header .back-button {
    position: absolute;
    top: 15px;
    left: 0;
    margin: 0;
    border: none;
    background: transparent;
    float: left;
    display: inline-block;
    text-align: left;
  }
}
@media (max-width: 991px) {
  .cc-modal .header .close-button {
    position: absolute;
    top: 15px;
    right: 0;
    margin: 0;
    border: none;
    background: transparent;
    float: left;
    display: inline-block;
    text-align: left;
  }
}
@media (max-width: 991px) {
  .cc-modal .body {
    display: block;
  }
}
@media (max-width: 991px) {
  .cc-modal .body > .container--mobile,
  .cc-modal .body > .container-mobile {
    width: 100%;
  }
}
.cc-modal .modalFooter {
  text-align: right;
}
.cc-modal .modalFooter:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (max-width: 991px) {
  .cc-modal .modalFooter {
    float: none;
    text-align: left;
  }
}
.cc-modal .modalFooter .button {
  display: inline;
}
@media (max-width: 991px) {
  .cc-modal .modalFooter .button {
    width: 100%;
  }
}
.cc-modal .modalFooter .button:not(:last-child) {
  margin-right: 10px;
}
@media (max-width: 991px) {
  .cc-modal .modalFooter .button:not(:last-child) {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.cc-modal h2 {
  margin: 0;
}
.cc-modal h2 > span {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--lvh-x-dark-grey);
}
@media (max-width: 991px) {
  .cc-modal h2 > span {
    font-size: 20px;
  }
}
.cc-modal p {
  margin: 0;
  color: var(--lvh-secondary-text);
  line-height: 1.6;
}
.cc-modal p:not(:last-child) {
  margin: 0 0 20px 0;
}
.cc-modal p > strong {
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
}
.cc-modal .legalWarranty {
  color: var(--lvh-secondary-text);
}
.cc-modal .legalWarranty > ul {
  list-style-position: inside;
  margin-top: 0;
  margin-bottom: 0;
}
.cc-modal .sub-text {
  font-size: 11px;
}
.cc-modal label.label {
  margin-bottom: 5px;
  display: block;
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
}
.cc-modal label.label > .sub-text {
  color: var(--lvh-x-shark-dark);
}
.cc-modal .closeModal {
  position: absolute;
  top: 10px;
  right: 10px;
  line-height: normal;
  background: none;
  border: none;
  padding: 0;
}
.cc-modal .closeModal > .icon {
  color: var(--lvh-x-dark-grey);
  font-size: 13px;
}
.overlay > .modal {
  display: table;
  width: 100%;
  max-width: 500px;
  table-layout: fixed;
  margin: 100px auto;
  position: relative;
  background-color: var(--lvh-white);
  border-bottom: 1px solid var(--lvh-white92);
  border-radius: 3px;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .overlay > .modal {
    margin: 64px auto;
  }
}
@media (min-width: 992px) {
  .overlay > .modal.small {
    max-width: 500px;
  }
}
@media (min-width: 992px) {
  .overlay > .modal.medium {
    max-width: 620px;
  }
}
.overlay > .modal.large {
  max-width: 800px;
}
.overlay > .modal.fullscreen {
  max-width: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9100;
  overflow-y: scroll;
  margin: 0;
  background: transparent;
  background-color: rgba(0, 0, 0, 0.5);
}
@media (min-width: 1199px) {
  .overlay > .modal.fullscreen .close-button.closeModal {
    position: absolute;
    top: 18px;
    left: 20px;
    line-height: normal;
    width: 32px;
    height: 25px;
  }
  .overlay > .modal.fullscreen .close-button.closeModal .icon {
    color: var(--lvh-white);
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .overlay > .modal.confirmationDialog {
    display: block;
  }
}
@media (max-width: 991px) {
  .overlay > .modal.confirmationDialog > .header {
    display: none;
  }
}
.overlay > .modal.confirmationDialog .modalBody {
  padding: 30px;
}
.overlay > .modal.confirmationDialog .modalBody > .cc-alert {
  margin: 20px 0 0;
}
.overlay > .modal.confirmationDialog .modalFooter {
  padding: 20px 30px;
}
@media (max-width: 991px) {
  .overlay > .modal.confirmationDialog .closeModal {
    display: block;
  }
}
@media (max-width: 991px) {
  .overlay > .modal.confirmationDialog .modalHeader {
    display: block;
  }
}
.overlay > .modal.is-lh-branded .p-checkbox .input {
  /*position: absolute;
        top: -9999px;
        left: -9999px;*/
  position: absolute;
  height: 0;
  width: 0;
  opacity: 0;
}
.overlay > .modal.is-lh-branded .p-checkbox .label {
  display: inline-block;
  line-height: 14px;
  margin: 0 0 0 0.5em;
  vertical-align: middle;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.overlay > .modal.is-lh-branded .p-checkbox.below-field {
  display: inline-block;
  padding-top: 5px;
}
.overlay > .modal.is-lh-branded .p-checkbox.field-height .label {
  line-height: 34px;
}
.overlay > .modal.is-lh-branded .p-checkbox .input:focus ~ .checkbox {
  box-shadow: 0px 0px 0px 2px var(--lvh-x-dark-grey);
}
.overlay > .modal.is-lh-branded .p-checkbox .input.checked:disabled ~ .checkbox:before,
.overlay > .modal.is-lh-branded .p-checkbox .input:checked:disabled ~ .checkbox:before {
  color: var(--lvh-x-shark-dark) !important;
}
.overlay > .modal.is-lh-branded .p-checkbox .input.checked ~ .checkbox,
.overlay > .modal.is-lh-branded .p-checkbox .input:checked ~ .checkbox {
  background-color: var(--lvh-bright-blue-trans-10);
  border-color: var(--lvh-bright-blue);
}
.overlay > .modal.is-lh-branded .p-checkbox .input.checked ~ .checkbox:before,
.overlay > .modal.is-lh-branded .p-checkbox .input:checked ~ .checkbox:before {
  content: "\e902";
  font-family: 'CoreIconFont';
  font-size: 8px;
  line-height: 14px;
  color: var(--lvh-bright-blue);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.overlay > .modal.is-lh-branded .p-checkbox .input:disabled ~ .checkbox {
  background-color: var(--lvh-white98) !important;
  border-color: var(--lvh-x-pale-grey) !important;
  cursor: default;
}
.overlay > .modal.is-lh-branded .p-checkbox .checkbox {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-pale-grey);
  border-radius: 3px;
  position: relative;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
.overlay > .modal.is-lh-branded .p-solid-button.blue {
  --lvh-btn-border-thickness: 1px;
  --lvh-btn-border-colour: transparent;
  --lvh-btn-focus-box-shadow-colour: #444444;
  outline: 0;
  border: none;
  background: none;
  line-height: normal;
  border-radius: 3px;
  box-sizing: border-box;
  transition: 0.2s background-color linear, 0.2s box-shadow linear;
  background-color: var(--lvh-btn-bg-colour);
  color: var(--lvh-btn-colour);
  border: var(--lvh-btn-border-thickness) solid var(--lvh-btn-border-colour);
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #00bdeb;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #1fd3ff;
  --lvh-btn-hover-border-colour: #1fd3ff;
}
.overlay > .modal.is-lh-branded .p-solid-button.blue:hover:not([disabled]),
.overlay > .modal.is-lh-branded .p-solid-button.blue:hover:not(:disabled) {
  border: var(--lvh-btn-border-thickness) solid var(--lvh-btn-hover-border-colour);
  text-decoration: underline;
  background-color: var(--lvh-btn-hover-bg-colour);
  color: var(--lvh-btn-hover-colour);
}
.overlay > .modal.is-lh-branded .p-solid-button.blue:hover:not([disabled]) > .label,
.overlay > .modal.is-lh-branded .p-solid-button.blue:hover:not(:disabled) > .label {
  color: var(--lvh-btn-hover-colour);
}
.overlay > .modal.is-lh-branded .p-solid-button.blue:focus:not([disabled]),
.overlay > .modal.is-lh-branded .p-solid-button.blue:focus:not(:disabled) {
  border: 1px solid var(--lvh-btn-hover-border-colour);
  text-decoration: underline;
  background-color: var(--lvh-btn-hover-bg-colour);
  color: var(--lvh-btn-hover-colour);
  box-shadow: 0px 0px 0px 1px var(--lvh-white98), 0px 0px 0px 2px var(--lvh-btn-focus-box-shadow-colour);
}
.overlay > .modal.is-lh-branded .p-solid-button.blue:focus:not([disabled]) > .label,
.overlay > .modal.is-lh-branded .p-solid-button.blue:focus:not(:disabled) > .label {
  color: var(--lvh-btn-hover-colour);
}
.overlay > .modal.is-lh-branded .p-solid-button.blue > .label {
  color: var(--lvh-btn-colour);
  font-size: 1em;
  font-weight: 600;
  cursor: pointer;
}
.overlay > .modal.is-lh-branded .p-solid-button.blue.small {
  padding: 5px 15px;
}
.overlay > .modal.is-lh-branded .p-solid-button.blue.medium {
  padding: 8px 20px;
}
.overlay > .modal.is-lh-branded .p-solid-button.blue.large {
  padding: 11px 20px;
}
.overlay > .modal.is-lh-branded .p-solid-button.blue.large > .label {
  font-size: 1.154em;
}
.overlay > .modal.is-lh-branded .p-solid-button.blue.blue,
.overlay > .modal.is-lh-branded .p-solid-button.blue.bright-blue {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #00bdeb;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #1fd3ff;
  --lvh-btn-hover-border-colour: #1fd3ff;
}
.overlay > .modal.is-lh-branded .p-solid-button.blue.shark-dark {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #cccccc;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #e6e6e6;
  --lvh-btn-hover-border-colour: #e6e6e6;
}
.overlay > .modal.is-lh-branded .p-solid-button.blue.mid-grey {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #666666;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #808080;
  --lvh-btn-hover-border-colour: #808080;
}
.overlay > .modal.is-lh-branded .p-solid-button.blue.paler-grey {
  --lvh-btn-colour: #444444;
  --lvh-btn-bg-colour: #e0e0e0;
  --lvh-btn-hover-colour: #444444;
  --lvh-btn-hover-bg-colour: #fafafa;
  --lvh-btn-hover-border-colour: #fafafa;
}
.overlay > .modal.is-lh-branded .p-solid-button.blue.off-white {
  --lvh-btn-colour: #888888;
  --lvh-btn-bg-colour: #f3f5f7;
  --lvh-btn-hover-colour: #888888;
  --lvh-btn-hover-bg-colour: #ffffff;
  --lvh-btn-hover-border-colour: #ffffff;
  --lvh-btn-border-colour: #dedede;
  --lvh-btn-hover-border-colour: #dedede;
}
.overlay > .modal.is-lh-branded .p-solid-button.blue.white {
  --lvh-btn-colour: #888888;
  --lvh-btn-bg-colour: #fff;
  --lvh-btn-hover-colour: #888888;
  --lvh-btn-hover-bg-colour: #ffffff;
  --lvh-btn-hover-border-colour: #ffffff;
  --lvh-btn-border-colour: #dedede;
  --lvh-btn-hover-border-colour: #dedede;
}
.overlay > .modal.is-lh-branded .p-solid-button.blue.red,
.overlay > .modal.is-lh-branded .p-solid-button.blue.ripe {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #bd350f;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #ec4213;
  --lvh-btn-hover-border-colour: #ec4213;
}
.overlay > .modal.is-lh-branded .p-solid-button.blue.orange {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #ff8133;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #ffa066;
  --lvh-btn-hover-border-colour: #ffa066;
}
.overlay > .modal.is-lh-branded .p-solid-button.blue.yellow {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #ffd540;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #ffe073;
  --lvh-btn-hover-border-colour: #ffe073;
}
.overlay > .modal.is-lh-branded .p-solid-button.blue.green {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #50b848;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #73c66d;
  --lvh-btn-hover-border-colour: #73c66d;
}
.overlay > .modal.is-lh-branded .p-solid-button.blue.murkberry-dark {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #a1b1de;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #c7d0eb;
  --lvh-btn-hover-border-colour: #c7d0eb;
}
.overlay > .modal.is-lh-branded .p-solid-button.blue.pink {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #ff5aa8;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #ff8dc3;
  --lvh-btn-hover-border-colour: #ff8dc3;
}
.overlay > .modal.is-lh-branded .p-solid-button.blue.purple {
  --lvh-btn-colour: #fff;
  --lvh-btn-bg-colour: #7858e0;
  --lvh-btn-hover-colour: #fff;
  --lvh-btn-hover-bg-colour: #9b83e8;
  --lvh-btn-hover-border-colour: #9b83e8;
}
.overlay > .modal.is-lh-branded .p-solid-button.blue.light-purple {
  --lvh-btn-colour: #7858e0;
  --lvh-btn-bg-colour: rgba(120, 88, 224, 0.2);
  --lvh-btn-hover-colour: #7858e0;
  --lvh-btn-hover-bg-colour: rgba(155, 131, 232, 0.2);
  --lvh-btn-hover-border-colour: rgba(155, 131, 232, 0.2);
}
.overlay > .modal.is-lh-branded a {
  color: var(--lvh-bright-blue);
}
.overlay > .modal.is-lh-branded input[type="text"]:hover,
.overlay > .modal.is-lh-branded input[type="number"]:hover,
.overlay > .modal.is-lh-branded input[type="email"]:hover,
.overlay > .modal.is-lh-branded input[type="password"]:hover,
.overlay > .modal.is-lh-branded input[type="tel"]:hover,
.overlay > .modal.is-lh-branded input[type="text"]:focus,
.overlay > .modal.is-lh-branded input[type="number"]:focus,
.overlay > .modal.is-lh-branded input[type="email"]:focus,
.overlay > .modal.is-lh-branded input[type="password"]:focus,
.overlay > .modal.is-lh-branded input[type="tel"]:focus {
  border-color: var(--lvh-x-paler-grey);
}
.overlay > .modal.is-lh-branded #login-header {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.overlay > .modal.is-lh-branded .closeModal > .icon {
  color: var(--lvh-white);
}
@media (max-width: 991px) {
  .overlay > .modal {
    max-width: 100% !important;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    border-radius: 0;
    border-bottom: none;
  }
}
.overlay > .modal .modalBody {
  padding-bottom: 20px;
}
.overlay > .modal .modalBody:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.overlay > .modal .modalBody.stateChange {
  padding: 40px 30px;
  text-align: center;
}
.overlay > .modal .modalBody.stateChange .iconWrap {
  margin-bottom: 5px;
}
.overlay > .modal .modalBody.stateChange .iconWrap > .icon {
  font-size: 32px;
}
.overlay > .modal .modalBody.stateChange .iconWrap > .icon.glyph0034 {
  color: var(--lvh-x-green);
}
.overlay > .modal .modalBody.stateChange .iconWrap > .icon.glyph0050 {
  color: var(--lvh-x-ripe);
}
.overlay > .modal .modalBody.stateChange h2 {
  margin-bottom: 5px;
}
.overlay > .modal .modalBody.stateChange h2 > span {
  font-size: 15px;
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
}
.overlay > .modal .confirmationDialog .modalBody {
  border-top: 1px solid var(--lvh-x-pale-grey) !important;
}
@media (max-width: 991px) {
  .overlay > .modal .closeModal {
    display: none;
  }
}
.overlay > .modal .modalHeader {
  padding: 20px 30px;
}
@media (max-width: 991px) {
  .overlay > .modal .body {
    display: block;
  }
}
@media (max-width: 991px) {
  .overlay > .modal .body > .container--mobile,
  .overlay > .modal .body > .container-mobile {
    width: 100%;
  }
}
.overlay > .modal .modalFooter {
  text-align: right;
}
.overlay > .modal .modalFooter:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (max-width: 991px) {
  .overlay > .modal .modalFooter {
    float: none;
    text-align: left;
  }
}
.overlay > .modal .modalFooter .button {
  display: inline;
}
@media (max-width: 991px) {
  .overlay > .modal .modalFooter .button {
    width: 100%;
  }
}
.overlay > .modal .modalFooter .button:not(:last-child) {
  margin-right: 10px;
}
@media (max-width: 991px) {
  .overlay > .modal .modalFooter .button:not(:last-child) {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.overlay > .modal h2 {
  margin: 0;
}
.overlay > .modal h2 > span {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--lvh-x-dark-grey);
}
@media (max-width: 991px) {
  .overlay > .modal h2 > span {
    font-size: 20px;
  }
}
.overlay > .modal p {
  margin: 0;
  color: var(--lvh-x-mid-grey);
  line-height: 1.6;
}
.overlay > .modal p:not(:last-child) {
  margin: 0 0 20px 0;
}
.overlay > .modal p > strong {
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
}
.overlay > .modal .legalWarranty {
  color: var(--lvh-secondary-text);
}
.overlay > .modal .legalWarranty > ul {
  list-style-position: inside;
  margin-top: 0;
  margin-bottom: 0;
}
.overlay > .modal .sub-text {
  font-size: 11px;
}
.overlay > .modal label.label {
  margin-bottom: 5px;
  display: block;
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
}
.overlay > .modal label.label > .sub-text {
  color: var(--lvh-x-shark-dark);
}
.overlay > .modal .close-icon {
  position: absolute;
  top: 10px;
  right: 10px;
  line-height: normal;
}
.overlay > .modal .close-icon.icon {
  color: var(--lvh-x-dark-grey);
  font-size: 13px;
  cursor: pointer;
}
#main-ui-view .employer-form-modal .modalBody #status-change-message {
  padding: 10px;
  border-radius: 3px;
}
#main-ui-view .employer-form-modal .modalBody #status-change-message.alert {
  border: 1px solid var(--lvh-alert-yellow-mid);
  background: var(--lvh-alert-yellow-light);
  color: var(--lvh-alert-yellow-text);
}
#main-ui-view .employer-form-modal .modalFooter {
  padding: 20px 30px;
}
.employer-form-modal > .modalHeader .status {
  display: inline-block;
  color: var(--lvh-x-shark-dark);
  font-size: 13px;
  padding-top: 10px;
}
.employer-form-modal > .modalHeader .status i {
  margin-right: 4px;
}
.employer-form-modal > .modalHeader .status.timestamp i {
  color: var(--lvh-x-green);
}
.employer-form-modal > .modalHeader .status.busy .spinner {
  text-align: left !important;
  float: left;
  margin-right: 7px;
  font-size: 12px;
}
.employer-form-modal .section-heading {
  border-bottom: solid 1px var(--lvh-x-pale-grey);
}
.employer-form-modal .modalBody {
  background-color: var(--lvh-x-off-white);
  padding: 20px 30px;
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  margin: 0;
}
.employer-form-modal .modalBody .profile-title {
  white-space: normal;
}
.employer-form-modal .modalBody .warning {
  padding: 10px;
  border-radius: 3px;
  border: 1px solid var(--lvh-alert-yellow-mid);
  background: var(--lvh-alert-yellow-light);
  color: var(--lvh-alert-yellow-text);
}
@media (max-width: 991px) {
  .employer-form-modal .modalBody {
    padding: 20px;
    width: auto;
  }
}
.employer-form-modal .modalFooter {
  background-color: var(--lvh-x-off-white);
  padding: 20px 30px;
  box-sizing: border-box;
}
.employer-form-modal .modalFooter:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (max-width: 991px) {
  .employer-form-modal .modalFooter {
    padding: 20px;
  }
}
.employer-form-modal.tabbed-form .modalHeader {
  min-height: 54px;
}
.employer-form-modal.tabbed-form .modalBody {
  border-top: none;
}
.employer-form-modal .row {
  clear: both;
  width: 100%;
  position: relative;
}
.employer-form-modal .row:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.employer-form-modal .row:not(:last-child) {
  margin: 0 0 20px 0;
}
.employer-form-modal .row.border-top {
  padding: 20px 0 0 0;
  border-top: 1px solid var(--lvh-x-pale-grey);
}
.employer-form-modal .form-section {
  float: left;
  width: 100%;
}
.employer-form-modal .form-section:not(:last-child) {
  margin: 0 0 30px 0;
}
.employer-form-modal .section-heading {
  border-bottom: 1px solid var(--lvh-x-shark-light);
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
}
.employer-form-modal .section-heading h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  color: var(--lvh-x-dark-grey);
}
.employer-form-modal .button-wrap {
  float: right;
}
@media (max-width: 991px) {
  .employer-form-modal .button-wrap {
    float: none;
  }
}
.employer-form-modal .button-wrap > .button {
  float: none !important;
}
@media (max-width: 991px) {
  .employer-form-modal .button-wrap > .button {
    display: block;
    width: 100%;
  }
}
.employer-form-modal .button-wrap > .button.isBusy {
  display: inline;
}
.employer-form-modal .button-wrap > .button:not(:last-child) {
  margin: 0 10px 0 0;
}
@media (max-width: 991px) {
  .employer-form-modal .button-wrap > .button:not(:last-child) {
    margin: 0 0 10px;
  }
}
.employer-form-modal .label-wrap:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.employer-form-modal .label-wrap .lhs {
  float: left;
}
.employer-form-modal .label-wrap .rhs {
  float: right;
}
.employer-form-modal .inline-checkbox .checkbox {
  float: left;
  margin: 0 5px 0 0;
}
.employer-form-modal .inline-checkbox .label {
  float: left;
  font-size: 11px;
  line-height: 18px;
  color: var(--lvh-secondary-text);
}
.employer-form-modal .dropdownComponent {
  position: relative;
}
.employer-form-modal .dropdownComponent:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.employer-form-modal .dropdownComponent.select,
.employer-form-modal .dropdownComponent.head {
  color: var(--lvh-x-dark-grey);
  border: none;
  outline: 0;
  line-height: normal;
  box-sizing: border-box;
}
.employer-form-modal .dropdownComponent.select.hasValidationMessage,
.employer-form-modal .dropdownComponent.head.hasValidationMessage {
  padding-bottom: 28px !important;
}
.employer-form-modal .dropdownComponent.select.hasValidationMessage .dropdown,
.employer-form-modal .dropdownComponent.head.hasValidationMessage .dropdown {
  top: calc(100% - 29px);
}
.employer-form-modal .dropdownComponent.select .dropdown,
.employer-form-modal .dropdownComponent.head .dropdown {
  border-color: var(--lvh-x-paler-grey);
  top: calc(100% - 1px);
  left: 0;
  max-height: 200px;
  overflow-y: auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.employer-form-modal .dropdownComponent.select .selectedLabel,
.employer-form-modal .dropdownComponent.head .selectedLabel {
  float: left;
  width: 100%;
  padding: 7px 8px;
  color: var(--lvh-secondary-text);
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-paler-grey);
  border-radius: 3px;
  position: relative;
  box-sizing: border-box;
  z-index: 2;
}
@media (max-width: 991px) {
  .employer-form-modal .dropdownComponent.select .selectedLabel,
  .employer-form-modal .dropdownComponent.head .selectedLabel {
    padding: 10px 14px;
  }
}
.employer-form-modal .dropdownComponent.select .selectedLabel > span,
.employer-form-modal .dropdownComponent.head .selectedLabel > span {
  float: left;
  width: calc(100% - 15px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .employer-form-modal .dropdownComponent.select .selectedLabel > span,
  .employer-form-modal .dropdownComponent.head .selectedLabel > span {
    font-size: 16px;
  }
}
.employer-form-modal .dropdownComponent.select .selectedLabel i,
.employer-form-modal .dropdownComponent.head .selectedLabel i {
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -3.5px;
  display: block;
  font-size: 7px;
  color: var(--lvh-x-shark-dark);
}
@media (max-width: 991px) {
  .employer-form-modal .dropdownComponent.select .selectedLabel i,
  .employer-form-modal .dropdownComponent.head .selectedLabel i {
    right: 14px;
  }
}
.employer-form-modal .dropdownComponent.select .menuItems > .menuItem > .label,
.employer-form-modal .dropdownComponent.head .menuItems > .menuItem > .label,
.employer-form-modal .dropdownComponent.select .subMenuItems > .menuItem > .label,
.employer-form-modal .dropdownComponent.head .subMenuItems > .menuItem > .label,
.employer-form-modal .dropdownComponent.select .menuItems > .subMenuItem > .label,
.employer-form-modal .dropdownComponent.head .menuItems > .subMenuItem > .label,
.employer-form-modal .dropdownComponent.select .subMenuItems > .subMenuItem > .label,
.employer-form-modal .dropdownComponent.head .subMenuItems > .subMenuItem > .label {
  padding: 4px 8px;
}
.employer-form-modal .dropdownComponent.select .validation-message,
.employer-form-modal .dropdownComponent.head .validation-message {
  width: 100%;
  position: absolute;
  top: auto;
  bottom: 1px;
  left: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
}
.employer-form-modal .dropdownComponent.head .dropdown {
  max-height: 220px;
}
.employer-form-modal .dropdownComponent.head .selectedLabel > span {
  width: auto;
}
.employer-form-modal .dropdownComponent.head .menuItem {
  float: left;
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
}
.employer-form-modal .dropdownComponent.head .menuItem:hover {
  background-color: var(--lvh-x-off-white);
}
.employer-form-modal .dropdownComponent.head .profile-picture {
  float: left;
}
.employer-form-modal .dropdownComponent.head .cc-avatar {
  float: left;
  margin-right: 10px;
  padding-top: 5px;
}
.employer-form-modal .dropdownComponent.head .text {
  float: left;
  color: var(--lvh-secondary-text);
  line-height: 32px;
  max-width: 145px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 50px);
}
.employer-form-modal .dropdownDirective {
  float: left;
  width: 100%;
}
.employer-form-modal .dropdownComponent.select .selectedLabel {
  min-height: 34px;
}
@media (max-width: 991px) {
  .employer-form-modal .dropdownComponent.select .selectedLabel {
    min-height: 40px;
  }
}
.employer-form-modal .dropdownComponent.select .selectedLabel .placeholder {
  color: var(--lvh-x-shark-dark);
}
.employer-form-modal .dropdownComponent.head .menuItems .menuItem {
  padding: 5px 10px;
}
.employer-form-modal .suggestionList .heading {
  float: left;
  width: 100%;
  padding: 0.962em 0;
  background-color: var(--lvh-x-shark-light);
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 992px) {
  .employer-form-modal .suggestionList .heading {
    display: none;
  }
}
.employer-form-modal .suggestionList .heading h3 {
  margin: 0;
  font-size: 1em;
  font-weight: normal;
}
.employer-form-modal .suggestionList .heading h3 > span {
  font-size: 1.077em;
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
}
.employer-form-modal .suggestionList .heading .closeButton {
  outline: 0;
  border: none;
  background: none;
  padding: 0;
}
.employer-form-modal .suggestionList .heading .closeButton > .icon:before {
  font-size: 0.769em;
}
.employer-form-modal .suggestionList #searchInputWrap {
  float: left;
  width: 100%;
  padding: 1.231em 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .employer-form-modal .suggestionList #searchInputWrap {
    padding: 1.231em 0;
  }
}
.employer-form-modal .suggestionList #searchInputWrap label {
  display: block;
  margin-bottom: 5px;
  font-size: 11px;
  color: var(--lvh-x-shark-dark);
}
.employer-form-modal .suggestionList .suggestionListFooter {
  float: left;
  width: 100%;
  border-top: 1px solid var(--lvh-x-shark-light);
  padding: 0.769em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.employer-form-modal .suggestionList .suggestionListFooter:hover,
.employer-form-modal .suggestionList .suggestionListFooter.active {
  background-color: var(--lvh-x-off-white);
}
.employer-form-modal .suggestionList .dropdown {
  float: left;
  width: 100%;
}
.employer-form-modal .suggestionList .dropdown .spinner {
  padding: 10px 0;
  text-align: center;
}
.employer-form-modal .suggestionList .suggestions {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
}
.employer-form-modal .suggestionList .suggestions > .suggestion {
  list-style: none;
  margin: 0;
  float: left;
  width: 100%;
  padding: 0.769em 1em;
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  color: var(--lvh-secondary-text);
}
.employer-form-modal .suggestionList .suggestions > .suggestion:last-child {
  border-bottom: none;
}
.employer-form-modal .suggestionList .suggestions > .suggestion.active {
  background-color: var(--lvh-x-off-white);
}
.employer-form-modal .suggestionList .suggestionTag {
  float: left;
  background-color: var(--lvh-white92);
  -moz-border-radius: 0.231em;
  -webkit-border-radius: 0.231em;
  border-radius: 0.231em;
  padding: 0.154em 0.538em;
  margin: 0 0.385em 0.385em 0;
}
.employer-form-modal .suggestionList #searchInputWrap {
  float: none;
  width: auto;
  padding: 0;
}
.employer-form-modal .suggestionList .dropdown {
  position: relative;
}
.employer-form-modal .suggestionList .suggestions {
  max-height: 276px;
  overflow-y: auto;
  position: absolute;
  background-color: var(--lvh-white);
  z-index: 2000;
}
@media (max-width: 991px) {
  .employer-form-modal .suggestionList .suggestions {
    max-height: 270px;
  }
}
.employer-form-modal .suggestionList .suggestions > .suggestion {
  padding: 1.038em 1.538em;
  border-color: var(--lvh-x-grey);
}
@media (max-width: 991px) {
  .employer-form-modal .suggestionList .suggestions > .suggestion {
    padding: 13px 30px;
  }
}
.employer-form-modal .suggestionList .suggestions > .suggestion:first-child {
  border-top: 1px solid var(--lvh-x-grey);
}
.employer-form-modal .suggestionList .suggestions > .suggestion:last-child {
  border-bottom: 1px solid var(--lvh-white96);
}
@media (min-width: 992px) {
  .employer-form-modal #templateGroupDropdown .dropdown .body {
    max-height: 310px;
  }
}
.employer-form-modal .checkbox-left {
  float: left;
  margin-top: 5px;
}
.employer-form-modal .checkbox-left > input {
  float: left;
}
.employer-form-modal .checkbox-left .text {
  display: block;
  padding-left: 20px;
  font-size: 11px;
  color: var(--lvh-secondary-text);
}
.employer-form-modal .checkbox-right {
  float: right;
  margin-bottom: 5px;
}
.employer-form-modal .checkbox-right .text {
  color: var(--lvh-secondary-text);
  font-size: 11px;
}
.employer-form-modal .add-detail-link,
.employer-form-modal .add-source-link {
  font-size: 11px;
  margin-top: 5px;
  float: left;
}
.employer-form-modal #optional-fields {
  border-top: 1px solid var(--lvh-x-grey);
  border-bottom: 1px solid var(--lvh-x-grey);
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
  float: left;
  width: 100%;
}
.employer-form-modal #optional-fields > .header-text {
  color: var(--lvh-secondary-text);
  margin: 5px 0 20px 0;
  display: block;
}
.employer-form-modal #optional-fields .inputWrap {
  position: relative;
}
.employer-form-modal #optional-fields .inputWrap .icon {
  position: absolute;
  top: 50%;
  right: 6.5px;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  pointer-events: none;
  z-index: 1;
}
.employer-form-modal .salary-row rzslideroldest {
  position: relative;
  display: block;
  width: 100%;
  height: 7px;
  margin: 0 0 17px 0;
}
.employer-form-modal .salary-row rzslideroldest span {
  position: absolute;
  display: inline-block;
  white-space: nowrap;
}
.employer-form-modal .salary-row rzslideroldest span.rz-base {
  width: 100%;
  height: 100%;
  padding: 0;
}
.employer-form-modal .salary-row rzslideroldest span.rz-bar-wrapper {
  position: absolute;
  left: 0;
  width: 100%;
}
.employer-form-modal .salary-row rzslideroldest span.rz-bar {
  left: 0;
  z-index: 0;
  width: 100%;
  height: 7px;
  background-color: var(--lvh-x-shark-dark);
}
.employer-form-modal .salary-row rzslideroldest span.rz-bar.rz-selection {
  z-index: 1;
  background-color: var(--lvh-bright-blue);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.employer-form-modal .salary-row rzslideroldest span.rz-pointer {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 2;
  cursor: pointer;
  background-color: var(--lvh-white);
  border: solid 1px var(--lvh-x-shark-dark);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05);
  outline: none;
}
.employer-form-modal .salary-row rzslideroldest span.rz-pointer:after {
  position: absolute;
  top: 6px;
  left: 6px;
  width: 4px;
  height: 4px;
  background: var(--lvh-white);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  content: '';
}
.employer-form-modal .salary-row rzslideroldest span.rz-pointer:hover:after {
  background-color: #ffffff;
}
.employer-form-modal .salary-row rzslideroldest span.rz-pointer.rz-active:after {
  background-color: #451aff;
}
.employer-form-modal .salary-row rzslideroldest span.rz-bubble {
  display: none;
  top: -32px;
  padding: 1px 3px;
  color: #55637d;
  cursor: default;
}
.employer-form-modal .salary-row rzslideroldest span.rz-bubble.rz-selection {
  top: 16px;
}
.employer-form-modal .salary-row rzslideroldest span.rz-bubble.rz-limit {
  color: #55637d;
}
.employer-form-modal .salary-row rzslideroldest {
  float: left;
  width: 100%;
}
.employer-form-modal .salary-row rzslideroldest.locked .rz-pointer {
  display: none;
}
.employer-form-modal .salary-row .slider {
  float: left;
  width: 100%;
}
.employer-form-modal .salary-row .slider > .desktop {
  float: left;
  width: 100%;
  padding: 42px 20px 32px 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.employer-form-modal .salary-row .slider > .mobile {
  float: left;
  width: 100%;
  padding: 20px 0;
}
.employer-form-modal .card-wrap {
  border: 1px solid var(--lvh-x-paler-grey);
  border-radius: 3px;
  float: left;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
}
.employer-form-modal .card-wrap:not(:last-child) {
  margin-bottom: 20px;
}
.employer-form-modal .file-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.employer-form-modal .file-list:not(:last-child) {
  margin: 0 0 20px 0;
}
.employer-form-modal .file-list .file {
  margin: 0;
  padding: 15px 0;
  box-sizing: border-box;
}
.employer-form-modal .file-list .file.uploading .file-type-icon,
.employer-form-modal .file-list .file.uploading .name-wrap {
  color: var(--lvh-x-shark-dark);
}
.employer-form-modal .file-list .file-info {
  position: relative;
}
.employer-form-modal .file-list .file-info:not(:last-child) {
  margin: 0 0 10px 0;
}
.employer-form-modal .file-list .file-type-icon {
  width: 16px;
  font-size: 16px;
  color: var(--lvh-x-dark-grey);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -8px;
}
.employer-form-modal .file-list .name-wrap {
  line-height: 18px;
  color: var(--lvh-x-dark-grey);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 24px 0 26px;
  text-align: left;
}
.employer-form-modal .file-list .name-wrap .when-uploaded {
  color: var(--lvh-disabled-text);
}
.employer-form-modal .file-list .name-wrap .when-uploaded .bullet {
  margin: 0 5px;
}
.employer-form-modal .file-list .cc-file-upload .name-wrap {
  padding: 0 24px 0 0;
}
.employer-form-modal .file-list .name:not(.has-url) {
  color: var(--lvh-x-dark-grey);
  cursor: text;
}
.employer-form-modal .file-list .name.has-url {
  text-decoration: underline;
  cursor: pointer;
}
.employer-form-modal .file-list .delete-icon {
  width: 14px;
  height: 14px;
  font-size: 14px;
  color: var(--lvh-x-shark-dark);
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -7px;
}
.employer-form-modal .file-list .delete-icon:hover {
  color: var(--lvh-x-red);
}
.employer-form-modal .legalWarranty {
  color: var(--lvh-secondary-text);
}
#add-to-vacancy-modal #candidate-source {
  position: absolute;
  top: 0;
  right: 0;
}
#add-to-vacancy-modal .message-composer {
  border-radius: 3px;
}
#add-to-vacancy-modal .message-composer > span {
  width: calc(100% - 14px);
  display: inline-block;
  vertical-align: middle;
  padding: 7px 7px 7px 7px;
  background-color: var(--lvh-white);
  color: var(--lvh-x-light-grey);
}
#add-to-vacancy-modal .message-composer > span .block-text {
  display: block;
  margin-top: 10px;
}
#add-to-vacancy-modal .message-composer > textarea {
  border-style: none;
  background-color: var(--lvh-white);
  max-height: 250px;
}
#add-to-vacancy-modal .alert {
  border: 1px solid var(--lvh-alert-yellow-mid);
  background: var(--lvh-alert-yellow-light);
  color: var(--lvh-alert-yellow-text);
}
#assign-pool-modal .connectionStatuses {
  float: left;
  width: 100%;
  margin: 0 0 15px 0;
  padding: 0;
  list-style: none;
}
#assign-pool-modal .connectionStatus {
  float: left;
  margin: 0 5px 0 0;
  padding: 0;
  list-style: none;
}
#assign-pool-modal .connectionStatus .tooltip {
  max-width: 74px;
  z-index: 1000;
}
#assign-pool-modal .connectionStatus .statusTag {
  border: 1px solid var(--lvh-x-shark-dark);
  cursor: default;
  float: left;
  font-size: 10px;
  text-align: center;
  padding: 0 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#assign-pool-modal .connectionStatus .statusTag .label {
  color: var(--lvh-x-shark-dark);
}
#assign-pool-modal .connectionStatus .statusTag.talentpool,
#assign-pool-modal .connectionStatus .statusTag.inprogress {
  border-color: var(--lvh-x-blue);
}
#assign-pool-modal .connectionStatus .statusTag.talentpool .label,
#assign-pool-modal .connectionStatus .statusTag.inprogress .label {
  color: var(--lvh-x-blue);
}
#assign-pool-modal .connectionStatus .statusTag.livemarket {
  border-color: var(--lvh-x-orange);
}
#assign-pool-modal .connectionStatus .statusTag.livemarket .label {
  color: var(--lvh-x-orange);
}
#assign-pool-modal .connectionStatus .statusTag.donotcontact {
  border-color: var(--lvh-x-red);
}
#assign-pool-modal .connectionStatus .statusTag.donotcontact .label {
  color: var(--lvh-x-red);
}
#assign-pool-modal .connectionStatus .statusTag.temporaryprofile {
  border-color: var(--lvh-x-yellow);
}
#assign-pool-modal .connectionStatus .statusTag.temporaryprofile .label {
  color: var(--lvh-x-yellow);
}
#assign-pool-modal .connectionStatus .statusTag.hired {
  border-color: var(--lvh-x-green);
}
#assign-pool-modal .connectionStatus .statusTag.hired .label {
  color: var(--lvh-x-green);
}
#assign-pool-modal .connectionStatus .statusTag.unavailable {
  border-color: var(--lvh-x-light-grey);
}
#assign-pool-modal .connectionStatus .statusTag.unavailable .label {
  color: var(--lvh-x-light-grey);
}
#assign-pool-modal .connectionStatus .statusTag.thresholds {
  border-color: var(--lvh-x-purple);
}
#assign-pool-modal .connectionStatus .statusTag.thresholds.user-action {
  background-color: var(--lvh-x-purple-light);
}
#assign-pool-modal .connectionStatus .statusTag.thresholds.total-action {
  border-color: var(--lvh-secondary-text);
}
#assign-pool-modal .connectionStatus .statusTag.thresholds.total-action .label {
  color: var(--lvh-secondary-text);
}
#assign-pool-modal .connectionStatus .statusTag.thresholds .label {
  color: var(--lvh-x-purple);
}
#assign-pool-modal .connectionStatus .statusTag.alreadyacandidate {
  border-color: var(--lvh-x-green);
}
#assign-pool-modal .connectionStatus .statusTag.alreadyacandidate .label {
  color: var(--lvh-x-green);
}
#assign-pool-modal .connectionStatus .statusTag.alreadyacandidate .label:before {
  content: "\e910";
  font-family: 'IconFont';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--lvh-x-green);
}
#assign-pool-modal .connectionStatus .statusTag.alreadyacandidate .label > .ng-binding {
  display: none;
}
#assign-pool-modal .connectionStatus .statusTag > .label {
  line-height: 17px;
}
#assign-pool-modal .connectionStatus > .label {
  float: left;
  line-height: 19px;
}
#add-to-vacancy-modal .row {
  float: left;
}
#add-to-vacancy-modal .connectionStatuses {
  float: left;
  width: 100%;
  margin: 0 0 15px 0;
  padding: 0;
  list-style: none;
}
#add-to-vacancy-modal .connectionStatus {
  float: left;
  margin: 0 5px 0 0;
  padding: 0;
  list-style: none;
}
#add-to-vacancy-modal .connectionStatus .tooltip {
  max-width: 74px;
  z-index: 1000;
}
#add-to-vacancy-modal .connectionStatus .statusTag {
  border: 1px solid var(--lvh-x-shark-dark);
  cursor: default;
  float: left;
  font-size: 10px;
  text-align: center;
  padding: 0 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#add-to-vacancy-modal .connectionStatus .statusTag .label {
  color: var(--lvh-x-shark-dark);
}
#add-to-vacancy-modal .connectionStatus .statusTag.talentpool,
#add-to-vacancy-modal .connectionStatus .statusTag.inprogress {
  border-color: var(--lvh-x-blue);
}
#add-to-vacancy-modal .connectionStatus .statusTag.talentpool .label,
#add-to-vacancy-modal .connectionStatus .statusTag.inprogress .label {
  color: var(--lvh-x-blue);
}
#add-to-vacancy-modal .connectionStatus .statusTag.livemarket {
  border-color: var(--lvh-x-orange);
}
#add-to-vacancy-modal .connectionStatus .statusTag.livemarket .label {
  color: var(--lvh-x-orange);
}
#add-to-vacancy-modal .connectionStatus .statusTag.donotcontact {
  border-color: var(--lvh-x-red);
}
#add-to-vacancy-modal .connectionStatus .statusTag.donotcontact .label {
  color: var(--lvh-x-red);
}
#add-to-vacancy-modal .connectionStatus .statusTag.temporaryprofile {
  border-color: var(--lvh-x-yellow);
}
#add-to-vacancy-modal .connectionStatus .statusTag.temporaryprofile .label {
  color: var(--lvh-x-yellow);
}
#add-to-vacancy-modal .connectionStatus .statusTag.hired {
  border-color: var(--lvh-x-green);
}
#add-to-vacancy-modal .connectionStatus .statusTag.hired .label {
  color: var(--lvh-x-green);
}
#add-to-vacancy-modal .connectionStatus .statusTag.unavailable {
  border-color: var(--lvh-x-light-grey);
}
#add-to-vacancy-modal .connectionStatus .statusTag.unavailable .label {
  color: var(--lvh-x-light-grey);
}
#add-to-vacancy-modal .connectionStatus .statusTag.thresholds {
  border-color: var(--lvh-x-purple);
}
#add-to-vacancy-modal .connectionStatus .statusTag.thresholds.user-action {
  background-color: var(--lvh-x-purple-light);
}
#add-to-vacancy-modal .connectionStatus .statusTag.thresholds.total-action {
  border-color: var(--lvh-secondary-text);
}
#add-to-vacancy-modal .connectionStatus .statusTag.thresholds.total-action .label {
  color: var(--lvh-secondary-text);
}
#add-to-vacancy-modal .connectionStatus .statusTag.thresholds .label {
  color: var(--lvh-x-purple);
}
#add-to-vacancy-modal .connectionStatus .statusTag.alreadyacandidate {
  border-color: var(--lvh-x-green);
}
#add-to-vacancy-modal .connectionStatus .statusTag.alreadyacandidate .label {
  color: var(--lvh-x-green);
}
#add-to-vacancy-modal .connectionStatus .statusTag.alreadyacandidate .label:before {
  content: "\e910";
  font-family: 'IconFont';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--lvh-x-green);
}
#add-to-vacancy-modal .connectionStatus .statusTag.alreadyacandidate .label > .ng-binding {
  display: none;
}
#add-to-vacancy-modal .connectionStatus .statusTag > .label {
  line-height: 17px;
}
#add-to-vacancy-modal .connectionStatus > .label {
  float: left;
  line-height: 19px;
}
#reference-check-modal .cc-alert {
  position: relative;
}
#reference-check-modal .cc-alert.blue {
  color: var(--lvh-x-pale-blue);
}
#reference-check-modal .cc-alert .icon {
  color: var(--lvh-x-murkberry-darker);
}
#reference-check-modal .col.lhs {
  float: left;
}
#reference-check-modal .col.text {
  margin-left: 30px;
}

.flag {
  display: inline-block;
  position: relative;
  top: 1px;
  width: 16px;
  height: 11px;
  background: url('//assets.livehire.com/common/images/sprites/flags.png') no-repeat;
  margin-right: 0.5em;
}
.flag.flag-ad,
.flag.flag-and {
  background-position: -16px 0;
}
.flag.flag-ae,
.flag.flag-are {
  background-position: -32px 0;
}
.flag.flag-af,
.flag.flag-afg {
  background-position: -48px 0;
}
.flag.flag-ag,
.flag.flag-atg {
  background-position: -64px 0;
}
.flag.flag-ai,
.flag.flag-aia {
  background-position: -80px 0;
}
.flag.flag-al,
.flag.flag-alb {
  background-position: -96px 0;
}
.flag.flag-am,
.flag.flag-arm {
  background-position: -112px 0;
}
.flag.flag-an {
  background-position: -128px 0;
}
.flag.flag-ao,
.flag.flag-ago {
  background-position: -144px 0;
}
.flag.flag-ar,
.flag.flag-arg {
  background-position: -160px 0;
}
.flag.flag-as,
.flag.flag-asm {
  background-position: -176px 0;
}
.flag.flag-at,
.flag.flag-aut {
  background-position: -192px 0;
}
.flag.flag-au,
.flag.flag-aus,
.flag.flag-cx,
.flag.flag-cxr {
  background-position: -208px 0;
}
.flag.flag-aw,
.flag.flag-abw {
  background-position: -224px 0;
}
.flag.flag-az,
.flag.flag-aze {
  background-position: -240px 0;
}
.flag.flag-ba,
.flag.flag-bih {
  background-position: 0 -11px;
}
.flag.flag-bb,
.flag.flag-brb {
  background-position: -16px -11px;
}
.flag.flag-bd,
.flag.flag-bgd {
  background-position: -32px -11px;
}
.flag.flag-be,
.flag.flag-bel {
  background-position: -48px -11px;
}
.flag.flag-bf,
.flag.flag-bfa {
  background-position: -64px -11px;
}
.flag.flag-bg,
.flag.flag-bgr {
  background-position: -80px -11px;
}
.flag.flag-bh,
.flag.flag-bhr {
  background-position: -96px -11px;
}
.flag.flag-bi,
.flag.flag-bdi {
  background-position: -112px -11px;
}
.flag.flag-bj,
.flag.flag-ben {
  background-position: -128px -11px;
}
.flag.flag-bm,
.flag.flag-bmu {
  background-position: -144px -11px;
}
.flag.flag-bn,
.flag.flag-brn {
  background-position: -160px -11px;
}
.flag.flag-bo,
.flag.flag-bol {
  background-position: -176px -11px;
}
.flag.flag-br,
.flag.flag-bra {
  background-position: -192px -11px;
}
.flag.flag-bs,
.flag.flag-bhs {
  background-position: -208px -11px;
}
.flag.flag-bt,
.flag.flag-btn {
  background-position: -224px -11px;
}
.flag.flag-bv,
.flag.flag-bvt {
  background-position: -240px -11px;
}
.flag.flag-bw,
.flag.flag-bwa {
  background-position: 0 -22px;
}
.flag.flag-by,
.flag.flag-blr {
  background-position: -16px -22px;
}
.flag.flag-bz,
.flag.flag-blz {
  background-position: -32px -22px;
}
.flag.flag-ca,
.flag.flag-can {
  background-position: -48px -22px;
}
.flag.flag-catalonia,
.flag.flag- {
  background-position: -64px -22px;
}
.flag.flag-cd,
.flag.flag-cod {
  background-position: -80px -22px;
}
.flag.flag-cf,
.flag.flag-caf {
  background-position: -96px -22px;
}
.flag.flag-cg,
.flag.flag-cog {
  background-position: -112px -22px;
}
.flag.flag-ch,
.flag.flag-che {
  background-position: -128px -22px;
}
.flag.flag-ci,
.flag.flag-civ {
  background-position: -144px -22px;
}
.flag.flag-ck,
.flag.flag-cok {
  background-position: -160px -22px;
}
.flag.flag-cl,
.flag.flag-chl {
  background-position: -176px -22px;
}
.flag.flag-cm,
.flag.flag-cmr {
  background-position: -192px -22px;
}
.flag.flag-cn,
.flag.flag-chn {
  background-position: -208px -22px;
}
.flag.flag-co,
.flag.flag-col {
  background-position: -224px -22px;
}
.flag.flag-cr,
.flag.flag-cri {
  background-position: -240px -22px;
}
.flag.flag-cu,
.flag.flag-cub {
  background-position: 0 -33px;
}
.flag.flag-cv,
.flag.flag-cpv {
  background-position: -16px -33px;
}
.flag.flag-cw,
.flag.flag-cuw {
  background-position: -32px -33px;
}
.flag.flag-cy,
.flag.flag-cyp {
  background-position: -48px -33px;
}
.flag.flag-cz,
.flag.flag-cze {
  background-position: -64px -33px;
}
.flag.flag-de,
.flag.flag-deu {
  background-position: -80px -33px;
}
.flag.flag-dj,
.flag.flag-dji {
  background-position: -96px -33px;
}
.flag.flag-dk,
.flag.flag-dnk {
  background-position: -112px -33px;
}
.flag.flag-dm,
.flag.flag-dma {
  background-position: -128px -33px;
}
.flag.flag-do,
.flag.flag-dom {
  background-position: -144px -33px;
}
.flag.flag-dz,
.flag.flag-dza {
  background-position: -160px -33px;
}
.flag.flag-ec,
.flag.flag-ecu {
  background-position: -176px -33px;
}
.flag.flag-ee,
.flag.flag-est {
  background-position: -192px -33px;
}
.flag.flag-eg,
.flag.flag-egy {
  background-position: -208px -33px;
}
.flag.flag-eh,
.flag.flag-esh {
  background-position: -224px -33px;
}
.flag.flag-england,
.flag.flag- {
  background-position: -240px -33px;
}
.flag.flag-er,
.flag.flag-eri {
  background-position: 0 -44px;
}
.flag.flag-es,
.flag.flag-esp {
  background-position: -16px -44px;
}
.flag.flag-et,
.flag.flag-eth {
  background-position: -32px -44px;
}
.flag.flag-eu,
.flag.flag-eur {
  background-position: -48px -44px;
}
.flag.flag-fi,
.flag.flag-fin {
  background-position: -64px -44px;
}
.flag.flag-fj,
.flag.flag-fji {
  background-position: -80px -44px;
}
.flag.flag-fk,
.flag.flag-flk {
  background-position: -96px -44px;
}
.flag.flag-fm,
.flag.flag-fsm {
  background-position: -112px -44px;
}
.flag.flag-fo,
.flag.flag-fro {
  background-position: -128px -44px;
}
.flag.flag-fr,
.flag.flag-fra {
  background-position: -144px -44px;
}
.flag.flag-ga,
.flag.flag-gab {
  background-position: -160px -44px;
}
.flag.flag-gb,
.flag.flag-gbr {
  background-position: -176px -44px;
}
.flag.flag-gd,
.flag.flag-grd {
  background-position: -192px -44px;
}
.flag.flag-ge,
.flag.flag-geo {
  background-position: -208px -44px;
}
.flag.flag-gf,
.flag.flag-guf {
  background-position: -224px -44px;
}
.flag.flag-gg,
.flag.flag-ggy {
  background-position: -240px -44px;
}
.flag.flag-gh,
.flag.flag-gha {
  background-position: 0 -55px;
}
.flag.flag-gi,
.flag.flag-gib {
  background-position: -16px -55px;
}
.flag.flag-gl,
.flag.flag-grl {
  background-position: -32px -55px;
}
.flag.flag-gm,
.flag.flag-gmb {
  background-position: -48px -55px;
}
.flag.flag-gn,
.flag.flag-gin {
  background-position: -64px -55px;
}
.flag.flag-gp,
.flag.flag-glp {
  background-position: -80px -55px;
}
.flag.flag-gq,
.flag.flag-gnq {
  background-position: -96px -55px;
}
.flag.flag-gr,
.flag.flag-grc {
  background-position: -112px -55px;
}
.flag.flag-gs,
.flag.flag-sgs {
  background-position: -128px -55px;
}
.flag.flag-gt,
.flag.flag-gtm {
  background-position: -144px -55px;
}
.flag.flag-gu,
.flag.flag-gum {
  background-position: -160px -55px;
}
.flag.flag-gw,
.flag.flag-gnb {
  background-position: -176px -55px;
}
.flag.flag-gy,
.flag.flag-guy {
  background-position: -192px -55px;
}
.flag.flag-hk,
.flag.flag-hkg {
  background-position: -208px -55px;
}
.flag.flag-hm,
.flag.flag-hmd {
  background-position: -224px -55px;
}
.flag.flag-hn,
.flag.flag-hnd {
  background-position: -240px -55px;
}
.flag.flag-hr,
.flag.flag-hrv {
  background-position: 0 -66px;
}
.flag.flag-ht,
.flag.flag-hti {
  background-position: -16px -66px;
}
.flag.flag-hu,
.flag.flag-hun {
  background-position: -32px -66px;
}
.flag.flag-ic {
  background-position: -48px -66px;
}
.flag.flag-id,
.flag.flag-idn {
  background-position: -64px -66px;
}
.flag.flag-ie,
.flag.flag-irl {
  background-position: -80px -66px;
}
.flag.flag-il,
.flag.flag-isr {
  background-position: -96px -66px;
}
.flag.flag-im,
.flag.flag-imn {
  background-position: -112px -66px;
}
.flag.flag-in,
.flag.flag-ind {
  background-position: -128px -66px;
}
.flag.flag-io,
.flag.flag-iot {
  background-position: -144px -66px;
}
.flag.flag-iq,
.flag.flag-irq {
  background-position: -160px -66px;
}
.flag.flag-ir,
.flag.flag-irn {
  background-position: -176px -66px;
}
.flag.flag-is,
.flag.flag-isl {
  background-position: -192px -66px;
}
.flag.flag-it,
.flag.flag-ita {
  background-position: -208px -66px;
}
.flag.flag-je,
.flag.flag-jey {
  background-position: -224px -66px;
}
.flag.flag-jm,
.flag.flag-jam {
  background-position: -240px -66px;
}
.flag.flag-jo,
.flag.flag-jor {
  background-position: 0 -77px;
}
.flag.flag-jp,
.flag.flag-jpn {
  background-position: -16px -77px;
}
.flag.flag-ke,
.flag.flag-ken {
  background-position: -32px -77px;
}
.flag.flag-kg,
.flag.flag-kgz {
  background-position: -48px -77px;
}
.flag.flag-kh,
.flag.flag-khm {
  background-position: -64px -77px;
}
.flag.flag-ki,
.flag.flag-kir {
  background-position: -80px -77px;
}
.flag.flag-km,
.flag.flag-com {
  background-position: -96px -77px;
}
.flag.flag-kn,
.flag.flag-kna {
  background-position: -112px -77px;
}
.flag.flag-kp,
.flag.flag-prk {
  background-position: -128px -77px;
}
.flag.flag-kr,
.flag.flag-kor {
  background-position: -144px -77px;
}
.flag.flag-kurdistan,
.flag.flag- {
  background-position: -160px -77px;
}
.flag.flag-kw,
.flag.flag-kwt {
  background-position: -176px -77px;
}
.flag.flag-ky,
.flag.flag-cym {
  background-position: -192px -77px;
}
.flag.flag-kz,
.flag.flag-kaz {
  background-position: -208px -77px;
}
.flag.flag-la,
.flag.flag-lao {
  background-position: -224px -77px;
}
.flag.flag-lb,
.flag.flag-lbn {
  background-position: -240px -77px;
}
.flag.flag-lc,
.flag.flag-lca {
  background-position: 0 -88px;
}
.flag.flag-li,
.flag.flag-lie {
  background-position: -16px -88px;
}
.flag.flag-lk,
.flag.flag-lka {
  background-position: -32px -88px;
}
.flag.flag-lr,
.flag.flag-lbr {
  background-position: -48px -88px;
}
.flag.flag-ls,
.flag.flag-lso {
  background-position: -64px -88px;
}
.flag.flag-lt,
.flag.flag-ltu {
  background-position: -80px -88px;
}
.flag.flag-lu,
.flag.flag-lux {
  background-position: -96px -88px;
}
.flag.flag-lv,
.flag.flag-lva {
  background-position: -112px -88px;
}
.flag.flag-ly,
.flag.flag-lby {
  background-position: -128px -88px;
}
.flag.flag-ma,
.flag.flag-mar {
  background-position: -144px -88px;
}
.flag.flag-mc,
.flag.flag-mco {
  background-position: -160px -88px;
}
.flag.flag-md,
.flag.flag-mda {
  background-position: -176px -88px;
}
.flag.flag-me,
.flag.flag-mne {
  background-position: -192px -88px;
}
.flag.flag-mg,
.flag.flag-mdg {
  background-position: -208px -88px;
}
.flag.flag-mh,
.flag.flag-mhl {
  background-position: -224px -88px;
}
.flag.flag-mk,
.flag.flag-mkd {
  background-position: -240px -88px;
}
.flag.flag-ml,
.flag.flag-mli {
  background-position: 0 -99px;
}
.flag.flag-mm,
.flag.flag-mmr {
  background-position: -16px -99px;
}
.flag.flag-mn,
.flag.flag-mng {
  background-position: -32px -99px;
}
.flag.flag-mo,
.flag.flag-mac {
  background-position: -48px -99px;
}
.flag.flag-mp,
.flag.flag-mnp {
  background-position: -64px -99px;
}
.flag.flag-mq,
.flag.flag-mtq {
  background-position: -80px -99px;
}
.flag.flag-mr,
.flag.flag-mrt {
  background-position: -96px -99px;
}
.flag.flag-ms,
.flag.flag-msr {
  background-position: -112px -99px;
}
.flag.flag-mt,
.flag.flag-mlt {
  background-position: -128px -99px;
}
.flag.flag-mu,
.flag.flag-mus {
  background-position: -144px -99px;
}
.flag.flag-mv,
.flag.flag-mdv {
  background-position: -160px -99px;
}
.flag.flag-mw,
.flag.flag-mwi {
  background-position: -176px -99px;
}
.flag.flag-mx,
.flag.flag-mex {
  background-position: -192px -99px;
}
.flag.flag-my,
.flag.flag-mys {
  background-position: -208px -99px;
}
.flag.flag-mz,
.flag.flag-moz {
  background-position: -224px -99px;
}
.flag.flag-na,
.flag.flag-nam {
  background-position: -240px -99px;
}
.flag.flag-nc,
.flag.flag-ncl {
  background-position: 0 -110px;
}
.flag.flag-ne,
.flag.flag-ner {
  background-position: -16px -110px;
}
.flag.flag-nf,
.flag.flag-nfk {
  background-position: -32px -110px;
}
.flag.flag-ng,
.flag.flag-nga {
  background-position: -48px -110px;
}
.flag.flag-ni,
.flag.flag-nic {
  background-position: -64px -110px;
}
.flag.flag-nl,
.flag.flag-nld {
  background-position: -80px -110px;
}
.flag.flag-no,
.flag.flag-nor {
  background-position: -96px -110px;
}
.flag.flag-np,
.flag.flag-npl {
  background-position: -112px -110px;
}
.flag.flag-nr,
.flag.flag-nru {
  background-position: -128px -110px;
}
.flag.flag-nu,
.flag.flag-niu {
  background-position: -144px -110px;
}
.flag.flag-nz,
.flag.flag-nzl {
  background-position: -160px -110px;
}
.flag.flag-om,
.flag.flag-omn {
  background-position: -176px -110px;
}
.flag.flag-pa,
.flag.flag-pan {
  background-position: -192px -110px;
}
.flag.flag-pe,
.flag.flag-per {
  background-position: -208px -110px;
}
.flag.flag-pf,
.flag.flag-pyf {
  background-position: -224px -110px;
}
.flag.flag-pg,
.flag.flag-png {
  background-position: -240px -110px;
}
.flag.flag-ph,
.flag.flag-phl {
  background-position: 0 -121px;
}
.flag.flag-pk,
.flag.flag-pak {
  background-position: -16px -121px;
}
.flag.flag-pl,
.flag.flag-pol {
  background-position: -32px -121px;
}
.flag.flag-pm,
.flag.flag-spm {
  background-position: -48px -121px;
}
.flag.flag-pn,
.flag.flag-pcn {
  background-position: -64px -121px;
}
.flag.flag-pr,
.flag.flag-pri {
  background-position: -80px -121px;
}
.flag.flag-ps,
.flag.flag-pse {
  background-position: -96px -121px;
}
.flag.flag-pt,
.flag.flag-prt {
  background-position: -112px -121px;
}
.flag.flag-pw,
.flag.flag-plw {
  background-position: -128px -121px;
}
.flag.flag-py,
.flag.flag-pry {
  background-position: -144px -121px;
}
.flag.flag-qa,
.flag.flag-qat {
  background-position: -160px -121px;
}
.flag.flag-re,
.flag.flag-reu {
  background-position: -176px -121px;
}
.flag.flag-ro,
.flag.flag-rou {
  background-position: -192px -121px;
}
.flag.flag-rs,
.flag.flag-srb {
  background-position: -208px -121px;
}
.flag.flag-ru,
.flag.flag-rus {
  background-position: -224px -121px;
}
.flag.flag-rw,
.flag.flag-rwa {
  background-position: -240px -121px;
}
.flag.flag-sa,
.flag.flag-sau {
  background-position: 0 -132px;
}
.flag.flag-sb,
.flag.flag-slb {
  background-position: -16px -132px;
}
.flag.flag-sc,
.flag.flag-syc {
  background-position: -32px -132px;
}
.flag.flag-scotland,
.flag.flag- {
  background-position: -48px -132px;
}
.flag.flag-sd,
.flag.flag-sdn {
  background-position: -64px -132px;
}
.flag.flag-se,
.flag.flag-swe {
  background-position: -80px -132px;
}
.flag.flag-sg,
.flag.flag-sgp {
  background-position: -96px -132px;
}
.flag.flag-sh,
.flag.flag-shn {
  background-position: -112px -132px;
}
.flag.flag-si,
.flag.flag-svn {
  background-position: -128px -132px;
}
.flag.flag-sk,
.flag.flag-svk {
  background-position: -144px -132px;
}
.flag.flag-sl,
.flag.flag-sle {
  background-position: -160px -132px;
}
.flag.flag-sm,
.flag.flag-smr {
  background-position: -176px -132px;
}
.flag.flag-sn,
.flag.flag-sen {
  background-position: -192px -132px;
}
.flag.flag-so,
.flag.flag-som {
  background-position: -208px -132px;
}
.flag.flag-somaliland,
.flag.flag- {
  background-position: -224px -132px;
}
.flag.flag-sr,
.flag.flag-sur {
  background-position: -240px -132px;
}
.flag.flag-ss,
.flag.flag-ssd {
  background-position: 0 -143px;
}
.flag.flag-st,
.flag.flag-stp {
  background-position: -16px -143px;
}
.flag.flag-sv,
.flag.flag-slv {
  background-position: -32px -143px;
}
.flag.flag-sx,
.flag.flag-sxm {
  background-position: -48px -143px;
}
.flag.flag-sy,
.flag.flag-syr {
  background-position: -64px -143px;
}
.flag.flag-sz,
.flag.flag-swz {
  background-position: -80px -143px;
}
.flag.flag-tc,
.flag.flag-tca {
  background-position: -96px -143px;
}
.flag.flag-td,
.flag.flag-tcd {
  background-position: -112px -143px;
}
.flag.flag-tf,
.flag.flag-atf {
  background-position: -128px -143px;
}
.flag.flag-tg,
.flag.flag-tgo {
  background-position: -144px -143px;
}
.flag.flag-th,
.flag.flag-tha {
  background-position: -160px -143px;
}
.flag.flag-tj,
.flag.flag-tjk {
  background-position: -176px -143px;
}
.flag.flag-tk,
.flag.flag-tkl {
  background-position: -192px -143px;
}
.flag.flag-tl,
.flag.flag-tls {
  background-position: -208px -143px;
}
.flag.flag-tm,
.flag.flag-tkm {
  background-position: -224px -143px;
}
.flag.flag-tn,
.flag.flag-tun {
  background-position: -240px -143px;
}
.flag.flag-to,
.flag.flag-ton {
  background-position: 0 -154px;
}
.flag.flag-tr,
.flag.flag-tur {
  background-position: -16px -154px;
}
.flag.flag-tt,
.flag.flag-tto {
  background-position: -32px -154px;
}
.flag.flag-tv,
.flag.flag-tuv {
  background-position: -48px -154px;
}
.flag.flag-tw,
.flag.flag-twn {
  background-position: -64px -154px;
}
.flag.flag-tz,
.flag.flag-tza {
  background-position: -80px -154px;
}
.flag.flag-ua,
.flag.flag-ukr {
  background-position: -96px -154px;
}
.flag.flag-ug,
.flag.flag-uga {
  background-position: -112px -154px;
}
.flag.flag-um,
.flag.flag-umi {
  background-position: -128px -154px;
}
.flag.flag-us,
.flag.flag-usa {
  background-position: -144px -154px;
}
.flag.flag-uy,
.flag.flag-ury {
  background-position: -160px -154px;
}
.flag.flag-uz,
.flag.flag-uzb {
  background-position: -176px -154px;
}
.flag.flag-va,
.flag.flag-vat {
  background-position: -192px -154px;
}
.flag.flag-vc,
.flag.flag-vct {
  background-position: -208px -154px;
}
.flag.flag-ve,
.flag.flag-ven {
  background-position: -224px -154px;
}
.flag.flag-vg,
.flag.flag-vgb {
  background-position: -240px -154px;
}
.flag.flag-vi,
.flag.flag-vir {
  background-position: 0 -165px;
}
.flag.flag-vn,
.flag.flag-vnm {
  background-position: -16px -165px;
}
.flag.flag-vu,
.flag.flag-vut {
  background-position: -32px -165px;
}
.flag.flag-wales,
.flag.flag- {
  background-position: -48px -165px;
}
.flag.flag-wf,
.flag.flag-wlf {
  background-position: -64px -165px;
}
.flag.flag-ws,
.flag.flag-wsm {
  background-position: -80px -165px;
}
.flag.flag-ye,
.flag.flag-yem {
  background-position: -96px -165px;
}
.flag.flag-yt,
.flag.flag-myt {
  background-position: -112px -165px;
}
.flag.flag-za,
.flag.flag-zaf {
  background-position: -128px -165px;
}
.flag.flag-zanzibar,
.flag.flag- {
  background-position: -144px -165px;
}
.flag.flag-zm,
.flag.flag-zmb {
  background-position: -160px -165px;
}
.flag.flag-zw,
.flag.flag-zwe {
  background-position: -176px -165px;
}
.cc-country-picker .popdown .popdown-clickable .label {
  line-height: 18px;
  height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cc-country-picker .popdown .popdown-clickable .label .flag {
  margin: 0 5px 0 0;
}
.cc-country-picker .popdown .popdown-content .options {
  padding: 0;
}
.cc-country-picker .popdown .popdown-content .options > .option {
  padding: 5px 0;
  min-height: 28px;
}
.cc-country-picker .popdown .popdown-content .options > .option:focus {
  outline: 1px solid var(--lvh-x-dark-grey);
  outline-offset: -1px;
  background-color: var(--lvh-x-off-white);
}
@media (max-width: 991px) {
  .cc-country-picker .popdown .popdown-content .options > .option {
    padding: 10px;
  }
}
.cc-country-picker .popdown .popdown-content .options > .option .flag {
  width: 16px;
  height: 11px;
  position: absolute;
  top: 50%;
  left: 5px;
  margin: -5.5px 0 0 0;
  cursor: inherit;
}
@media (max-width: 991px) {
  .cc-country-picker .popdown .popdown-content .options > .option .flag {
    left: 20px;
  }
}
.cc-country-picker .popdown .popdown-content .options > .option .option-name {
  display: block;
  float: left;
  width: 100%;
  padding: 0 10px 0 26px;
}
@media (max-width: 991px) {
  .cc-country-picker .popdown .popdown-content .options > .option .option-name {
    padding: 0 10px 0 35px;
    font-size: 16px;
  }
}
.cc-country-picker .popdown .selected-option .option-name {
  padding: 0;
}
@media (max-width: 991px) {
  .cc-country-picker .popdown .selected-option .option-name {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  #employerApp .cc-country-picker .popdown .selected-option .option-name {
    font-size: 13px;
  }
}
@media (max-width: 991px) {
  #employerApp .cc-country-picker .popdown-content .options > .option .option-name {
    font-size: 13px;
  }
}

.cc-date-selector .mobileDate:focus {
  border-color: var(--lvh-x-dark-grey);
}

.callout-wrap .trigger {
  display: block;
  padding: 5px 2px;
}
.callout-wrap .trigger:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.callout-wrap .trigger.basic {
  padding: 0;
  text-decoration: none;
  text-decoration-style: unset;
  text-decoration-color: unset;
}
@media (min-width: 992px) {
  .callout-wrap .trigger:hover .callout .calloutDirective {
    display: block;
  }
}
@media (min-width: 992px) {
  .callout-wrap .callout-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9000;
  }
}
.callout-wrap .callout.visible .cc-callout {
  display: block;
  z-index: 9001;
}
@media (max-width: 991px) {
  .callout-wrap .callout.visible .cc-callout .p-mobile-fullscreen-overlay.overlay-visible .header .icon {
    display: block;
    margin: 0;
    line-height: 1;
    color: unset;
  }
}
@media (max-width: 991px) {
  .callout-wrap .callout.visible .cc-callout .p-mobile-fullscreen-overlay.overlay-visible .body {
    margin: 20px 0 0;
  }
}
.callout-wrap .callout.above {
  position: absolute;
  bottom: calc(100% + 3px);
  left: calc(-50% + 10px);
}
.callout-wrap .callout.above > .calloutDirective {
  position: absolute;
  bottom: calc(100% + 3px);
  left: calc(-50% + 10px);
}
.callout {
  display: block;
}
.callout:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.callout.no-scroll .cc-callout.topLeft .cc-callout-body,
.callout.no-scroll .cc-callout.topRight .cc-callout-body,
.callout.no-scroll .cc-callout.bottomCenter .cc-callout-body,
.callout.no-scroll .cc-callout.bottomRight .cc-callout-body {
  max-height: none;
  overflow-y: unset;
}
.callout .cc-callout {
  position: relative;
  z-index: 2000;
}
.callout .cc-callout.topLeft,
.callout .cc-callout.topRight,
.callout .cc-callout.bottomCenter,
.callout .cc-callout.bottomRight {
  display: none;
  width: 300px;
}
.callout .cc-callout.topLeft .cc-callout-body,
.callout .cc-callout.topRight .cc-callout-body,
.callout .cc-callout.bottomCenter .cc-callout-body,
.callout .cc-callout.bottomRight .cc-callout-body {
  margin: 10px 0 0;
  padding: 15px;
  max-height: 150px;
  overflow-y: auto;
}
.cc-callout-tip.top {
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  top: 10px;
  right: 22px;
  margin: -3px 0 0 -9px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: none !important;
  border-right: none !important;
}
.cc-callout-tip.right {
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  top: 22px;
  right: 0;
  margin: 0 -8px 0 0;
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  border-bottom: none !important;
  border-right: none !important;
}
.cc-callout-tip.bottom {
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  bottom: -7px;
  right: 22px;
  margin: -3px 0 0 -9px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: none;
  border-left: none;
}
.cc-callout-tip.left {
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  top: 22px;
  left: 0;
  margin: 0 0 0 -8px;
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  border-top: none !important;
  border-left: none !important;
}
.cc-callout-tip.topLeft {
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  top: -5px;
  left: 15px;
  margin: -3px 0 0 -9px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: none !important;
  border-right: none !important;
}
.cc-callout-tip.topRight {
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  top: -5px;
  right: 25px;
  margin: -3px 0 0 -9px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: none !important;
  border-right: none !important;
}
.cc-callout-tip.bottomCenter {
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  bottom: -7px;
  right: calc(50% - 11px);
  margin: -3px 0 0 -9px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: none !important;
  border-left: none !important;
}
.cc-callout-tip.bottomRight {
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  bottom: -7px;
  right: 25px;
  margin: -3px 0 0 -9px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: none;
  border-left: none;
}
.cc-callout-body {
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-pale-grey);
  border-radius: 3px;
}
.cc-callout-body:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (min-width: 992px) {
  .cc-callout-body .date-picker-wrap #uiDate {
    z-index: 9002;
  }
}
.cc-callout-content {
  background-color: var(--lvh-white);
  border-radius: 3px;
  position: relative;
  z-index: 1002;
  overflow: hidden;
}
.cc-callout-content > ul {
  margin: 0;
  padding: 13px 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cc-callout-content > ul:last-child {
  padding: 13px 0 0 0;
}
.cc-callout-content > ul.bullets > li {
  margin: 0 0 0 15px;
  padding: 0 0 10px 0;
  list-style: disc;
}
.cc-callout-content > ul.bullets > li:last-child {
  padding: 0;
}
.cc-callout-content > ul > li {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.cc-callout-content > ul > li.mobileOnly {
  display: none;
}
@media (max-width: 991px) {
  .cc-callout-content > ul > li.mobileOnly {
    display: list-item;
  }
}
.cc-callout-content > ul > li.divider {
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  margin: 10px 0;
}
.cc-callout-content > ul > li.divider > a {
  display: none;
}
.cc-callout-content > ul > li > a,
.cc-callout-content > ul > li > span {
  display: block;
  color: var(--lvh-x-mid-grey);
  outline: none;
  padding: 0.25em 1.538em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
}
.cc-callout-content > ul > li > a:hover,
.cc-callout-content > ul > li > span:hover,
.cc-callout-content > ul > li > a:focus,
.cc-callout-content > ul > li > span:focus,
.cc-callout-content > ul > li > a.selected,
.cc-callout-content > ul > li > span.selected {
  background-color: var(--lvh-x-off-white);
}
.cc-callout-content > ul > li > a .label,
.cc-callout-content > ul > li > span .label {
  color: var(--lvh-x-mid-grey);
  white-space: inherit;
}
.cc-callout-content > ul > li.disabled > a,
.cc-callout-content > ul > li.disabled > span {
  color: rgba(102, 102, 102, 0.3);
}
.cc-callout-content > ul > li.disabled > a:hover,
.cc-callout-content > ul > li.disabled > span:hover,
.cc-callout-content > ul > li.disabled > a:focus,
.cc-callout-content > ul > li.disabled > span:focus,
.cc-callout-content > ul > li.disabled > a.selected,
.cc-callout-content > ul > li.disabled > span.selected {
  background-color: var(--lvh-white);
}
.dropdownDirective {
  position: relative;
}
.dropdownDirective[disabled] .selectedLabel,
.dropdownDirective:disabled .selectedLabel {
  background-color: var(--lvh-x-shark-light) !important;
  cursor: default !important;
}
.dropdownDirective[disabled] .selectedLabel .label,
.dropdownDirective:disabled .selectedLabel .label,
.dropdownDirective[disabled] .selectedLabel .icon,
.dropdownDirective:disabled .selectedLabel .icon {
  color: var(--lvh-secondary-text) !important;
}
.dropdownComponent.select .selectedLabel,
.dropdownComponent.head .selectedLabel {
  float: left;
  display: block;
  padding: 0.846em 1em;
  color: var(--lvh-x-dark-grey);
  outline: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
  cursor: pointer;
}
.dropdownComponent.select .selectedLabel > span,
.dropdownComponent.head .selectedLabel > span {
  float: left;
  width: calc(100% - 15px);
  padding-right: 0.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dropdownComponent.select .dropdown,
.dropdownComponent.head .dropdown {
  position: absolute;
  top: 100%;
  left: -1px;
  width: auto;
  min-width: 100%;
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-shark-dark);
  border-top-color: var(--lvh-x-off-white);
  border-radius: 0 0 3px 3px;
  /*padding: 0.462em 0 1em 0;*/
  padding-bottom: 0.462em;
  z-index: 1000;
}
.dropdownComponent.select .menuItems,
.dropdownComponent.head .menuItems,
.dropdownComponent.select .subMenuItems,
.dropdownComponent.head .subMenuItems {
  margin: 0;
  padding: 0;
}
.dropdownComponent.select .menuItems > .menuItem,
.dropdownComponent.head .menuItems > .menuItem,
.dropdownComponent.select .subMenuItems > .menuItem,
.dropdownComponent.head .subMenuItems > .menuItem,
.dropdownComponent.select .menuItems > .subMenuItem,
.dropdownComponent.head .menuItems > .subMenuItem,
.dropdownComponent.select .subMenuItems > .subMenuItem,
.dropdownComponent.head .subMenuItems > .subMenuItem {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.dropdownComponent.select .menuItems > .menuItem > .label,
.dropdownComponent.head .menuItems > .menuItem > .label,
.dropdownComponent.select .subMenuItems > .menuItem > .label,
.dropdownComponent.head .subMenuItems > .menuItem > .label,
.dropdownComponent.select .menuItems > .subMenuItem > .label,
.dropdownComponent.head .menuItems > .subMenuItem > .label,
.dropdownComponent.select .subMenuItems > .subMenuItem > .label,
.dropdownComponent.head .subMenuItems > .subMenuItem > .label {
  display: block;
  cursor: pointer;
  color: var(--lvh-x-mid-grey);
  padding: 0.231em 1em;
}
.dropdownComponent.select .menuItems > .menuItem > .label:hover,
.dropdownComponent.head .menuItems > .menuItem > .label:hover,
.dropdownComponent.select .subMenuItems > .menuItem > .label:hover,
.dropdownComponent.head .subMenuItems > .menuItem > .label:hover,
.dropdownComponent.select .menuItems > .subMenuItem > .label:hover,
.dropdownComponent.head .menuItems > .subMenuItem > .label:hover,
.dropdownComponent.select .subMenuItems > .subMenuItem > .label:hover,
.dropdownComponent.head .subMenuItems > .subMenuItem > .label:hover,
.dropdownComponent.select .menuItems > .menuItem > .label:focus,
.dropdownComponent.head .menuItems > .menuItem > .label:focus,
.dropdownComponent.select .subMenuItems > .menuItem > .label:focus,
.dropdownComponent.head .subMenuItems > .menuItem > .label:focus,
.dropdownComponent.select .menuItems > .subMenuItem > .label:focus,
.dropdownComponent.head .menuItems > .subMenuItem > .label:focus,
.dropdownComponent.select .subMenuItems > .subMenuItem > .label:focus,
.dropdownComponent.head .subMenuItems > .subMenuItem > .label:focus {
  background-color: var(--lvh-x-off-white);
  outline: 1px solid var(--lvh-x-dark-grey);
  outline-offset: -1px;
}
.dropdownComponent.select .menuItems > .menuItem > .label:hover,
.dropdownComponent.head .menuItems > .menuItem > .label:hover,
.dropdownComponent.select .subMenuItems > .menuItem > .label:hover,
.dropdownComponent.head .subMenuItems > .menuItem > .label:hover,
.dropdownComponent.select .menuItems > .subMenuItem > .label:hover,
.dropdownComponent.head .menuItems > .subMenuItem > .label:hover,
.dropdownComponent.select .subMenuItems > .subMenuItem > .label:hover,
.dropdownComponent.head .subMenuItems > .subMenuItem > .label:hover {
  background-color: var(--lvh-x-off-white);
}
.dropdownComponent.select .menuItems > .menuItem > .label.divider,
.dropdownComponent.head .menuItems > .menuItem > .label.divider,
.dropdownComponent.select .subMenuItems > .menuItem > .label.divider,
.dropdownComponent.head .subMenuItems > .menuItem > .label.divider,
.dropdownComponent.select .menuItems > .subMenuItem > .label.divider,
.dropdownComponent.head .menuItems > .subMenuItem > .label.divider,
.dropdownComponent.select .subMenuItems > .subMenuItem > .label.divider,
.dropdownComponent.head .subMenuItems > .subMenuItem > .label.divider {
  cursor: default;
  padding: 0;
  border-bottom: solid 1px var(--lvh-x-mid-grey);
}
.dropdownComponent.select .menuItems > .menuItem > .label.blank,
.dropdownComponent.head .menuItems > .menuItem > .label.blank,
.dropdownComponent.select .subMenuItems > .menuItem > .label.blank,
.dropdownComponent.head .subMenuItems > .menuItem > .label.blank,
.dropdownComponent.select .menuItems > .subMenuItem > .label.blank,
.dropdownComponent.head .menuItems > .subMenuItem > .label.blank,
.dropdownComponent.select .subMenuItems > .subMenuItem > .label.blank,
.dropdownComponent.head .subMenuItems > .subMenuItem > .label.blank {
  height: 18px;
}
.dropdownComponent.select .subMenuItems > .subMenuItem,
.dropdownComponent.head .subMenuItems > .subMenuItem {
  position: relative;
}
.dropdownComponent.select .subMenuItems > .subMenuItem:before,
.dropdownComponent.head .subMenuItems > .subMenuItem:before {
  content: "\e915";
  font-family: 'IconFont';
  font-size: 0.538em;
  color: var(--lvh-x-shark-dark);
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 2em;
  margin-top: -0.5em;
}
.dropdownComponent.select .subMenuItems > .subMenuItem > .label,
.dropdownComponent.head .subMenuItems > .subMenuItem > .label {
  padding-left: 2em;
}
@media (min-width: 992px) {
  .dropdownComponent.above .dropdown {
    top: auto !important;
    bottom: 100% !important;
    border-radius: 3px 3px 0 0 !important;
  }
}
.dropdownComponent.callout {
  float: left;
  position: relative;
}
.dropdownComponent.callout .callout {
  display: none;
  opacity: 0;
  -moz-transition: 0.3s opacity ease-in-out;
  -o-transition: 0.3s opacity ease-in-out;
  -webkit-transition: 0.3s opacity ease-in-out;
  transition: 0.3s opacity ease-in-out;
  line-height: normal;
  position: absolute;
  padding-top: 13px;
  right: -26px;
  top: 4em;
}
.dropdownComponent.callout .callout.isVisible {
  display: block;
  opacity: 1;
  z-index: 1000;
}
.dropdownComponent.callout .calloutTip {
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  top: 10px;
  right: 22px;
  margin: -3px 0 0 -9px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: none !important;
  border-right: none !important;
}
.dropdownComponent.callout .calloutBody {
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-pale-grey);
  border-radius: 3px;
}
.dropdownComponent.callout .calloutContent {
  background-color: var(--lvh-white);
  border-radius: 3px;
  position: relative;
  z-index: 1002;
  overflow: hidden;
}
.dropdownComponent.callout .calloutContent .mobileOnly {
  display: none;
}
@media (max-width: 991px) {
  .dropdownComponent.callout .calloutContent .mobileOnly {
    display: block;
  }
}
.dropdownComponent.callout .calloutContent > ul {
  margin: 0;
  padding: 13px 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.dropdownComponent.callout .calloutContent > ul:last-child {
  padding: 13px 0 0 0;
}
.dropdownComponent.callout .calloutContent > ul.bullets > li {
  margin: 0 0 0 15px;
  padding: 0 0 10px 0;
  list-style: disc;
}
.dropdownComponent.callout .calloutContent > ul.bullets > li:last-child {
  padding: 0;
}
.dropdownComponent.callout .calloutContent > ul > li {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.dropdownComponent.callout .calloutContent > ul > li.mobileOnly {
  display: none;
}
@media (max-width: 991px) {
  .dropdownComponent.callout .calloutContent > ul > li.mobileOnly {
    display: list-item;
  }
}
.dropdownComponent.callout .calloutContent > ul > li.divider {
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  margin: 10px 0;
}
.dropdownComponent.callout .calloutContent > ul > li.divider > a {
  display: none;
}
.dropdownComponent.callout .calloutContent > ul > li > a,
.dropdownComponent.callout .calloutContent > ul > li > span {
  display: block;
  color: var(--lvh-x-mid-grey);
  outline: none;
  padding: 0.25em 1.538em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
}
.dropdownComponent.callout .calloutContent > ul > li > a:hover,
.dropdownComponent.callout .calloutContent > ul > li > span:hover,
.dropdownComponent.callout .calloutContent > ul > li > a:focus,
.dropdownComponent.callout .calloutContent > ul > li > span:focus,
.dropdownComponent.callout .calloutContent > ul > li > a.selected,
.dropdownComponent.callout .calloutContent > ul > li > span.selected {
  background-color: var(--lvh-x-off-white);
}
.dropdownComponent.callout .calloutContent > ul > li > a .label,
.dropdownComponent.callout .calloutContent > ul > li > span .label {
  color: var(--lvh-x-mid-grey);
  white-space: inherit;
}
.dropdownComponent.callout .calloutContent > ul > li.disabled > a,
.dropdownComponent.callout .calloutContent > ul > li.disabled > span {
  color: rgba(102, 102, 102, 0.3);
}
.dropdownComponent.callout .calloutContent > ul > li.disabled > a:hover,
.dropdownComponent.callout .calloutContent > ul > li.disabled > span:hover,
.dropdownComponent.callout .calloutContent > ul > li.disabled > a:focus,
.dropdownComponent.callout .calloutContent > ul > li.disabled > span:focus,
.dropdownComponent.callout .calloutContent > ul > li.disabled > a.selected,
.dropdownComponent.callout .calloutContent > ul > li.disabled > span.selected {
  background-color: var(--lvh-white);
}
.cc-select-dropdown .dropdownComponent {
  position: relative;
}
.cc-select-dropdown .dropdownComponent:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.cc-select-dropdown .dropdownComponent.select,
.cc-select-dropdown .dropdownComponent.head {
  color: var(--lvh-x-dark-grey);
  border: none;
  outline: 0;
  line-height: normal;
  box-sizing: border-box;
}
.cc-select-dropdown .dropdownComponent.select.hasValidationMessage,
.cc-select-dropdown .dropdownComponent.head.hasValidationMessage {
  padding-bottom: 28px !important;
}
.cc-select-dropdown .dropdownComponent.select.hasValidationMessage .dropdown,
.cc-select-dropdown .dropdownComponent.head.hasValidationMessage .dropdown {
  top: calc(100% - 29px);
}
.cc-select-dropdown .dropdownComponent.select .dropdown,
.cc-select-dropdown .dropdownComponent.head .dropdown {
  border-color: var(--lvh-x-paler-grey);
  top: calc(100% - 1px);
  left: 0;
  max-height: 200px;
  overflow-y: auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cc-select-dropdown .dropdownComponent.select .selectedLabel,
.cc-select-dropdown .dropdownComponent.head .selectedLabel {
  float: left;
  width: 100%;
  padding: 7px 8px;
  color: var(--lvh-secondary-text);
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-paler-grey);
  border-radius: 3px;
  position: relative;
  box-sizing: border-box;
  z-index: 2;
}
@media (max-width: 991px) {
  .cc-select-dropdown .dropdownComponent.select .selectedLabel,
  .cc-select-dropdown .dropdownComponent.head .selectedLabel {
    padding: 10px 14px;
  }
}
.cc-select-dropdown .dropdownComponent.select .selectedLabel > span,
.cc-select-dropdown .dropdownComponent.head .selectedLabel > span {
  float: left;
  width: calc(100% - 15px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .cc-select-dropdown .dropdownComponent.select .selectedLabel > span,
  .cc-select-dropdown .dropdownComponent.head .selectedLabel > span {
    font-size: 16px;
  }
}
.cc-select-dropdown .dropdownComponent.select .selectedLabel i,
.cc-select-dropdown .dropdownComponent.head .selectedLabel i {
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -3.5px;
  display: block;
  font-size: 7px;
  color: var(--lvh-x-shark-dark);
}
@media (max-width: 991px) {
  .cc-select-dropdown .dropdownComponent.select .selectedLabel i,
  .cc-select-dropdown .dropdownComponent.head .selectedLabel i {
    right: 14px;
  }
}
.cc-select-dropdown .dropdownComponent.select .menuItems > .menuItem > .label,
.cc-select-dropdown .dropdownComponent.head .menuItems > .menuItem > .label,
.cc-select-dropdown .dropdownComponent.select .subMenuItems > .menuItem > .label,
.cc-select-dropdown .dropdownComponent.head .subMenuItems > .menuItem > .label,
.cc-select-dropdown .dropdownComponent.select .menuItems > .subMenuItem > .label,
.cc-select-dropdown .dropdownComponent.head .menuItems > .subMenuItem > .label,
.cc-select-dropdown .dropdownComponent.select .subMenuItems > .subMenuItem > .label,
.cc-select-dropdown .dropdownComponent.head .subMenuItems > .subMenuItem > .label {
  padding: 4px 8px;
}
.cc-select-dropdown .dropdownComponent.select .validation-message,
.cc-select-dropdown .dropdownComponent.head .validation-message {
  width: 100%;
  position: absolute;
  top: auto;
  bottom: 1px;
  left: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
}
.cc-select-dropdown .dropdownComponent.head .dropdown {
  max-height: 220px;
}
.cc-select-dropdown .dropdownComponent.head .selectedLabel > span {
  width: auto;
}
.cc-select-dropdown .dropdownComponent.head .menuItem {
  float: left;
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
}
.cc-select-dropdown .dropdownComponent.head .menuItem:hover {
  background-color: var(--lvh-x-off-white);
}
.cc-select-dropdown .dropdownComponent.head .profile-picture {
  float: left;
}
.cc-select-dropdown .dropdownComponent.head .cc-avatar {
  float: left;
  margin-right: 10px;
  padding-top: 5px;
}
.cc-select-dropdown .dropdownComponent.head .text {
  float: left;
  color: var(--lvh-secondary-text);
  line-height: 32px;
  max-width: 145px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 50px);
}
.cc-dropdown.validation-error .select .selected-option {
  border-color: var(--lvh-validation-red-dark);
}
.cc-dropdown.has-validation-message {
  padding-bottom: 28px !important;
}
.cc-dropdown.has-validation-message .select .dropdown {
  top: calc(100% - 29px);
}
.cc-dropdown .select {
  color: var(--lvh-x-dark-grey);
  border: none;
  outline: 0;
  line-height: normal;
  box-sizing: border-box;
  position: relative;
}
.cc-dropdown .select:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.cc-dropdown .select .dropdown {
  border-color: var(--lvh-x-paler-grey);
  top: calc(100% - 1px);
  left: 0;
  max-height: 200px;
  overflow-y: auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cc-dropdown .select .selected-option {
  float: left;
  width: 100%;
  padding: 7px 8px;
  color: var(--lvh-secondary-text);
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-paler-grey);
  border-radius: 3px;
  position: relative;
  box-sizing: border-box;
  z-index: 2;
}
@media (max-width: 991px) {
  .cc-dropdown .select .selected-option {
    padding: 10px 14px;
  }
}
.cc-dropdown .select .selected-option > span {
  float: left;
  width: calc(100% - 15px);
  min-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
}
.cc-dropdown .select .selected-option i {
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -3.5px;
  display: block;
  font-size: 7px;
  color: var(--lvh-x-shark-dark);
}
@media (max-width: 991px) {
  .cc-dropdown .select .selected-option i {
    right: 14px;
  }
}
.cc-dropdown .select .menuItems > .menuItem > .label,
.cc-dropdown .select .subMenuItems > .menuItem > .label,
.cc-dropdown .select .menuItems > .subMenuItem > .label,
.cc-dropdown .select .subMenuItems > .subMenuItem > .label {
  padding: 4px 8px;
}
.cc-dropdown .select .validation-message {
  width: 100%;
  position: absolute;
  top: auto;
  bottom: 1px;
  left: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
}
.layout-spacious .cc-dropdown .select .selected-option {
  padding: 10px 8px;
}

.cc-dropdown2 {
  display: block;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  color: var(--lvh-secondary-text);
  position: relative;
  background-color: var(--lvh-white);
}
.cc-dropdown2[disabled] .selected-option,
.cc-dropdown2:disabled .selected-option {
  background-color: var(--lvh-x-shark-light);
  cursor: default;
}
.cc-dropdown2[disabled] .selected-option .label,
.cc-dropdown2:disabled .selected-option .label,
.cc-dropdown2[disabled] .selected-option .icon,
.cc-dropdown2:disabled .selected-option .icon {
  color: var(--lvh-secondary-text);
}
.cc-dropdown2[disabled] [ng-click]:not(.cc-modalOverlay):not(.overlayContent),
.cc-dropdown2:disabled [ng-click]:not(.cc-modalOverlay):not(.overlayContent) {
  cursor: default;
}
.cc-dropdown2.small .selected-option {
  min-height: 26px;
}
@media (max-width: 991px) {
  .cc-dropdown2.small .selected-option {
    min-height: 25px;
  }
}
.cc-dropdown2.small .selected-option .label,
.cc-dropdown2.small .selected-option .icon {
  line-height: 24px;
}
@media (max-width: 991px) {
  .cc-dropdown2.small .selected-option .label,
  .cc-dropdown2.small .selected-option .icon {
    line-height: 23px;
  }
}
@media (max-width: 991px) {
  .cc-dropdown2.multi-select.category-type .dropdown {
    z-index: 1000;
  }
}
.cc-dropdown2.multi-select.category-type .dropdown .option {
  padding: 0;
}
.cc-dropdown2.multi-select.category-type .dropdown .inner-wrap {
  cursor: pointer;
}
.cc-dropdown2.multi-select.category-type .dropdown .label {
  padding-right: 15px;
}
.cc-dropdown2.multi-select.category-type .dropdown .count {
  right: 40px;
}
.cc-dropdown2.multi-select.category-type .dropdown .icon {
  position: absolute;
  top: 0;
  right: 10px;
  cursor: pointer;
  font-size: 7px;
  color: var(--lvh-x-shark-dark);
  line-height: 40px;
}
.cc-dropdown2.multi-select.category-type .dropdown .primary-option:not(:last-child) {
  border-bottom: 1px solid var(--lvh-x-paler-grey);
}
.cc-dropdown2.multi-select.category-type .dropdown .primary-option .p-checkbox {
  left: 10px;
}
.cc-dropdown2.multi-select.category-type .dropdown .secondary-option > .inner-wrap {
  padding: 0 10px;
}
.cc-dropdown2.multi-select.category-type .dropdown .secondary-option > .inner-wrap .p-checkbox {
  left: 25px;
}
.cc-dropdown2.multi-select.category-type .dropdown .secondary-option > .inner-wrap .label {
  padding-left: 35px;
}
.cc-dropdown2.multi-select .selected-option .label {
  margin-right: 5px;
}
.cc-dropdown2.multi-select .selected-option .label > span {
  overflow: hidden;
  white-space: nowrap;
}
.cc-dropdown2.multi-select .selected-option.avatar {
  padding: 0 20px 0 10px;
}
.cc-dropdown2.multi-select .selected-option .clear-icon {
  font-size: 12px;
}
.cc-dropdown2.multi-select .selected-option .clear-icon:hover {
  color: var(--lvh-x-red);
}
.cc-dropdown2.multi-select .dropdown {
  overflow-x: hidden;
  z-index: 1000;
  max-height: 200px;
}
.cc-dropdown2.multi-select .dropdown .inner-wrap {
  position: relative;
}
.cc-dropdown2.multi-select .dropdown .p-checkbox {
  position: absolute;
  top: 50%;
  left: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
}
@media (max-width: 991px) {
  .cc-dropdown2.multi-select .dropdown .p-checkbox {
    width: 16px;
    height: 16px;
  }
}
.cc-dropdown2.multi-select .dropdown .p-checkbox .checkbox {
  display: block;
}
.cc-dropdown2.multi-select .dropdown .label {
  display: block;
  width: 100%;
  line-height: 40px;
  padding: 0 30px 0 24px;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cc-dropdown2.multi-select .dropdown .count {
  position: absolute;
  top: 0;
  right: 10px;
  cursor: pointer;
}
.cc-dropdown2.multi-select .dropdown .primary-option,
.cc-dropdown2.multi-select .dropdown .secondary-option {
  white-space: nowrap;
}
.cc-dropdown2.multi-select .dropdown .primary-option.selected .label,
.cc-dropdown2.multi-select .dropdown .secondary-option.selected .label {
  /*font-weight: 600;*/
  color: var(--lvh-x-dark-grey);
}
.cc-dropdown2.multi-select .dropdown .primary-option {
  margin: 0;
  padding: 0;
}
.cc-dropdown2.multi-select .dropdown .primary-option .inner-wrap {
  margin: 0;
  padding: 0 10px;
  line-height: 26px;
  min-height: 26px;
}
.cc-dropdown2.multi-select .dropdown .primary-option .inner-wrap:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.cc-dropdown2.multi-select .dropdown .primary-option .inner-wrap:hover,
.cc-dropdown2.multi-select .dropdown .primary-option .inner-wrap:focus {
  background-color: var(--lvh-x-off-white);
}
.cc-dropdown2.multi-select .dropdown .primary-option .inner-wrap .label {
  cursor: pointer;
}
.cc-dropdown2.validation-error .selected-option {
  border-color: var(--lvh-validation-red-dark);
}
.cc-dropdown2 .selected-option {
  display: block;
  min-height: 34px;
  border: 1px solid var(--lvh-x-paler-grey);
  border-radius: 3px;
  padding: 0 22px 0 10px;
  position: relative;
  cursor: pointer;
  box-sizing: border-box;
}
.cc-dropdown2 .selected-option:focus {
  border-color: var(--lvh-x-dark-grey);
}
@media (max-width: 991px) {
  .cc-dropdown2 .selected-option {
    min-height: 40px;
  }
}
.cc-dropdown2 .selected-option:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.cc-dropdown2 .selected-option.has-icon .label {
  padding-left: 20px;
}
.cc-dropdown2 .selected-option.avatar {
  padding: 0 20px 0 10px;
}
.cc-dropdown2 .selected-option.avatar .cc-avatar {
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -12px;
}
.cc-dropdown2 .selected-option.avatar .label {
  padding-left: 34px;
}
.cc-dropdown2 .selected-option .label,
.cc-dropdown2 .selected-option .icon {
  line-height: 32px;
}
@media (max-width: 991px) {
  .cc-dropdown2 .selected-option .label,
  .cc-dropdown2 .selected-option .icon {
    line-height: 38px;
  }
}
.cc-dropdown2 .selected-option .icon {
  font-size: 7px;
  color: var(--lvh-x-shark-dark);
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
}
.cc-dropdown2 .selected-option .icon.selected {
  color: var(--lvh-x-mesh-dark);
  left: 10px;
  right: auto;
  font-size: 12px;
}
.cc-dropdown2 .selected-option .label {
  display: block;
  font-size: 13px;
  color: var(--lvh-x-mesh-dark);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (max-width: 991px) {
  .cc-dropdown2 .selected-option .label {
    font-size: 16px;
  }
}
.cc-dropdown2 .selected-option.placeholder .label {
  color: var(--lvh-x-light-grey);
}
.cc-dropdown2 .selected-option.placeholder .cc-avatar {
  display: none;
}
.cc-dropdown2 .selected-option .hidden {
  display: none;
}
.cc-dropdown2 .dropdown {
  position: absolute;
  top: calc(100% - 1px);
  right: 0;
  left: 0;
  max-height: 200px;
  border: 1px solid var(--lvh-x-paler-grey);
  border-radius: 0 0 3px 3px;
  overflow-y: auto;
  box-sizing: border-box;
  background-color: var(--lvh-white);
  z-index: 1000;
}
@media (max-width: 991px) {
  .cc-dropdown2 .dropdown {
    max-height: none;
    z-index: unset;
  }
}
.cc-dropdown2 .dropdown.above {
  border: 1px solid red;
}
.cc-dropdown2 .dropdown.avatar .option {
  line-height: 50px;
  min-height: 50px;
  position: relative;
}
.cc-dropdown2 .dropdown.avatar .option:not(:last-child) {
  border: none;
}
.cc-dropdown2 .dropdown.avatar .cc-avatar {
  position: absolute;
  top: 50%;
  left: 8px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cc-dropdown2 .dropdown.avatar .label {
  padding-left: 42px;
}
.cc-dropdown2 .dropdown.searchListOnly {
  position: static;
}
.cc-dropdown2 .dropdown.searchListOnly .option.selected {
  background: var(--lvh-x-off-white);
}
.cc-dropdown2 .dropdown.searchListOnly .option.selected:before {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 6px;
  line-height: 12px;
  text-align: center;
  font-family: 'IconFont';
  content: "\e911";
  background: var(--lvh-bright-blue);
  color: var(--lvh-white);
}
.cc-dropdown2 .dropdown.searchListOnly .option.selected .label {
  padding-right: 20px;
}
.cc-dropdown2 .dropdown .option-filter {
  padding: 5px;
  border-bottom: 1px solid var(--lvh-x-paler-grey);
}
.cc-dropdown2 .dropdown .option-filter input[type='search']:focus {
  border-color: var(--lvh-x-dark-grey);
}
.cc-dropdown2 .dropdown .options {
  margin: 0;
  padding: 0;
  list-style: none;
}
.cc-dropdown2 .dropdown .option {
  margin: 0;
  padding: 0 10px;
  line-height: 26px;
  min-height: 26px;
  cursor: pointer;
}
@media (max-width: 991px) {
  .cc-dropdown2 .dropdown .option {
    padding: 5px 10px;
  }
}
@media (max-width: 991px) {
  .cc-dropdown2 .dropdown .option:last-child {
    padding: 10px;
  }
}
.cc-dropdown2 .dropdown .option:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.cc-dropdown2 .dropdown .option.has-icon {
  position: relative;
}
.cc-dropdown2 .dropdown .option.has-icon .icon {
  font-size: 12px;
  position: absolute;
  top: 50%;
  left: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cc-dropdown2 .dropdown .option.has-icon .label {
  padding-left: 20px;
}
.cc-dropdown2 .dropdown .option:hover,
.cc-dropdown2 .dropdown .option:focus {
  background-color: var(--lvh-x-off-white);
  outline: 1px solid var(--lvh-x-dark-grey);
  outline-offset: -1px;
}
.cc-dropdown2 .dropdown .option .label {
  min-height: 26px;
  cursor: pointer;
}
.cc-dropdown2 .dropdown .option .html-label.indent {
  padding-left: 15px;
}
.cc-dropdown2 .label {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .cc-dropdown2 .label {
    font-size: 16px;
  }
}
.cc-dropdown2 .currency-flag {
  margin-right: 5px;
}
.cc-dropdown .select .selected-option {
  padding: 10px 8px;
}
.layout-spacious .cc-dropdown2 .selected-option {
  min-height: 40px;
}
.layout-spacious .cc-dropdown2 .selected-option .label,
.layout-spacious .cc-dropdown2 .selected-option .icon {
  line-height: 38px;
}
@media (max-width: 991px) {
  #employerApp .cc-dropdown2 .selected-option .label {
    font-size: 13px;
  }
}
@media (max-width: 991px) {
  #employerApp .cc-dropdown2 .label {
    font-size: 13px;
  }
}

file-drop-ng1 .cc-file-drop,
resume-drop-ng1 .cc-file-drop {
  position: relative;
}
file-drop-ng1 .cc-file-drop.mode-image .outer-wrap,
resume-drop-ng1 .cc-file-drop.mode-image .outer-wrap {
  height: 440px;
}
file-drop-ng1 .cc-file-drop.mode-image .outer-wrap .drop-pane,
resume-drop-ng1 .cc-file-drop.mode-image .outer-wrap .drop-pane {
  display: table-cell;
  vertical-align: middle;
}
file-drop-ng1 .cc-file-drop.mode-image .outer-wrap .drop-pane img,
resume-drop-ng1 .cc-file-drop.mode-image .outer-wrap .drop-pane img {
  max-width: 409px;
  max-height: 370px;
}
file-drop-ng1 .cc-file-drop.cc-file-drop-dragover .outer-wrap,
resume-drop-ng1 .cc-file-drop.cc-file-drop-dragover .outer-wrap {
  opacity: 0.9;
  border-color: var(--lvh-bright-blue);
}
file-drop-ng1 .cc-file-drop.upload,
resume-drop-ng1 .cc-file-drop.upload {
  cursor: pointer;
}
file-drop-ng1 .cc-file-drop.uploading .drop-pane .title,
resume-drop-ng1 .cc-file-drop.uploading .drop-pane .title {
  margin: 0 0 10px 0;
}
file-drop-ng1 .cc-file-drop.success .drop-pane,
resume-drop-ng1 .cc-file-drop.success .drop-pane {
  padding-bottom: 40px;
}
file-drop-ng1 .cc-file-drop.success .drop-pane .icon,
resume-drop-ng1 .cc-file-drop.success .drop-pane .icon {
  color: var(--lvh-x-green);
}
file-drop-ng1 .cc-file-drop.success .drop-pane .text,
resume-drop-ng1 .cc-file-drop.success .drop-pane .text {
  display: block;
}
file-drop-ng1 .cc-file-drop.success .drop-pane .summary,
resume-drop-ng1 .cc-file-drop.success .drop-pane .summary {
  border: 1px solid var(--lvh-validation-green-mid);
  word-break: break-word;
  /*
    Testing disabling the rest of this mixin to review state with current browser versions.  If specific problems found with older browsers, we'll look at manual hyphenation approaches

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;

    //Firefox -Simon's recollection was that this was a prior attempt to undo the hyphenation settings above - Jamie also tweaked to only affect mobile...  believe latest change makes it unnecessary
    @media screen and (max-width: @screen-sm-max) and (-moz-images-in-menus:0) {
        hyphens: none !important;
        -moz-hyphens: none !important;
        word-break: normal !important;
    }*/
  background: var(--lvh-validation-green-light);
}
file-drop-ng1 .cc-file-drop.success .drop-pane .summary .text,
resume-drop-ng1 .cc-file-drop.success .drop-pane .summary .text {
  display: inline;
}
file-drop-ng1 .cc-file-drop.success .drop-pane .summary .reset-button,
resume-drop-ng1 .cc-file-drop.success .drop-pane .summary .reset-button {
  color: var(--lvh-validation-green-dark);
}
file-drop-ng1 .cc-file-drop.error,
resume-drop-ng1 .cc-file-drop.error {
  cursor: pointer;
}
file-drop-ng1 .cc-file-drop.error .drop-pane,
resume-drop-ng1 .cc-file-drop.error .drop-pane {
  padding-bottom: 40px;
}
file-drop-ng1 .cc-file-drop.error .drop-pane .icon,
resume-drop-ng1 .cc-file-drop.error .drop-pane .icon {
  color: var(--lvh-x-ripe);
}
file-drop-ng1 .cc-file-drop.error .drop-pane .summary,
resume-drop-ng1 .cc-file-drop.error .drop-pane .summary {
  border: 1px solid var(--lvh-validation-red-mid);
  background: var(--lvh-validation-red-light);
}
file-drop-ng1 .cc-file-drop.error .drop-pane .summary .reset-button,
resume-drop-ng1 .cc-file-drop.error .drop-pane .summary .reset-button {
  color: var(--lvh-validation-red-dark);
}
file-drop-ng1 .cc-file-drop.uploading .outer-wrap,
resume-drop-ng1 .cc-file-drop.uploading .outer-wrap,
file-drop-ng1 .cc-file-drop.success .outer-wrap,
resume-drop-ng1 .cc-file-drop.success .outer-wrap,
file-drop-ng1 .cc-file-drop.error .outer-wrap,
resume-drop-ng1 .cc-file-drop.error .outer-wrap {
  border-style: solid;
}
file-drop-ng1 .cc-file-drop .outer-wrap,
resume-drop-ng1 .cc-file-drop .outer-wrap {
  border-radius: 3px;
  border: 1px dashed var(--lvh-x-paler-grey);
  background-color: var(--lvh-x-off-white);
  box-sizing: border-box;
  cursor: inherit;
}
file-drop-ng1 .cc-file-drop .outer-wrap .inner-wrap,
resume-drop-ng1 .cc-file-drop .outer-wrap .inner-wrap {
  width: 100%;
  height: 100%;
  display: table;
  cursor: inherit;
}
file-drop-ng1 .cc-file-drop .drop-pane,
resume-drop-ng1 .cc-file-drop .drop-pane {
  margin: 30px 15px;
  text-align: center;
  cursor: inherit;
}
file-drop-ng1 .cc-file-drop .drop-pane > div,
resume-drop-ng1 .cc-file-drop .drop-pane > div {
  cursor: inherit;
}
file-drop-ng1 .cc-file-drop .drop-pane .icon,
resume-drop-ng1 .cc-file-drop .drop-pane .icon {
  display: block;
  margin: 0 auto 10px;
  font-size: 32px;
  color: var(--lvh-x-shark-dark);
  cursor: inherit;
}
file-drop-ng1 .cc-file-drop .drop-pane .title,
resume-drop-ng1 .cc-file-drop .drop-pane .title {
  display: block;
  font-size: 14px;
  color: var(--lvh-primary-text);
  margin: 0 0 5px;
  cursor: inherit;
}
@media (max-width: 991px) {
  file-drop-ng1 .cc-file-drop .drop-pane .title,
  resume-drop-ng1 .cc-file-drop .drop-pane .title {
    display: none;
  }
}
file-drop-ng1 .cc-file-drop .drop-pane .title.mobile,
resume-drop-ng1 .cc-file-drop .drop-pane .title.mobile {
  display: none;
}
@media (max-width: 991px) {
  file-drop-ng1 .cc-file-drop .drop-pane .title.mobile,
  resume-drop-ng1 .cc-file-drop .drop-pane .title.mobile {
    display: block;
  }
}
file-drop-ng1 .cc-file-drop .drop-pane .title .filename,
resume-drop-ng1 .cc-file-drop .drop-pane .title .filename {
  color: var(--lvh-x-dark-grey);
  cursor: inherit;
}
file-drop-ng1 .cc-file-drop .drop-pane .title .browse,
resume-drop-ng1 .cc-file-drop .drop-pane .title .browse {
  font-weight: 700;
  color: var(--lvh-bright-blue);
  cursor: inherit;
}
file-drop-ng1 .cc-file-drop .drop-pane .text,
resume-drop-ng1 .cc-file-drop .drop-pane .text {
  display: none;
  font-size: 13px;
  color: var(--lvh-secondary-text);
  cursor: inherit;
}
@media (max-width: 991px) {
  file-drop-ng1 .cc-file-drop .drop-pane .text.mobile,
  resume-drop-ng1 .cc-file-drop .drop-pane .text.mobile {
    display: block;
  }
}
@media (min-width: 992px) {
  file-drop-ng1 .cc-file-drop .drop-pane .text.desktop,
  resume-drop-ng1 .cc-file-drop .drop-pane .text.desktop {
    display: block;
  }
}
file-drop-ng1 .cc-file-drop .drop-pane .text.block,
resume-drop-ng1 .cc-file-drop .drop-pane .text.block {
  display: block;
}
file-drop-ng1 .cc-file-drop .drop-pane .summary,
resume-drop-ng1 .cc-file-drop .drop-pane .summary {
  position: absolute;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  padding: 10px;
  font-size: 13px;
  border-radius: 0 0 3px 3px;
  color: var(--lvh-secondary-text);
}
file-drop-ng1 .cc-file-drop .drop-pane .summary .replace,
resume-drop-ng1 .cc-file-drop .drop-pane .summary .replace,
file-drop-ng1 .cc-file-drop .drop-pane .summary .reset-button,
resume-drop-ng1 .cc-file-drop .drop-pane .summary .reset-button {
  border: 0;
  background: none;
  cursor: pointer;
}
file-drop-ng1 .cc-file-drop .drop-pane .summary .replace:hover,
resume-drop-ng1 .cc-file-drop .drop-pane .summary .replace:hover,
file-drop-ng1 .cc-file-drop .drop-pane .summary .reset-button:hover,
resume-drop-ng1 .cc-file-drop .drop-pane .summary .reset-button:hover,
file-drop-ng1 .cc-file-drop .drop-pane .summary .replace:active,
resume-drop-ng1 .cc-file-drop .drop-pane .summary .replace:active,
file-drop-ng1 .cc-file-drop .drop-pane .summary .reset-button:active,
resume-drop-ng1 .cc-file-drop .drop-pane .summary .reset-button:active,
file-drop-ng1 .cc-file-drop .drop-pane .summary .replace:focus,
resume-drop-ng1 .cc-file-drop .drop-pane .summary .replace:focus,
file-drop-ng1 .cc-file-drop .drop-pane .summary .reset-button:focus,
resume-drop-ng1 .cc-file-drop .drop-pane .summary .reset-button:focus {
  text-decoration: underline;
}
file-drop-ng1 .cc-file-drop .progress-bar,
resume-drop-ng1 .cc-file-drop .progress-bar {
  width: 100%;
  max-width: 260px;
  height: 5px;
  background-color: var(--lvh-x-shark-dark);
  border-radius: 5px;
  margin: auto;
  overflow: hidden;
}
file-drop-ng1 .cc-file-drop .progress-bar:after,
resume-drop-ng1 .cc-file-drop .progress-bar:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
file-drop-ng1 .cc-file-drop .progress-bar > .bar,
resume-drop-ng1 .cc-file-drop .progress-bar > .bar {
  float: left;
  width: 0;
  height: 5px;
  background-color: var(--lvh-bright-blue);
}
#job-cv-section .cc-file-drop.error .drop-pane,
#job-cv-section .cc-file-drop.success .drop-pane {
  display: block;
  margin: 20px 0 0;
}
#job-cv-section .cc-file-drop.error .drop-pane .text.block,
#job-cv-section .cc-file-drop.success .drop-pane .text.block {
  margin: 0;
}

.cc-file-drop-box .area-drag {
  float: left;
  width: 100%;
  padding: 25px 0;
  color: var(--lvh-secondary-text);
  background: var(--lvh-white);
  border-bottom: solid 1px var(--lvh-x-pale-grey);
  text-align: center;
}
.cc-file-drop-box .area-drag > p {
  margin: 0;
}
.cc-file-drop-box .progress {
  float: left;
  position: relative;
  height: 5px;
  width: 100%;
  background: var(--lvh-x-dark-grey);
}
.cc-file-drop-box .progress-bar {
  position: absolute;
  width: 0%;
  top: 0;
  bottom: 0;
  background: var(--lvh-bright-blue);
}
.cc-file-drop-box .list-items {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}
.cc-file-drop-box .list-item {
  border: solid 1px var(--lvh-x-dark-grey);
  border-left: 0;
  border-right: 0;
  color: var(--lvh-secondary-text);
  -moz-transition: 0.2s ease-in-out background-color;
  -o-transition: 0.2s ease-in-out background-color;
  -webkit-transition: 0.2s ease-in-out background-color;
  transition: 0.2s ease-in-out background-color;
}
.cc-file-drop-box .list-item:hover,
.cc-file-drop-box .list-item:focus {
  background-color: var(--lvh-x-off-white);
}
.cc-file-drop-box .list-item:last-child {
  border-bottom: none;
}
.cc-file-drop-box .list-item > a,
.cc-file-drop-box .list-item > span,
.cc-file-drop-box .list-item.list-item-upload {
  display: block;
  padding: 8px 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cc-file-drop-box .list-item > a.list-item-upload-failed,
.cc-file-drop-box .list-item > span.list-item-upload-failed,
.cc-file-drop-box .list-item.list-item-upload.list-item-upload-failed {
  background-color: var(--lvh-validation-red-mid);
}
.cc-file-drop-box .list-item .file {
  float: left;
  width: 100%;
  position: relative;
}
.cc-file-drop-box .list-item .file > .icon {
  position: absolute;
  top: 3px;
  left: 0;
}
.cc-file-drop-box .list-item .file > span {
  float: left;
  width: 100%;
  padding-left: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cc-file-drop-box .list-item .icon {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 5px;
  background-image: url('//assets.livehire.com/common/images/vectors/filetypes/filetype-other.svg');
  background-size: 12px 12px;
}
.cc-file-drop-box .list-item .jpeg,
.cc-file-drop-box .list-item .png {
  background-image: url('//assets.livehire.com/common/images/vectors/filetype-image.svg');
}
.cc-file-drop-box .list-item .pdf {
  background-image: url('//assets.livehire.com/common/images/vectors/filetype-pdf.svg');
}
.cc-file-drop-box .list-item .word {
  background-image: url('//assets.livehire.com/common/images/vectors/filetype-word.svg');
}
.cc-file-drop-box .list-item .xls {
  background-image: url('//assets.livehire.com/common/images/vectors/filetype-excel.svg');
}
.cc-file-drop-box .list-item .ppt,
.cc-file-drop-box .list-item .pptx {
  background-image: url('//assets.livehire.com/common/images/vectors/filetype-powerpoint.svg');
}
.cc-file-drop-box .list-item .time-ago {
  float: left;
  width: 100%;
  padding-left: 20px;
  font-size: 10px;
  color: var(--lvh-secondary-text);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cc-file-drop-box .list-item .time-ago > span {
  color: var(--lvh-x-shark-dark);
}
.cc-file-drop-box .list-item:first-child {
  border-top: 0;
}
.cc-file-drop-box .list-item + .list-item {
  border-top: 0;
}
.cc-file-drop-box .list-item .fileUpload {
  float: left;
  width: 100%;
  position: relative;
}
.cc-file-drop-box .list-item .fileUpload .name {
  color: var(--lvh-x-dark-grey);
  float: left;
  width: 100%;
  padding-right: 35px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cc-file-drop-box .list-item .fileUpload .progressPercent {
  position: absolute;
  top: 2px;
  right: 0;
  font-size: 10px;
}
.cc-file-drop-box .error-message {
  float: left;
  width: 100%;
  background-color: var(--lvh-validation-red-light);
}
.cc-file-drop-box .error-message > div {
  padding: 8px 15px;
  color: var(--lvh-validation-red-dark);
}

/* -----------------------------------------------------------------------------

  FILTER LIST COMPONENT
  
----------------------------------------------------------------------------- */
.cc-filter-list {
  padding: 10px 15px 5px 15px;
  background-color: var(--lvh-white);
  border-bottom: 1px solid var(--lvh-x-grey);
  line-height: normal;
  position: relative;
  box-sizing: border-box;
  border-radius: 3px;
}
.cc-filter-list:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.cc-filter-list.read-only .filters .filter.connectiontags {
  padding-right: 0 !important;
}
.cc-filter-list.read-only .filters .filter .label {
  margin-right: 0 !important;
}
.cc-filter-list .clearFiltersButton {
  float: left;
  outline: none;
  background: none;
  padding: 0.154em 0.769em 0.308em 0.769em;
  margin-bottom: 0.385em;
  border: 1px solid var(--lvh-x-shark-light);
  -moz-border-radius: 0.231em;
  -webkit-border-radius: 0.231em;
  border-radius: 0.231em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cc-filter-list .clearFiltersButton > .label {
  color: var(--lvh-secondary-text);
  font-size: 0.846em;
}
.cc-filter-list .filters .filter {
  float: left;
  color: var(--lvh-secondary-text);
  background-color: var(--lvh-x-grey);
  border-radius: 0.231em;
  padding: 0.385em 0.615em 0.462em 0.615em;
  margin: 0 0.385em 0.385em 0;
  height: 15px;
}
.cc-filter-list .filters .filter.connectiontags > .arrow {
  position: relative;
  float: left;
  width: 0;
  height: 6px;
  border-top: 10px solid var(--lvh-white);
  border-bottom: 10px solid var(--lvh-white);
  border-left: 8px solid var(--lvh-white92);
  margin-left: 3px;
}
.cc-filter-list .filters .filter.connectiontags > .arrow:before {
  position: absolute;
  top: 50%;
  right: 5px;
  display: block;
  width: 3px;
  height: 3px;
  content: '';
  margin-top: -1.5px;
  background: var(--lvh-white);
}
.cc-filter-list .filters .filter.connectiontags .label > .text {
  color: var(--lvh-x-blue);
}
.cc-filter-list .filters .filter .label {
  float: left;
}
.cc-filter-list .filters .filter .label > .text {
  display: block;
  font-size: 0.846em;
}
.cc-filter-list .filters .filter .remove {
  float: left;
  margin: 0.462em 0 0.462em 0.462em;
  cursor: pointer;
}
.cc-filter-list .filters .filter .remove .icon:before {
  display: block;
  font-size: 0.462em;
}
.cc-filter-list .filters .filter.specialties {
  background-color: var(--lvh-x-murkberry-light);
}
.cc-filter-list .filters .filter.specialties .label,
.cc-filter-list .filters .filter.specialties .remove {
  color: var(--lvh-x-murkberry-darker);
}
.cc-filter-list .filters .filter.classic {
  border-left: 3px solid #448cdb;
}
.cc-filter-list .filters .filter.bronze {
  border-left: 3px solid #ffca67;
}
.cc-filter-list .filters .filter.silver {
  border-left: 3px solid #ffca67;
}
.cc-filter-list .filters .filter.gold {
  border-left: 3px solid #ffca67;
}
.cc-filter-list .filters .filter.milestone {
  border-left: 3px solid #fb915e;
}
.cc-filter-list .filters .filter.role {
  border-left: 3px solid #ff60a2;
}
.cc-filter-list .filters .filter.jobtitle {
  border-left: 3px solid #ff60a2;
}
.cc-filter-list .filters .filter.qualification_randstad {
  border-left: 3px solid #6c65fb;
}
.cc-filter-list .filters .filter.randstaddirect {
  border-left: 3px solid #2175d9;
}
.cc-filter-list .filters .filter.qualification {
  border-left: 3px solid #f1f2f3;
}
.cc-filter-list .filters .filter.default {
  border-left: 3px solid #f1f2f3;
}
.cc-filter-list .filters .filter.location {
  border-left: 3px solid #f1f2f3;
}
.cc-filter-list .filters .filter.worktype {
  border-left: 3px solid #f1f2f3;
}
.cc-filter-list .filters .filter.client {
  border-left: 3px solid #f1f2f3;
}
.cc-filter-list .filters .filter.project {
  border-left: 3px solid #f1f2f3;
}
.cc-filter-list .filters .filter.system {
  border-left: 3px solid #f1f2f3;
}
.cc-filter-list .filters .filter.secondary {
  border-left: 3px solid #f1f2f3;
}

.alert-dismissible.ng-hide {
  opacity: 0;
}
.alert-dismissible.ng-hide-add,
.alert-dismissible.ng-hide-remove {
  transition: all linear 0.5s;
}

.cc-alert {
  padding: 15px;
  border-radius: 3px;
  box-sizing: border-box;
}
.cc-alert.has-icon {
  position: relative;
  padding-left: 40px;
}
.cc-alert.has-icon > .icon {
  position: absolute;
  top: 15px;
  left: 15px;
  font-size: 14px;
  line-height: 20px;
}
.cc-alert.red {
  background-color: var(--lvh-validation-red-light);
  border: 1px solid var(--lvh-validation-red-mid);
  color: var(--lvh-validation-red-dark);
}
.cc-alert.red p {
  color: var(--lvh-validation-red-dark);
}
.cc-alert.red p a {
  color: var(--lvh-validation-red-dark);
}
.cc-alert.yellow {
  background-color: var(--lvh-alert-yellow-light);
  border: 1px solid var(--lvh-alert-yellow-mid);
  color: var(--lvh-alert-yellow-text);
}
.cc-alert.yellow p {
  color: var(--lvh-alert-yellow-text);
}
.cc-alert.yellow p a {
  color: var(--lvh-alert-yellow-text);
}
.cc-alert.green {
  background-color: var(--lvh-validation-green-light);
  border: 1px solid var(--lvh-validation-green-mid);
  color: var(--lvh-validation-green-dark);
}
.cc-alert.green p {
  color: var(--lvh-validation-green-dark);
}
.cc-alert.green p a {
  color: var(--lvh-validation-green-dark);
}
.cc-alert.blue {
  background-color: var(--lvh-alert-blue-light);
  border: 1px solid var(--lvh-alert-blue-mid);
  color: var(--lvh-alert-blue-text);
}
.cc-alert.blue p {
  color: var(--lvh-alert-blue-text);
}
.cc-alert.blue p a {
  color: var(--lvh-alert-blue-text);
}
.cc-alert .heading {
  margin: 0 0 10px 0;
  font-size: 15px;
  font-weight: 700;
}
.cc-alert p {
  margin: 0;
  font-size: 13px;
  line-height: 1.5 !important;
}
.cc-alert p:not(:last-child) {
  margin: 0 0 20px 0;
}
.cc-alert p a {
  text-decoration: underline;
}
.cc-alert .close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 10px;
  cursor: pointer;
}
.cc-alert.alert-dismissible {
  padding-right: 40px;
}
.cc-alert.alert-dismissible .close {
  position: absolute;
  top: 10px;
  right: 10px;
  color: var(--lvh-x-dark-grey);
  font-size: 13px;
  cursor: pointer;
  background: none;
  border: none;
}
.cc-alert.alert-dismissible .close:focus-visible {
  outline: none;
}
.cc-alert.alert-dismissible .close:focus {
  box-shadow: 0px 0px 0px 2px var(--lvh-x-dark-grey);
  border-radius: 3px;
}
.globalAlert {
  position: fixed;
  right: 15px;
  bottom: 15px;
  width: 316px;
  border-radius: 3px;
  box-sizing: border-box;
  padding: 15px;
  z-index: 10100;
}
.globalAlert.error {
  background-color: var(--lvh-validation-red-light);
  border: 1px solid var(--lvh-validation-red-mid);
  color: var(--lvh-validation-red-dark);
}
.globalAlert.success {
  background-color: var(--lvh-validation-green-light);
  border: 1px solid var(--lvh-validation-green-mid);
  color: var(--lvh-validation-green-dark);
}
.globalAlert.info {
  background-color: var(--lvh-alert-blue-light);
  border: 1px solid var(--lvh-alert-blue-mid);
  color: var(--lvh-alert-blue-text);
}
.globalAlert.warning {
  background-color: var(--lvh-alert-yellow-light);
  border: 1px solid var(--lvh-alert-yellow-mid);
  color: var(--lvh-alert-yellow-text);
}
.globalAlert h3 {
  margin: 0 0 5px 0;
  font-size: 13px !important;
  color: inherit !important;
  letter-spacing: normal !important;
}
.globalAlert h3 > span {
  font-weight: 600;
}
.globalAlert .message > span {
  font-size: 0.923em;
  line-height: 1.5;
}
.globalAlert .close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  border: none;
  background: none;
}
.globalAlert .close-button > .icon {
  font-size: 8px;
}

.cc-tab-group .sr-legend {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}
.cc-tab-group:disabled .tab,
.cc-tab-group[disabled] .tab {
  outline: none;
  cursor: default;
  background-color: var(--lvh-x-shark-light);
}
.cc-tab-group:disabled [ng-click]:not(.cc-modalOverlay):not(.overlayContent),
.cc-tab-group[disabled] [ng-click]:not(.cc-modalOverlay):not(.overlayContent) {
  cursor: default;
}
.cc-tab-group.validation-error .tab {
  border-color: var(--lvh-validation-red-dark) !important;
}
.cc-tab-group .tab {
  float: left;
  border: 1px solid var(--lvh-x-paler-grey);
  padding: 9px 15px;
  box-sizing: border-box;
  cursor: pointer;
  background-color: var(--lvh-white);
  position: relative;
  outline: 0;
}
.cc-tab-group .tab:focus-within {
  border: 1px solid var(--lvh-x-dark-grey) !important;
}
.cc-tab-group .tab:focus-within:not(:last-child) {
  padding-right: 14px;
}
@media (max-width: 991px) {
  .cc-tab-group .tab {
    width: 100%;
    padding: 15px;
  }
  .cc-tab-group .tab:focus:not(:last-child) {
    padding-bottom: 14px;
  }
}
.cc-tab-group .tab:first-of-type {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
@media (max-width: 991px) {
  .cc-tab-group .tab:first-of-type {
    border-top-right-radius: 3px;
    border-bottom-left-radius: 0;
  }
}
.cc-tab-group .tab:last-of-type {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
@media (max-width: 991px) {
  .cc-tab-group .tab:last-of-type {
    border-top-right-radius: 0;
    border-bottom-left-radius: 3px;
  }
}
.cc-tab-group .tab:not(:last-of-type) {
  border-right: 0;
}
@media (max-width: 991px) {
  .cc-tab-group .tab:not(:last-of-type) {
    border-right: 1px solid var(--lvh-x-paler-grey);
    border-bottom: 0;
  }
}
.cc-tab-group .tab .p-checkbox,
.cc-tab-group .tab .p-radio-button,
.cc-tab-group .tab .label {
  position: relative;
  z-index: 1;
}
.cc-tab-group .tab .label {
  line-height: 20px;
}
@media (max-width: 991px) {
  .cc-tab-group .tab .label {
    font-size: 16px;
  }
}
.cc-tab-group .input:checked ~ .bg,
.cc-tab-group .input.checked ~ .bg {
  background-color: var(--lvh-white98);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.cc-tab-group .input:checked ~ .label,
.cc-tab-group .input.checked ~ .label {
  color: var(--lvh-x-dark-grey);
}
option-strip-ng1.validation-error .cc-tab-group .tab {
  border-color: var(--lvh-validation-red-dark);
}
@media (max-width: 991px) {
  #employerApp .cc-tab-group .tab .label {
    font-size: 13px;
  }
}

.cc-tooltip:hover > .tooltipContainer,
.cc-tooltip:focus > .tooltipContainer {
  display: block;
}
.cc-tooltip.wrapper {
  display: inline-block;
  position: relative;
  cursor: default;
}
.cc-tooltip.wrapper .cc-callout-tip {
  z-index: 9500;
}
.cc-tooltip.wrapper .cc-callout-body {
  position: relative;
  z-index: 9499;
}
.cc-tooltip[disabled] > .tooltipContainer {
  display: none;
}
.cc-tooltip .tooltipContainer {
  display: none;
}
.cc-tooltip.default-type.above > .tooltipContainer {
  bottom: calc(100% + 8px);
}
.cc-tooltip.default-type.above > .tooltipContainer > .tooltip:after {
  bottom: -16px;
  border-color: rgba(68, 68, 68, 0.9) transparent transparent transparent;
}
.cc-tooltip.default-type.below > .tooltipContainer {
  top: calc(100% + 8px);
}
.cc-tooltip.default-type.below > .tooltipContainer > .tooltip:after {
  top: -16px;
  border-color: transparent transparent rgba(68, 68, 68, 0.9) transparent;
}
.cc-tooltip.default-type.left > .tooltipContainer {
  top: -50%;
  right: calc(100% + 8px);
  left: auto;
  z-index: 9499;
}
.cc-tooltip.default-type.left > .tooltipContainer > .tooltip {
  width: 100%;
}
.cc-tooltip.default-type.left > .tooltipContainer > .tooltip:after {
  top: 4px;
  left: 100%;
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent transparent rgba(68, 68, 68, 0.9);
  margin: 0;
}
.cc-tooltip.default-type .tooltipContainer {
  width: 135px;
  position: absolute;
  left: 50%;
  margin-left: -67.5px;
  text-align: center;
}
.cc-tooltip.default-type .tooltipContainer > .tooltip {
  display: inline-block;
  position: relative;
  background-color: rgba(68, 68, 68, 0.9);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 4px 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cc-tooltip.default-type .tooltipContainer > .tooltip:after {
  content: '';
  position: absolute;
  left: 50%;
  margin: 0 0 0 -8px;
  border-bottom: 0;
  border-width: 8px;
  border-style: solid;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  padding: 0;
  width: 0;
  height: 0;
}
.cc-tooltip.default-type .content {
  font-size: 11px;
  line-height: 1.2;
  color: var(--lvh-white);
  white-space: normal;
}
.cc-tooltip.visa > .tooltipContainer {
  width: 300px;
  position: absolute;
  top: 20px;
  left: 0;
}
.cc-tooltip.visa > .tooltipContainer > .callout {
  padding: 10px 0 0 0;
}
.cc-tooltip.visa > .tooltipContainer > .callout > .cc-callout-tip.top {
  top: 6px;
  left: 24px;
}
.cc-tooltip.visa > .tooltipContainer > .callout > .cc-callout-body {
  padding: 15px;
}
.cc-tooltip.visa .cc-callout-content {
  z-index: 9501;
}
.cc-tooltip.visa .cc-callout-body {
  line-height: 18px;
  font-size: 11px;
  color: var(--lvh-x-shark-dark);
}
.cc-tooltip.score-breakdown > .tooltipContainer {
  width: 300px;
  position: absolute;
  top: 20px;
  left: 0;
}
.cc-tooltip.score-breakdown > .tooltipContainer > .callout {
  padding: 10px 0 0 0;
}
.cc-tooltip.score-breakdown > .tooltipContainer > .callout > .cc-callout-tip.top {
  top: 6px;
  left: 24px;
}
.cc-tooltip.score-breakdown > .tooltipContainer > .callout > .cc-callout-body {
  padding: 15px;
}
.cc-tooltip.score-breakdown .cc-callout-content {
  z-index: 9501;
}
.cc-tooltip.score-breakdown .applications {
  margin: 0;
  padding: 0;
}
.cc-tooltip.score-breakdown .applications > .application {
  margin: 0;
  padding: 0 0 0 4px;
  list-style: none;
  font-size: 11px;
  color: var(--lvh-x-shark-dark);
}
.cc-tooltip.score-breakdown .applications > .application:not(:last-child) {
  padding: 0 0 10px 4px;
  margin: 0 0 10px 0;
  border-bottom: 1px solid var(--lvh-x-grey);
}
.cc-tooltip.score-breakdown .applications > .application .bullet {
  padding: 0 4px;
  font-style: normal;
}
.cc-tooltip.score-breakdown .applications > .application .row {
  line-height: 18px;
}
.cc-tooltip.score-breakdown .applications > .application .row:first-of-type {
  font-weight: 600;
}
.cc-tooltip.score-breakdown .applications > .application .interview-status {
  display: block;
  padding: 5px 0 0 0;
}
.cc-tooltip.score-breakdown .row {
  text-overflow: ellipsis;
  overflow: hidden;
}
.cc-tooltip.score-breakdown .row:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.cc-tooltip.score-breakdown .applied-date,
.cc-tooltip.score-breakdown .vacancy-status {
  float: left;
}
.cc-tooltip.score-breakdown .status {
  float: right;
}
.cc-tooltip.score-breakdown .vacancy-name {
  color: var(--lvh-bright-blue);
  font-size: 11px;
}
.cc-tooltip.score-breakdown .vacancy-closed {
  color: var(--lvh-x-mesh-light);
}
.cc-tooltip.score-breakdown .interview-summary {
  font-size: 11px;
  padding: 4px 0;
}
.cc-tooltip.score-breakdown .interview-summary i {
  color: var(--lvh-x-shark-dark);
  margin-right: 4px;
}
.cc-tooltip.score-breakdown .interview-summary .label {
  color: var(--lvh-primary-text);
  font-weight: 600;
}
.cc-tooltip.score-breakdown .interview-summary .state {
  color: var(--lvh-secondary-text);
}
.cc-tooltip.score-breakdown .interview-summary .state.complete {
  color: var(--lvh-x-green);
}
.cc-tooltip.score-breakdown .interview-summary.completed .state {
  color: var(--lvh-x-green);
}
.cc-tooltip.score-breakdown .interview-summary.noshow .state {
  color: var(--lvh-x-ripe);
}
.cc-tooltip.score-breakdown .interview-summary.video-interview.received .state {
  color: var(--lvh-x-red);
}
.cc-tooltip.assessment-reports {
  padding: 0 0 10px 0;
}
.cc-tooltip.assessment-reports > .tooltipContainer {
  position: absolute;
  top: 14px;
  left: 0;
  width: 170px;
  padding: 10px 0 0 0;
}
.cc-tooltip.assessment-reports > .tooltipContainer > .callout {
  padding: 0;
}
.cc-tooltip.assessment-reports > .tooltipContainer > .callout > .cc-callout-tip.top {
  top: 6px;
  left: 120px;
}
.cc-tooltip.assessment-reports > .tooltipContainer > .callout > .cc-callout-body {
  padding: 8px;
}
.cc-tooltip.assessment-reports .cc-callout-content {
  z-index: 9501;
}
.cc-tooltip.assessment-reports .reports {
  margin: 0;
  padding: 0;
}
.cc-tooltip.assessment-reports .reports > .report {
  margin: 0;
  padding: 0 0 0 4px;
  list-style: none;
  font-size: 11px;
  color: var(--lvh-x-shark-dark);
}
.cc-tooltip.assessment-reports .reports > .report:not(:last-child) {
  padding: 0 0 10px 4px;
  margin: 0 0 10px 0;
  border-bottom: 1px solid var(--lvh-x-grey);
}
.cc-tooltip.assessment-reports .reports > .report .bullet {
  padding: 0 4px;
  font-style: normal;
}
.cc-tooltip.assessment-reports .reports > .report .row {
  line-height: 18px;
}
.cc-tooltip.assessment-reports .reports > .report .row:first-of-type {
  font-weight: 600;
}
.cc-tooltip.assessment-reports .reports > .report .interview-status {
  display: block;
  padding: 5px 0 0 0;
}
.cc-tooltip.assessment-reports .row {
  text-overflow: ellipsis;
  overflow: hidden;
}
.cc-tooltip.assessment-reports .row:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.cc-tooltip.check-reports {
  padding: 0 0 10px 0;
}
.cc-tooltip.check-reports > .tooltipContainer {
  position: absolute;
  top: 14px;
  left: 0;
  width: 170px;
  padding: 10px 0 0 0;
}
.cc-tooltip.check-reports > .tooltipContainer > .callout {
  padding: 0;
}
.cc-tooltip.check-reports > .tooltipContainer > .callout > .cc-callout-tip.top {
  top: 6px;
  left: 120px;
}
.cc-tooltip.check-reports > .tooltipContainer > .callout > .cc-callout-body {
  padding: 8px;
}
.cc-tooltip.check-reports .cc-callout-content {
  z-index: 9501;
}
.cc-tooltip.check-reports .packages {
  margin: 0;
  padding: 0;
  white-space: normal;
  word-break: break-word;
}
.cc-tooltip.check-reports .packages > .package:not(:last-child) {
  margin: 0 0 10px 0;
}
.cc-tooltip.check-reports .packages > .package.empty {
  margin: 0;
  padding: 0;
  list-style: none;
}
.cc-tooltip.check-reports .packages > .package .package-title {
  font-weight: 330;
  font-size: 13px;
  color: var(--lvh-x-dark-grey);
  word-break: break-word;
}
.cc-tooltip.check-reports .packages > .package .package-title strong {
  font-weight: 600;
}
.cc-tooltip.check-reports .packages .report:not(:last-child) {
  margin: 0 0 10px 0;
}
.cc-tooltip.check-reports .packages .report.empty {
  margin: 0;
  padding: 0;
  list-style: none;
}
.cc-tooltip.check-reports .packages .report .row {
  line-height: 18px;
}
.cc-tooltip.check-reports .packages .report span {
  color: var(--lvh-x-shark-dark);
}
.cc-tooltip.check-reports .packages .report h4 {
  font-weight: normal;
  font-size: 13px;
  color: var(--lvh-primary-text);
  margin-bottom: 0.2em;
  margin-top: 0.4em;
}
.cc-tooltip.check-reports .packages .report h4 a {
  text-decoration: underline;
}
.cc-tooltip.check-reports .row {
  text-overflow: ellipsis;
  overflow: hidden;
}
.cc-tooltip.check-reports .row:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.cc-tooltip.job-position-summary .tooltipContainer {
  width: 334px;
  position: absolute;
  top: 20px;
  right: -14px;
  z-index: 2000;
}
@media (max-width: 991px) {
  .cc-tooltip.job-position-summary .tooltipContainer {
    display: none;
  }
}
.cc-tooltip.job-position-summary .callout {
  padding: 10px 0 0 0;
}
.cc-tooltip.job-position-summary .cc-callout-tip.top {
  top: 6px;
  right: 10px;
}
.cc-tooltip.job-position-summary .title {
  color: var(--lvh-x-dark-grey);
  font-weight: 600;
  padding: 10px;
  display: block;
  text-align: left;
}
.cc-tooltip.job-position-summary .position-summaries {
  border-top: solid 1px var(--lvh-x-grey);
  color: var(--lvh-secondary-text);
  font-size: 11px;
  overflow-y: auto;
}
@media (min-width: 992px) {
  .cc-tooltip.job-position-summary .position-summaries {
    max-height: 295px;
  }
}
.cc-tooltip.job-position-summary .position-summaries > .position-summary {
  padding: 10px;
}
.cc-tooltip.job-position-summary .position-summaries > .position-summary:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.cc-tooltip.job-position-summary .position-summaries > .position-summary:not(:last-child) {
  border-bottom: 1px solid var(--lvh-x-grey);
}
.cc-tooltip.job-position-summary .position-summaries > .position-summary .tooltipContainer {
  display: none !important;
}
.cc-tooltip.job-position-summary .position-summaries .filled-position > .text {
  font-size: 11px;
}
.cc-tooltip.job-position-summary .position-summaries .filled-position > .text:not(:last-child) {
  margin-left: 52px;
}
.cc-tooltip.job-position-summary .position-summaries .filled-position .bullet {
  margin: 0 5px;
  color: var(--lvh-x-shark-dark);
}
.cc-tooltip.job-position-summary .position-summaries .filled-position .cc-card-view .rhs .name,
.cc-tooltip.job-position-summary .position-summaries .filled-position .cc-card-view .rhs .profile-title {
  cursor: default;
  color: var(--lvh-secondary-text);
}
.cc-tooltip.job-position-summary .position-summaries .filled-position .cc-card-view .rhs .name {
  color: var(--lvh-x-dark-grey);
}
.cc-tooltip.job-position-summary .position-summaries .empty-position {
  text-align: left;
  color: var(--lvh-secondary-text);
}
.cc-tooltip.job-position-summary .position-summaries .empty-position .name {
  color: var(--lvh-x-dark-grey);
  font-size: 13px;
}
.cc-tooltip.job-position-summary .position-summaries .empty-position .profile-picture {
  width: 32px;
  height: 32px;
  margin-right: 14px;
}
.cc-tooltip.job-position-summary .position-summaries .empty-position .profile-picture .index {
  line-height: 32px;
  font-size: 12px;
}
.cc-tooltip.job-position-summary .position-summaries .empty-position .profile-picture .indicator {
  right: 0;
  bottom: 0 !important;
}
.cc-tooltip.job-position-summary .position-summaries .empty-position .profile-picture .indicator i {
  font-size: 10px !important;
}
.cc-tooltip.job-vacancy-candidates-rated .tooltipContainer {
  width: 255px;
  position: absolute;
  top: 20px;
  right: -14px;
  z-index: 2000;
}
@media (max-width: 991px) {
  .cc-tooltip.job-vacancy-candidates-rated .tooltipContainer {
    display: none;
  }
}
.cc-tooltip.job-vacancy-candidates-rated > .label {
  padding: 0 0 4px 0;
}
.cc-tooltip.job-vacancy-candidates-rated .callout {
  padding: 10px 0 0 0;
}
.cc-tooltip.job-vacancy-candidates-rated .cc-callout-tip.top {
  top: 6px;
  right: 10px;
}
.cc-tooltip.job-vacancy-candidates-rated .title {
  color: var(--lvh-x-dark-grey);
  font-weight: 600;
  padding: 10px 15px;
  display: block;
  text-align: left;
}
.cc-tooltip.job-vacancy-candidates-rated .items {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 20px 15px;
  border-top: 1px solid var(--lvh-x-paler-grey);
}
.cc-tooltip.job-vacancy-candidates-rated .items .item {
  position: relative;
  display: block;
  margin: 0 0 10px;
  min-height: 12px;
}
.cc-tooltip.job-vacancy-candidates-rated .items .item:last-child {
  margin: 20px 0 0;
}
.cc-tooltip.job-vacancy-candidates-rated .items .item:last-child .not-rated {
  display: block;
  font-size: 11px;
  color: var(--lvh-x-shark-dark);
}
.cc-tooltip.job-vacancy-candidates-rated .items .item .star-rating,
.cc-tooltip.job-vacancy-candidates-rated .items .item .number {
  display: block;
  font-size: 11px;
  color: var(--lvh-secondary-text);
}
.cc-tooltip.job-vacancy-candidates-rated .items .item .star-rating {
  float: left;
  width: 40px;
}
.cc-tooltip.job-vacancy-candidates-rated .items .item .number {
  float: right;
  width: 25px;
}
.cc-tooltip.job-vacancy-candidates-rated .items .item .progress {
  display: block;
  float: left;
  margin: 2px 10px 0;
  width: 135px;
  border-radius: 3px;
  box-sizing: border-box;
  background-color: var(--lvh-x-shark-light);
}
.cc-tooltip.avatar-list {
  text-align: left;
  color: var(--lvh-x-mesh-dark);
}
.cc-tooltip.avatar-list .tooltipContainer {
  display: unset;
}
@media (min-width: 992px) {
  .cc-tooltip.avatar-list .tooltipContainer {
    position: absolute;
    right: 0;
    top: 35px;
    width: 255px;
    z-index: 2000;
  }
}
@media (min-width: 992px) {
  .cc-tooltip.avatar-list .callout-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9000;
  }
}
.cc-tooltip.avatar-list .callout {
  position: relative;
  padding: 10px 0 0 0;
  z-index: 9001;
}
@media (max-width: 991px) {
  .cc-tooltip.avatar-list .callout {
    padding: 0;
    z-index: unset;
  }
}
@media (max-width: 991px) {
  .cc-tooltip.avatar-list .cc-callout-tip {
    display: none;
  }
}
.cc-tooltip.avatar-list .cc-callout-tip.top {
  top: 6px;
  right: 10px;
}
@media (max-width: 991px) {
  .cc-tooltip.avatar-list .cc-callout-body {
    border: none;
    border-radius: 0;
    z-index: unset;
  }
}
.cc-tooltip.avatar-list .title {
  color: var(--lvh-x-dark-grey);
  font-weight: 600;
  padding: 10px 15px;
  display: block;
  text-align: left;
}
.cc-tooltip.avatar-list .items {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 20px 15px;
}
.cc-tooltip.avatar-list .items .item {
  position: relative;
  display: block;
  margin: 0 0 10px;
  min-height: 12px;
}
.cc-tooltip.avatar-list .items .item:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.cc-tooltip.avatar-list .items .item:hover .cc-avatar.tiny:after,
.cc-tooltip.avatar-list .items .item:focus .cc-avatar.tiny:after {
  line-height: 24px;
}
.cc-tooltip.avatar-list .items .item:hover .cc-avatar.smaller:after,
.cc-tooltip.avatar-list .items .item:focus .cc-avatar.smaller:after {
  line-height: 36px;
}
.cc-tooltip.avatar-list .items .item:hover .cc-avatar.small:after,
.cc-tooltip.avatar-list .items .item:focus .cc-avatar.small:after {
  line-height: 45px;
}
.cc-tooltip.avatar-list .items .item:last-child {
  margin: 0;
}
.cc-tooltip.avatar-list .items .item > .avatar-wrap {
  position: relative;
  float: left;
  width: 36px;
  height: 36px;
}
.cc-tooltip.avatar-list .items .item > .avatar-wrap > .cc-avatar {
  max-width: 100%;
  max-height: 100%;
}
.cc-tooltip.avatar-list .items .item > .name {
  padding-left: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cc-tooltip.wide-tooltip .tooltipContainer {
  width: 300px;
}
.cc-tooltip.wide-tooltip.above .tooltipContainer,
.cc-tooltip.wide-tooltip.below .tooltipContainer {
  margin-left: -150px;
}
.cc-tooltip.badge {
  height: 18px;
  border: 1px solid var(--lvh-x-orange);
  color: var(--lvh-x-orange);
  border-radius: 3px;
  line-height: 18px;
  padding: 0 3px 0 3px;
  text-align: center;
  font-size: 11px;
}
form .cc-tooltip {
  z-index: 2;
}

.cc-toggle-switch:disabled,
.cc-toggle-switch[disabled] {
  cursor: not-allowed;
}
.cc-toggle-switch:disabled .switch,
.cc-toggle-switch[disabled] .switch {
  cursor: not-allowed;
}
.cc-toggle-switch:disabled .knob,
.cc-toggle-switch[disabled] .knob {
  cursor: not-allowed;
}
.cc-toggle-switch.small.on .knob {
  left: calc(100% - 17px);
}
.cc-toggle-switch.small .switch {
  width: 40px;
  height: 20px;
  border-radius: 10px;
  padding: 0 4px;
}
.cc-toggle-switch .knob {
  width: 14px;
  height: 14px;
  left: 3px;
  margin-top: -7px;
}
.cc-toggle-switch.medium.on .knob {
  left: calc(100% - 20px);
}
.cc-toggle-switch.medium .switch {
  width: 50px;
  height: 25px;
  border-radius: 12px;
  padding: 0 4px;
}
.cc-toggle-switch.medium .knob {
  width: 16px;
  height: 16px;
  left: 4px;
  margin-top: -8px;
}
.cc-toggle-switch.on .switch {
  background-color: var(--lvh-brighter-blue);
  border-color: var(--lvh-brighter-blue);
}
.cc-toggle-switch.has-labels.on span.label.off {
  font-weight: 400;
}
.cc-toggle-switch.has-labels.on span.label.on {
  font-weight: 700;
}
.cc-toggle-switch.has-labels span.label {
  display: inline;
  vertical-align: middle;
  line-height: 20px;
}
.cc-toggle-switch.has-labels span.label.off {
  font-weight: 700;
}
.cc-toggle-switch.has-labels span.label.on {
  font-weight: 400;
}
.cc-toggle-switch.has-labels .switch {
  display: inline-block;
  margin: 0 5px;
  vertical-align: middle;
}
.cc-toggle-switch .switch {
  background-color: var(--lvh-x-grey);
  border: 1px solid var(--lvh-x-shark-dark);
  box-sizing: border-box;
  position: relative;
  transition: background-color linear 0.3s, border-color linear 0.3s;
}
.cc-toggle-switch .switch:focus,
.cc-toggle-switch .switch:hover {
  will-change: transition;
}
.cc-toggle-switch .knob {
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-pale-grey);
  border-radius: 50%;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  transition: left ease-in-out 0.3s;
}

/* -----------------------------------------------------------------------------

  MOBILE FULLSCREEN OVERLAY PATTERN

----------------------------------------------------------------------------- */
/**
 * NOTE:
 *
 * Used for components ie form controls, not to be used for modals
 */
.p-mobile-fullscreen-overlay:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (max-width: 991px) {
  .p-mobile-fullscreen-overlay.overlay-visible {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9100;
    background-color: var(--lvh-white);
    overflow-y: auto;
  }
  .p-mobile-fullscreen-overlay.overlay-visible > .overlayContent {
    padding: 0;
  }
  .p-mobile-fullscreen-overlay.overlay-visible > .overlayContent .cc-modal {
    margin: 0;
    padding: 0;
    max-width: 100%;
  }
  .p-mobile-fullscreen-overlay.overlay-visible > .overlayContent .cc-modal .modalHeader {
    display: none;
  }
  .p-mobile-fullscreen-overlay.overlay-visible > .overlayContent .cc-modal .body {
    margin: 20px 0;
  }
  .p-mobile-fullscreen-overlay.overlay-visible > .overlayContent .closeModal {
    display: none;
  }
  .p-mobile-fullscreen-overlay.overlay-visible .header {
    display: block;
    text-align: center;
    background-color: var(--lvh-x-shark-light);
  }
  .p-mobile-fullscreen-overlay.overlay-visible .header button,
  .p-mobile-fullscreen-overlay.overlay-visible .header .back-button,
  .p-mobile-fullscreen-overlay.overlay-visible .header .clear-button {
    display: block;
  }
  .p-mobile-fullscreen-overlay.overlay-visible .header .close-button {
    position: absolute;
    top: 15px;
    left: 0;
    margin: 0;
    border: none;
    background: transparent;
    display: inline-block;
    line-height: 1;
  }
  .p-mobile-fullscreen-overlay.overlay-visible .header .close-button .icon {
    cursor: inherit;
  }
  .p-mobile-fullscreen-overlay.overlay-visible .body {
    display: block;
  }
  .p-mobile-fullscreen-overlay.overlay-visible .body > .container--mobile,
  .p-mobile-fullscreen-overlay.overlay-visible .body > .container-mobile {
    width: 90%;
  }
  .p-mobile-fullscreen-overlay.overlay-visible .body .p-mobile-fullscreen-overlay.overlay-visible .header {
    display: block;
  }
  .p-mobile-fullscreen-overlay.overlay-visible .body .p-mobile-fullscreen-overlay.overlay-visible .search-by {
    display: block;
    margin: 20px auto;
    box-sizing: border-box;
    width: 90%;
  }
  .p-mobile-fullscreen-overlay.overlay-visible .body .p-mobile-fullscreen-overlay.overlay-visible .body .cc-location-picker-dropdown {
    border-top: 1px solid var(--lvh-x-paler-grey);
  }
  .p-mobile-fullscreen-overlay.overlay-visible .body .p-mobile-fullscreen-overlay.overlay-visible .body .cc-location-picker-dropdown .cc-new-location {
    padding: 8px 5%;
  }
  .p-mobile-fullscreen-overlay.overlay-visible .body .p-mobile-fullscreen-overlay.overlay-visible .body .cc-location-picker-dropdown .cc-location-picker-options,
  .p-mobile-fullscreen-overlay.overlay-visible .body .p-mobile-fullscreen-overlay.overlay-visible .body .cc-location-picker-dropdown .cc-location-picker-new-location-form {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  .p-mobile-fullscreen-overlay.overlay-visible .body .p-mobile-fullscreen-overlay.overlay-visible .body .cc-location-picker-dropdown li {
    padding: 0 5% 5px;
  }
  .p-mobile-fullscreen-overlay.overlay-visible .body .p-mobile-fullscreen-overlay.overlay-visible .body .cc-location-picker-dropdown li:first-child {
    padding-top: 5px;
  }
  .p-mobile-fullscreen-overlay.overlay-visible .body .p-mobile-fullscreen-overlay .header {
    display: none;
  }
  .p-mobile-fullscreen-overlay.overlay-visible .body .p-mobile-fullscreen-overlay .search-by {
    width: 100%;
    padding: 10px 14px;
  }
}
.p-mobile-fullscreen-overlay.hidden-header .header {
  display: none;
}
@media (max-width: 991px) {
  .p-mobile-fullscreen-overlay.no-scroll {
    overflow-y: visible;
  }
}
.p-mobile-fullscreen-overlay .header {
  display: none;
}
@media (max-width: 991px) {
  .p-mobile-fullscreen-overlay .header {
    width: 100%;
    height: 44px;
    overflow: hidden;
  }
}
.p-mobile-fullscreen-overlay .header:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (max-width: 991px) {
  .p-mobile-fullscreen-overlay .header > .container--mobile .container--inner,
  .p-mobile-fullscreen-overlay .header > .container-mobile .container--inner {
    position: relative;
  }
}
.p-mobile-fullscreen-overlay .header .button {
  display: none;
  padding: 0;
  border: none;
  background: none;
  outline: none;
}
.p-mobile-fullscreen-overlay .header .back-button {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 17px;
  padding: 0;
  border: none;
  background: none;
  outline: none;
}
.p-mobile-fullscreen-overlay .header .back-button .icon {
  display: block;
}
@media (max-width: 991px) {
  .p-mobile-fullscreen-overlay .header .heading {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    margin: 0;
    padding: 0 45px;
    font-size: 14px;
    font-weight: 600;
    line-height: 44px;
    color: var(--lvh-x-mesh-dark);
  }
}
.p-mobile-fullscreen-overlay .header .clear-button {
  display: none;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: none;
  background: none;
}
.p-mobile-fullscreen-overlay .header .clear-button .glyph0015:before {
  font-size: 10px;
  color: var(--lvh-primary-text);
}
@media (max-width: 991px) {
  .p-mobile-fullscreen-overlay .body {
    display: none;
  }
}

@media (max-width: 991px) {
  .cc-phone-form-control {
    flex-direction: column;
  }
  .cc-phone-form-control .cc-telcode-picker {
    width: 100%;
  }
}
.cc-phone-form-control {
  display: flex;
  width: 100%;
}
.cc-phone-form-control .input-wrap {
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .cc-phone-form-control .input-wrap {
    padding-left: 0;
  }
}
.cc-phone-form-control input[type='tel']:focus {
  border-color: var(--lvh-x-dark-grey);
}
@media (min-width: 992px) {
  .cc-phone-form-control input[type='tel']:not(:focus) {
    border-left-color: transparent;
  }
}
@media (min-width: 992px) {
  .cc-phone-form-control input[type='tel'] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}
.cc-telcode-picker .popdown .popdown-clickable {
  width: 90px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
@media (max-width: 991px) {
  .cc-telcode-picker .popdown .popdown-clickable {
    width: 100% !important;
    border-radius: 3px !important;
  }
}
.cc-telcode-picker .popdown .popdown-clickable .icon {
  color: var(--lvh-bright-blue);
}
.cc-telcode-picker .popdown .popdown-clickable:focus {
  border-color: var(--lvh-x-dark-grey);
}
.cc-telcode-picker .popdown .popdown-content {
  width: 100%;
}
.cc-telcode-picker .popdown .popdown-content .options {
  padding: 0;
}
.cc-telcode-picker .popdown .popdown-content .options > .option .option-name {
  display: block;
  float: left;
  width: 100%;
}
.cc-telcode-picker .popdown .selected-option .option-name {
  padding: 0;
  font-size: 11px;
}
@media (max-width: 991px) {
  .cc-telcode-picker .popdown .selected-option .option-name {
    font-size: inherit;
  }
}
.cc-telcode-picker .popdown .flag {
  background-color: var(--lvh-x-shark-light);
}
/* 
    layout-spacious are mainly used in the talent side of the app where we spcae things out a bit more than the employer side.
*/
.layout-spacious .cc-phone-form-control .button > .label {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: normal;
}

.cc-tabopotamus.grey-count .cc-count-badge {
  background-color: var(--lvh-x-shark-light);
  color: var(--lvh-x-shark-dark);
}
.cc-tabopotamus.grey-count .tab.active .cc-count-badge {
  color: var(--lvh-bright-blue);
}
.cc-tabopotamus .items {
  display: block;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid var(--lvh-x-pale-grey);
}
@media (max-width: 991px) {
  .cc-tabopotamus .items {
    width: 100%;
    display: table;
    table-layout: fixed;
  }
}
.cc-tabopotamus .items:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.cc-tabopotamus .items > .item {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}
.cc-tabopotamus .items > .item:not(:last-child) {
  margin: 0 10px 0 0;
}
@media (min-width: 1200px) {
  .cc-tabopotamus .items > .item:not(:last-child) {
    margin: 0 30px 0 0;
  }
}
.cc-tabopotamus .tab {
  float: left;
  font-size: 14px;
  border: none;
  background: none;
  color: var(--lvh-secondary-text);
  line-height: 20px;
  padding: 20px 0;
}
@media (max-width: 991px) {
  .cc-tabopotamus .tab {
    float: none;
    font-size: 13px;
    display: block;
    padding: 10px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.cc-tabopotamus .tab:hover,
.cc-tabopotamus .tab:focus {
  color: var(--lvh-bright-blue);
}
.cc-tabopotamus .tab.active {
  color: var(--lvh-bright-blue);
  position: relative;
}
.cc-tabopotamus .tab.active:after {
  content: '';
  width: 100%;
  height: 5px;
  background-color: var(--lvh-bright-blue);
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}
@media (max-width: 991px) {
  .cc-tabopotamus .tab.has-mobile-label .label {
    display: none;
  }
}
@media (min-width: 992px) {
  .cc-tabopotamus .tab.has-mobile-label .mobile-label {
    display: none;
  }
}
.cc-tabopotamus .tab.has-badge .label {
  margin: 0 5px 0 0;
}
.cc-tabopotamus .tab .label {
  float: left;
}
.cc-tabopotamus .tab .mobile-label {
  float: left;
}
.cc-tabopotamus .tab .cc-count-badge {
  float: left;
  margin: 2px 0;
}
@media (max-width: 991px) {
  .cc-tabopotamus .tab i {
    display: none;
  }
}
.cc-tabopotamus .button {
  float: left;
  padding: 5px;
  border: 1px solid var(--lvh-bright-blue);
  border-radius: 3px;
  margin: 15px 0;
}

/*  
    You can apply the vericle styling to change the orientation
    NOTE: Is probably not complete as not tested with icons, mobile labels or badges
*/
.cc-tabopotamus.vertical .items {
  border-bottom: none;
}
.cc-tabopotamus.vertical .items > .item {
  float: none;
  margin: 0;
}
@media (max-width: 991px) {
  .cc-tabopotamus.vertical .items > .item {
    margin: 0 0 15px 0;
  }
}
.cc-tabopotamus.vertical .tab {
  padding: 10px 0 10px 22px;
  float: none;
  display: block;
}
.cc-tabopotamus.vertical .tab .label {
  float: none;
}
.cc-tabopotamus.vertical .tab .mobile-label {
  float: none;
}
.cc-tabopotamus.vertical .tab.active:after {
  width: 5px;
  height: 35px;
  background-color: var(--lvh-bright-blue);
  position: absolute;
  top: 3px;
  left: 0;
}
.cc-tabopotamus.vertical .tab .cc-count-badge {
  float: none;
  margin: 2px 0;
}
.cc-tabopotamus.vertical .button {
  float: none;
}

/*  
    You can apply the dark styling to change the highlight colour from blue to dark grey (x-dark-grey)
    NOTE: Is probably not complete as not tested with icons, mobile labels or badges
    NOTE2: If this is uesed with horozintal layouts then the tabs will dance. You will need to set the width of the tabs in order to prevent this from happening
*/
.cc-tabopotamus.dark {
  transition: font-weight 0s;
}
.cc-tabopotamus.dark .tab:hover,
.cc-tabopotamus.dark .tab:focus {
  color: var(--lvh-x-dark-grey);
}
.cc-tabopotamus.dark .tab.active {
  color: var(--lvh-x-dark-grey);
  font-weight: 700;
}

.cc-suggestion-list .suggestionList .heading {
  float: left;
  width: 100%;
  padding: 0.962em 0;
  background-color: var(--lvh-x-shark-light);
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 992px) {
  .cc-suggestion-list .suggestionList .heading {
    display: none;
  }
}
.cc-suggestion-list .suggestionList .heading h3 {
  margin: 0;
  font-size: 1em;
  font-weight: normal;
}
.cc-suggestion-list .suggestionList .heading h3 > span {
  font-size: 1.077em;
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
}
.cc-suggestion-list .suggestionList .heading .closeButton {
  outline: 0;
  border: none;
  background: none;
  padding: 0;
}
.cc-suggestion-list .suggestionList .heading .closeButton > .icon:before {
  font-size: 0.769em;
}
.cc-suggestion-list .suggestionList #searchInputWrap {
  float: left;
  width: 100%;
  padding: 1.231em 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .cc-suggestion-list .suggestionList #searchInputWrap {
    padding: 1.231em 0;
  }
}
.cc-suggestion-list .suggestionList #searchInputWrap label {
  display: block;
  margin-bottom: 5px;
  font-size: 11px;
  color: var(--lvh-x-shark-dark);
}
.cc-suggestion-list .suggestionList .suggestionListFooter {
  float: left;
  width: 100%;
  border-top: 1px solid var(--lvh-x-shark-light);
  padding: 0.769em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cc-suggestion-list .suggestionList .suggestionListFooter:hover,
.cc-suggestion-list .suggestionList .suggestionListFooter.active {
  background-color: var(--lvh-x-off-white);
}
.cc-suggestion-list .suggestionList .dropdown {
  float: left;
  width: 100%;
}
.cc-suggestion-list .suggestionList .dropdown .spinner {
  padding: 10px 0;
  text-align: center;
}
.cc-suggestion-list .suggestionList .suggestions {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
}
.cc-suggestion-list .suggestionList .suggestions > .suggestion {
  list-style: none;
  margin: 0;
  float: left;
  width: 100%;
  padding: 0.769em 1em;
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  color: var(--lvh-secondary-text);
}
.cc-suggestion-list .suggestionList .suggestions > .suggestion:last-child {
  border-bottom: none;
}
.cc-suggestion-list .suggestionList .suggestions > .suggestion.active {
  background-color: var(--lvh-x-off-white);
}
.cc-suggestion-list .suggestionList .suggestionTag {
  float: left;
  background-color: var(--lvh-white92);
  -moz-border-radius: 0.231em;
  -webkit-border-radius: 0.231em;
  border-radius: 0.231em;
  padding: 0.154em 0.538em;
  margin: 0 0.385em 0.385em 0;
}

@-webkit-keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.loadingSpinnerWrapper.fullscreen > .spinner {
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 10000;
}
.loadingSpinnerWrapper.overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9000;
}
.loadingSpinnerWrapper.overlay.blocking {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.25);
}
.loadingSpinnerWrapper.overlay.blocking > .spinner {
  top: 50%;
}
.loadingSpinnerWrapper.overlay > .spinner {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.loadingSpinnerWrapper.tiny .bounce {
  width: 4px;
  height: 4px;
  margin-right: 0;
}
.loadingSpinnerWrapper.tiny .bounce:last-child {
  margin-right: 0;
}
.loadingSpinnerWrapper.small .bounce {
  width: 8px;
  height: 8px;
  margin-right: 2px;
}
.loadingSpinnerWrapper.small .bounce:last-child {
  margin-right: 0;
}
.loadingSpinnerWrapper.medium .bounce {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.loadingSpinnerWrapper.medium .bounce:last-child {
  margin-right: 0;
}
.loadingSpinnerWrapper.blue .bounce {
  background-color: var(--lvh-bright-blue);
}
.loadingSpinnerWrapper.white .bounce {
  background-color: var(--lvh-white);
}
.loadingSpinnerWrapper.grey .bounce {
  background-color: var(--lvh-x-dark-grey);
}
.loadingSpinnerWrapper.secondary-text .bounce {
  background-color: var(--lvh-secondary-text);
}
.loadingSpinnerWrapper.red .bounce {
  background-color: var(--lvh-x-red);
}
.loadingSpinnerWrapper .bounce {
  display: inline-block;
  border-radius: 100%;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  background-color: currentColor;
}
.loadingSpinnerWrapper .bounce.bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loadingSpinnerWrapper .bounce.bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

.cc-progress-indicator.progress {
  margin: 5px 0;
  height: 12px;
  border-radius: 4px;
  background-color: var(--lvh-x-shark-light);
}
.cc-progress-indicator .cc-tooltip.wrapper {
  display: block;
}
.cc-progress-indicator .progress-bar {
  height: 12px;
  border-radius: 4px;
  background-color: #7fdef5;
}

.popdown {
  position: relative;
}
@media (max-width: 991px) {
  .popdown {
    margin-bottom: 10px;
  }
}
.popdown[disabled] .popdown-clickable.disabled,
.popdown:disabled .popdown-clickable.disabled {
  cursor: default;
}
.popdown[disabled] .popdown-clickable.disabled > .label > .selected-option,
.popdown:disabled .popdown-clickable.disabled > .label > .selected-option {
  cursor: default;
}
.popdown .popdown-clickable {
  width: 200px;
  padding: 7px 20px 7px 8px;
  color: var(--lvh-secondary-text);
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-paler-grey);
  border-radius: 3px;
  position: relative;
  box-sizing: border-box;
}
.popdown .popdown-clickable:focus {
  border-color: var(--lvh-x-dark-grey);
  outline: none;
}
@media (max-width: 991px) {
  .popdown .popdown-clickable {
    padding: 10px 14px;
  }
}
.popdown .popdown-clickable .icon.arrow {
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -3.5px;
  display: block;
  font-size: 7px;
  color: var(--lvh-x-shark-dark);
  cursor: inherit;
}
.popdown .popdown-clickable[disabled],
.popdown .popdown-clickable:disabled,
.popdown .popdown-clickable.disabled {
  background-color: var(--lvh-x-shark-light);
}
.popdown .popdown-content {
  box-sizing: border-box;
  position: absolute;
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-shark-light);
  z-index: 8500;
  top: 38px;
  min-width: 200px;
  color: var(--lvh-secondary-text);
}
@media (max-width: 991px) {
  .popdown .popdown-content .p-mobile-fullscreen-overlay {
    z-index: 9200;
  }
}
@media (max-width: 991px) {
  .popdown .popdown-content .p-mobile-fullscreen-overlay .body {
    margin: 5px 0;
  }
}
.popdown .popdown-content .search-input-wrap {
  padding: 5px;
  border-bottom: 1px solid var(--lvh-x-shark-light);
}
@media (max-width: 991px) {
  .popdown .popdown-content .search-input-wrap {
    padding: 15px 0;
  }
}
.popdown .popdown-content .search-input-wrap .search-input {
  padding: 7px 6px;
}
@media (max-width: 991px) {
  .popdown .popdown-content .search-input-wrap .search-input {
    padding: 9px 6px;
  }
}
.popdown .popdown-content .search-input-wrap .search-input:focus {
  border-color: var(--lvh-x-dark-grey);
}
.popdown .popdown-content .options {
  max-height: 240px;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0;
  padding: 0;
}
@media (max-width: 991px) {
  .popdown .popdown-content .options {
    display: block;
    overflow: visible;
    max-height: none;
  }
}
.popdown .popdown-content .options > .option {
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 5px 8px;
  position: relative;
  box-sizing: border-box;
  cursor: pointer;
}
@media (max-width: 991px) {
  .popdown .popdown-content .options > .option {
    display: block;
    padding: 10px 5%;
  }
}
.popdown .popdown-content .options > .option:focus,
.popdown .popdown-content .options > .option:hover {
  outline: 1px solid var(--lvh-x-dark-grey);
  outline-offset: -1px;
  background-color: var(--lvh-x-off-white);
}
.popdown .popdown-content .options > .option:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.popdown .popdown-content .options > .option .option-name {
  padding: 0 10px 0 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
  cursor: inherit;
  color: var(--lvh-x-mesh-dark);
}
@media (max-width: 991px) {
  .popdown .popdown-content .options > .option .option-name {
    font-size: 16px;
  }
}
.popdown .selected-option .option-name {
  padding: 0 8px;
  color: var(--lvh-x-dark-grey) !important;
}
@media (max-width: 991px) {
  .popdown .selected-option .option-name {
    font-size: 16px;
  }
}
/* 
    layout-spacious are mainly used in the talent side of the app where we spcae things out a bit more than the employer side.
*/
.layout-spacious .popdown .popdown-clickable {
  padding: 10px 20px 9px 8px;
  min-height: 39px;
}
@media (max-width: 991px) {
  .layout-spacious .popdown .options > .option {
    padding: 10px;
  }
}

#paginator {
  position: relative;
  float: left;
  width: 100%;
  min-height: 32px;
  padding-top: 1.538em;
  border-top: solid 1px var(--lvh-x-pale-grey);
  color: var(--lvh-secondary-text);
}
#paginator .pageName {
  background-color: var(--lvh-x-grey);
  padding: 0.538em 1em;
  float: left;
  border-radius: 0.231em;
}
@media (max-width: 767px) {
  #paginator .pageName {
    float: none;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
  }
}
#paginator .pages {
  float: right;
}
#paginator .pages .page {
  background-color: var(--lvh-x-grey);
  padding: 0.538em 0;
  float: left;
  margin-right: 0.385em;
  cursor: pointer;
  border-radius: 0.231em;
  width: 2.462em;
  text-align: center;
  overflow: hidden;
}
@media (max-width: 991px) {
  #paginator .pages .page.number,
  #paginator .pages .page.ellipsis,
  #paginator .pages .page.jump {
    display: none;
  }
}
#paginator .pages .page a {
  color: var(--lvh-secondary-text);
}
#paginator .pages .page:last-child {
  margin-right: 0;
}
#paginator .pages .page.ellipsis {
  cursor: default;
}
#paginator .pages .page.active {
  color: var(--lvh-white);
  background-color: var(--lvh-x-mid-grey);
}
#paginator .pages .page.active a {
  color: var(--lvh-white);
}
#paginator .pages .page.prev,
#paginator .pages .page.next {
  display: block;
}
@media (min-width: 768px) {
  #paginator .pages .page.prev,
  #paginator .pages .page.next {
    display: none;
  }
}
@media (max-width: 991px) {
  #paginator .pages .page.first,
  #paginator .pages .page.last {
    display: block;
  }
}

.cc-multi-tag {
  display: block;
  min-height: 40px;
  padding: 3px;
  border-radius: 3px;
  position: relative;
  box-sizing: border-box;
  outline: none;
}
.cc-multi-tag.has-add-button .p-mobile-fullscreen-overlay .input-with-button-block .search-input:focus {
  border: solid 1px var(--lvh-bright-blue);
}
.cc-multi-tag:not(.has-add-button) {
  border: solid 1px var(--lvh-x-paler-grey);
  background-color: var(--lvh-white);
}
@media (max-width: 991px) {
  .cc-multi-tag:not(.has-add-button) .tag {
    z-index: 4;
  }
}
@media (max-width: 991px) {
  .cc-multi-tag:not(.has-add-button) .hit-area {
    z-index: 3;
  }
}
@media (max-width: 991px) {
  .cc-multi-tag:not(.has-add-button) .cc-multi-tag-dropdown-overlay {
    display: none;
  }
}
@media (max-width: 991px) {
  .cc-multi-tag:not(.has-add-button) .search-input {
    min-width: 210px;
  }
}
@media (max-width: 991px) {
  .cc-multi-tag:not(.has-add-button) .overlay-visible .header {
    display: block;
  }
}
@media (max-width: 991px) {
  .cc-multi-tag:not(.has-add-button) .overlay-visible .tag-display {
    display: table;
    width: 100%;
    padding: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid var(--lvh-x-paler-grey);
  }
}
@media (max-width: 991px) {
  .cc-multi-tag:not(.has-add-button) .overlay-visible .tag-display .inline-tag-wrap {
    display: table-footer-group;
  }
}
@media (max-width: 991px) {
  .cc-multi-tag:not(.has-add-button) .overlay-visible .tag-display .max-tags-label {
    display: block;
    margin-bottom: 5px;
    padding: 6px 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid var(--lvh-x-paler-grey);
    background: var(--lvh-x-shark-light);
    color: var(--lvh-secondary-text);
  }
}
@media (max-width: 991px) {
  .cc-multi-tag:not(.has-add-button) .overlay-visible .cc-suggestion-dropdown,
  .cc-multi-tag:not(.has-add-button) .overlay-visible .tag-desc {
    position: static;
    width: 100%;
    max-height: none;
    border-top: none;
    border-right: none;
    border-left: none;
  }
}
@media (max-width: 991px) {
  .cc-multi-tag:not(.has-add-button) .overlay-visible .cc-suggestion-dropdown .suggestion-list li,
  .cc-multi-tag:not(.has-add-button) .overlay-visible .tag-desc .suggestion-list li {
    padding: 10px 15px;
  }
}
@media (max-width: 991px) {
  .cc-multi-tag:not(.has-add-button) .overlay-visible .tag-desc {
    padding: 10px 15px;
    max-height: 40px;
  }
}
@media (max-width: 991px) {
  .cc-multi-tag:not(.has-add-button) .overlay-visible .hit-area {
    position: static;
  }
}
@media (max-width: 991px) {
  .cc-multi-tag:not(.has-add-button) .overlay-visible .search-input {
    display: table-header-group;
    float: none;
    width: 100%;
    margin-bottom: 5px;
    padding: 6px 10px;
    border: 1px solid var(--lvh-x-paler-grey);
    border-radius: 3px;
  }
}
.cc-multi-tag:not(.has-add-button) .overlay-visible .search-input:focus {
  border: inherit;
}
@media (max-width: 991px) {
  .cc-multi-tag:not(.has-add-button) .overlay-visible .tag-info {
    display: block;
    padding: 15px;
    font-size: 11px;
    border-bottom: 1px solid var(--lvh-x-paler-grey);
    color: var(--lvh-x-shark-dark);
  }
}
.cc-multi-tag:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.cc-multi-tag:disabled,
.cc-multi-tag[disabled] {
  background-color: var(--lvh-x-shark-light);
}
.cc-multi-tag:disabled .hit-area,
.cc-multi-tag[disabled] .hit-area,
.cc-multi-tag:disabled .search-input,
.cc-multi-tag[disabled] .search-input,
.cc-multi-tag:disabled .tag,
.cc-multi-tag[disabled] .tag,
.cc-multi-tag:disabled .tag .icon,
.cc-multi-tag[disabled] .tag .icon {
  cursor: default !important;
}
.cc-multi-tag:disabled .cc-suggestion-dropdown,
.cc-multi-tag[disabled] .cc-suggestion-dropdown {
  display: none;
}
.cc-multi-tag.validation-error {
  border: 1px solid var(--lvh-validation-red-dark);
}
.cc-multi-tag .cc-multi-tag-dropdown-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.cc-multi-tag .p-mobile-fullscreen-overlay .input-with-button-block {
  display: flex;
  align-items: center;
  z-index: 2;
}
.cc-multi-tag .p-mobile-fullscreen-overlay .input-with-button-block .button {
  display: flex;
  align-items: center;
  height: 34px;
  white-space: nowrap;
  z-index: 2;
}
.cc-multi-tag .p-mobile-fullscreen-overlay .input-with-button-block .button .label {
  font-size: 13px !important;
}
.cc-multi-tag .p-mobile-fullscreen-overlay .input-with-button-block .search-input {
  flex-grow: 1;
  border: solid 1px var(--lvh-x-paler-grey);
  border-radius: 3px;
  height: 40px;
  margin-right: 15px;
  min-width: 0;
}
@media (max-width: 991px) {
  .cc-multi-tag .p-mobile-fullscreen-overlay .input-with-button-block .search-input {
    margin-right: 10px;
  }
}
.cc-multi-tag .p-mobile-fullscreen-overlay .header {
  display: none;
}
.cc-multi-tag .hit-area {
  position: absolute;
  top: 6px;
  right: 24px;
  bottom: 6px;
  left: 6px;
  z-index: 1;
}
.cc-multi-tag .hit-area[ng-click] {
  cursor: text;
}
.cc-multi-tag .tag {
  float: left;
  margin: 3px;
  position: relative;
  z-index: 2;
}
.cc-multi-tag .tag.selected {
  opacity: 0.5;
}
.cc-multi-tag .tag.readOnly .label {
  color: var(--lvh-disabled-text);
  margin: 0;
}
.cc-multi-tag .tag.preExisting {
  background-color: var(--lvh-x-murkberry-light);
}
.cc-multi-tag .tag.preExisting .label {
  color: var(--lvh-x-murkberry-darker);
}
.cc-multi-tag .tag > .cc-tooltip.wrapper {
  display: block;
  position: static;
}
.cc-multi-tag .tag .label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 300px;
}
.cc-multi-tag .search-input {
  float: left;
  width: auto;
  min-width: 200px;
  font-size: 13px;
  line-height: 26px;
  min-height: 26px;
  border: none;
  border-radius: 0;
  padding: 0 10px !important;
  margin: 3px 0;
  position: relative;
  z-index: 2;
  cursor: text !important;
}
.cc-multi-tag .search-input.single {
  min-width: 100%;
}
.cc-multi-tag .search-input.small {
  min-width: 312px;
}
.cc-multi-tag .create-tag {
  background-color: var(--lvh-white);
  line-height: 20px;
  padding: 10px 20px;
  color: var(--lvh-bright-blue);
  cursor: pointer;
}
.cc-multi-tag .create-tag:hover,
.cc-multi-tag .create-tag:focus {
  background-color: var(--lvh-x-off-white);
}
.cc-multi-tag .tag-display.single .p-tag {
  display: block;
  float: none;
  margin: 3px 0;
  background-color: var(--lvh-white);
}
.cc-multi-tag .tag-display.single .p-tag .label {
  display: block;
  float: none;
  font-size: 13px;
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cc-multi-tag .tag-display.single .p-tag i {
  display: none;
}
.cc-multi-tag .tag-display.single .p-tag:disabled,
.cc-multi-tag .tag-display.single .p-tag[disabled] {
  background-color: var(--lvh-x-shark-light);
}
.cc-multi-tag .max-tags-label {
  display: none;
}
.cc-multi-tag .tag-info {
  display: none;
}
.cc-multi-tag .tag-desc {
  position: absolute;
  top: calc(100% - 1px);
  left: -1px;
  width: calc(100% + 2px);
  padding: 5px 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid var(--lvh-x-paler-grey);
  border-radius: 0 0 3px 3px;
  background: var(--lvh-x-shark-light);
  color: var(--lvh-primary-text);
  z-index: 1000;
}
.cc-multi-tag .dndPlaceholder {
  display: none;
}
.cc-multi-tag.drag-drop-zone {
  border: solid 1px var(--lvh-bright-blue);
}
.cc-suggestion-dropdown {
  background-color: var(--lvh-white);
  position: absolute;
  top: 100%;
  right: -1px;
  left: -1px;
  border: 1px solid var(--lvh-x-paler-grey);
  z-index: 4000;
  max-height: 300px;
  overflow-y: auto;
}
.cc-suggestion-dropdown.simple .suggestion-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.cc-suggestion-dropdown.simple .suggestion-list:hover .suggestion.selected,
.cc-suggestion-dropdown.simple .suggestion-list:focus .suggestion.selected {
  background-color: var(--lvh-white);
}
.cc-suggestion-dropdown.simple .suggestion {
  margin: 0;
  padding: 3px 10px;
  font-size: 13px;
  line-height: 20px;
  color: var(--lvh-primary-text);
  cursor: pointer;
}
.cc-suggestion-dropdown.simple .suggestion.selected,
.cc-suggestion-dropdown.simple .suggestion:hover,
.cc-suggestion-dropdown.simple .suggestion:focus {
  background-color: var(--lvh-x-off-white);
  outline: 1px solid var(--lvh-x-dark-grey);
  outline-offset: -1px;
}
.cc-detailed-suggestion-list {
  width: 100%;
  background: var(--lvh-white);
  border-collapse: collapse;
}
.cc-detailed-suggestion-list thead tr {
  background-color: var(--lvh-x-grey);
  text-align: left;
}
.cc-detailed-suggestion-list thead th {
  font-size: 11px;
  font-weight: 500;
  line-height: 18px;
  color: var(--lvh-primary-text);
  padding: 5px 10px;
}
.cc-detailed-suggestion-list tbody tr {
  min-height: 50px;
  background-color: var(--lvh-white);
  box-sizing: border-box;
  cursor: pointer;
  vertical-align: top;
}
.cc-detailed-suggestion-list tbody tr:hover,
.cc-detailed-suggestion-list tbody tr:focus,
.cc-detailed-suggestion-list tbody tr.selected {
  background-color: var(--lvh-x-off-white);
}
.cc-detailed-suggestion-list tbody tr:not(:last-child) {
  border-bottom: 1px solid var(--lvh-x-shark-light);
}
.cc-detailed-suggestion-list tbody td {
  padding: 10px;
  font-size: 11px;
  color: var(--lvh-primary-text);
}
.cc-detailed-suggestion-list tbody td:first-child > span {
  display: block;
  line-height: 15px;
}
.cc-detailed-suggestion-list tbody td:first-child > span:first-child {
  color: var(--lvh-x-dark-grey);
}
.cc-detailed-suggestion-list tbody td:first-child > span.is-private {
  display: inline-block;
}
.cc-detailed-suggestion-list tbody td .private-job {
  display: inline-block;
  color: var(--lvh-x-shark-dark);
}

.cc-location-picker {
  position: relative;
}
.cc-location-picker.validation-error .cc-country-picker .popdown-clickable {
  border-color: var(--lvh-validation-red-dark) !important;
}
.cc-location-picker.validation-error .search-by {
  border-color: var(--lvh-validation-red-dark);
}
.cc-location-picker .body {
  display: block !important;
  position: relative;
}
@media (max-width: 991px) {
  .cc-location-picker .p-mobile-fullscreen-overlay:not(.overlay-visible) .body > .container--mobile {
    width: 100%;
    padding: 0;
  }
}
@media (max-width: 991px) {
  .cc-location-picker .p-mobile-fullscreen-overlay.overlay-visible .header {
    display: block;
  }
}
@media (max-width: 991px) {
  .cc-location-picker .p-mobile-fullscreen-overlay.overlay-visible .cc-overlay-mask.transparent {
    display: none;
  }
}
@media (max-width: 991px) {
  .cc-location-picker .p-mobile-fullscreen-overlay.overlay-visible .body {
    margin: 20px 0;
  }
}
@media (max-width: 991px) {
  .cc-location-picker .p-mobile-fullscreen-overlay.overlay-visible .body .search-by {
    display: block;
    padding: 10px 30px 10px 10px;
  }
}
.cc-location-picker .p-mobile-fullscreen-overlay .header {
  display: none;
}
.cc-location-picker .reset-button {
  outline: none;
  background: none;
  border: none;
  padding: 0;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -5px;
  z-index: 1000;
}
.cc-location-picker .reset-button .icon {
  display: block;
  font-size: 10px;
  color: var(--lvh-x-dark-grey);
}
.cc-location-picker .cc-country-picker {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 200px;
}
@media (max-width: 991px) {
  .cc-location-picker .cc-country-picker {
    position: static;
    margin: 0 0 10px;
    width: auto;
  }
}
.cc-location-picker .cc-country-picker .popdown-clickable {
  width: 200px;
  border-radius: 3px 0 0 3px;
  padding-right: 25px;
}
@media (max-width: 991px) {
  .cc-location-picker .cc-country-picker .popdown-clickable {
    width: 100%;
    border-radius: 3px;
  }
}
.cc-location-picker #new-suburb-form dropdown {
  float: left;
  width: 100%;
}
.cc-location-picker #new-suburb-form .loading {
  text-align: center;
}
.cc-location-picker #new-suburb-form .suburb-wrap {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .cc-location-picker #new-suburb-form .suburb-wrap {
    margin-bottom: 15px;
  }
}
.cc-location-picker #new-suburb-form .state-postcode {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .cc-location-picker #new-suburb-form .state-postcode {
    margin-bottom: 15px;
  }
}
.cc-location-picker #new-suburb-form .state-postcode.hide-state > .postcode-wrap {
  width: 100%;
}
.cc-location-picker #new-suburb-form .state-postcode .state-wrap,
.cc-location-picker #new-suburb-form .state-postcode .postcode-wrap {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .cc-location-picker #new-suburb-form .state-postcode .state-wrap,
  .cc-location-picker #new-suburb-form .state-postcode .postcode-wrap {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 15px;
    vertical-align: top;
  }
}
.cc-location-picker #new-suburb-form .state-postcode .postcode-wrap {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .cc-location-picker #new-suburb-form .state-postcode .postcode-wrap {
    margin-right: 0;
  }
}
.cc-location-picker #new-suburb-form .button-wrap {
  float: left;
  width: 100%;
}
.cc-location-picker .search-by {
  padding-left: 210px;
  padding-right: 30px;
}
@media (max-width: 991px) {
  .cc-location-picker .search-by {
    padding: 10px 30px 10px 14px;
  }
}
.cc-location-picker .search-by.locked {
  background-color: var(--lvh-x-pale-blue);
}
.cc-location-picker .cc-location-picker-dropdown {
  position: absolute;
  width: 100%;
  z-index: 2000;
}
@media (max-width: 991px) {
  .cc-location-picker .cc-location-picker-dropdown {
    position: static;
  }
}
@media (min-width: 992px) {
  .cc-location-picker .cc-location-picker-dropdown .cc-overlay-mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9200;
  }
}
.cc-location-picker .cc-location-picker-dropdown .cc-location-picker-options,
.cc-location-picker .cc-location-picker-dropdown .cc-location-picker-new-location-form {
  margin-left: 199px;
  border-left: 1px solid var(--lvh-x-paler-grey);
  border-right: 1px solid var(--lvh-x-paler-grey);
  border-radius: 0 0 3px 3px;
  background: var(--lvh-white);
}
@media (max-width: 991px) {
  .cc-location-picker .cc-location-picker-dropdown .cc-location-picker-options,
  .cc-location-picker .cc-location-picker-dropdown .cc-location-picker-new-location-form {
    margin-left: 0;
  }
  .cc-location-picker .cc-location-picker-dropdown .cc-location-picker-options .cc-options-wrapper,
  .cc-location-picker .cc-location-picker-dropdown .cc-location-picker-new-location-form .cc-options-wrapper {
    position: relative;
    z-index: 2000;
  }
}
@media (min-width: 992px) {
  .cc-location-picker .cc-location-picker-dropdown .cc-location-picker-options .cc-options-wrapper,
  .cc-location-picker .cc-location-picker-dropdown .cc-location-picker-new-location-form .cc-options-wrapper {
    position: relative;
    z-index: 9300;
    border-top: 1px solid var(--lvh-x-paler-grey);
  }
}
.cc-location-picker .cc-location-picker-dropdown .cc-new-location {
  display: block;
  padding: 8px 10px;
  border-bottom: 1px solid var(--lvh-x-paler-grey);
}
@media (max-width: 991px) {
  .cc-location-picker .cc-location-picker-dropdown .cc-new-location {
    padding: 10px;
  }
}
.cc-location-picker .cc-location-picker-dropdown ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.cc-location-picker .cc-location-picker-dropdown li {
  display: block;
  width: 100%;
  padding: 6px 10px;
  box-sizing: border-box;
  color: var(--lvh-secondary-text);
}
@media (max-width: 991px) {
  .cc-location-picker .cc-location-picker-dropdown li {
    padding: 15px 10px;
  }
}
@media (min-width: 992px) {
  .cc-location-picker .cc-location-picker-dropdown li:hover {
    background-color: var(--lvh-x-off-white);
  }
}
.cc-location-picker .cc-location-picker-dropdown li:last-child {
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--lvh-x-paler-grey);
}
@media (max-width: 991px) {
  .cc-location-picker .cc-location-picker-dropdown li:last-child {
    padding: 15px 10px;
  }
}
.cc-location-picker .dropdownComponent.select {
  color: var(--lvh-x-mesh-dark);
  border: none;
  outline: 0;
  line-height: normal;
  box-sizing: border-box;
}
.cc-location-picker .dropdownComponent.select .selectedLabel {
  display: block;
  float: left;
  width: 100%;
  color: var(--lvh-secondary-text);
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-paler-grey);
  border-radius: 3px;
  position: relative;
  box-sizing: border-box;
  z-index: 2;
}
.cc-location-picker .dropdownComponent.select .selectedLabel > span {
  float: left;
  width: calc(100% - 15px);
  padding-right: 0.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cc-location-picker .dropdownComponent.select .selectedLabel i {
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -3.5px;
  display: block;
  font-size: 7px;
  color: var(--lvh-x-shark-dark);
}
.cc-location-picker .dropdownComponent.select a {
  color: var(--lvh-primary-text);
}
.cc-location-picker-new-location-form form {
  padding: 20px 0;
}
.cc-location-picker-new-location-form form:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (min-width: 992px) {
  .cc-location-picker-new-location-form form {
    position: relative;
    margin: -1px 0 0;
    padding: 15px 10px;
    border-top: 1px solid var(--lvh-x-paler-grey);
    border-bottom: 1px solid var(--lvh-x-paler-grey);
    z-index: 9300;
  }
}
.cc-location-picker-new-location-form form .row {
  margin-bottom: 5px;
}
@media (max-width: 991px) {
  .cc-location-picker-new-location-form form .row {
    margin-bottom: 0;
  }
  .cc-location-picker-new-location-form form .row .col {
    margin-bottom: 20px;
  }
}
.cc-location-picker-new-location-form form .row:last-child {
  margin-bottom: 0;
}
.cc-location-picker-new-location-form form .state-select {
  display: block;
}
.cc-location-picker-new-location-form form .dropdownComponent.select li:last-child {
  border-bottom: 0;
}
.cc-location-picker-new-location-form form .button-wrap {
  float: none;
}
@media (max-width: 991px) {
  .cc-location-picker-new-location-form form .button-wrap .button {
    padding: 8px 20px;
    width: 100%;
  }
  .cc-location-picker-new-location-form form .button-wrap .button:first-child {
    display: none;
  }
}
@media (min-width: 992px) {
  .cc-location-picker-new-location-form form .button-wrap {
    padding-top: 10px;
    width: 100%;
    border-top: 1px solid var(--lvh-x-paler-grey);
    text-align: right;
  }
}
/* 
    layout-spacious are mainly used in the talent side of the app where we spcae things out a bit more than the employer side.
*/
.layout-spacious .cc-location-picker {
  position: relative;
}
.layout-spacious .cc-location-picker .button > .label {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: normal;
}
.layout-spacious .cc-location-picker .search-by {
  padding: 10px 30px 10px 210px;
}
@media (max-width: 991px) {
  .layout-spacious .cc-location-picker .search-by {
    padding: 10px;
  }
}

.clear-selection {
  border: none;
  background: none;
  padding: 0;
  color: var(--lvh-primary-text);
  font-size: 12px;
  line-height: 1;
  position: absolute;
  right: 10px;
  top: 12px;
  bottom: 12px;
  z-index: 1000;
  cursor: pointer;
}
.clear-selection:hover .icon,
.clear-selection:focus .icon,
.clear-selection:active .icon {
  color: var(--lvh-x-red);
}

section-heading {
  float: left;
  width: 100%;
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  padding-bottom: 10px;
  margin-bottom: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
section-heading:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
section-heading h2 {
  color: var(--lvh-x-dark-grey);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.025em;
}
section-heading + #private-form {
  float: left;
  width: 100%;
}
section-heading + #private-form:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}

#update-image-modal .profile-photo .modalBody {
  padding: 30px 24px;
}
#update-image-modal .profile-photo .modalBody.crop-image {
  height: 440px;
  width: 440px;
}
#update-image-modal .profile-photo .modalFooter {
  padding-bottom: 20px;
  padding-right: 24px;
  padding-left: 24px;
}

profile-picture-file-drop-ng1 .crop-area {
  background: var(--lvh-x-off-white);
  border: 2px dashed var(--lvh-x-shark-dark);
  overflow: hidden;
  width: 450px;
  height: 345px;
}
@media (max-width: 991px) {
  profile-picture-file-drop-ng1 .crop-area {
    max-width: 100%;
    margin: 0 auto;
  }
}
profile-picture-file-drop-ng1 .instructions {
  margin: 100px 15px 0 15px;
  text-align: center;
  cursor: inherit;
}
profile-picture-file-drop-ng1 .instructions > div {
  cursor: inherit;
}
profile-picture-file-drop-ng1 .instructions .icon {
  display: block;
  margin: 0 auto 10px;
  font-size: 32px;
  color: var(--lvh-x-shark-dark);
  cursor: inherit;
}
profile-picture-file-drop-ng1 .instructions .title {
  display: block;
  font-size: 13px;
  color: var(--lvh-x-darker-grey);
  margin: 0 0 5px;
  cursor: inherit;
}
@media (max-width: 991px) {
  profile-picture-file-drop-ng1 .instructions .title {
    display: none;
  }
}
profile-picture-file-drop-ng1 .instructions .title.mobile {
  display: none;
}
@media (max-width: 991px) {
  profile-picture-file-drop-ng1 .instructions .title.mobile {
    display: block;
  }
}
profile-picture-file-drop-ng1 .instructions .title .browse {
  color: var(--lvh-disabled-text);
  text-decoration: underline;
}
profile-picture-file-drop-ng1 .instructions .file-types {
  display: block;
  font-size: 13px;
  color: var(--lvh-x-shark-dark);
  cursor: inherit;
  margin-top: 18px;
}

social-icon {
  display: inline-block;
}
social-icon span {
  display: inline-block;
  height: 25px;
  width: 25px;
  line-height: 25px;
  text-align: center;
  border-radius: 50%;
  box-sizing: border-box;
  background-color: var(--lvh-x-paler-grey);
}
social-icon span i.social {
  color: var(--lvh-white);
  font-size: 12px;
  line-height: 25px;
}
social-icon span i:before {
  content: "\e91f";
}
social-icon span.twitter {
  background-color: var(--lvh-social-twitter-brand);
}
social-icon span.twitter i:before {
  content: "\e908";
}
social-icon span.linkedin {
  background-color: var(--lvh-social-linkedin-brand);
}
social-icon span.linkedin i:before {
  content: "\e909";
}
social-icon span.facebook {
  background-color: var(--lvh-social-facebook-brand);
}
social-icon span.facebook i:before {
  content: "\e907";
}
social-icon span.instagram {
  background-color: var(--lvh-social-instagram-brand);
}
social-icon span.instagram i:before {
  content: "\e90b";
}
social-icon.grey span {
  background-color: var(--lvh-x-off-white);
}
social-icon.grey span i.social {
  color: var(--lvh-secondary-text);
}

.cc-file-upload.drop-box-visible .drop-box {
  display: block;
}
.cc-file-upload.drop-box-visible .drop-box:focus {
  outline: none;
  border-color: var(--lvh-x-dark-grey);
}
.cc-file-upload.validation-error .drop-box {
  background-color: var(--lvh-validation-red-light);
}
.cc-file-upload.text {
  display: inline;
}
.cc-file-upload:not(.drop-box-visible) .file-list .file:last-child {
  border-bottom: none;
}
.cc-file-upload .drop-box {
  display: none;
  border: 1px dashed var(--lvh-x-pale-grey);
  border-radius: 3px;
  padding: 15px 20px;
  text-align: center;
  box-sizing: border-box;
}
.cc-file-upload .drop-box.dragover {
  border-color: var(--lvh-x-dark-grey);
}
.cc-file-upload .drop-box.dragover .text.initial {
  display: none;
}
.cc-file-upload .drop-box.dragover .text.dragover {
  display: inline;
}
.cc-file-upload .drop-box .text {
  margin: 0;
  font-size: 13px;
  line-height: 20px;
}
.cc-file-upload .drop-box .text.initial {
  color: var(--lvh-secondary-text);
}
.cc-file-upload .drop-box .text.initial > a {
  color: var(--lvh-secondary-text);
}
.cc-file-upload .drop-box .text.dragover {
  display: none;
  color: var(--lvh-x-dark-grey);
}
.cc-file-upload .drop-box .text.dragover > a {
  color: var(--lvh-x-dark-grey);
}
.cc-file-upload .shadow-drop {
  display: none;
}
.cc-file-upload .validation-errors {
  display: none;
  border: 1px dashed var(--lvh-x-pale-grey);
  border-radius: 3px;
  padding: 15px 20px;
  text-align: center;
  box-sizing: border-box;
  display: block;
  background-color: var(--lvh-validation-red-light);
  border: 1px solid var(--lvh-validation-red-dark);
}
.cc-file-upload .validation-errors.dragover {
  border-color: var(--lvh-x-dark-grey);
}
.cc-file-upload .validation-errors.dragover .text.initial {
  display: none;
}
.cc-file-upload .validation-errors.dragover .text.dragover {
  display: inline;
}
.cc-file-upload .validation-errors .text {
  margin: 0;
  font-size: 13px;
  line-height: 20px;
}
.cc-file-upload .validation-errors .text.initial {
  color: var(--lvh-secondary-text);
}
.cc-file-upload .validation-errors .text.initial > a {
  color: var(--lvh-secondary-text);
}
.cc-file-upload .validation-errors .text.dragover {
  display: none;
  color: var(--lvh-x-dark-grey);
}
.cc-file-upload .validation-errors .text.dragover > a {
  color: var(--lvh-x-dark-grey);
}
.cc-file-upload .validation-errors .text {
  margin: 0;
  font-size: 13px;
  line-height: 20px;
}
.cc-file-upload .validation-errors .text.initial {
  color: var(--lvh-secondary-text);
}
.cc-file-upload .validation-errors .text.initial > a {
  color: var(--lvh-secondary-text);
}
.cc-file-upload .validation-errors .text.dragover {
  display: none;
  color: var(--lvh-x-dark-grey);
}
.cc-file-upload .validation-errors .text.dragover > a {
  color: var(--lvh-x-dark-grey);
}
.cc-file-upload .file-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.cc-file-upload .file-list:not(:last-child) {
  margin: 0 0 20px 0;
}
.cc-file-upload .file-list .file {
  margin: 0;
  padding: 15px 0;
  box-sizing: border-box;
}
.cc-file-upload .file-list .file:not(:last-child) {
  border-bottom: 1px solid var(--lvh-x-paler-grey);
}
.cc-file-upload .file-list .file.uploading .file-type-icon,
.cc-file-upload .file-list .file.uploading .name-wrap {
  color: var(--lvh-x-shark-dark);
}
.cc-file-upload .file-list .file-info {
  position: relative;
}
.cc-file-upload .file-list .file-info:not(:last-child) {
  margin: 0 0 10px 0;
}
.cc-file-upload .file-list .file-type-icon {
  width: 16px;
  font-size: 16px;
  color: var(--lvh-x-dark-grey);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -8px;
}
.cc-file-upload .file-list .name-wrap {
  line-height: 16px;
  color: var(--lvh-secondary-text);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 3px 24px 3px 3px;
}
.cc-file-upload .file-list .name-wrap .when-uploaded {
  color: var(--lvh-disabled-text);
}
.cc-file-upload .file-list .name-wrap .when-uploaded .bullet {
  margin: 0 5px;
}
.cc-file-upload .file-list .name:not(.has-url) {
  color: var(--lvh-secondary-text);
  cursor: text;
}
.cc-file-upload .file-list .name.has-url {
  cursor: pointer;
}
.cc-file-upload .file-list .delete-icon {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: none;
  color: var(--lvh-primary-text);
  background: none;
}
.cc-file-upload .file-list .delete-icon:hover .icon,
.cc-file-upload .file-list .delete-icon:focus .icon {
  color: var(--lvh-x-red);
}
.cc-file-upload .file-list .delete-icon > .icon {
  display: block;
  width: 14px;
  height: 14px;
  font-size: 14px;
}
.cc-file-upload .progress-bar {
  height: 4px;
  background-color: var(--lvh-x-shark-light);
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}
.cc-file-upload .progress-bar .bar {
  height: 100%;
  background-color: var(--lvh-bright-blue);
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  transition: 0.1s linear width;
}

@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
page-loading {
  display: block;
  margin: 0 0 15px 0;
}
page-loading:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
page-loading:last-child {
  margin: 0;
}
page-loading .has-image .lhs > div {
  width: 81px;
  height: 81px;
}
@media (max-width: 991px) {
  page-loading .has-image .lhs > div {
    width: 50px;
    height: 50px;
  }
}
page-loading .has-image .bars {
  padding: 10px 0 0 100px;
}
@media (max-width: 991px) {
  page-loading .has-image .bars {
    padding: 10px 0 0 70px;
  }
}
@media (max-width: 991px) {
  page-loading .has-avatar .lhs {
    float: none;
  }
}
page-loading .has-avatar .lhs > div {
  width: 130px;
  height: 130px;
  border-radius: 50%;
}
@media (max-width: 991px) {
  page-loading .has-avatar .lhs > div {
    margin: 0 auto;
  }
}
page-loading .has-avatar .bars {
  padding: 0 0 0 180px;
}
@media (max-width: 991px) {
  page-loading .has-avatar .bars {
    padding: 20px 0 0 0;
  }
}
page-loading .lhs {
  float: left;
}
page-loading .lhs > div {
  -webkit-animation: placeHolderShimmer 2s forwards ease-in-out infinite;
  animation: placeHolderShimmer 2s forwards ease-in-out infinite;
  background: linear-gradient(to right, var(--lvh-x-paler-grey) 8%, var(--lvh-x-off-white) 18%, var(--lvh-x-paler-grey) 33%);
  background-color: var(--lvh-x-off-white);
  background-size: 1000px 15px;
}

@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
loading-bar {
  display: block;
  margin: 0 0 15px 0;
}
loading-bar:last-child {
  margin: 0;
}
loading-bar .loader {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 15px;
  -webkit-animation: placeHolderShimmer 2s forwards ease-in-out infinite;
  animation: placeHolderShimmer 2s forwards ease-in-out infinite;
  border-radius: 3px;
  background: linear-gradient(to right, var(--lvh-x-paler-grey) 8%, var(--lvh-x-off-white) 18%, var(--lvh-x-paler-grey) 33%);
  background-color: var(--lvh-x-off-white);
  background-size: 1000px 15px;
}
loading-bar .loader.half {
  width: 50%;
}
@media (max-width: 991px) {
  loading-bar .loader.half {
    width: 100%;
  }
}
loading-bar .loader.third {
  width: 33.333%;
}
@media (max-width: 991px) {
  loading-bar .loader.third {
    width: 100%;
  }
}
loading-bar .loader.quarter {
  width: 25%;
}
@media (max-width: 991px) {
  loading-bar .loader.quarter {
    width: 100%;
  }
}
loading-bar .loader.fifth {
  width: 20%;
}
@media (max-width: 991px) {
  loading-bar .loader.fifth {
    width: 100%;
  }
}
loading-bar .loader.delay1 {
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
loading-bar .loader.delay2 {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
loading-bar .loader.delay3 {
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.75s;
}

right-to-work-list-ng1 .country-summary {
  float: left;
}
right-to-work-list-ng1 .country-summary .tooltip-wrapper {
  float: left;
  padding: 4px 0 0 2px;
}
right-to-work-list-ng1 .country-summary .flag {
  transform: translateX(-2px);
  margin: 3px 0 4px 0;
}

language-picker {
  display: block;
}
language-picker .language-picker-wrapper:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
language-picker .language-picker-wrapper .selection {
  width: calc(100% - 105px);
}
@media (max-width: 991px) {
  language-picker .language-picker-wrapper .selection {
    width: 100%;
  }
}
language-picker .language-picker-wrapper .selection:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
language-picker .language-picker-wrapper .selection .col {
  float: left;
  width: 49%;
}
@media (max-width: 991px) {
  language-picker .language-picker-wrapper .selection .col {
    width: 100%;
    margin: 0;
  }
}
language-picker .language-picker-wrapper .selection .col:not(:last-child) {
  margin: 0 2% 0 0;
}
@media (max-width: 991px) {
  language-picker .language-picker-wrapper .selection .col:not(:last-child) {
    margin: 0 0 10px 0;
  }
}
language-picker .language-picker-wrapper .button {
  position: absolute;
  top: 0;
  right: 0;
  width: 95px;
}
@media (max-width: 991px) {
  language-picker .language-picker-wrapper .button {
    position: static;
    width: 100%;
    margin: 0;
  }
}
language-picker .language-picker-wrapper .button > .label {
  line-height: 24px;
}
language-picker .language-picker-wrapper .language-picker {
  position: relative;
  margin: 0 0 15px;
}
language-picker .language-picker-wrapper .language-picker.has-items {
  margin: 0;
}
language-picker .language-picker-wrapper .language-picker:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
language-picker .language-picker-wrapper .language-picker .selection {
  margin: 0;
}
language-picker .language-picker-wrapper .language-picker .selection:not(:last-child) {
  margin: 0;
}
@media (max-width: 991px) {
  language-picker .language-picker-wrapper .language-picker .selection:not(:last-child) {
    margin: 0 0 10px;
  }
}
@media (max-width: 991px) {
  language-picker .language-picker-wrapper .language-picker .selection {
    margin: 0 0 30px;
  }
}
language-picker .language-picker-wrapper .selected-languages .language {
  position: relative;
  padding: 20px 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid var(--lvh-x-off-white);
}
@media (max-width: 991px) {
  language-picker .language-picker-wrapper .selected-languages .language {
    padding: 10px;
  }
}
language-picker .language-picker-wrapper .selected-languages .language.add-update-language {
  padding: 20px 0;
}
@media (max-width: 991px) {
  language-picker .language-picker-wrapper .selected-languages .language.add-update-language {
    padding: 10px 0;
  }
}
language-picker .language-picker-wrapper .selected-languages .language.add-update-language .selection .col {
  padding: 0;
}
language-picker .language-picker-wrapper .selected-languages .language.add-update-language .selection .col:first-child {
  font-weight: 400;
}
language-picker .language-picker-wrapper .selected-languages .language:first-child {
  border-top: none;
}
language-picker .language-picker-wrapper .selected-languages .language:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
language-picker .language-picker-wrapper .selected-languages .language .selection {
  margin: 0;
}
language-picker .language-picker-wrapper .selected-languages .language .selection .col {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0 0 10px;
}
@media (max-width: 991px) {
  language-picker .language-picker-wrapper .selected-languages .language .selection .col {
    margin: 0;
    padding: 0;
  }
}
language-picker .language-picker-wrapper .selected-languages .language .selection .col:first-child {
  padding: 0;
  font-weight: 700;
}
language-picker .language-picker-wrapper .selected-languages .language .button {
  top: 20px;
}
language-picker .language-picker-wrapper .selected-languages .language .rhs {
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: var(--lvh-x-shark-dark);
}
@media (max-width: 991px) {
  language-picker .language-picker-wrapper .selected-languages .language .rhs {
    right: 7px;
  }
}
language-picker .language-picker-wrapper .selected-languages .language .rhs ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
language-picker .language-picker-wrapper .selected-languages .language .rhs ul li {
  float: left;
}
language-picker .language-picker-wrapper .selected-languages .language .rhs ul li:not(:first-child) {
  margin: 0 0 0 12px;
}
language-picker .language-picker-wrapper .selected-languages .language .rhs ul li:hover i {
  color: var(--lvh-x-mesh-dark);
}
language-picker .language-picker-wrapper .selected-languages .language .rhs ul li:hover i.delete-icon {
  color: var(--lvh-x-ripe);
}

save-button {
  display: block;
}
save-button .button.p-ghost-button.isSaveComplete {
  box-shadow: 0 0 0 1px var(--lvh-x-green) inset;
  background-color: transparent;
}
save-button .button.p-ghost-button.isSaveComplete:after {
  color: var(--lvh-x-green);
}
save-button .button.p-ghost-button.isSaveComplete:hover:not([disabled]),
save-button .button.p-ghost-button.isSaveComplete:focus:not([disabled]),
save-button .button.p-ghost-button.isSaveComplete:hover:not(:disabled),
save-button .button.p-ghost-button.isSaveComplete:focus:not(:disabled) {
  background-color: transparent;
}
save-button .button.p-ghost-button.isSaveComplete[disabled] {
  box-shadow: 0 0 0 1px var(--lvh-x-green) inset;
}
save-button .button.p-ghost-button.isSaveComplete:disabled {
  box-shadow: 0 0 0 1px var(--lvh-x-green) inset;
}
save-button .button.p-ghost-button.isErrorWhenSaving {
  box-shadow: 0 0 0 1px var(--lvh-x-ripe) inset;
  background-color: transparent;
}
save-button .button.p-ghost-button.isErrorWhenSaving:after {
  color: var(--lvh-x-ripe);
}
save-button .button.p-ghost-button.isErrorWhenSaving:hover:not([disabled]),
save-button .button.p-ghost-button.isErrorWhenSaving:focus:not([disabled]),
save-button .button.p-ghost-button.isErrorWhenSaving:hover:not(:disabled),
save-button .button.p-ghost-button.isErrorWhenSaving:focus:not(:disabled) {
  background-color: transparent;
}
save-button .button.p-ghost-button.isErrorWhenSaving[disabled] {
  box-shadow: 0 0 0 1px var(--lvh-x-ripe) inset;
}
save-button .button.p-ghost-button.isErrorWhenSaving:disabled {
  box-shadow: 0 0 0 1px var(--lvh-x-ripe) inset;
}
save-button .button.isSaveComplete {
  position: relative;
  background-color: var(--lvh-x-green);
}
save-button .button.isSaveComplete:after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: "\e911";
  font-family: 'IconFont';
  font-size: 16px;
  line-height: inherit;
  color: var(--lvh-white);
}
save-button .button.isSaveComplete:hover:not([disabled]),
save-button .button.isSaveComplete:focus:not([disabled]),
save-button .button.isSaveComplete:hover:not(:disabled),
save-button .button.isSaveComplete:focus:not(:disabled) {
  background-color: #73c66d;
}
save-button .button.isSaveComplete .label {
  visibility: hidden;
}
save-button .button.isErrorWhenSaving {
  position: relative;
  background-color: var(--lvh-x-ripe);
}
save-button .button.isErrorWhenSaving:after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: "\e90e";
  font-family: 'IconFont';
  font-size: 16px;
  line-height: inherit;
  color: var(--lvh-white);
}
save-button .button.isErrorWhenSaving:hover:not([disabled]),
save-button .button.isErrorWhenSaving:focus:not([disabled]),
save-button .button.isErrorWhenSaving:hover:not(:disabled),
save-button .button.isErrorWhenSaving:focus:not(:disabled) {
  background-color: #ec4213;
}
save-button .button.isErrorWhenSaving .label {
  visibility: hidden;
}

mask-toggle-button {
  padding-left: 10px;
  font-weight: 400;
}

.collapse-height {
  transition: height ease-in-out 0.4s;
}

/*!
 * Quill Editor v1.3.3
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
 .ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  /*margin: 0;*/
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}

html-editor-ng1 .ql-container {
  border: none !important;
  font-family: inherit !important;
  font-size: 14px !important;
}
@media (max-width: 991px) {
  html-editor-ng1 .ql-container {
    font-size: 16px !important;
  }
}
html-editor-ng1 .ql-editor {
  background-color: white;
  border: solid 1px var(--lvh-x-paler-grey);
  outline: none;
  min-height: 100px;
  height: 500px;
  overflow-y: scroll !important;
  line-height: 1.4;
}
html-editor-ng1 .ql-editor > p {
  color: inherit !important;
  line-height: inherit !important;
}
html-editor-ng1 .ql-disabled .ql-editor {
  background-color: var(--lvh-x-shark-light);
}
html-editor-ng1 .ql-toolbar {
  border-color: var(--lvh-x-paler-grey) !important;
  border-bottom: 0 !important;
}
html-editor-ng1 .ql-toolbar button .ql-stroke {
  stroke: var(--lvh-primary-text) !important;
}
html-editor-ng1 .ql-toolbar button .ql-fill {
  fill: var(--lvh-primary-text) !important;
}
html-editor-ng1 .ql-toolbar button:hover {
  color: var(--lvh-bright-blue) !important;
}
html-editor-ng1 .ql-toolbar button:hover .ql-stroke {
  stroke: var(--lvh-bright-blue) !important;
}
html-editor-ng1 .ql-toolbar button:hover .ql-fill {
  fill: var(--lvh-bright-blue) !important;
}
html-editor-ng1 .ql-toolbar button.ql-active .ql-stroke {
  stroke: var(--lvh-bright-blue) !important;
}
html-editor-ng1 .ql-toolbar button.ql-active .ql-fill {
  fill: var(--lvh-bright-blue) !important;
}
@media (max-width: 991px) {
  html-editor-ng1 .ql-toolbar {
    display: none;
  }
}
html-editor-ng1 .read-only .ql-toolbar {
  display: none;
}

specialty-list {
  margin-bottom: 1.307em;
}
specialty-list .tags {
  margin: 0;
  padding: 0;
  list-style: none;
}
specialty-list .tags:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
specialty-list .tags .specialty {
  background-color: var(--lvh-x-murkberry-light);
}
specialty-list .tags .specialty .label {
  display: block;
  color: var(--lvh-x-murkberry-darker);
}
specialty-list .tags .tag {
  float: left;
  margin: 0 5px 5px 0;
  padding: 2px 7px;
}
specialty-list .tags .tag:last-child {
  margin-right: 0;
}
specialty-list .tags .specialty-overflow {
  position: relative;
  float: left;
}
specialty-list .tags .specialty-overflow .callout-wrap .callout {
  position: absolute;
}
specialty-list:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}

specialty-list.grey .specialty {
  background-color: var(--lvh-x-off-white);
}
specialty-list.grey .specialty > .label {
  color: var(--lvh-x-dark-grey);
}
specialty-list.grey .specialty-overflow {
  color: var(--lvh-x-dark-grey);
}

avatar-list-ng1.can-remove > .avatar-list .avatar .cc-avatar.tiny:after {
  font-size: 10px;
  line-height: 24px;
}
avatar-list-ng1.can-remove > .avatar-list .avatar .cc-avatar.smaller:after {
  font-size: 13px;
  line-height: 36px;
}
avatar-list-ng1.can-remove > .avatar-list .avatar .cc-avatar.small:after {
  font-size: 13px;
  line-height: 45px;
}
avatar-list-ng1.can-remove > .avatar-list .avatar .cc-avatar:hover:after,
avatar-list-ng1.can-remove > .avatar-list .avatar .cc-avatar:focus:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  text-align: center;
  pointer-events: none;
  font-family: 'CoreIconFont';
  content: "\e603";
  color: var(--lvh-white);
  background: rgba(0, 0, 0, 0.6);
}
avatar-list-ng1.can-remove > .cc-toottip.avatar-list .items .item:hover .cc-avatar:after,
avatar-list-ng1.can-remove > .cc-toottip.avatar-list .items .item:focus .cc-avatar:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  text-align: center;
  pointer-events: none;
  font-family: 'CoreIconFont';
  content: "\e603";
  color: var(--lvh-white);
  background: rgba(0, 0, 0, 0.6);
}
avatar-list-ng1 > .avatar-list {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}
avatar-list-ng1 > .avatar-list .avatar {
  position: relative;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 5px;
}
avatar-list-ng1 > .avatar-list .avatar:last-child {
  margin-right: 0;
}
avatar-list-ng1 > .avatar-list .avatar.extra {
  font-size: 13px;
  border-radius: 50%;
  background: var(--lvh-x-shark-dark);
}
avatar-list-ng1 > .avatar-list .avatar.extra.tiny {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
avatar-list-ng1 > .avatar-list .avatar.extra.tiny .count {
  width: 24px;
}
avatar-list-ng1 > .avatar-list .avatar.extra.smaller {
  font-size: 14px;
  width: 36px;
  height: 36px;
  line-height: 36px;
}
avatar-list-ng1 > .avatar-list .avatar.extra.smaller .count {
  width: 36px;
}
avatar-list-ng1 > .avatar-list .avatar.extra.small {
  width: 45px;
  height: 45px;
  line-height: 45px;
}
avatar-list-ng1 > .avatar-list .avatar.extra.small .count {
  width: 45px;
}
avatar-list-ng1 > .avatar-list .avatar.extra .count {
  display: block;
  text-align: center;
  color: var(--lvh-white);
  cursor: pointer;
}
avatar-list-ng1 > .avatar-list .avatar .cc-avatar {
  padding: 0;
}
avatar-list-ng1 > .avatar-list .avatar .tooltipContainer > .tooltip {
  z-index: 8001;
}
avatar-list-ng1 > .avatar-list .avatar .a-status {
  position: absolute;
  bottom: -2px;
  right: 0;
  line-height: 1;
}
avatar-list-ng1 > .avatar-list .avatar .a-status:before {
  display: block;
  font-size: 15px;
  font-family: 'IconFont';
  border-radius: 50%;
  color: var(--lvh-x-shark-dark);
  background: var(--lvh-white);
}
avatar-list-ng1 > .avatar-list .avatar .a-status.approved:before {
  content: "\e921";
  color: var(--lvh-x-green);
}
avatar-list-ng1 > .avatar-list .avatar .a-status.declined:before {
  content: "\e932";
  color: var(--lvh-x-ripe);
}

question-ng1 {
  float: left;
  width: 100%;
}
question-ng1:not(:last-child) {
  margin-bottom: 20px;
}
question-ng1 .required-marker {
  color: var(--lvh-validation-red-dark);
}
question-ng1.date:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
question-ng1.instruction label.label {
  font-weight: normal;
  color: var(--lvh-primary-text);
}
question-ng1 .text-answer {
  color: var(--lvh-x-darker-grey);
  font-weight: 400;
  margin-top: 15px;
}
question-ng1 .text-answer ul {
  color: #cccccc;
  margin: 0;
  margin-left: 20px;
}
question-ng1 .text-answer ul li {
  margin-top: 15px;
}
question-ng1 .text-answer ul li > span {
  color: var(--lvh-x-darker-grey);
}
question-ng1 .no-answer {
  font-style: italic;
}
question-ng1 .hidden-answer {
  color: #666;
  font-weight: 400;
}
question-ng1 .hidden-answer:before {
  position: relative;
  top: 1px;
  color: #ccc;
  font-family: 'IconFont';
  padding-right: 3px;
  content: "\e9b8";
}
question-ng1 .hidden-answer.locked:before {
  content: "\e9b9";
}
question-ng1 .question-input {
  margin-bottom: 5px;
}
question-ng1 .question-input .cc-input-overlay {
  position: relative;
}
question-ng1 .question-input .cc-input-overlay.currency-input.symbol-length-1 .input {
  padding-left: 26px;
}
question-ng1 .question-input .cc-input-overlay.currency-input.symbol-length-2 .input {
  padding-left: 33px;
}
question-ng1 .question-input .cc-input-overlay.currency-input.symbol-length-3 .input {
  padding-left: 40px;
}
question-ng1 .question-input .cc-input-overlay.currency-input .input {
  text-align: left;
  padding-right: 7px;
  padding-left: 7px;
}
question-ng1 .question-input .cc-input-overlay .input {
  padding-right: 25px;
  padding-left: 25px;
  text-align: center;
}
question-ng1 .question-input .cc-input-overlay .prefix {
  color: var(--lvh-secondary-text);
  position: absolute;
  top: 50%;
  left: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 13px;
  z-index: 2;
}
question-ng1 .question-input .cc-radio-button .radio-button {
  position: absolute;
  top: 12px;
}
@media (max-width: 991px) {
  question-ng1 .question-input .cc-radio-button .radio-button {
    top: 18px;
  }
}
question-ng1 .question-input .cc-radio-button .label {
  margin-left: 20px;
}
question-ng1 .validation-message {
  padding-bottom: 10px;
}
question-ng1 .instruction {
  margin-bottom: 20px;
  color: var(--lvh-primary-text);
}
question-ng1 .question-rule {
  margin-bottom: 5px;
}
question-ng1 .question-rule > .sub-text {
  color: var(--lvh-primary-text);
  font-size: 11px;
  font-weight: normal;
  margin-right: 8px;
}
question-ng1 label.label {
  margin-bottom: 5px;
  display: block;
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
}
question-ng1 .currency .cc-input-overlay input {
  padding-left: 20px;
}

questionnaire-ng1 section {
  float: left;
  width: 100%;
  box-sizing: border-box;
  background-color: var(--lvh-x-off-white);
}
questionnaire-ng1 section:not(:last-child) {
  padding-bottom: 0;
}
questionnaire-ng1 section.collapse .section-content,
questionnaire-ng1 section.overlay .section-content {
  display: none;
}
questionnaire-ng1 section .section-header {
  position: relative;
  display: block;
  width: 100%;
  padding: 10px 20px;
  font-weight: 600;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  text-align: left;
  font-size: 13px;
  color: var(--lvh-x-mesh-dark);
  background-color: var(--lvh-x-shark-light);
}
questionnaire-ng1 section .section-expander {
  position: absolute;
  right: 20px;
  top: 10px;
  width: 20px;
  height: 20px;
  text-align: center;
  background-color: var(--lvh-x-shark-dark);
}
questionnaire-ng1 section .section-expander span {
  color: var(--lvh-x-shark-light);
}
questionnaire-ng1 section .section-content {
  padding: 20px;
  display: block;
}

sms-consent .row {
  display: flex;
  gap: 10px;
}
sms-consent .row .p-checkbox {
  position: relative;
}
sms-consent .row .disclaimer {
  font-size: 11px;
}
sms-consent .row .disclaimer ul {
  margin: 0px;
  padding-left: 15px;
}
sms-consent .row div.small-print {
  padding: 0px 15px 24px;
  color: var(--lvh-secondary-text);
  font-family: Open Sans;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0em;
}
sms-consent .row div.small-print p {
  margin: 0px;
  line-height: 16.5px;
}
sms-consent .row .trigger-content {
  width: 12px;
  height: 12px;
  margin-bottom: -3px;
  margin-left: 5px;
}
sms-consent .row callout-ng1 {
  left: 40px;
}
@media (max-width: 991px) {
  sms-consent .row callout-ng1 {
    left: -205px;
  }
}
#signup-app #contact-step .sms-callout .callout .cc-callout {
  min-width: 0;
  width: 250px;
}

legal-consent .small-print {
  font-size: 10px;
  text-align: left;
  color: var(--lvh-x-shark-dark);
}
legal-consent .small-print a {
  text-decoration: underline;
  color: inherit;
}
legal-consent .small-print ol {
  padding-left: 12px;
}
legal-consent .small-print ol li {
  margin-top: 5px;
  font-weight: 600;
  color: var(--lvh-x-light-grey) !important;
}
legal-consent .small-print ol li div.content {
  font-weight: 500;
  margin-top: 5px;
  color: var(--lvh-x-shark-dark);
}

google-location-picker-ng1 .selection-indicator {
  font-size: 16px;
  line-height: 20px;
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}
google-location-picker-ng1 .selection-indicator.success {
  color: var(--lvh-x-green);
}
google-location-picker-ng1 .location-picker-wrapper {
  display: flex;
  position: relative;
}
google-location-picker-ng1 .location-picker-wrapper.validation-error .cc-country-picker .popdown-clickable {
  border-color: var(--lvh-validation-red-dark) !important;
}
google-location-picker-ng1 .location-picker-wrapper.validation-error .search-by {
  border-color: var(--lvh-validation-red-dark);
  border-left-color: transparent;
}
google-location-picker-ng1 .cc-country-picker {
  width: 60px;
}
@media (max-width: 991px) {
  google-location-picker-ng1 .cc-country-picker .popdown {
    margin-bottom: 0px;
  }
}
google-location-picker-ng1 .cc-country-picker .popdown-clickable {
  width: 60px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
google-location-picker-ng1 .cc-country-picker .popdown-clickable:focus {
  border-color: var(--lvh-x-dark-grey);
}
google-location-picker-ng1 .input-wrap {
  flex: 1;
}
google-location-picker-ng1 input[type="search"] {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  text-overflow: ellipsis;
  position: relative;
  z-index: 1;
}
google-location-picker-ng1 input[type="search"]:focus {
  border-color: var(--lvh-x-dark-grey);
}
google-location-picker-ng1 input[type="search"]:not(:focus) {
  border-left-color: transparent;
}
google-location-picker-ng1 input[type="search"].show-icon {
  padding-right: 25px;
}
google-location-picker-ng1 .predictions-dropdown {
  max-height: 242px;
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-paler-grey);
  border-radius: 0 0 3px 3px;
  position: absolute;
  top: calc(100% - 1px);
  right: 0;
  left: 0;
  overflow-y: auto;
  box-sizing: border-box;
  z-index: 9001;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 992px) {
  google-location-picker-ng1 .predictions-dropdown {
    margin-left: 60px;
  }
}
google-location-picker-ng1 .predictions-dropdown .dropdown-item {
  margin: 0;
  padding: 0 10px;
  min-height: 26px;
  line-height: 40px;
}
google-location-picker-ng1 .predictions-dropdown .prediction {
  cursor: pointer;
}
google-location-picker-ng1 .predictions-dropdown .prediction:hover,
google-location-picker-ng1 .predictions-dropdown .prediction:focus,
google-location-picker-ng1 .predictions-dropdown .prediction:active,
google-location-picker-ng1 .predictions-dropdown .prediction.selected {
  outline: 1px solid var(--lvh-x-dark-grey);
  outline-offset: -1px;
  background-color: var(--lvh-x-off-white);
}
google-location-picker-ng1 .validation-message {
  top: 0px;
  float: none;
}

external-links {
  display: block;
}
external-links .externalLinks {
  margin: 0;
  padding: 0;
  list-style: none;
}
external-links .externalLinks:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
external-links .externalLinks .link-type {
  display: inline-block;
  margin: 0 5px 0 0;
}
external-links .externalLinks .link-type > a {
  display: block;
  outline: revert;
}

character-count-ng1 .wrapper {
  font-size: 11px;
  padding: 5px 0;
  color: var(--lvh-secondary-text);
}
character-count-ng1 .hint-text {
  color: var(--lvh-x-shark-dark);
}
character-count-ng1 .hint-icon {
  margin-left: 0.231em;
  vertical-align: middle;
  line-height: 1;
  cursor: pointer;
  color: var(--lvh-x-shark-dark);
}

/**
 * A safe haven for miscellaneous components who are so small, they probably
 * don't deserve their own stylesheet. But we will love them all the same.
 */
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
.iconFont + .icon-label,
.iconFont .icon-label {
  position: absolute !important;
  height: 1px !important;
  width: 1px !important;
  padding: 0 !important;
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px);
}
.cc-mobile-header-bar {
  height: 44px;
  background-color: var(--lvh-x-shark-light);
  text-align: center;
  position: relative;
}
@media (min-width: 992px) {
  .cc-mobile-header-bar {
    display: none;
  }
}
.cc-mobile-header-bar .mhb-heading {
  display: block;
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 44px;
  padding: 0 30px;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cc-mobile-header-bar .mhb-inner-wrap {
  position: relative;
}
.cc-mobile-header-bar .button {
  outline: none;
  border: none;
  background: none;
  padding: 0;
  position: absolute;
  top: 0;
  bottom: 0;
}
.cc-mobile-header-bar .button.lhs {
  left: 0;
}
.cc-mobile-header-bar .button.rhs {
  right: 0;
}
.cc-last-action .lastAction {
  float: left;
  width: 100%;
  padding-right: 12px;
  box-sizing: border-box;
  position: relative;
}
@media (max-width: 991px) {
  .cc-last-action .lastAction {
    float: left;
    width: 100%;
    position: relative;
    bottom: auto;
  }
}
.cc-last-action .lastAction .avatarWrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 1.769em;
  height: 1.769em;
}
.cc-last-action .lastAction .avatar {
  width: 100%;
  height: 100%;
  background-color: var(--lvh-white96);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
.cc-last-action .lastAction .avatar > img {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.cc-last-action .lastAction .text {
  float: left;
  width: 100%;
  padding: 0.192em 1.538em 0.192em 2.308em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--lvh-primary-text);
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  cursor: default;
}
.cc-last-action .lastAction .text span {
  display: block;
  font-size: 0.846em;
  overflow: hidden;
}
.cc-last-action .attachmentsIndicator {
  position: absolute;
  top: 0;
  right: 0;
}
.cc-last-action .attachmentsIndicator .icon {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.192em 0;
}
.cc-last-action .attachmentsIndicator .icon i {
  font-size: 0.923em;
  color: var(--lvh-x-shark-dark);
}
.cc-referrer-label {
  display: inline-block;
  font-size: 12px;
  line-height: 19px;
  color: var(--lvh-x-green);
  background-color: rgba(80, 184, 72, 0.2);
  border-radius: 3px;
  padding: 0 6px;
}
.cc-agency-label {
  display: inline-block;
  font-size: 12px;
  line-height: 19px;
  color: var(--lvh-bright-blue);
  background-color: rgba(60, 71, 157, 0.2);
  border-radius: 3px;
  padding: 0 6px;
}
@media (max-width: 991px) {
  .cc-date-selector .col.halves,
  .cc-date-selector .col.thirds,
  .cc-date-selector .col.quarters {
    display: none;
  }
}
@media (min-width: 992px) {
  .cc-date-selector .mobileDate {
    display: none;
  }
}
.date-picker-wrap {
  float: left;
  width: 100%;
  position: relative;
  color: initial;
}
.date-picker-wrap.top #uiDate {
  bottom: 34px;
}
.date-picker-wrap.right #uiDate {
  right: 0;
}
.date-picker-wrap #uiDate {
  z-index: 3;
}
.date-picker-wrap input[type='text'],
.date-picker-wrap input[type='date'] {
  padding-left: 2em;
}
@media (min-width: 992px) {
  .date-picker-wrap input[type='text'].mobileDate,
  .date-picker-wrap input[type='date'].mobileDate {
    display: none;
  }
}
@media (max-width: 991px) {
  .date-picker-wrap input[type='text']#textDate,
  .date-picker-wrap input[type='date']#textDate {
    display: none;
  }
}
.date-picker-wrap i {
  color: var(--lvh-x-shark-dark);
  position: absolute;
  top: 50%;
  z-index: 1;
  left: 0.615em;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.date-picker-wrap .cc-overlay-mask.transparent {
  z-index: 2;
}
.border-notch {
  /* creates the larger triangle */
}
.border-notch:before {
  content: "";
  position: absolute;
  bottom: -25px;
  /* value = - border-top-width - border-bottom-width */
  left: 40px;
  /* controls horizontal position */
  border-width: 15px 15px 0;
  border-style: solid;
  border-color: var(--lvh-x-shark-light) transparent;
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0;
}
.border-notch:after {
  content: "";
  position: absolute;
  bottom: -13px;
  /* value = - border-top-width - border-bottom-width */
  left: 42px;
  /* value = (:before left) + (:before border-left) - (:after border-left) */
  border-width: 13px 13px 0;
  border-style: solid;
  border-color: white transparent;
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0;
}
.border-notch.top:before {
  top: -15px;
  /* value = - border-top-width - border-bottom-width */
  bottom: auto;
  left: auto;
  right: 40px;
  /* controls horizontal position */
  border-width: 0 15px 15px;
}
.border-notch.top:after {
  top: -13px;
  /* value = - border-top-width - border-bottom-width */
  bottom: auto;
  left: auto;
  right: 42px;
  /* value = (:before right) + (:before border-right) - (:after border-right) */
  border-width: 0 13px 13px;
}
@media (max-width: 991px) {
  .hide-mobile {
    display: none;
  }
}

.p-checkbox .input {
  /*position: absolute;
        top: -9999px;
        left: -9999px;*/
  position: absolute;
  height: 0;
  width: 0;
  opacity: 0;
}
.p-checkbox .label {
  display: inline-block;
  line-height: 14px;
  margin: 0 0 0 0.5em;
  vertical-align: middle;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.p-radio-button .input {
  position: absolute;
  height: 0;
  width: 0;
  opacity: 0;
}
.p-radio-button .label {
  display: inline-block;
  line-height: 14px;
  margin: 0 0 0 0.5em;
  vertical-align: middle;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.p-radio-button .input.checked:disabled ~ .radio-button:before,
.p-radio-button .input:checked:disabled ~ .radio-button:before {
  background-color: var(--lvh-x-shark-dark);
}
.p-radio-button .input.checked ~ .radio-button,
.p-radio-button .input:checked ~ .radio-button {
  cursor: default;
  background-color: var(--lvh-bright-blue-trans-10);
  border-color: var(--lvh-bright-blue);
}
.p-radio-button .input.checked ~ .radio-button:before,
.p-radio-button .input:checked ~ .radio-button:before {
  content: '';
  background-color: var(--lvh-bright-blue);
  border-radius: 50%;
  position: absolute;
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
}
.p-radio-button .input:disabled ~ .radio-button {
  cursor: default;
  background-color: var(--lvh-white98);
  border-color: var(--lvh-x-pale-grey);
}
.p-radio-button .radio-button {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-pale-grey);
  border-radius: 50%;
  position: relative;
  box-sizing: border-box;
  vertical-align: middle;
  cursor: pointer;
}
.p-radio-button.hidden .radio-button {
  visibility: hidden;
}
.p-checkbox.below-field {
  display: inline-block;
  padding-top: 5px;
}
.p-checkbox.field-height .label {
  line-height: 34px;
}
.p-checkbox .input:focus ~ .checkbox {
  box-shadow: 0px 0px 0px 2px var(--lvh-x-dark-grey);
}
.p-checkbox .input.checked:disabled ~ .checkbox:before,
.p-checkbox .input:checked:disabled ~ .checkbox:before {
  color: var(--lvh-x-shark-dark) !important;
}
.p-checkbox .input.checked ~ .checkbox,
.p-checkbox .input:checked ~ .checkbox {
  background-color: var(--lvh-bright-blue-trans-10);
  border-color: var(--lvh-bright-blue);
}
.p-checkbox .input.checked ~ .checkbox:before,
.p-checkbox .input:checked ~ .checkbox:before {
  content: "\e902";
  font-family: 'CoreIconFont';
  font-size: 8px;
  line-height: 14px;
  color: var(--lvh-bright-blue);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.p-checkbox .input:disabled ~ .checkbox {
  background-color: var(--lvh-white98) !important;
  border-color: var(--lvh-x-pale-grey) !important;
  cursor: default;
}
.p-checkbox .checkbox {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-pale-grey);
  border-radius: 3px;
  position: relative;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
.p-checkbox-group:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.p-checkbox-group .checkbox-wrap {
  float: left;
  width: calc(25% - 7.5px);
  background-color: var(--lvh-x-off-white);
  border-radius: 3px;
  padding: 10px 15px;
  box-sizing: border-box;
}
.p-checkbox-group .checkbox-wrap:not(:last-child) {
  margin: 0 10px 0 0;
}
.p-checkbox-group .checkbox-wrap .checkbox {
  float: left;
  margin: 0 10px 0 0;
}
.p-checkbox-group .checkbox-wrap .label {
  float: left;
  color: var(--lvh-x-dark-grey);
}
@media (max-width: 991px) {
  .p-radio-button-group .p-radio-button {
    display: block;
  }
}
.p-radio-button-group .p-radio-button:not(:last-child) {
  margin: 0 15px 0 0;
}
@media (max-width: 991px) {
  .p-radio-button-group .p-radio-button:not(:last-child) {
    margin: 0 0 10px 0;
  }
}
.p-radio-button-group .input,
.p-radio-button-group .label {
  display: inline-block;
  line-height: 20px;
  vertical-align: middle;
}
.p-radio-button-group .input {
  margin: 0 5px 0 0;
  outline: none;
}
.p-radio-button-group .label {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.p-empty-state {
  padding: 40px 0;
  border-radius: 3px;
  box-sizing: border-box;
  text-align: center;
  background: var(--lvh-white);
}
@media (max-width: 991px) {
  .p-empty-state {
    padding: 40px 10px;
  }
}
.p-empty-state:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.p-empty-state.small {
  padding: 20px 10px;
}
@media (max-width: 991px) {
  .p-empty-state.small {
    padding: 20px 10px;
  }
}
.p-empty-state.small .icon {
  width: 100px;
  height: 100px;
}
@media (max-width: 991px) {
  .p-empty-state.small .icon {
    width: 75px;
    height: 75px;
  }
}
.p-empty-state .icon {
  width: 128px;
  height: 128px;
}
@media (max-width: 991px) {
  .p-empty-state .icon {
    width: 100px;
    height: 100px;
  }
}
.p-empty-state .icon > img {
  max-width: 100%;
  height: auto;
}
.p-empty-state h3 {
  margin: 20px 0;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: normal;
  color: var(--lvh-primary-text);
}
@media (max-width: 991px) {
  .p-empty-state h3 {
    font-size: 16px;
    line-height: 22px;
  }
}
.p-empty-state p {
  margin: 0 20px;
  font-size: 13px;
  line-height: 24px;
  color: var(--lvh-secondary-text);
}
@media (max-width: 991px) {
  .p-empty-state p {
    font-size: 14px;
    line-height: 19px;
  }
}
.p-empty-state p:not(:last-child) {
  margin: 0 20px 20px;
}
.p-empty-state .button {
  display: inline-block;
}
.p-empty-state .button.isBusy {
  display: inline-block;
}
#employerApp .p-empty-state {
  padding: 50px 0;
}
@media (max-width: 991px) {
  #employerApp .p-empty-state {
    padding: 50px 10px;
  }
}
#employerApp .p-empty-state.small {
  padding: 20px 10px;
}
@media (max-width: 991px) {
  #employerApp .p-empty-state.small {
    padding: 20px 10px;
  }
}
#employerApp .p-empty-state.small .icon {
  width: 100px;
  height: 100px;
}
@media (max-width: 991px) {
  #employerApp .p-empty-state.small .icon {
    width: 75px;
    height: 75px;
  }
}
#employerApp .p-empty-state h3 {
  margin: 15px 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}
@media (max-width: 991px) {
  #employerApp .p-empty-state h3 {
    font-size: 14px;
    line-height: 18px;
  }
}

matching-preferences-form {
  display: block;
}
matching-preferences-form:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
matching-preferences-form h3 {
  margin: 0 0 15px 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: normal;
  color: var(--lvh-x-dark-grey);
}
matching-preferences-form p {
  margin: 0 0 20px 0;
}
matching-preferences-form .field-group.inset {
  padding: 20px;
  background-color: var(--lvh-x-off-white);
  border-radius: 3px;
  box-sizing: border-box;
}
matching-preferences-form .field-group:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
matching-preferences-form .field-group:not(:last-child) {
  margin: 0 0 20px 0;
}
matching-preferences-form .field-group .multi-select {
  width: 100%;
}
matching-preferences-form .field-group .preferred-role-header {
  display: flex;
  align-items: center;
}
matching-preferences-form .field-group .preferred-role-header .hint-icon {
  margin: 0 0 5px 3px;
}
matching-preferences-form .field-group .preferred-role-header .hint-icon .tooltipContainer {
  width: 260px;
  margin-left: -130px;
}
matching-preferences-form .field-group .preferred-role-header .hint-icon .tooltipContainer .tooltip {
  padding: 10px 15px;
}
matching-preferences-form .field-group .preferred-role-header .hint-icon .tooltipContainer .tooltip .content {
  padding: 0;
}
matching-preferences-form .cc-multi-tag.preferred-roles .tag {
  background-color: var(--lvh-validation-green-light) !important;
  max-width: calc(100% - 26px);
}
matching-preferences-form .cc-multi-tag.preferred-roles .tag .label {
  width: calc(100% - 7px);
  color: var(--lvh-validation-green-dark) !important;
}
matching-preferences-form .cc-multi-tag.preferred-roles .tag .icon {
  color: var(--lvh-validation-green-dark) !important;
}
matching-preferences-form .cc-location-picker-ng1 {
  float: left;
  width: calc(100% - 100px);
}
matching-preferences-form .cc-location-picker-ng1 .search-by {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
matching-preferences-form .location-block .cc-dropdown2 {
  float: left;
  width: 100px;
}
matching-preferences-form .location-block .cc-dropdown2 .selected-option {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-width: 0;
}
matching-preferences-form .location-block .cc-dropdown2 .selected-option:focus {
  border-left-width: 1px;
  padding-left: 9px;
}
matching-preferences-form questionnaire-ng1:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}

skills-and-competencies-form-ng1 {
  display: block;
  padding: 20px 30px;
  border: 3px solid var(--lvh-x-shark-light);
  border-radius: 3px;
  box-sizing: border-box;
}
skills-and-competencies-form-ng1:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
skills-and-competencies-form-ng1 h3 {
  margin: 0 0 15px 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: normal;
  color: var(--lvh-x-dark-grey);
}
skills-and-competencies-form-ng1 p {
  margin: 0 0 20px 0;
}
skills-and-competencies-form-ng1 .inset-field {
  padding: 20px;
  background-color: var(--lvh-x-off-white);
  border-radius: 3px;
  box-sizing: border-box;
}
skills-and-competencies-form-ng1 > .sub-text {
  font-size: 11px !important;
}

location-form label.has-description {
  margin-bottom: 5px !important;
}
location-form .description {
  display: block;
  font-size: 12px;
  color: var(--lvh-x-light-grey);
  margin-bottom: 10px;
}
@media (max-width: 991px) {
  location-form .has-visa .cc-tab-group {
    display: block;
  }
}
location-form .visa-type .popdown .popdown-clickable {
  width: 100%;
}
location-form .visa-type .popdown .popdown-content {
  width: 100%;
}
location-form .right-to-work-preamble {
  margin: 0 !important;
}
location-form h2 .label.sub-text,
location-form h3 .label.sub-text {
  font-size: 0.8em;
}
location-form .upload {
  margin-top: 10px !important;
}

#login-form-template #login-form .p-social-connect-buttons-4 .button {
  display: block;
  width: 100%;
  text-align: center;
  line-height: 34px;
}
#login-form-template #login-form #standard-login-state .p-or-content-divider {
  margin: 15px 0 15px 0;
}

.lvh-form .tab-title {
  margin: 30px 20px 20px 20px;
  font-weight: 600;
}
.lvh-form .tab-title:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.lvh-form .tab-content {
  background-color: var(--lvh-x-off-white);
  margin: 20px;
  padding: 30px 20px;
  border: solid 1px var(--lvh-x-shark-light);
  border-radius: 3px;
}
.lvh-form .tab-content:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.lvh-form section {
  float: left;
  width: 100%;
  box-sizing: border-box;
}
.lvh-form .sub-text {
  color: var(--lvh-primary-text);
  font-weight: normal;
}
.lvh-form.no-step-nav {
  padding: 30px;
}
@media (max-width: 991px) {
  .lvh-form.no-step-nav {
    padding: 20px;
  }
}
.lvh-form #form-content:after,
.lvh-form #form-buttons:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.lvh-form #form-content {
  min-height: 250px;
}
@media (max-width: 991px) {
  .lvh-form #form-content {
    min-height: 0;
  }
}
.lvh-form #form-content:not(:last-child) {
  margin: 0 0 40px 0;
}
@media (max-width: 991px) {
  .lvh-form #form-content:not(:last-child) {
    margin: 0 0 20px 0;
  }
}
.lvh-form #form-buttons {
  padding: 20px 0 0 0;
  border-top: 1px solid var(--lvh-x-shark-light);
}
.lvh-form #form-buttons:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.lvh-form #form-buttons .button-wrap {
  float: right;
}
@media (max-width: 991px) {
  .lvh-form #form-buttons .button-wrap {
    float: left;
    width: 100%;
  }
}
.lvh-form #form-buttons .validation-summary {
  padding: 10px;
  margin: 0 0 20px 0;
}
@media (min-width: 992px) {
  .lvh-form #form-buttons .validation-summary {
    display: none;
  }
}
.lvh-form #form-buttons .anchor {
  font-weight: 600;
  line-height: 20px;
}
.lvh-form #form-buttons .anchor .icon {
  font-size: 8px;
  font-style: normal;
}
.lvh-form .row {
  float: left;
  width: 100%;
  margin: 0 0 20px 0;
}
.lvh-form .row.multi-line {
  margin: 0 0 9px 0;
}
.lvh-form .row.outer-row {
  margin-bottom: 0;
}
.lvh-form .row:last-child {
  margin: 0;
}
.lvh-form .row:last-child.multi-line {
  margin: 0;
}
.lvh-form .row:last-child.outer-row {
  margin-bottom: 0;
}
.lvh-form .row:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.lvh-form h3:not(:last-child),
.lvh-form h4:not(:last-child) {
  margin: 0 0 10px 0;
}
.lvh-form label.label {
  display: block;
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
  margin: 0 0 5px 0;
}
.lvh-form label.label.sub-label {
  font-weight: normal;
}
.lvh-form label.label .sub-text {
  color: var(--lvh-primary-text);
  font-weight: normal;
}
@media (max-width: 991px) {
  .lvh-form label.label.hidden-sm-max {
    display: none;
  }
}
.lvh-form .next-button,
.lvh-form .prev-button {
  float: left;
}
@media (max-width: 991px) {
  .lvh-form .next-button,
  .lvh-form .prev-button {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .lvh-form .next-button:not(:last-child),
  .lvh-form .prev-button:not(:last-child) {
    margin: 0 0 10px 0;
  }
}
@media (min-width: 992px) {
  .lvh-form .prev-button {
    display: none;
  }
}
@media (max-width: 991px) {
  .lvh-form .cc-modal .header .heading {
    line-height: 44px;
    font-weight: 600;
  }
}
.lvh-form .cc-input-overlay {
  position: relative;
}
.lvh-form .cc-input-overlay.large-suffix .input {
  padding-right: 60px;
  padding-left: 60px;
}
.lvh-form .cc-input-overlay.thousands-suffix .input {
  padding-right: 40px;
  padding-left: 25px;
  text-align: right;
}
.lvh-form .cc-input-overlay.currency-input.symbol-length-1 .input {
  padding-left: 26px;
}
.lvh-form .cc-input-overlay.currency-input.symbol-length-2 .input {
  padding-left: 33px;
}
.lvh-form .cc-input-overlay.currency-input.symbol-length-3 .input {
  padding-left: 40px;
}
.lvh-form .cc-input-overlay.currency-input .input {
  text-align: left;
  padding-right: 7px;
  padding-left: 7px;
}
.lvh-form .cc-input-overlay.per-hour-suffix .input {
  padding-right: 70px;
  padding-left: 25px;
  text-align: right;
}
.lvh-form .cc-input-overlay .input {
  padding-right: 25px;
  padding-left: 25px;
  text-align: center;
}
.lvh-form .cc-input-overlay .prefix,
.lvh-form .cc-input-overlay .suffix {
  color: var(--lvh-secondary-text);
}
.lvh-form .cc-input-overlay .prefix {
  position: absolute;
  top: 50%;
  left: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 13px;
  z-index: 2;
}
.lvh-form .cc-input-overlay .suffix {
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 13px;
  z-index: 2;
}
.lvh-form:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.layout-spacious .lvh-form .row:not(:last-child) {
  margin: 0 0 30px 0;
}
.layout-spacious .lvh-form .row:not(:last-child).multi-line {
  margin: 0 0 9px 0;
}
.layout-spacious .lvh-form .row:not(:last-child).outer-row {
  margin-bottom: 0;
}
.solo-checkbox-wrapper {
  padding: 0 10px;
  border: 1px solid var(--lvh-x-paler-grey);
  border-radius: 3px;
  background-color: var(--lvh-white);
  line-height: 32px;
  box-sizing: border-box;
}
.solo-checkbox-wrapper > .label {
  color: var(--lvh-secondary-text);
}
@media (max-width: 991px) {
  .solo-checkbox-wrapper {
    line-height: 38px;
  }
}


manual-address-form-ng1 {
  display: block;
}
manual-address-form-ng1 .cc-country-picker .popdown .popdown-clickable {
  width: 100%;
}

#candidate-profile-view #activityFeed,
#activityFeed {
  width: 100%;
  padding: 20px 2.154em 6.769em 2.154em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  border-top: 1px solid var(--lvh-x-shark-dark);
  margin-top: 1.538em;
}
#candidate-profile-view #activityFeed .heading,
#activityFeed .heading {
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  margin: 0 0 0.923em 0;
  padding-bottom: 0.769em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#candidate-profile-view #activityFeed .heading:after,
#activityFeed .heading:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (max-width: 991px) {
  #candidate-profile-view #activityFeed .heading,
  #activityFeed .heading {
    border: none;
  }
}
#candidate-profile-view #activityFeed .heading > h2,
#activityFeed .heading > h2 {
  display: inline-block;
  margin: 0;
  font-size: 1em;
  font-weight: 400;
}
#candidate-profile-view #activityFeed .heading > h2 > span,
#activityFeed .heading > h2 > span {
  color: var(--lvh-x-dark-grey);
  font-size: 1.077em;
  font-weight: 600;
  letter-spacing: 0.025em;
}
#candidate-profile-view #activityFeed .activity .content a,
#activityFeed .activity .content a {
  color: var(--lvh-brand-blue-dark);
}
#candidate-profile-view #activityFeed .activity .content a:hover,
#activityFeed .activity .content a:hover,
#candidate-profile-view #activityFeed .activity .content a:focus,
#activityFeed .activity .content a:focus {
  text-decoration: underline;
}
#candidate-profile-view #activityFeed .activityWrap,
#activityFeed .activityWrap {
  width: 100%;
  word-break: break-word;
  /*
    Testing disabling the rest of this mixin to review state with current browser versions.  If specific problems found with older browsers, we'll look at manual hyphenation approaches

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;

    //Firefox -Simon's recollection was that this was a prior attempt to undo the hyphenation settings above - Jamie also tweaked to only affect mobile...  believe latest change makes it unnecessary
    @media screen and (max-width: @screen-sm-max) and (-moz-images-in-menus:0) {
        hyphens: none !important;
        -moz-hyphens: none !important;
        word-break: normal !important;
    }*/
}
#candidate-profile-view #activityFeed .activityWrap.found,
#activityFeed .activityWrap.found {
  background-color: var(--lvh-x-green);
}
#candidate-profile-view #activityFeed .activityWrap:last-child,
#activityFeed .activityWrap:last-child {
  margin-bottom: 0;
}
#candidate-profile-view #activityFeed .activityWrap .activity,
#activityFeed .activityWrap .activity {
  width: 100%;
  position: relative;
}
#candidate-profile-view #activityFeed .activityWrap .activity.left .content,
#activityFeed .activityWrap .activity.left .content {
  float: left;
  margin-left: 1em;
}
#candidate-profile-view #activityFeed .activityWrap .activity.right .content,
#activityFeed .activityWrap .activity.right .content {
  float: right;
  margin-right: 1em;
}
#candidate-profile-view #activityFeed .activityWrap .activity .tooltip .content,
#activityFeed .activityWrap .activity .tooltip .content {
  margin: 0;
}
#candidate-profile-view #activityFeed .activityWrap .name > span,
#activityFeed .activityWrap .name > span {
  color: var(--lvh-x-dark-grey);
  font-size: 0.846em;
  font-weight: 600;
}
#candidate-profile-view #activityFeed .activityWrap > .content,
#activityFeed .activityWrap > .content {
  margin: 0 4em;
}
#candidate-profile-view #activityFeed .activityWrap .activityIcon,
#activityFeed .activityWrap .activityIcon {
  float: left;
  margin-right: 0.654em;
}
#candidate-profile-view #activityFeed .activityWrap .delete,
#activityFeed .activityWrap .delete {
  float: left;
  outline: none;
  background: none;
  border: none;
  font-size: 12px;
  padding: 7.5px 0;
  margin-right: 8px;
  cursor: pointer;
  display: none;
  color: var(--lvh-x-shark-dark);
}
#candidate-profile-view #activityFeed .activityWrap .delete:hover,
#activityFeed .activityWrap .delete:hover {
  color: var(--lvh-x-red);
}
@media (max-width: 991px) {
  #candidate-profile-view #activityFeed .activityWrap .delete,
  #activityFeed .activityWrap .delete {
    display: none;
  }
}
#candidate-profile-view #activityFeed .activityWrap .item,
#activityFeed .activityWrap .item {
  float: left;
  font-size: 10px;
  font-weight: 400;
  color: var(--lvh-primary-text);
}
#candidate-profile-view #activityFeed .activityWrap .item:after,
#activityFeed .activityWrap .item:after {
  padding: 0 5px 0 2px;
  content: '•';
  line-height: 1;
  font-weight: 600;
}
#candidate-profile-view #activityFeed .activityWrap .item:last-child:after,
#activityFeed .activityWrap .item:last-child:after {
  display: none;
}
#candidate-profile-view #activityFeed .activityWrap.referreradded .referrer-note,
#activityFeed .activityWrap.referreradded .referrer-note,
#candidate-profile-view #activityFeed .activityWrap.referreredited .referrer-note,
#activityFeed .activityWrap.referreredited .referrer-note {
  display: block;
}
#candidate-profile-view #activityFeed .activityWrap.reviewstatuschanged .reviewStatus,
#activityFeed .activityWrap.reviewstatuschanged .reviewStatus {
  display: inline;
}
#candidate-profile-view #activityFeed .activityWrap.reviewstatuschanged .reviewStatus div,
#activityFeed .activityWrap.reviewstatuschanged .reviewStatus div {
  float: none !important;
  display: inline-block;
}
#candidate-profile-view #activityFeed .activityWrap.reviewstatuschanged .reviewStatus div > .label,
#activityFeed .activityWrap.reviewstatuschanged .reviewStatus div > .label {
  float: none !important;
}
#candidate-profile-view #activityFeed .activityWrap.reviewstatuschanged .reviewStatus .stars,
#activityFeed .activityWrap.reviewstatuschanged .reviewStatus .stars {
  display: inline-block;
}
#candidate-profile-view #activityFeed .activityWrap.reviewstatuschanged .reviewStatus .icon,
#activityFeed .activityWrap.reviewstatuschanged .reviewStatus .icon {
  position: relative;
  top: auto;
  left: auto;
  float: none;
  margin-right: 0;
}
#candidate-profile-view #activityFeed .activityWrap.jobinvitation,
#activityFeed .activityWrap.jobinvitation {
  margin: 14px 0;
  border-bottom: none;
}
#candidate-profile-view #activityFeed .activityWrap.jobinvitation .calloutWrap,
#activityFeed .activityWrap.jobinvitation .calloutWrap {
  float: left;
  width: 100%;
}
#candidate-profile-view #activityFeed .activityWrap.jobinvitation .activity,
#activityFeed .activityWrap.jobinvitation .activity {
  position: relative;
}
#candidate-profile-view #activityFeed .activityWrap.jobinvitation .activity.left .profilePicture,
#activityFeed .activityWrap.jobinvitation .activity.left .profilePicture {
  left: 0;
}
#candidate-profile-view #activityFeed .activityWrap.jobinvitation .activity.left > .content,
#activityFeed .activityWrap.jobinvitation .activity.left > .content {
  margin-left: 54px;
}
#candidate-profile-view #activityFeed .activityWrap.jobinvitation .activity.right .profilePicture,
#activityFeed .activityWrap.jobinvitation .activity.right .profilePicture {
  right: 0;
}
#candidate-profile-view #activityFeed .activityWrap.jobinvitation .activity.right > .content,
#activityFeed .activityWrap.jobinvitation .activity.right > .content {
  margin-right: 54px;
}
#candidate-profile-view #activityFeed .activityWrap.jobinvitation .profilePicture,
#activityFeed .activityWrap.jobinvitation .profilePicture {
  width: 2.615em;
  height: 2.615em;
  background-color: #fff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0;
}
#candidate-profile-view #activityFeed .activityWrap.jobinvitation .profilePicture img,
#activityFeed .activityWrap.jobinvitation .profilePicture img {
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#candidate-profile-view #activityFeed .activityWrap.jobinvitation .messageCallout,
#activityFeed .activityWrap.jobinvitation .messageCallout {
  display: inline-block;
  background-color: var(--lvh-white96);
  -moz-border-radius: 0.231em;
  -webkit-border-radius: 0.231em;
  border-radius: 0.231em;
  padding: 0.462em 1.077em;
  margin-bottom: 0.154em;
  position: relative;
}
#candidate-profile-view #activityFeed .activityWrap.jobinvitation .messageCallout > .text > span,
#activityFeed .activityWrap.jobinvitation .messageCallout > .text > span {
  color: var(--lvh-x-mid-grey);
  white-space: pre-wrap;
}
#candidate-profile-view #activityFeed .activityWrap.jobinvitation .messageCallout .calloutTip,
#activityFeed .activityWrap.jobinvitation .messageCallout .calloutTip {
  height: 14px;
  width: 14px;
  background-color: var(--lvh-x-off-white);
  position: absolute;
  top: 10px;
  border-bottom: none;
  border-right: none;
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
#candidate-profile-view #activityFeed .activityWrap.jobinvitation .messageCallout .calloutTip.left,
#activityFeed .activityWrap.jobinvitation .messageCallout .calloutTip.left {
  left: 2px;
  margin: 0 0 0 -8px;
}
#candidate-profile-view #activityFeed .activityWrap.jobinvitation .messageCallout .calloutTip.right,
#activityFeed .activityWrap.jobinvitation .messageCallout .calloutTip.right {
  right: 2px;
  margin: 0 -8px 0 0;
}
#candidate-profile-view #activityFeed .activityWrap.jobinvitation .messageCallout .job-vacancy-info .info,
#activityFeed .activityWrap.jobinvitation .messageCallout .job-vacancy-info .info {
  font-size: 11px;
}
#candidate-profile-view #activityFeed .activityWrap.jobinvitation .tooltipContainer,
#activityFeed .activityWrap.jobinvitation .tooltipContainer {
  z-index: 1001;
  /* TODO SM: ask bert about this*/
}
#candidate-profile-view #activityFeed .activityWrap.jobinvitation .message,
#activityFeed .activityWrap.jobinvitation .message {
  margin: 0 0 10px 0;
}
#candidate-profile-view #activityFeed .activityWrap.jobinvitation .vacancy-info,
#activityFeed .activityWrap.jobinvitation .vacancy-info {
  display: block;
  border: 1px solid var(--lvh-x-grey);
  padding: 12px 15px;
  background-color: var(--lvh-white);
}
#candidate-profile-view #activityFeed .activityWrap.jobinvitation .vacancy-info .icon,
#activityFeed .activityWrap.jobinvitation .vacancy-info .icon {
  color: var(--lvh-x-shark-dark);
  margin: 0 10px 0 0;
}
#candidate-profile-view #activityFeed .activityWrap.jobinvitation .vacancy-info .vacancy-name,
#activityFeed .activityWrap.jobinvitation .vacancy-info .vacancy-name {
  color: var(--lvh-bright-blue);
}
#candidate-profile-view #activityFeed .activityWrap.jobinvitation .vacancy-info .row,
#activityFeed .activityWrap.jobinvitation .vacancy-info .row {
  margin: 0 0 4px 0;
}
#candidate-profile-view #activityFeed .activityWrap.declinedtargetedjobinvite .text strong,
#activityFeed .activityWrap.declinedtargetedjobinvite .text strong {
  font-weight: normal;
  color: var(--lvh-x-mesh-dark);
}
#candidate-profile-view #activityFeed .activityWrap.declinedtargetedjobinvite .text:not(:last-child),
#activityFeed .activityWrap.declinedtargetedjobinvite .text:not(:last-child) {
  margin-bottom: 5px;
}
#candidate-profile-view #activityFeed .activityWrap.jobquestionnaireinvited i:before,
#activityFeed .activityWrap.jobquestionnaireinvited i:before {
  color: var(--lvh-x-shark-dark) !important;
}
#candidate-profile-view #activityFeed .activityWrap.jobquestionnaireresponded i:before,
#activityFeed .activityWrap.jobquestionnaireresponded i:before {
  color: var(--lvh-bright-blue) !important;
}
#candidate-profile-view #activityFeed .activityWrap.jobquestionnaireresponseviewed i:before,
#activityFeed .activityWrap.jobquestionnaireresponseviewed i:before {
  color: var(--lvh-x-murkberry-light) !important;
}
#candidate-profile-view #activityFeed .activityWrap.interviewcompleted i:before,
#activityFeed .activityWrap.interviewcompleted i:before {
  color: var(--lvh-x-green) !important;
}
#candidate-profile-view #activityFeed .activityWrap.interviewnoshow i:before,
#activityFeed .activityWrap.interviewnoshow i:before {
  color: var(--lvh-x-ripe) !important;
}
#candidate-profile-view #activityFeed .activityWrap .emphasis,
#activityFeed .activityWrap .emphasis {
  color: var(--lvh-primary-text);
}
#candidate-profile-view #activityFeed .activityWrap.message,
#activityFeed .activityWrap.message {
  margin: 14px 0;
  border-bottom: none;
}
#candidate-profile-view #activityFeed .activityWrap.message .calloutWrap,
#activityFeed .activityWrap.message .calloutWrap {
  float: left;
  width: 100%;
}
#candidate-profile-view #activityFeed .activityWrap.message > .activity,
#activityFeed .activityWrap.message > .activity {
  position: relative;
}
#candidate-profile-view #activityFeed .activityWrap.message > .activity.left .profilePicture,
#activityFeed .activityWrap.message > .activity.left .profilePicture {
  left: 0;
}
#candidate-profile-view #activityFeed .activityWrap.message > .activity.left > .content,
#activityFeed .activityWrap.message > .activity.left > .content {
  margin-left: 54px;
}
#candidate-profile-view #activityFeed .activityWrap.message > .activity.right .profilePicture,
#activityFeed .activityWrap.message > .activity.right .profilePicture {
  right: 0;
}
#candidate-profile-view #activityFeed .activityWrap.message > .activity.right > .content,
#activityFeed .activityWrap.message > .activity.right > .content {
  margin-right: 54px;
}
#candidate-profile-view #activityFeed .activityWrap.message .profilePicture,
#activityFeed .activityWrap.message .profilePicture {
  width: 2.615em;
  height: 2.615em;
  background-color: #fff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0;
}
#candidate-profile-view #activityFeed .activityWrap.message .profilePicture img,
#activityFeed .activityWrap.message .profilePicture img {
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#candidate-profile-view #activityFeed .activityWrap.message .messageCallout,
#activityFeed .activityWrap.message .messageCallout {
  display: inline-block;
  background-color: var(--lvh-white96);
  -moz-border-radius: 0.231em;
  -webkit-border-radius: 0.231em;
  border-radius: 0.231em;
  padding: 0.462em 1.077em;
  margin-bottom: 0.154em;
  position: relative;
}
#candidate-profile-view #activityFeed .activityWrap.message .messageCallout > .text > span,
#activityFeed .activityWrap.message .messageCallout > .text > span {
  color: var(--lvh-x-mid-grey);
  white-space: pre-wrap;
}
#candidate-profile-view #activityFeed .activityWrap.message .messageCallout .calloutTip,
#activityFeed .activityWrap.message .messageCallout .calloutTip {
  height: 14px;
  width: 14px;
  background-color: var(--lvh-x-off-white);
  position: absolute;
  top: 10px;
  border-bottom: none;
  border-right: none;
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
#candidate-profile-view #activityFeed .activityWrap.message .messageCallout .calloutTip.left,
#activityFeed .activityWrap.message .messageCallout .calloutTip.left {
  left: 2px;
  margin: 0 0 0 -8px;
}
#candidate-profile-view #activityFeed .activityWrap.message .messageCallout .calloutTip.right,
#activityFeed .activityWrap.message .messageCallout .calloutTip.right {
  right: 2px;
  margin: 0 -8px 0 0;
}
#candidate-profile-view #activityFeed .activityWrap.message .tooltipContainer,
#activityFeed .activityWrap.message .tooltipContainer {
  z-index: 1001;
  /* TODO SM: ask bert about this*/
}
#candidate-profile-view #activityFeed .activityWrap.note,
#activityFeed .activityWrap.note,
#candidate-profile-view #activityFeed .activityWrap.highlightedited,
#activityFeed .activityWrap.highlightedited {
  margin: 0 0 14px 0;
}
#candidate-profile-view #activityFeed .activityWrap.note > .activity > .content,
#activityFeed .activityWrap.note > .activity > .content,
#candidate-profile-view #activityFeed .activityWrap.highlightedited > .activity > .content,
#activityFeed .activityWrap.highlightedited > .activity > .content {
  width: 100%;
}
#candidate-profile-view #activityFeed .activityWrap.note > .activity > .content .timeStamp,
#activityFeed .activityWrap.note > .activity > .content .timeStamp,
#candidate-profile-view #activityFeed .activityWrap.highlightedited > .activity > .content .timeStamp,
#activityFeed .activityWrap.highlightedited > .activity > .content .timeStamp {
  float: right;
}
@media (max-width: 991px) {
  #candidate-profile-view #activityFeed .activityWrap.note > .activity > .content .timeStamp,
  #activityFeed .activityWrap.note > .activity > .content .timeStamp,
  #candidate-profile-view #activityFeed .activityWrap.highlightedited > .activity > .content .timeStamp,
  #activityFeed .activityWrap.highlightedited > .activity > .content .timeStamp {
    float: left;
  }
}
@media (max-width: 991px) {
  #candidate-profile-view #activityFeed .activityWrap.note > .activity > .content,
  #activityFeed .activityWrap.note > .activity > .content,
  #candidate-profile-view #activityFeed .activityWrap.highlightedited > .activity > .content,
  #activityFeed .activityWrap.highlightedited > .activity > .content {
    margin: 0;
  }
}
#candidate-profile-view #activityFeed .activityWrap.note .noteWrap,
#activityFeed .activityWrap.note .noteWrap,
#candidate-profile-view #activityFeed .activityWrap.highlightedited .noteWrap,
#activityFeed .activityWrap.highlightedited .noteWrap,
#candidate-profile-view #activityFeed .activityWrap.note .highlightWrap,
#activityFeed .activityWrap.note .highlightWrap,
#candidate-profile-view #activityFeed .activityWrap.highlightedited .highlightWrap,
#activityFeed .activityWrap.highlightedited .highlightWrap {
  width: 100%;
  padding: 6px 14px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 2px;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#candidate-profile-view #activityFeed .activityWrap.note .noteWrap:after,
#activityFeed .activityWrap.note .noteWrap:after,
#candidate-profile-view #activityFeed .activityWrap.highlightedited .noteWrap:after,
#activityFeed .activityWrap.highlightedited .noteWrap:after,
#candidate-profile-view #activityFeed .activityWrap.note .highlightWrap:after,
#activityFeed .activityWrap.note .highlightWrap:after,
#candidate-profile-view #activityFeed .activityWrap.highlightedited .highlightWrap:after,
#activityFeed .activityWrap.highlightedited .highlightWrap:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (min-width: 992px) {
  #candidate-profile-view #activityFeed .activityWrap.note .noteWrap:hover .noteOptions,
  #activityFeed .activityWrap.note .noteWrap:hover .noteOptions,
  #candidate-profile-view #activityFeed .activityWrap.highlightedited .noteWrap:hover .noteOptions,
  #activityFeed .activityWrap.highlightedited .noteWrap:hover .noteOptions,
  #candidate-profile-view #activityFeed .activityWrap.note .highlightWrap:hover .noteOptions,
  #activityFeed .activityWrap.note .highlightWrap:hover .noteOptions,
  #candidate-profile-view #activityFeed .activityWrap.highlightedited .highlightWrap:hover .noteOptions,
  #activityFeed .activityWrap.highlightedited .highlightWrap:hover .noteOptions {
    display: block;
  }
}
#candidate-profile-view #activityFeed .activityWrap.note .noteWrap > .name,
#activityFeed .activityWrap.note .noteWrap > .name,
#candidate-profile-view #activityFeed .activityWrap.highlightedited .noteWrap > .name,
#activityFeed .activityWrap.highlightedited .noteWrap > .name,
#candidate-profile-view #activityFeed .activityWrap.note .highlightWrap > .name,
#activityFeed .activityWrap.note .highlightWrap > .name,
#candidate-profile-view #activityFeed .activityWrap.highlightedited .highlightWrap > .name,
#activityFeed .activityWrap.highlightedited .highlightWrap > .name {
  float: left;
  width: 100%;
  margin-bottom: 6px;
}
#candidate-profile-view #activityFeed .activityWrap.note .noteWrap > .text,
#activityFeed .activityWrap.note .noteWrap > .text,
#candidate-profile-view #activityFeed .activityWrap.highlightedited .noteWrap > .text,
#activityFeed .activityWrap.highlightedited .noteWrap > .text,
#candidate-profile-view #activityFeed .activityWrap.note .highlightWrap > .text,
#activityFeed .activityWrap.note .highlightWrap > .text,
#candidate-profile-view #activityFeed .activityWrap.highlightedited .highlightWrap > .text,
#activityFeed .activityWrap.highlightedited .highlightWrap > .text {
  float: left;
  width: 100%;
}
#candidate-profile-view #activityFeed .activityWrap.note .noteWrap > .text > span,
#activityFeed .activityWrap.note .noteWrap > .text > span,
#candidate-profile-view #activityFeed .activityWrap.highlightedited .noteWrap > .text > span,
#activityFeed .activityWrap.highlightedited .noteWrap > .text > span,
#candidate-profile-view #activityFeed .activityWrap.note .highlightWrap > .text > span,
#activityFeed .activityWrap.note .highlightWrap > .text > span,
#candidate-profile-view #activityFeed .activityWrap.highlightedited .highlightWrap > .text > span,
#activityFeed .activityWrap.highlightedited .highlightWrap > .text > span {
  color: var(--lvh-x-mid-grey);
  white-space: pre-wrap;
}
#candidate-profile-view #activityFeed .activityWrap.note .noteWrap .formWrap,
#activityFeed .activityWrap.note .noteWrap .formWrap,
#candidate-profile-view #activityFeed .activityWrap.highlightedited .noteWrap .formWrap,
#activityFeed .activityWrap.highlightedited .noteWrap .formWrap,
#candidate-profile-view #activityFeed .activityWrap.note .highlightWrap .formWrap,
#activityFeed .activityWrap.note .highlightWrap .formWrap,
#candidate-profile-view #activityFeed .activityWrap.highlightedited .highlightWrap .formWrap,
#activityFeed .activityWrap.highlightedited .highlightWrap .formWrap {
  position: relative;
}
#candidate-profile-view #activityFeed .activityWrap.note .noteWrap .formWrap .inputWrap,
#activityFeed .activityWrap.note .noteWrap .formWrap .inputWrap,
#candidate-profile-view #activityFeed .activityWrap.highlightedited .noteWrap .formWrap .inputWrap,
#activityFeed .activityWrap.highlightedited .noteWrap .formWrap .inputWrap,
#candidate-profile-view #activityFeed .activityWrap.note .highlightWrap .formWrap .inputWrap,
#activityFeed .activityWrap.note .highlightWrap .formWrap .inputWrap,
#candidate-profile-view #activityFeed .activityWrap.highlightedited .highlightWrap .formWrap .inputWrap,
#activityFeed .activityWrap.highlightedited .highlightWrap .formWrap .inputWrap {
  margin-bottom: 6px;
}
#candidate-profile-view #activityFeed .activityWrap.note .noteWrap .formWrap .inputWrap textarea,
#activityFeed .activityWrap.note .noteWrap .formWrap .inputWrap textarea,
#candidate-profile-view #activityFeed .activityWrap.highlightedited .noteWrap .formWrap .inputWrap textarea,
#activityFeed .activityWrap.highlightedited .noteWrap .formWrap .inputWrap textarea,
#candidate-profile-view #activityFeed .activityWrap.note .highlightWrap .formWrap .inputWrap textarea,
#activityFeed .activityWrap.note .highlightWrap .formWrap .inputWrap textarea,
#candidate-profile-view #activityFeed .activityWrap.highlightedited .highlightWrap .formWrap .inputWrap textarea,
#activityFeed .activityWrap.highlightedited .highlightWrap .formWrap .inputWrap textarea {
  z-index: 0;
  resize: none;
  border: none;
  outline: none;
}
#candidate-profile-view #activityFeed .activityWrap.note .noteWrap .formWrap .validation-message,
#activityFeed .activityWrap.note .noteWrap .formWrap .validation-message,
#candidate-profile-view #activityFeed .activityWrap.highlightedited .noteWrap .formWrap .validation-message,
#activityFeed .activityWrap.highlightedited .noteWrap .formWrap .validation-message,
#candidate-profile-view #activityFeed .activityWrap.note .highlightWrap .formWrap .validation-message,
#activityFeed .activityWrap.note .highlightWrap .formWrap .validation-message,
#candidate-profile-view #activityFeed .activityWrap.highlightedited .highlightWrap .formWrap .validation-message,
#activityFeed .activityWrap.highlightedited .highlightWrap .formWrap .validation-message {
  float: none;
}
#candidate-profile-view #activityFeed .activityWrap.note .noteWrap .noteOptions,
#activityFeed .activityWrap.note .noteWrap .noteOptions,
#candidate-profile-view #activityFeed .activityWrap.highlightedited .noteWrap .noteOptions,
#activityFeed .activityWrap.highlightedited .noteWrap .noteOptions,
#candidate-profile-view #activityFeed .activityWrap.note .highlightWrap .noteOptions,
#activityFeed .activityWrap.note .highlightWrap .noteOptions,
#candidate-profile-view #activityFeed .activityWrap.highlightedited .highlightWrap .noteOptions,
#activityFeed .activityWrap.highlightedited .highlightWrap .noteOptions {
  position: absolute;
  top: 9px;
  right: 9px;
  color: var(--lvh-secondary-text);
  cursor: pointer;
  display: none;
}
#candidate-profile-view #activityFeed .activityWrap.note .noteWrap .noteOptions .callout,
#activityFeed .activityWrap.note .noteWrap .noteOptions .callout,
#candidate-profile-view #activityFeed .activityWrap.highlightedited .noteWrap .noteOptions .callout,
#activityFeed .activityWrap.highlightedited .noteWrap .noteOptions .callout,
#candidate-profile-view #activityFeed .activityWrap.note .highlightWrap .noteOptions .callout,
#activityFeed .activityWrap.note .highlightWrap .noteOptions .callout,
#candidate-profile-view #activityFeed .activityWrap.highlightedited .highlightWrap .noteOptions .callout,
#activityFeed .activityWrap.highlightedited .highlightWrap .noteOptions .callout {
  top: auto;
}
#candidate-profile-view #activityFeed .activityWrap.note .noteWrap .noteOptions .icon,
#activityFeed .activityWrap.note .noteWrap .noteOptions .icon,
#candidate-profile-view #activityFeed .activityWrap.highlightedited .noteWrap .noteOptions .icon,
#activityFeed .activityWrap.highlightedited .noteWrap .noteOptions .icon,
#candidate-profile-view #activityFeed .activityWrap.note .highlightWrap .noteOptions .icon,
#activityFeed .activityWrap.note .highlightWrap .noteOptions .icon,
#candidate-profile-view #activityFeed .activityWrap.highlightedited .highlightWrap .noteOptions .icon,
#activityFeed .activityWrap.highlightedited .highlightWrap .noteOptions .icon {
  font-size: 12px;
  color: var(--lvh-secondary-text);
}
#candidate-profile-view #activityFeed .activityWrap.note .noteWrap #noteForm,
#activityFeed .activityWrap.note .noteWrap #noteForm,
#candidate-profile-view #activityFeed .activityWrap.highlightedited .noteWrap #noteForm,
#activityFeed .activityWrap.highlightedited .noteWrap #noteForm,
#candidate-profile-view #activityFeed .activityWrap.note .highlightWrap #noteForm,
#activityFeed .activityWrap.note .highlightWrap #noteForm,
#candidate-profile-view #activityFeed .activityWrap.highlightedited .highlightWrap #noteForm,
#activityFeed .activityWrap.highlightedited .highlightWrap #noteForm {
  float: left;
  width: 100%;
}
#candidate-profile-view #activityFeed .activityWrap.note .noteWrap #noteForm .buttonWrap,
#activityFeed .activityWrap.note .noteWrap #noteForm .buttonWrap,
#candidate-profile-view #activityFeed .activityWrap.highlightedited .noteWrap #noteForm .buttonWrap,
#activityFeed .activityWrap.highlightedited .noteWrap #noteForm .buttonWrap,
#candidate-profile-view #activityFeed .activityWrap.note .highlightWrap #noteForm .buttonWrap,
#activityFeed .activityWrap.note .highlightWrap #noteForm .buttonWrap,
#candidate-profile-view #activityFeed .activityWrap.highlightedited .highlightWrap #noteForm .buttonWrap,
#activityFeed .activityWrap.highlightedited .highlightWrap #noteForm .buttonWrap {
  float: right;
  padding: 4px 0;
}
#candidate-profile-view #activityFeed .activityWrap.note .noteWrap #noteForm .buttonWrap a,
#activityFeed .activityWrap.note .noteWrap #noteForm .buttonWrap a,
#candidate-profile-view #activityFeed .activityWrap.highlightedited .noteWrap #noteForm .buttonWrap a,
#activityFeed .activityWrap.highlightedited .noteWrap #noteForm .buttonWrap a,
#candidate-profile-view #activityFeed .activityWrap.note .highlightWrap #noteForm .buttonWrap a,
#activityFeed .activityWrap.note .highlightWrap #noteForm .buttonWrap a,
#candidate-profile-view #activityFeed .activityWrap.highlightedited .highlightWrap #noteForm .buttonWrap a,
#activityFeed .activityWrap.highlightedited .highlightWrap #noteForm .buttonWrap a {
  color: var(--lvh-secondary-text);
  margin-right: 8px;
}
#candidate-profile-view #activityFeed .activityWrap.note .noteWrap,
#activityFeed .activityWrap.note .noteWrap {
  background-color: var(--lvh-x-murkberry-light);
}
#candidate-profile-view #activityFeed .activityWrap.highlightedited .highlightWrap,
#activityFeed .activityWrap.highlightedited .highlightWrap {
  background-color: rgba(255, 213, 64, 0.2);
}
#candidate-profile-view #activityFeed .activityWrap.default + .default > .activity > .content,
#activityFeed .activityWrap.default + .default > .activity > .content {
  border-top: none;
}
#candidate-profile-view #activityFeed .activityWrap.default + .note,
#activityFeed .activityWrap.default + .note,
#candidate-profile-view #activityFeed .activityWrap.default + .highlightedited,
#activityFeed .activityWrap.default + .highlightedited {
  margin-top: 14px;
}
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content,
#activityFeed .activityWrap.default > .activity > .content {
  width: 100%;
  padding: 7px 110px 7px 2px;
  border-top: 1px solid var(--lvh-x-shark-light);
  border-bottom: 1px solid var(--lvh-x-shark-light);
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  #candidate-profile-view #activityFeed .activityWrap.default > .activity > .content,
  #activityFeed .activityWrap.default > .activity > .content {
    padding: 7px 2px;
    margin: 0;
  }
}
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.combined-job-activity,
#activityFeed .activityWrap.default > .activity > .content.combined-job-activity {
  border-bottom: none;
}
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.job-association-activity,
#activityFeed .activityWrap.default > .activity > .content.job-association-activity {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin: 14px 0 30px;
  padding: 14px;
  border-top: none;
  border-bottom: none;
  background: #ecfaf2;
}
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.job-association-activity .decline-reason,
#activityFeed .activityWrap.default > .activity > .content.job-association-activity .decline-reason,
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.job-association-activity .decline-comment,
#activityFeed .activityWrap.default > .activity > .content.job-association-activity .decline-comment {
  display: block;
  margin-top: 5px;
}
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.job-association-activity .decline-reason span:first-child,
#activityFeed .activityWrap.default > .activity > .content.job-association-activity .decline-reason span:first-child,
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.job-association-activity .decline-comment span:first-child,
#activityFeed .activityWrap.default > .activity > .content.job-association-activity .decline-comment span:first-child {
  font-weight: 600;
  color: var(--lvh-secondary-text);
}
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.job-association-activity .invited,
#activityFeed .activityWrap.default > .activity > .content.job-association-activity .invited {
  display: block;
  margin-bottom: 3px;
  font-size: 11px;
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
}
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.job-association-activity .invite-message,
#activityFeed .activityWrap.default > .activity > .content.job-association-activity .invite-message {
  display: block;
  margin-bottom: 3px;
}
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.job-association-activity .job-summary-banner .vacancy-link,
#activityFeed .activityWrap.default > .activity > .content.job-association-activity .job-summary-banner .vacancy-link {
  display: inline-block;
  margin-bottom: 3px;
  font-size: 13px;
  font-weight: 600;
  padding: 0;
}
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.job-association-activity .job-summary-banner ul,
#activityFeed .activityWrap.default > .activity > .content.job-association-activity .job-summary-banner ul {
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style-position: inside;
}
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.job-association-activity .job-summary-banner ul li,
#activityFeed .activityWrap.default > .activity > .content.job-association-activity .job-summary-banner ul li {
  float: left;
  margin-right: 10px;
  width: auto;
  font-size: 11px;
  color: var(--lvh-primary-text);
}
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.job-association-activity .job-summary-banner ul li:first-child,
#activityFeed .activityWrap.default > .activity > .content.job-association-activity .job-summary-banner ul li:first-child {
  list-style: none;
}
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.job-association-activity .job-summary-banner ul li.job-summary-detail-closed-date > span,
#activityFeed .activityWrap.default > .activity > .content.job-association-activity .job-summary-banner ul li.job-summary-detail-closed-date > span {
  color: var(--lvh-x-ripe);
}
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.job-association-activity hr,
#activityFeed .activityWrap.default > .activity > .content.job-association-activity hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #d4e1d9;
  margin: 10px 0;
  padding: 0;
}
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.job-association-activity .message-text,
#activityFeed .activityWrap.default > .activity > .content.job-association-activity .message-text {
  font-size: 13px;
  line-height: 22px;
  color: var(--lvh-primary-text);
  white-space: pre-wrap;
}
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.job-association-activity .timeStamp,
#activityFeed .activityWrap.default > .activity > .content.job-association-activity .timeStamp {
  float: none;
  margin: 0;
}
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.job-association-activity .rhsWrap,
#activityFeed .activityWrap.default > .activity > .content.job-association-activity .rhsWrap {
  position: absolute;
  top: auto;
  bottom: -16px;
}
@media (max-width: 991px) {
  #candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.job-association-activity .rhsWrap,
  #activityFeed .activityWrap.default > .activity > .content.job-association-activity .rhsWrap {
    left: 0;
    padding-left: 0;
  }
}
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.job-association-activity.booking .title,
#activityFeed .activityWrap.default > .activity > .content.job-association-activity.booking .title {
  font-weight: 600;
}
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.job-association-activity.booking .job-summary-banner,
#activityFeed .activityWrap.default > .activity > .content.job-association-activity.booking .job-summary-banner {
  padding: 0 0 14px;
  border-bottom: 1px solid var(--lvh-x-shark-dark);
  margin: 0 0 14px;
}
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.job-association-activity.booking .cancelled-link,
#activityFeed .activityWrap.default > .activity > .content.job-association-activity.booking .cancelled-link {
  padding: 0 0 14px;
  border-bottom: 1px solid var(--lvh-x-shark-dark);
  margin: 0 0 14px;
}
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.job-association-activity.booking .title,
#activityFeed .activityWrap.default > .activity > .content.job-association-activity.booking .title {
  margin: 0 0 12px;
}
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.job-association-activity.booking .activity-information .interview-date:after,
#activityFeed .activityWrap.default > .activity > .content.job-association-activity.booking .activity-information .interview-date:after {
  padding: 0 5px 0 2px;
  content: '•';
  line-height: 1;
  font-weight: 600;
}
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.job-association-activity.booking .activity-information .col,
#activityFeed .activityWrap.default > .activity > .content.job-association-activity.booking .activity-information .col {
  margin: 0 0 12px;
}
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.job-association-activity.booking .activity-information .col.desc,
#activityFeed .activityWrap.default > .activity > .content.job-association-activity.booking .activity-information .col.desc {
  color: var(--lvh-primary-text);
}
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.job-association-activity.booking .activity-information:after,
#activityFeed .activityWrap.default > .activity > .content.job-association-activity.booking .activity-information:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.job-association-activity.booking .activity-information .file-list,
#activityFeed .activityWrap.default > .activity > .content.job-association-activity.booking .activity-information .file-list {
  border-top: none;
}
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.job-association-activity.booking .activity-information .update-said,
#activityFeed .activityWrap.default > .activity > .content.job-association-activity.booking .activity-information .update-said {
  font-weight: 600;
}
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content .activityIcon,
#activityFeed .activityWrap.default > .activity > .content .activityIcon {
  position: absolute;
  left: 2px;
}
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content .activityIcon > i:before,
#activityFeed .activityWrap.default > .activity > .content .activityIcon > i:before {
  font-size: 0.923em;
  color: var(--lvh-x-shark-dark);
}
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.interview-activity,
#activityFeed .activityWrap.default > .activity > .content.interview-activity,
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.interview-activity-message,
#activityFeed .activityWrap.default > .activity > .content.interview-activity-message {
  padding-right: 0px;
}
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.interview-activity.interview-activity,
#activityFeed .activityWrap.default > .activity > .content.interview-activity.interview-activity,
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.interview-activity-message.interview-activity,
#activityFeed .activityWrap.default > .activity > .content.interview-activity-message.interview-activity {
  margin: 14px 0;
}
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.interview-activity .calloutWrap,
#activityFeed .activityWrap.default > .activity > .content.interview-activity .calloutWrap,
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.interview-activity-message .calloutWrap,
#activityFeed .activityWrap.default > .activity > .content.interview-activity-message .calloutWrap {
  float: left;
  width: 100%;
}
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.interview-activity .calloutWrap .messageCallout .text,
#activityFeed .activityWrap.default > .activity > .content.interview-activity .calloutWrap .messageCallout .text,
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.interview-activity-message .calloutWrap .messageCallout .text,
#activityFeed .activityWrap.default > .activity > .content.interview-activity-message .calloutWrap .messageCallout .text {
  padding-left: 0px;
}
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.interview-activity > .activity,
#activityFeed .activityWrap.default > .activity > .content.interview-activity > .activity,
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.interview-activity-message > .activity,
#activityFeed .activityWrap.default > .activity > .content.interview-activity-message > .activity {
  position: relative;
}
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.interview-activity > .activity.interview-activity-message,
#activityFeed .activityWrap.default > .activity > .content.interview-activity > .activity.interview-activity-message,
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.interview-activity-message > .activity.interview-activity-message,
#activityFeed .activityWrap.default > .activity > .content.interview-activity-message > .activity.interview-activity-message {
  margin-top: 20px;
}
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.interview-activity > .activity.left .profilePicture,
#activityFeed .activityWrap.default > .activity > .content.interview-activity > .activity.left .profilePicture,
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.interview-activity-message > .activity.left .profilePicture,
#activityFeed .activityWrap.default > .activity > .content.interview-activity-message > .activity.left .profilePicture {
  left: 0;
}
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.interview-activity > .activity.left > .content,
#activityFeed .activityWrap.default > .activity > .content.interview-activity > .activity.left > .content,
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.interview-activity-message > .activity.left > .content,
#activityFeed .activityWrap.default > .activity > .content.interview-activity-message > .activity.left > .content {
  margin-left: 54px;
}
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.interview-activity > .activity.right .profilePicture,
#activityFeed .activityWrap.default > .activity > .content.interview-activity > .activity.right .profilePicture,
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.interview-activity-message > .activity.right .profilePicture,
#activityFeed .activityWrap.default > .activity > .content.interview-activity-message > .activity.right .profilePicture {
  right: 0;
}
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.interview-activity > .activity.right > .content,
#activityFeed .activityWrap.default > .activity > .content.interview-activity > .activity.right > .content,
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.interview-activity-message > .activity.right > .content,
#activityFeed .activityWrap.default > .activity > .content.interview-activity-message > .activity.right > .content {
  margin-right: 54px;
}
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.interview-activity .profilePicture,
#activityFeed .activityWrap.default > .activity > .content.interview-activity .profilePicture,
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.interview-activity-message .profilePicture,
#activityFeed .activityWrap.default > .activity > .content.interview-activity-message .profilePicture {
  width: 2.615em;
  height: 2.615em;
  background-color: var(--lvh-white);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0;
}
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.interview-activity .profilePicture img,
#activityFeed .activityWrap.default > .activity > .content.interview-activity .profilePicture img,
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.interview-activity-message .profilePicture img,
#activityFeed .activityWrap.default > .activity > .content.interview-activity-message .profilePicture img {
  width: 100%;
  height: 100%;
  border: 1px solid var(--lvh-white);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.interview-activity .messageCallout,
#activityFeed .activityWrap.default > .activity > .content.interview-activity .messageCallout,
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.interview-activity-message .messageCallout,
#activityFeed .activityWrap.default > .activity > .content.interview-activity-message .messageCallout {
  display: inline-block;
  background-color: var(--lvh-white96);
  -moz-border-radius: 0.231em;
  -webkit-border-radius: 0.231em;
  border-radius: 0.231em;
  padding: 0.462em 1.077em;
  margin-bottom: 0.154em;
  position: relative;
}
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.interview-activity .messageCallout > .text,
#activityFeed .activityWrap.default > .activity > .content.interview-activity .messageCallout > .text,
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.interview-activity-message .messageCallout > .text,
#activityFeed .activityWrap.default > .activity > .content.interview-activity-message .messageCallout > .text {
  padding-left: 0px;
}
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.interview-activity .messageCallout > .text > span,
#activityFeed .activityWrap.default > .activity > .content.interview-activity .messageCallout > .text > span,
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.interview-activity-message .messageCallout > .text > span,
#activityFeed .activityWrap.default > .activity > .content.interview-activity-message .messageCallout > .text > span {
  color: var(--lvh-x-mid-grey);
  white-space: pre-wrap;
}
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.interview-activity .messageCallout .calloutTip,
#activityFeed .activityWrap.default > .activity > .content.interview-activity .messageCallout .calloutTip,
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.interview-activity-message .messageCallout .calloutTip,
#activityFeed .activityWrap.default > .activity > .content.interview-activity-message .messageCallout .calloutTip {
  height: 14px;
  width: 14px;
  background-color: var(--lvh-x-off-white);
  position: absolute;
  top: 10px;
  border-bottom: none;
  border-right: none;
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.interview-activity .messageCallout .calloutTip.left,
#activityFeed .activityWrap.default > .activity > .content.interview-activity .messageCallout .calloutTip.left,
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.interview-activity-message .messageCallout .calloutTip.left,
#activityFeed .activityWrap.default > .activity > .content.interview-activity-message .messageCallout .calloutTip.left {
  left: 2px;
  margin: 0 0 0 -8px;
}
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.interview-activity .messageCallout .calloutTip.right,
#activityFeed .activityWrap.default > .activity > .content.interview-activity .messageCallout .calloutTip.right,
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.interview-activity-message .messageCallout .calloutTip.right,
#activityFeed .activityWrap.default > .activity > .content.interview-activity-message .messageCallout .calloutTip.right {
  right: 2px;
  margin: 0 -8px 0 0;
}
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.interview-activity .messageCallout .context,
#activityFeed .activityWrap.default > .activity > .content.interview-activity .messageCallout .context,
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.interview-activity-message .messageCallout .context,
#activityFeed .activityWrap.default > .activity > .content.interview-activity-message .messageCallout .context {
  margin-top: 10px;
  margin-bottom: 10px;
}
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.interview-activity .messageCallout .name,
#activityFeed .activityWrap.default > .activity > .content.interview-activity .messageCallout .name,
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.interview-activity-message .messageCallout .name,
#activityFeed .activityWrap.default > .activity > .content.interview-activity-message .messageCallout .name {
  margin-top: 10px;
  margin-bottom: 10px;
}
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.interview-activity .messageCallout hr,
#activityFeed .activityWrap.default > .activity > .content.interview-activity .messageCallout hr,
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.interview-activity-message .messageCallout hr,
#activityFeed .activityWrap.default > .activity > .content.interview-activity-message .messageCallout hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #d4e1d9;
  margin: 10px 0;
  padding: 0;
}
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.interview-activity .tooltipContainer,
#activityFeed .activityWrap.default > .activity > .content.interview-activity .tooltipContainer,
#candidate-profile-view #activityFeed .activityWrap.default > .activity > .content.interview-activity-message .tooltipContainer,
#activityFeed .activityWrap.default > .activity > .content.interview-activity-message .tooltipContainer {
  z-index: 1001;
  /* TODO SM: ask bert about this*/
}
@media (min-width: 992px) {
  #candidate-profile-view #activityFeed .activityWrap.default:hover .delete,
  #activityFeed .activityWrap.default:hover .delete {
    display: block;
  }
}
#candidate-profile-view #activityFeed .activityWrap.default .text,
#activityFeed .activityWrap.default .text {
  padding-left: 24px;
}
#candidate-profile-view #activityFeed .activityWrap.default .text > span,
#activityFeed .activityWrap.default .text > span {
  color: var(--lvh-primary-text);
}
#candidate-profile-view #activityFeed .activityWrap.default .text > span.block,
#activityFeed .activityWrap.default .text > span.block {
  display: block;
}
#candidate-profile-view #activityFeed .activityWrap.default .text > span > em,
#activityFeed .activityWrap.default .text > span > em {
  color: var(--lvh-x-dark-grey);
  font-style: normal;
}
#candidate-profile-view #activityFeed .activityWrap.default .text > span > em:after,
#activityFeed .activityWrap.default .text > span > em:after {
  content: ', ';
}
#candidate-profile-view #activityFeed .activityWrap.default .text > span > em:last-child:after,
#activityFeed .activityWrap.default .text > span > em:last-child:after {
  content: '';
}
#candidate-profile-view #activityFeed .activityWrap.default .text > span > em.no-comma:after,
#activityFeed .activityWrap.default .text > span > em.no-comma:after {
  content: '' !important;
}
#candidate-profile-view #activityFeed .activityWrap.default .text > span .light-text,
#activityFeed .activityWrap.default .text > span .light-text {
  color: var(--lvh-x-shark-dark);
}
#candidate-profile-view #activityFeed .activityWrap.default .fileSize,
#activityFeed .activityWrap.default .fileSize {
  color: var(--lvh-x-shark-dark);
  font-size: 0.846em;
}
#candidate-profile-view #activityFeed .activityWrap.default .rhsWrap,
#activityFeed .activityWrap.default .rhsWrap {
  padding-left: 24px;
}
#candidate-profile-view #activityFeed .activityWrap.default .rhsWrap:after,
#activityFeed .activityWrap.default .rhsWrap:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (min-width: 992px) {
  #candidate-profile-view #activityFeed .activityWrap.default .rhsWrap,
  #activityFeed .activityWrap.default .rhsWrap {
    position: absolute;
    top: 0;
    right: 2px;
    bottom: 0;
  }
}
#candidate-profile-view #activityFeed .activityWrap.default .timeStamp,
#activityFeed .activityWrap.default .timeStamp {
  margin: 9px 0;
}
@media (max-width: 991px) {
  #candidate-profile-view #activityFeed .activityWrap.default .timeStamp,
  #activityFeed .activityWrap.default .timeStamp {
    margin: 0;
  }
}
#candidate-profile-view #activityFeed .file-list,
#activityFeed .file-list {
  list-style: none;
  margin: 10px 0 0 0;
  padding: 0;
  border-top: solid 1px var(--lvh-x-pale-grey);
}
#candidate-profile-view #activityFeed .file-list:not(:last-child),
#activityFeed .file-list:not(:last-child) {
  margin: 0 0 20px 0;
}
#candidate-profile-view #activityFeed .file-list .file,
#activityFeed .file-list .file {
  margin: 0;
  padding: 10px 0;
  box-sizing: border-box;
}
#candidate-profile-view #activityFeed .file-list .file-info,
#activityFeed .file-list .file-info {
  position: relative;
}
#candidate-profile-view #activityFeed .file-list .file-info:not(:last-child),
#activityFeed .file-list .file-info:not(:last-child) {
  margin: 0 0 10px 0;
}
#candidate-profile-view #activityFeed .file-list .file-type-icon,
#activityFeed .file-list .file-type-icon {
  width: 16px;
  font-size: 16px;
  color: var(--lvh-x-pale-grey);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -8px;
}
#candidate-profile-view #activityFeed .file-list .name-wrap,
#activityFeed .file-list .name-wrap {
  line-height: 16px;
  padding: 0 24px 0 26px;
  color: var(--lvh-primary-text);
}
#candidate-profile-view #activityFeed .file-list .name-wrap .file-size,
#activityFeed .file-list .name-wrap .file-size {
  margin-left: 10px;
}
#candidate-profile-view #activityFeed .file-list .name-wrap .bullet,
#activityFeed .file-list .name-wrap .bullet {
  margin: 0 5px;
}
#candidate-profile-view #activityFeed .file-list .name,
#activityFeed .file-list .name {
  text-decoration: none;
  cursor: pointer;
}
#candidate-profile-view #activityFeed .file-list .name:hover,
#activityFeed .file-list .name:hover,
#candidate-profile-view #activityFeed .file-list .name:focus,
#activityFeed .file-list .name:focus,
#candidate-profile-view #activityFeed .file-list .name:active,
#activityFeed .file-list .name:active {
  text-decoration: none;
}
#activityView {
  padding: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#activityView #nested-view {
  float: left;
  width: 100%;
}
#activityView #nested-view .view-compose #messageForm .inputWrap {
  padding: 0;
}
#activityView #nested-view:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#activityView .tabbed-content:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#activityView:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#activityFeed {
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 991px) {
  #activityFeed .activityWrap .profilePicture.companyLogo {
    display: none;
  }
}
@media (max-width: 991px) {
  #activityFeed .activityWrap .content {
    margin: 0;
  }
}

/* -----------------------------------------------------------------------------

  PROFILE PICTURE
  
----------------------------------------------------------------------------- */
.profilePic {
  position: relative;
  border-radius: 50%;
  box-sizing: border-box;
}
.profilePic img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-sizing: border-box;
}
.profilePic .round-progress {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.profilePic .initials {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-indent: -9999em;
  text-align: center;
  overflow: hidden;
  border-radius: 50%;
  color: var(--lvh-secondary-text);
}
.profilePic .initials > span {
  font-weight: 700;
  text-transform: uppercase;
}
.profilePic > .indicator {
  background-color: var(--lvh-x-green);
  border: 2px solid var(--lvh-white);
  border-radius: 50%;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
}
.profilePic.avatarWithNoBg {
  background: url('//assets.livehire.com/common/images/vectors/avatar-no-bg.svg') center center no-repeat;
}
.profilePic.companyLogo {
  background-image: url('//assets.livehire.com/common/images/vectors/avatar-company.svg');
  background-position: center center;
  background-size: 75% 75% !important;
  background-repeat: no-repeat;
  fill: var(--lvh-white);
  border-radius: 3px;
  padding: 0 !important;
}
.profilePic.companyLogo.default {
  background-color: #a1b1de;
}
.profilePic.companyLogo > svg {
  display: none;
}
#commsInboxView,
.comms-worker {
  float: left;
  width: 100%;
  padding: 3.077em 0;
}
@media (max-width: 991px) {
  #commsInboxView,
  .comms-worker {
    padding: 0;
  }
}
#commsInboxView .container,
.comms-worker .container {
  max-width: 940px;
}
@media (max-width: 991px) {
  #commsInboxView .container,
  .comms-worker .container {
    width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 991px) {
  #commsInboxView .container--mobile,
  .comms-worker .container--mobile {
    position: relative;
  }
}
@media (max-width: 991px) {
  #commsInboxView h2#commsWorkerHeading,
  .comms-worker h2#commsWorkerHeading {
    margin: 0 10px 10px 10px;
  }
}
#commsInboxView #inboxHeader,
.comms-worker #inboxHeader {
  float: left;
  width: 100%;
  border-bottom: 1px solid var(--lvh-x-paler-grey);
  padding-bottom: 1em;
}
@media (max-width: 991px) {
  #commsInboxView #inboxHeader,
  .comms-worker #inboxHeader {
    padding: 14px 0;
  }
}
#commsInboxView #inboxHeader #newMessageCount,
.comms-worker #inboxHeader #newMessageCount {
  float: left;
  margin: 5px 0;
}
@media (max-width: 991px) {
  #commsInboxView #inboxHeader #newMessageCount,
  .comms-worker #inboxHeader #newMessageCount {
    display: none;
  }
}
#commsInboxView #inboxHeader #newMessageCount > span,
.comms-worker #inboxHeader #newMessageCount > span {
  font-size: 1.385em;
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
}
#commsInboxView #inboxHeader .dropdownComponent,
.comms-worker #inboxHeader .dropdownComponent {
  float: left;
  width: 100%;
  position: relative;
}
#commsInboxView #inboxHeader .dropdownComponent.select,
.comms-worker #inboxHeader .dropdownComponent.select {
  color: var(--lvh-x-dark-grey);
  border: 1px solid var(--lvh-x-shark-dark);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  outline: 0;
  line-height: initial;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#commsInboxView #inboxHeader .dropdownComponent.select .selectedLabel,
.comms-worker #inboxHeader .dropdownComponent.select .selectedLabel {
  float: left;
  width: 100%;
  padding: 7px 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--lvh-secondary-text);
}
@media (max-width: 991px) {
  #commsInboxView #inboxHeader .dropdownComponent.select .selectedLabel,
  .comms-worker #inboxHeader .dropdownComponent.select .selectedLabel {
    padding: 10px 14px;
  }
}
#commsInboxView #inboxHeader .dropdownComponent.select .selectedLabel > span,
.comms-worker #inboxHeader .dropdownComponent.select .selectedLabel > span {
  width: calc(100% - 20px);
  margin-right: 10px;
}
#commsInboxView #inboxHeader .dropdownComponent.select .selectedLabel i,
.comms-worker #inboxHeader .dropdownComponent.select .selectedLabel i {
  float: right;
  font-size: 7px;
  color: var(--lvh-secondary-text);
  padding: 5.5px 0;
}
#commsInboxView #inboxBody,
.comms-worker #inboxBody {
  float: left;
  width: 100%;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#commsInboxView #inboxBody .conversations,
.comms-worker #inboxBody .conversations {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
}
#commsInboxView #inboxBody .conversations .conversation,
.comms-worker #inboxBody .conversations .conversation {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
#commsInboxView #inboxBody .conversations .conversation:hover .conversationWrap,
.comms-worker #inboxBody .conversations .conversation:hover .conversationWrap,
#commsInboxView #inboxBody .conversations .conversation:focus .conversationWrap,
.comms-worker #inboxBody .conversations .conversation:focus .conversationWrap,
#commsInboxView #inboxBody .conversations .conversation:active .conversationWrap,
.comms-worker #inboxBody .conversations .conversation:active .conversationWrap {
  background-color: var(--lvh-x-shark-light);
}
#commsInboxView #inboxBody .conversations .conversation:hover .conversationWrap .messageContentInner.more:after,
.comms-worker #inboxBody .conversations .conversation:hover .conversationWrap .messageContentInner.more:after,
#commsInboxView #inboxBody .conversations .conversation:focus .conversationWrap .messageContentInner.more:after,
.comms-worker #inboxBody .conversations .conversation:focus .conversationWrap .messageContentInner.more:after,
#commsInboxView #inboxBody .conversations .conversation:active .conversationWrap .messageContentInner.more:after,
.comms-worker #inboxBody .conversations .conversation:active .conversationWrap .messageContentInner.more:after {
  background-image: -moz-linear-gradient(left, rgba(238, 238, 238, 0), #eeeeee);
  background-image: -ms-linear-gradient(left, rgba(238, 238, 238, 0), #eeeeee);
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(238, 238, 238, 0)), to(#eeeeee));
  background-image: -webkit-linear-gradient(left, rgba(238, 238, 238, 0), #eeeeee);
  background-image: -o-linear-gradient(left, rgba(238, 238, 238, 0), #eeeeee);
  background-image: linear-gradient(left, rgba(238, 238, 238, 0), #eeeeee);
}
#commsInboxView #inboxBody .conversations .conversation .conversationWrap,
.comms-worker #inboxBody .conversations .conversation .conversationWrap {
  float: left;
  width: 100%;
  height: 84px;
  border-bottom: 1px solid var(--lvh-x-paler-grey);
  padding: 15px 13px;
  margin: 0;
  cursor: pointer;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  #commsInboxView #inboxBody .conversations .conversation .conversationWrap,
  .comms-worker #inboxBody .conversations .conversation .conversationWrap {
    padding: 15px 0;
  }
}
#commsInboxView #inboxBody .conversations .conversation .conversationInnerWrap,
.comms-worker #inboxBody .conversations .conversation .conversationInnerWrap {
  float: left;
  width: 100%;
  position: relative;
}
@media (max-width: 991px) {
  #commsInboxView #inboxBody .conversations .conversation .conversationInnerWrap,
  .comms-worker #inboxBody .conversations .conversation .conversationInnerWrap {
    position: static;
    padding-left: 70px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
#commsInboxView #inboxBody .conversations .conversation .lhs,
.comms-worker #inboxBody .conversations .conversation .lhs {
  width: 220px;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 991px) {
  #commsInboxView #inboxBody .conversations .conversation .lhs,
  .comms-worker #inboxBody .conversations .conversation .lhs {
    width: 100%;
    position: static;
  }
}
#commsInboxView #inboxBody .conversations .conversation .profilePic,
.comms-worker #inboxBody .conversations .conversation .profilePic {
  width: 54px;
  height: 54px;
  padding: 2px;
  background-size: 50px 50px;
}
#commsInboxView #inboxBody .conversations .conversation .profilePic .initials,
.comms-worker #inboxBody .conversations .conversation .profilePic .initials {
  line-height: 54px;
}
#commsInboxView #inboxBody .conversations .conversation .profilePic .initials > span,
.comms-worker #inboxBody .conversations .conversation .profilePic .initials > span {
  font-size: 24px;
}
#commsInboxView #inboxBody .conversations .conversation .profilePic > .indicator,
.comms-worker #inboxBody .conversations .conversation .profilePic > .indicator {
  width: 12px;
  height: 12px;
  right: 2px/2;
  bottom: 2px/2;
}
#commsInboxView #inboxBody .conversations .conversation .profilePic,
.comms-worker #inboxBody .conversations .conversation .profilePic {
  float: left;
  margin-right: 26px;
}
#commsInboxView #inboxBody .conversations .conversation .profilePic.companyLogo,
.comms-worker #inboxBody .conversations .conversation .profilePic.companyLogo {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#commsInboxView #inboxBody .conversations .conversation .profilePic.companyLogo > .avatar,
.comms-worker #inboxBody .conversations .conversation .profilePic.companyLogo > .avatar {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid var(--lvh-x-pale-grey);
  padding: 4px;
}
@media (max-width: 991px) {
  #commsInboxView #inboxBody .conversations .conversation .profilePic,
  .comms-worker #inboxBody .conversations .conversation .profilePic {
    position: absolute;
    top: 0;
    left: 0;
    margin-right: 16px;
  }
}
#commsInboxView #inboxBody .conversations .conversation .unreadIndicator,
.comms-worker #inboxBody .conversations .conversation .unreadIndicator {
  float: left;
  width: 6px;
  height: 6px;
  background-color: var(--lvh-x-red);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin: 6px 4px 6px 0;
}
#commsInboxView #inboxBody .conversations .conversation .conversationInfo,
.comms-worker #inboxBody .conversations .conversation .conversationInfo {
  float: left;
  width: 140px;
  margin: 8.5px 0;
}
@media (max-width: 991px) {
  #commsInboxView #inboxBody .conversations .conversation .conversationInfo,
  .comms-worker #inboxBody .conversations .conversation .conversationInfo {
    width: 100%;
    margin: 0 0 2px 0;
    position: relative;
  }
}
#commsInboxView #inboxBody .conversations .conversation .conversationInfo > .row,
.comms-worker #inboxBody .conversations .conversation .conversationInfo > .row {
  float: left;
  width: 100%;
  margin-bottom: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  #commsInboxView #inboxBody .conversations .conversation .conversationInfo > .row,
  .comms-worker #inboxBody .conversations .conversation .conversationInfo > .row {
    margin-bottom: 0;
  }
}
#commsInboxView #inboxBody .conversations .conversation .conversationInfo > .row .tooltipContainer,
.comms-worker #inboxBody .conversations .conversation .conversationInfo > .row .tooltipContainer {
  z-index: 1;
  /*otherwise tooltip is behind cv strength arc*/
}
#commsInboxView #inboxBody .conversations .conversation .conversationInfo > .row:last-child,
.comms-worker #inboxBody .conversations .conversation .conversationInfo > .row:last-child {
  margin-bottom: 0;
}
#commsInboxView #inboxBody .conversations .conversation .conversationInfo .senderName,
.comms-worker #inboxBody .conversations .conversation .conversationInfo .senderName {
  display: inline;
}
#commsInboxView #inboxBody .conversations .conversation .conversationInfo .senderName > span,
.comms-worker #inboxBody .conversations .conversation .conversationInfo .senderName > span {
  font-weight: 500;
  color: var(--lvh-x-dark-grey);
}
#commsInboxView #inboxBody .conversations .conversation .conversationInfo .unreadCount,
.comms-worker #inboxBody .conversations .conversation .conversationInfo .unreadCount {
  display: none;
}
#commsInboxView #inboxBody .conversations .conversation .conversationInfo .unreadCount.visible,
.comms-worker #inboxBody .conversations .conversation .conversationInfo .unreadCount.visible {
  display: inline;
}
@media (max-width: 991px) {
  #commsInboxView #inboxBody .conversations .conversation .conversationInfo .timeStampTooltip,
  .comms-worker #inboxBody .conversations .conversation .conversationInfo .timeStampTooltip {
    position: absolute;
    top: 0;
    right: 0;
  }
}
#commsInboxView #inboxBody .conversations .conversation .conversationInfo .timeStamp > span,
.comms-worker #inboxBody .conversations .conversation .conversationInfo .timeStamp > span {
  font-size: 0.846em;
  font-weight: 300;
  color: var(--lvh-x-shark-dark);
}
#commsInboxView #inboxBody .conversations .conversation .messageContent,
.comms-worker #inboxBody .conversations .conversation .messageContent {
  float: left;
  width: 100%;
  padding: 0 180px 0 240px;
  margin: 8px 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.6;
  word-break: break-word;
  /*
    Testing disabling the rest of this mixin to review state with current browser versions.  If specific problems found with older browsers, we'll look at manual hyphenation approaches

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;

    //Firefox -Simon's recollection was that this was a prior attempt to undo the hyphenation settings above - Jamie also tweaked to only affect mobile...  believe latest change makes it unnecessary
    @media screen and (max-width: @screen-sm-max) and (-moz-images-in-menus:0) {
        hyphens: none !important;
        -moz-hyphens: none !important;
        word-break: normal !important;
    }*/
  max-height: 42px;
  overflow: hidden;
}
@media (max-width: 991px) {
  #commsInboxView #inboxBody .conversations .conversation .messageContent,
  .comms-worker #inboxBody .conversations .conversation .messageContent {
    padding: 0;
    margin: 0;
    line-height: 1.3;
    max-height: 34px;
  }
}
#commsInboxView #inboxBody .conversations .conversation .messageContent .messageContentInner,
.comms-worker #inboxBody .conversations .conversation .messageContent .messageContentInner {
  position: relative;
  max-height: 42px;
  overflow: hidden;
}
@media (max-width: 991px) {
  #commsInboxView #inboxBody .conversations .conversation .messageContent .messageContentInner,
  .comms-worker #inboxBody .conversations .conversation .messageContent .messageContentInner {
    max-height: 34px;
  }
}
#commsInboxView #inboxBody .conversations .conversation .messageContent .messageContentInner .full-message,
.comms-worker #inboxBody .conversations .conversation .messageContent .messageContentInner .full-message {
  display: block;
}
#commsInboxView #inboxBody .conversations .conversation .messageContent .messageContentInner.more,
.comms-worker #inboxBody .conversations .conversation .messageContent .messageContentInner.more {
  position: relative;
}
#commsInboxView #inboxBody .conversations .conversation .messageContent .messageContentInner.more:after,
.comms-worker #inboxBody .conversations .conversation .messageContent .messageContentInner.more:after {
  content: '...';
  position: absolute;
  bottom: 0;
  right: -1px;
  line-height: 1.8;
  background-image: -moz-linear-gradient(left, rgba(243, 245, 247, 0), #f3f5f7);
  background-image: -ms-linear-gradient(left, rgba(243, 245, 247, 0), #f3f5f7);
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(243, 245, 247, 0)), to(#f3f5f7));
  background-image: -webkit-linear-gradient(left, rgba(243, 245, 247, 0), #f3f5f7);
  background-image: -o-linear-gradient(left, rgba(243, 245, 247, 0), #f3f5f7);
  background-image: linear-gradient(left, rgba(243, 245, 247, 0), #f3f5f7);
}
@media (max-width: 991px) {
  #commsInboxView #inboxBody .conversations .conversation .messageContent .messageContentInner.more:after,
  .comms-worker #inboxBody .conversations .conversation .messageContent .messageContentInner.more:after {
    line-height: 1.5;
  }
}
#commsInboxView #inboxBody .conversations .conversation .messageContent > span,
.comms-worker #inboxBody .conversations .conversation .messageContent > span {
  color: var(--lvh-x-mid-grey);
}
@media (max-width: 991px) {
  #commsInboxView #inboxBody .conversations .conversation .messageContent > span,
  .comms-worker #inboxBody .conversations .conversation .messageContent > span {
    font-size: 0.846em;
  }
}
#commsInboxView #inboxBody .conversations .conversation .participants,
.comms-worker #inboxBody .conversations .conversation .participants {
  width: 140px;
  padding: 11px 0;
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 991px) {
  #commsInboxView #inboxBody .conversations .conversation .participants,
  .comms-worker #inboxBody .conversations .conversation .participants {
    display: none;
  }
}
#commsInboxView #inboxBody .conversations .conversation .participants .participants-inner,
.comms-worker #inboxBody .conversations .conversation .participants .participants-inner {
  float: right;
}
#commsInboxView #inboxBody .conversations .conversation .participants .participants-inner .participant,
.comms-worker #inboxBody .conversations .conversation .participants .participants-inner .participant,
#commsInboxView #inboxBody .conversations .conversation .participants .participants-inner .additional-participants,
.comms-worker #inboxBody .conversations .conversation .participants .participants-inner .additional-participants {
  float: left;
  margin-right: 1em;
}
#commsInboxView #inboxBody .conversations .conversation .participants .participants-inner .participant:last-child,
.comms-worker #inboxBody .conversations .conversation .participants .participants-inner .participant:last-child,
#commsInboxView #inboxBody .conversations .conversation .participants .participants-inner .additional-participants:last-child,
.comms-worker #inboxBody .conversations .conversation .participants .participants-inner .additional-participants:last-child {
  margin-right: 0;
}
#commsInboxView #inboxBody .conversations .conversation .participants .participants-inner .participant .profilePicture,
.comms-worker #inboxBody .conversations .conversation .participants .participants-inner .participant .profilePicture,
#commsInboxView #inboxBody .conversations .conversation .participants .participants-inner .additional-participants .profilePicture,
.comms-worker #inboxBody .conversations .conversation .participants .participants-inner .additional-participants .profilePicture {
  width: 32px;
  height: 32px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
#commsInboxView #inboxBody .conversations .conversation .participants .participants-inner .participant .profilePicture img,
.comms-worker #inboxBody .conversations .conversation .participants .participants-inner .participant .profilePicture img,
#commsInboxView #inboxBody .conversations .conversation .participants .participants-inner .additional-participants .profilePicture img,
.comms-worker #inboxBody .conversations .conversation .participants .participants-inner .additional-participants .profilePicture img,
#commsInboxView #inboxBody .conversations .conversation .participants .participants-inner .participant .profilePicture .info,
.comms-worker #inboxBody .conversations .conversation .participants .participants-inner .participant .profilePicture .info,
#commsInboxView #inboxBody .conversations .conversation .participants .participants-inner .additional-participants .profilePicture .info,
.comms-worker #inboxBody .conversations .conversation .participants .participants-inner .additional-participants .profilePicture .info {
  display: inline-block;
  width: 100%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
#commsInboxView #inboxBody .conversations .conversation .participants .participants-inner .participant .profilePicture .info,
.comms-worker #inboxBody .conversations .conversation .participants .participants-inner .participant .profilePicture .info,
#commsInboxView #inboxBody .conversations .conversation .participants .participants-inner .additional-participants .profilePicture .info,
.comms-worker #inboxBody .conversations .conversation .participants .participants-inner .additional-participants .profilePicture .info {
  font-size: 13px;
  font-weight: 600;
  line-height: 32px;
  text-align: center;
  background: var(--lvh-x-shark-dark);
}
#commsInboxView #inboxBody .conversations .conversation .participants .participants-inner .participant .profilePicture .initials,
.comms-worker #inboxBody .conversations .conversation .participants .participants-inner .participant .profilePicture .initials,
#commsInboxView #inboxBody .conversations .conversation .participants .participants-inner .additional-participants .profilePicture .initials,
.comms-worker #inboxBody .conversations .conversation .participants .participants-inner .additional-participants .profilePicture .initials {
  font-size: 0.769em;
  padding: 0.769em 0;
}
#commsInboxView #inboxFooter,
.comms-worker #inboxFooter {
  float: left;
  width: 100%;
  padding: 2em 0;
}
#commsInboxView #inboxFooter #paginator,
.comms-worker #inboxFooter #paginator {
  padding-top: 0;
  border-top: none;
}
.comms-worker {
  padding: 0;
}
.comms-worker .participants:last-child .tooltipContainer {
  width: 90px;
  margin-left: -45px;
}
#commsConversationView {
  float: left;
  width: 100%;
}
#commsConversationView h1 {
  font-size: 1em;
  margin: 0 0 2em 0;
}
#commsConversationView h1 > span {
  font-size: 2em;
  font-weight: 600;
}
#commsConversationView h2 {
  margin: 0;
  font-size: 1em;
  font-weight: normal;
}
#commsConversationView h2 > span {
  color: var(--lvh-x-dark-grey);
  font-size: 1.077em;
  font-weight: 600;
  letter-spacing: 0.025em;
}
#commsConversationView .sectionHeading {
  float: left;
  width: 100%;
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  padding-bottom: 0.769em;
  margin-bottom: 1.231em;
}
#commsConversationView > article {
  float: left;
  width: 70%;
  margin-right: 2%;
}
@media (max-width: 991px) {
  #commsConversationView > article {
    width: 100%;
    margin-right: 0;
    margin-bottom: 2em;
  }
}
#commsConversationView > aside {
  float: left;
  width: 28%;
}
@media (max-width: 991px) {
  #commsConversationView > aside {
    width: 100%;
    margin-right: 0;
  }
}
#commsConversationView > aside > section {
  margin-bottom: 2em;
}
#commsConversationView > aside > section:last-child {
  margin-bottom: 0;
}
#commsConversationView #messageComposeView {
  float: left;
  width: 100%;
  padding: 2em 2.154em 1.077em 2.154em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 1.538em;
}
#commsConversationView #messageComposeView:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#commsConversationView #messageComposeView > textarea {
  float: left;
  width: 100%;
  resize: none;
  padding: 1em;
  border: 1px solid var(--lvh-x-pale-grey) !important;
  margin-bottom: 1.231em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#commsConversationView #messageComposeView > textarea:focus {
  outline: none;
}
#commsConversationView #messageComposeView > textarea.loading {
  background: var(--lvh-white) url('//assets.livehire.com/common/images/select2-spinner.gif');
  background-position: right 0.65em center;
  background-repeat: no-repeat;
}
#commsConversationView #messageComposeView #sendMessage {
  float: right;
}
#commsConversationView #messageHistoryView {
  float: left;
  width: 100%;
  padding: 2em 2.154em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#commsConversationView #messageHistoryView #messages {
  margin: 0 0 1.231em 0;
  float: left;
  width: 100%;
}
#commsConversationView #messageHistoryView #messages > li {
  float: left;
  width: 100%;
  margin: 0;
  list-style: none;
  min-height: 4.615em;
  margin-bottom: 0.769em;
}
#commsConversationView #messageHistoryView #messages > li:last-child {
  margin-bottom: 0;
}
#commsConversationView #messageHistoryView #messages > li.me .senderInfo {
  float: left;
}
#commsConversationView #messageHistoryView #messages > li.me .senderInfo .profilePicture {
  left: 0;
}
#commsConversationView #messageHistoryView #messages > li.me .messageWrap {
  padding-left: 4em;
}
#commsConversationView #messageHistoryView #messages > li.me .messageWrap > time {
  float: left;
}
#commsConversationView #messageHistoryView #messages > li.them .senderInfo {
  float: right;
}
#commsConversationView #messageHistoryView #messages > li.them .senderInfo .profilePicture {
  right: 0;
}
#commsConversationView #messageHistoryView #messages > li.them .messageWrap {
  padding-right: 4em;
}
#commsConversationView #messageHistoryView #messages > li.them .messageWrap > time {
  float: right;
}
#commsConversationView #messageHistoryView #messages > li .senderInfo {
  position: relative;
}
#commsConversationView #messageHistoryView #messages > li .senderInfo .profilePicture {
  width: 2.462em;
  height: 2.462em;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#commsConversationView #messageHistoryView #messages > li .senderInfo .profilePicture > .avatar {
  width: 100%;
  height: auto;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
#commsConversationView #messageHistoryView #messages > li .messageWrap {
  position: relative;
}
#commsConversationView #messageHistoryView #messages > li .messageWrap .messageCallout {
  padding: 0.385em 1.154em;
  background-color: var(--lvh-x-off-white);
  -moz-border-radius: 0.231em;
  -webkit-border-radius: 0.231em;
  border-radius: 0.231em;
  min-height: 3.538em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
#commsConversationView #messageHistoryView #messages > li .messageWrap .messageCallout .messageHeading > span {
  font-size: 0.769em;
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
  text-transform: uppercase;
}
#commsConversationView #messageHistoryView #messages > li .messageWrap .messageCallout .messageContent > span {
  color: var(--lvh-x-mid-grey);
}
#commsConversationView #messageHistoryView #messages > li .messageWrap .messageCallout .calloutTip {
  height: 14px;
  width: 14px;
  background-color: var(--lvh-x-off-white);
  position: absolute;
  top: 10px;
  border-bottom: none;
  border-right: none;
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
#commsConversationView #messageHistoryView #messages > li .messageWrap .messageCallout .calloutTip.left {
  left: 2px;
  margin: 0 0 0 -8px;
}
#commsConversationView #messageHistoryView #messages > li .messageWrap .messageCallout .calloutTip.right {
  right: 2px;
  margin: 0 -8px 0 0;
}
#commsConversationView #messageHistoryView #messages > li .messageWrap > time > span {
  font-size: 0.769em;
  font-weight: 300;
  color: var(--lvh-x-shark-dark);
}
#commsConversationView #messageHistoryView .noteWrap {
  float: left;
  width: 100%;
}
#commsConversationView #messageHistoryView .noteWrap .note {
  padding: 0.385em 1.154em;
  background-color: var(--lvh-x-murkberry-light);
  -moz-border-radius: 0.231em;
  -webkit-border-radius: 0.231em;
  border-radius: 0.231em;
  min-height: 3.538em;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#commsConversationView #messageHistoryView .noteWrap .note .heading > span {
  font-size: 0.769em;
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
  text-transform: uppercase;
}
#commsConversationView #messageHistoryView .noteWrap .note .content > span {
  color: var(--lvh-secondary-text);
}
#commsConversationView #messageHistoryView .noteWrap .time > span {
  font-size: 0.769em;
  font-weight: 300;
  color: var(--lvh-x-shark-dark);
}
#commsConversationView #candidateDetails {
  float: left;
  width: 100%;
  padding: 12em 2em;
  background-color: var(--lvh-white96);
  border: 1px solid var(--lvh-x-pale-grey);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#commsConversationView #cvFeedback {
  float: left;
  width: 100%;
  padding: 12em 2em;
  background-color: var(--lvh-white96);
  border: 1px solid var(--lvh-x-pale-grey);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

interview-form-activity {
  margin-top: 14px;
  display: block;
}
interview-form-activity .ifa-wrapper {
  padding: 12px 18px;
  border: 1px solid var(--lvh-x-shark-light);
  border-radius: 3px;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
interview-form-activity .ifa-wrapper:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
interview-form-activity .ifa-wrapper .ifa-heading .avatar-wrap {
  float: left;
  margin: 0 10px 0 0;
}
interview-form-activity .ifa-wrapper .ifa-heading div.info {
  padding: 9px 125px 0 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  interview-form-activity .ifa-wrapper .ifa-heading div.info {
    padding: 0 20px 0 0;
  }
}
interview-form-activity .ifa-wrapper .ifa-heading div.info span {
  color: var(--lvh-x-dark-grey);
  font-weight: 600;
}
interview-form-activity .ifa-wrapper .ifa-heading .rhs {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 11px;
  color: var(--lvh-x-shark-dark);
}
interview-form-activity .ifa-wrapper .ifa-heading .rhs .created-date {
  vertical-align: middle;
  display: inline-block;
  line-height: 16px;
}
interview-form-activity .ifa-wrapper .ifa-heading .rhs .expand-collapse {
  margin-left: 13px;
  margin-top: 1px;
  display: inline-block;
  font-size: 16px;
  vertical-align: middle;
}
@media (max-width: 991px) {
  interview-form-activity .ifa-wrapper .ifa-heading .rhs .expand-collapse {
    position: absolute;
    right: 10px;
    top: 10px;
  }
}
@media (max-width: 991px) {
  interview-form-activity .ifa-wrapper .ifa-heading .rhs {
    position: static;
    -webkit-transform: none;
    transform: none;
  }
}
interview-form-activity .ifa-wrapper .ifa-heading:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
interview-form-activity .ifa-wrapper .row {
  margin-top: 7px;
}
interview-form-activity .ifa-wrapper .row.ratings {
  margin-top: 15px;
  margin-bottom: 15px;
  width: 100%;
  border: solid 1px var(--lvh-x-paler-grey);
  box-sizing: border-box;
  padding: 7px 0;
  background-color: var(--lvh-white);
}
interview-form-activity .ifa-wrapper .row.ratings .rating {
  padding: 13px 20px;
  display: inline-block;
  width: 175px;
  box-sizing: border-box;
  border-right: solid 1px var(--lvh-x-paler-grey);
}
@media (max-width: 991px) {
  interview-form-activity .ifa-wrapper .row.ratings .rating {
    border-right: none;
  }
}
interview-form-activity .ifa-wrapper .row.ratings .rating .label {
  margin-bottom: 7px;
  display: block;
  color: var(--lvh-x-dark-grey);
  font-weight: 600;
}
interview-form-activity .ifa-wrapper .row.ratings .rating:last-child {
  border-right: none;
}
interview-form-activity .ifa-wrapper .row.ratings .rating .br-wrapper {
  display: inline-block;
}
interview-form-activity .ifa-wrapper .row.ratings .rating .rating-summary {
  color: var(--lvh-x-shark-dark);
  display: inline-block;
  vertical-align: top;
  line-height: 13px;
  padding-top: 1px;
}
interview-form-activity .ifa-wrapper .row.notes {
  margin-bottom: 10px;
}
interview-form-activity .ifa-wrapper .ifa-title {
  font-weight: 600;
  color: var(--lvh-x-light-grey);
}
interview-form-activity .interview-item .interview-action {
  position: relative;
  padding: 20px;
  border-bottom: 1px solid var(--lvh-x-shark-dark);
}
interview-form-activity .interview-item .interview-action p {
  margin: 8px 0 7px;
}
interview-form-activity .interview-item .interview-action .button {
  position: absolute;
  top: 20px;
  right: 20px;
}
@media (max-width: 991px) {
  interview-form-activity .interview-item .interview-action .button {
    position: static;
  }
}

#details name-form {
  float: left;
  margin: 0 0 30px 0;
}
#details name-form:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#details location-form {
  float: left;
}
#details location-form:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (max-width: 991px) {
  #details #basic-details .popdown .popdown-clickable .label {
    line-height: 22px;
    height: 22px;
  }
  #details #basic-details input[type='text'],
  #details #basic-details input[type='email'],
  #details #basic-details input[type='number'],
  #details #basic-details input[type='tel'],
  #details #basic-details input[type='date'],
  #details #basic-details input[type='month'],
  #details #basic-details input[type='password'],
  #details #basic-details input[type='search'],
  #details #basic-details textarea {
    font-size: 16px;
  }
  #details #basic-details .cc-dropdown2 .selected-option .label {
    font-size: 16px;
  }
  #details #basic-details .cc-telcode-picker .popdown .popdown-clickable {
    font-size: 16px;
  }
  #details #basic-details .cc-location-picker .cc-country-picker .popdown-clickable {
    font-size: 16px;
  }
  #details #basic-details .cc-dropdown .select {
    font-size: 16px;
  }
  #details #basic-details .cc-tab-group .tab {
    font-size: 16px;
  }
}
#details #diversity-fieldset {
  padding: 20px;
  border: 3px solid var(--lvh-x-shark-light);
  border-radius: 3px;
}
#dashboard-view #details section + section {
  border-top: none;
}

#privacy section-heading:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#privacy li.separator {
  border-top: 2px solid var(--lvh-x-shark-light);
  margin: 24.45px 0;
}
#privacy .options {
  margin: 0;
  padding: 0;
  list-style: none;
}
#privacy li.option {
  border: 5px solid transparent;
  box-sizing: border-box;
  margin-top: 9.45px;
}
#privacy li.option button {
  width: 100%;
  background-color: unset;
  border: none;
  padding: 15px;
  text-align: left;
  color: var(--lvh-disabled-text);
}
#privacy li.option button:hover,
#privacy li.option button:focus {
  background-color: var(--lvh-x-off-white);
  outline: 1px solid var(--lvh-x-dark-grey);
  outline-offset: -1px;
}
#privacy li.option .cc-alert {
  margin-bottom: 23px;
  cursor: default;
}
#privacy li.option .symbol {
  font-size: 28px;
  vertical-align: top;
  display: inline-block;
  width: 44px;
  position: relative;
}
#privacy li.option .symbol .selected-indicator {
  display: none;
  position: absolute;
  top: 23px;
  left: 18px;
  color: var(--lvh-x-green);
  font-size: 15px;
  background-color: transparent;
}
#privacy li.option .content {
  display: inline-block;
  margin: 5px 0 0;
  width: calc(100% - 50px);
  vertical-align: top;
  font-size: 13px;
}
#privacy li.option .content .title {
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 5px;
}
#privacy li.option .content .description {
  margin-bottom: 11px;
}
#privacy li.option .content ul {
  margin: 0;
  padding: 0 0 0 20px;
}
#privacy li.option .content ul > li {
  line-height: 20px;
}
#privacy li.option .content label.text {
  pointer-events: none;
}
#privacy li.option:last-child {
  margin-bottom: 20.24px;
}
#privacy li.option.selected button {
  color: var(--lvh-x-dark-grey);
  border: 5px solid var(--lvh-x-off-white);
}
#privacy li.option.selected .symbol .selected-indicator {
  display: block;
}
#privacy li.option.selected .content label.text {
  pointer-events: auto;
}
#privacy li.option .profile-links {
  position: relative;
  margin-top: 18px;
  padding-top: 10.5px;
  border-top: 1px solid var(--lvh-x-paler-grey);
}
#privacy li.option .profile-links .icon {
  font-style: normal;
}
#privacy .privacy-link {
  padding-top: 10px;
  display: inline-block;
}

#availability matching-preferences-form {
  padding: 10px 15px;
  border: 3px solid var(--lvh-x-shark-light);
  border-radius: 3px;
  box-sizing: border-box;
  margin: 0 0 20px 0;
}
#availability availability-form {
  float: left;
}
#availability availability-form:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#availability:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}

#job-applications #appliedJobs-list #my-appliedJobs {
  margin: 0;
  padding: 0;
  list-style: none;
}
#job-applications #appliedJobs-list #my-appliedJobs:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#job-applications #appliedJobs-list #my-appliedJobs .applied-job {
  margin: 20px 0 0;
  padding: 0 0 20px 0;
  border-bottom: 1px solid var(--lvh-x-shark-light);
}
#job-applications #appliedJobs-list #my-appliedJobs .applied-job:first-child {
  margin: 0;
}
#job-applications #appliedJobs-list #my-appliedJobs .applied-job:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
#job-applications #appliedJobs-list #my-appliedJobs .applied-job .company-logo {
  float: left;
  width: 81px;
  height: 81px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid var(--lvh-x-shark-light);
}
#job-applications #appliedJobs-list #my-appliedJobs .applied-job .company-logo:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (max-width: 991px) {
  #job-applications #appliedJobs-list #my-appliedJobs .applied-job .company-logo {
    margin: 0 20px 0 0;
    width: 50px;
    height: 50px;
  }
}
#job-applications #appliedJobs-list #my-appliedJobs .applied-job .company-logo > img {
  display: block;
  max-width: 100%;
  height: auto;
}
#job-applications #appliedJobs-list #my-appliedJobs .applied-job .role-info {
  padding: 10px 0 0 100px;
}
#job-applications #appliedJobs-list #my-appliedJobs .applied-job .role-info:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#job-applications #appliedJobs-list #my-appliedJobs .applied-job .role-info .role-name-group {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#job-applications #appliedJobs-list #my-appliedJobs .applied-job .role-info .role-name-group flexible-work-badge-ng1 {
  margin-left: 6px;
  white-space: nowrap;
}
@media (max-width: 991px) {
  #job-applications #appliedJobs-list #my-appliedJobs .applied-job .role-info {
    padding: 10px 0 0 0;
  }
}
#job-applications #appliedJobs-list #my-appliedJobs .applied-job .role-info .role-name {
  letter-spacing: normal;
  font-size: 14px;
  font-weight: 700;
  line-height: 19px;
  color: var(--lvh-x-mesh-dark);
}
@media (max-width: 991px) {
  #job-applications #appliedJobs-list #my-appliedJobs .applied-job .role-info .role-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
  }
}
#job-applications #appliedJobs-list #my-appliedJobs .applied-job .role-info .primary-info {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 10px 0 0;
}
@media (max-width: 991px) {
  #job-applications #appliedJobs-list #my-appliedJobs .applied-job .role-info .primary-info {
    margin: 40px 0 0;
  }
}
#job-applications #appliedJobs-list #my-appliedJobs .applied-job .role-info .primary-info:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#job-applications #appliedJobs-list #my-appliedJobs .applied-job .role-info .primary-info li {
  display: block;
  float: left;
  margin: 0 10px 0 0;
}
@media (max-width: 991px) {
  #job-applications #appliedJobs-list #my-appliedJobs .applied-job .role-info .primary-info li {
    margin: 0 0 5px;
    width: 100%;
    font-size: 16px;
  }
}
#job-applications #appliedJobs-list #my-appliedJobs .applied-job .role-info .primary-info li:last-child {
  margin: 0;
}
@media (max-width: 991px) {
  #job-applications #appliedJobs-list #my-appliedJobs .applied-job .role-info .primary-info li:last-child {
    margin: 0;
  }
}
#job-applications #appliedJobs-list #my-appliedJobs .applied-job .role-info .primary-info li:before {
  margin: 0 5px 0 0;
  font-family: 'IconFont';
  font-size: 11px;
  content: "\e90d";
  color: var(--lvh-bright-blue);
}
@media (max-width: 991px) {
  #job-applications #appliedJobs-list #my-appliedJobs .applied-job .role-info .primary-info li:before {
    font-size: 16px;
  }
}
#job-applications #appliedJobs-list #my-appliedJobs .applied-job .role-info .primary-info li.location:before {
  content: "\e90d";
}
#job-applications #appliedJobs-list #my-appliedJobs .applied-job .role-info .primary-info li.type:before {
  content: "\e98d";
}
#job-applications #appliedJobs-list #my-appliedJobs .applied-job .role-info .primary-info li.closes-at:before {
  content: "\e989";
}
#job-applications #appliedJobs-list #my-appliedJobs .applied-job .role-info .primary-info li.applied-at:before {
  content: "\e921";
  color: var(--lvh-x-green);
}
#job-applications #appliedJobs-list #my-appliedJobs .applied-job .role-info .application-status {
  position: relative;
  padding: 20px 220px 20px 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid var(--lvh-x-shark-light);
}
@media (max-width: 991px) {
  #job-applications #appliedJobs-list #my-appliedJobs .applied-job .role-info .application-status {
    padding: 20px 0 0 0;
    border: none;
  }
}
@media (max-width: 991px) {
  #job-applications #appliedJobs-list #my-appliedJobs .applied-job .role-info .application-status > h4 {
    font-size: 16px;
  }
}
#job-applications #appliedJobs-list #my-appliedJobs .applied-job .role-info .application-status > p {
  margin: 0;
}
@media (max-width: 991px) {
  #job-applications #appliedJobs-list #my-appliedJobs .applied-job .role-info .application-status > p {
    font-size: 16px;
  }
}
#job-applications #appliedJobs-list #my-appliedJobs .applied-job .role-info .application-status .applied-job-status {
  display: inline;
}
#job-applications #appliedJobs-list #my-appliedJobs .applied-job .role-info .application-status .applied-job-status-at {
  color: var(--lvh-x-shark-dark);
}
#job-applications #appliedJobs-list #my-appliedJobs .applied-job .role-info .application-status .application-actions {
  position: absolute;
  top: 20px;
  right: 20px;
}
@media (max-width: 991px) {
  #job-applications #appliedJobs-list #my-appliedJobs .applied-job .role-info .application-status .application-actions {
    position: static;
  }
}
#job-applications #appliedJobs-list #my-appliedJobs .applied-job .role-info .application-status .application-actions > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#job-applications #appliedJobs-list #my-appliedJobs .applied-job .role-info .application-status .application-actions > ul:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#job-applications #appliedJobs-list #my-appliedJobs .applied-job .role-info .application-status .application-actions > ul > li {
  display: inline-block;
}
@media (max-width: 991px) {
  #job-applications #appliedJobs-list #my-appliedJobs .applied-job .role-info .application-status .application-actions > ul > li {
    float: none;
    width: 100%;
    margin: 20px 0 0 0;
  }
}
#job-applications #appliedJobs-list #my-appliedJobs .applied-job .role-info .application-status .application-actions > ul > li:not(:last-child) {
  margin: 0 0 0 7px;
}
#job-applications #appliedJobs-list #my-appliedJobs .applied-job .role-info .application-status .application-actions > ul > li:not(:last-child):after {
  margin: 0 0 0 4px;
  content: "|";
  color: var(--lvh-x-shark-dark);
}
@media (max-width: 991px) {
  #job-applications #appliedJobs-list #my-appliedJobs .applied-job .role-info .application-status .application-actions > ul > li:not(:last-child):after {
    display: none;
  }
}
#job-applications #appliedJobs-list #my-appliedJobs .applied-job .role-info .application-status .application-actions > ul > li.button-wrap {
  margin: 0 0 0 15px;
}
@media (max-width: 991px) {
  #job-applications #appliedJobs-list #my-appliedJobs .applied-job .role-info .application-status .application-actions > ul > li.button-wrap {
    margin: 20px 0 0 0;
    text-align: center;
  }
}
#job-applications #appliedJobs-list #my-appliedJobs .applied-job .role-info .application-status .application-actions > ul > li.button-wrap:before {
  display: none;
}
@media (max-width: 991px) {
  #job-applications #appliedJobs-list #my-appliedJobs .applied-job .role-info .application-status .application-actions > ul > li.anchor-wrap {
    margin: 20px 0 0 0;
    text-align: center;
  }
}
#job-applications #appliedJobs-list #my-appliedJobs .applied-job .role-info .application-status .application-actions > ul > li a:not(.button) {
  display: inline-block;
  padding: 8px 0;
  vertical-align: middle;
}
@media (max-width: 991px) {
  #job-applications #appliedJobs-list #my-appliedJobs .applied-job .role-info .application-status .application-actions > ul > li a:not(.button) {
    font-size: 16px;
  }
}

#dashboard-view #talent-settings .container {
  width: 100%;
  margin: 0 auto;
}
#dashboard-view #talent-settings section + section {
  border: none;
}
#dashboard-view #talent-settings section > .container > h2 {
  padding-bottom: 7px;
  margin-bottom: 22px;
  font-size: 16px;
  border-bottom: 1px solid var(--lvh-x-pale-grey);
}
#dashboard-view #talent-settings section .title {
  display: inline-block;
  min-width: 120px;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  vertical-align: middle;
  color: var(--lvh-x-mesh-dark);
}
#dashboard-view #talent-settings section .cc-toggle-switch,
#dashboard-view #talent-settings section .switch-label {
  display: inline-block;
  vertical-align: middle;
}
#dashboard-view #change-password-modal .forgot-password {
  display: inline-block;
  margin-top: 5px;
}
#dashboard-view #close-account .modalBody .cc-alert {
  margin-bottom: 20px;
}
#dashboard-view #close-account .modalBody .row:last-child {
  padding: 20px 0 0 0;
  border-top: 1px solid var(--lvh-x-pale-grey);
}
#dashboard-view #close-account .modalBody .row .consequences {
  margin: 10px 0 0 0;
  padding: 0 0 0 15px;
  color: var(--lvh-x-mesh-dark);
}
#dashboard-view #close-account .modalBody .row .consequences > li:not(:last-child) {
  margin-bottom: 5px;
}
#dashboard-view #close-account .modalBody .row .options-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
#dashboard-view #close-account .modalBody .row .options-list > li {
  position: relative;
}
#dashboard-view #close-account .modalBody .row .options-list > li:not(:last-child) {
  margin: 0 0 5px 0;
}
#dashboard-view #close-account .modalBody .row .options-list > li.other-reason textarea {
  margin: 5px 0 0 0;
  height: 135px;
}
#dashboard-view #close-account .modalBody .row .options-list > li .label {
  font-weight: 400;
}
#dashboard-view #close-account .modalBody .row .options-list > li .label input[type="radio"] {
  margin: 0 5px 0 0;
  vertical-align: middle;
}

.profiler-results {
  display: none !important;
}
#talent-app.main-ui-view.offer-visible {
  position: relative;
  max-width: unset;
  min-height: 900px;
}
#offer-view {
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 992px) {
  #offer-view {
    padding-bottom: 140px;
  }
}
#offer-view .container {
  max-width: 1260px;
  width: 100%;
  margin: 0 auto;
  padding: 0 30px;
  box-sizing: border-box;
}
#offer-view .container .back-wrap {
  padding: 15px 0;
}
#offer-view .container .content {
  display: block;
  padding: 15px 0;
  border-top: 1px solid var(--lvh-x-paler-grey);
  position: relative;
  color: var(--lvh-secondary-text);
  min-height: calc(100vh - 60px);
}
#offer-view .container .content h2 {
  color: var(--lvh-x-dark-grey);
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  padding: 15px 0;
}
#offer-view .container .content #status-note {
  margin-bottom: 20px;
}
#offer-view .container .content #status-note .offer-decline-reason {
  border-top: 1px solid var(--lvh-x-paler-grey);
}
#offer-view .container .content #status-note .offer-decline-reason p {
  font-weight: 700;
  margin: 0;
}
#offer-view .container .content .lhs {
  float: left;
  width: 63.6666%;
  padding: 0 3% 0 0;
}
@media (max-width: 991px) {
  #offer-view .container .content .lhs {
    width: 100%;
    padding: 0 0 20px 0;
  }
}
#offer-view .container .content .lhs .offer-letter-wrap {
  background-color: var(--lvh-white);
  width: 100%;
  height: 100%;
  padding: 0;
  padding-left: 30px;
  margin: 0;
  box-sizing: border-box;
}
#offer-view .container .content .lhs .offer-letter-wrap ul {
  margin: 0;
  padding: 0;
  padding-left: 40px;
  list-style-type: disc;
}
#offer-view .container .content .lhs .offer-letter-wrap mark.marker-yellow {
  background-color: #fdfd77;
}
#offer-view .container .content .lhs .offer-letter-wrap mark.marker-green {
  background-color: #63f963;
}
#offer-view .container .content .lhs .offer-letter-wrap mark.marker-pink {
  background-color: #fc7999;
}
#offer-view .container .content .lhs .offer-letter-wrap mark.marker-blue {
  background-color: #72cdfd;
}
#offer-view .container .content .lhs .offer-letter-wrap mark.pen-red {
  color: #e91313;
  background-color: transparent;
}
#offer-view .container .content .lhs .offer-letter-wrap mark.pen-green {
  color: #180;
  background-color: transparent;
}
#offer-view .container .content .lhs .offer-letter-wrap blockquote {
  overflow: hidden;
  padding-right: 1.5em;
  padding-left: 1.5em;
  margin-left: 0;
  font-style: italic;
  border-left: 5px solid var(--lvh-x-shark-dark);
}
#offer-view .container .content .rhs {
  float: left;
  width: 33.3333%;
}
@media (max-width: 991px) {
  #offer-view .container .content .rhs {
    width: 100%;
    padding: 0 0 20px 0;
  }
}
#offer-view .container .content .editor-wrap {
  box-sizing: border-box;
  margin-bottom: 30px;
  border: solid 1px var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  min-height: 80vh;
  width: 100%;
  overflow-y: auto;
}
@media (min-width: 1200px) {
  #offer-view .container .content .editor-wrap {
    max-width: 770px;
    max-height: unset;
    min-height: calc(100vh - 230px);
  }
}
#offer-view .container .content .editor-wrap .offer-document {
  height: 80vh;
}
#offer-view .container .content .editor-wrap .offer-doc {
  border: none;
  margin: 0 0 0 36px;
  max-width: 100%;
  width: calc(100% - 36px);
  height: 100%;
  min-height: calc(80vh - 2px);
}
@media (min-width: 1200px) {
  #offer-view .container .content .editor-wrap .offer-doc {
    float: left;
    position: relative;
    overflow: scroll;
    min-height: calc(100vh - 432px);
  }
}
#offer-view .container .content .editor-wrap .offer-doc .pageBreak {
  min-height: 1px;
  border-top: 1px dotted #cecece;
  width: 100%;
  display: block;
}
#offer-view .container .content .editor-wrap .offer-doc .image {
  display: table;
  clear: both;
  text-align: center;
  margin: 1em auto;
}
#offer-view .container .content .editor-wrap .offer-doc figure {
  margin: 0;
}
#offer-view .container .content .editor-wrap .offer-doc figure.image_resized {
  max-width: 100%;
}
#offer-view .container .content .editor-wrap .offer-doc figure .image_resized img {
  width: 100%;
}
#offer-view .container .content .editor-wrap .offer-doc figure.image-style-align-left {
  float: left;
  margin-right: 19.5px;
  margin-left: 0;
}
#offer-view .container .content .editor-wrap .offer-doc figure.image-style-align-right {
  float: right;
  margin-left: 19.5px;
  margin-right: 0;
}
#offer-view .container .content .editor-wrap .offer-doc figure table {
  width: 100%;
}
#offer-view .container .content .editor-wrap .offer-doc figure img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
#offer-view .container .content .editor-wrap .offer-doc figure img[alt="companyLogo"] {
  margin: 0;
  padding-bottom: 5px;
}
#offer-view .container .content .editor-wrap .offer-doc .text-tiny {
  font-size: 0.7em;
}
#offer-view .container .content .editor-wrap .offer-doc .text-small {
  font-size: 0.85em;
}
#offer-view .container .content .editor-wrap .offer-doc .text-regular {
  font-size: 1em;
}
#offer-view .container .content .editor-wrap .offer-doc .text-big {
  font-size: 1.4em;
}
#offer-view .container .content .editor-wrap .offer-doc .text-huge {
  font-size: 1.8em;
}
#offer-view .container .content .offer-detail {
  border: solid 1px var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  padding: 15px;
  box-sizing: border-box;
  margin-bottom: 25px;
}
#offer-view .container .content .offer-detail .role-message {
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--lvh-x-paler-grey);
}
#offer-view .container .content .additional-documents .file {
  display: block;
  padding: 15px 0;
  border-top: 1px solid var(--lvh-x-paler-grey);
}
#offer-view .container .content .offer-detail,
#offer-view .container .content .additional-documents {
  max-width: 1100px;
  min-width: 0px;
}
@media (min-width: 1200px) {
  #offer-view .container .content .offer-detail,
  #offer-view .container .content .additional-documents {
    max-width: 370px;
    min-width: 370px;
    float: right;
  }
  #offer-view .container .content .editor-wrap {
    float: left;
  }
}
#messageForm {
  width: 100%;
  border: none;
}
#messageForm .message-container-wrap {
  padding: 0;
}
#messageForm .inputWrap {
  height: auto;
  border: 1px solid var(--lvh-x-pale-grey);
  border-radius: 3px;
  margin-bottom: 1.154em;
  background-color: var(--lvh-white);
}
#messageForm .inputWrap > textarea {
  padding: 1em;
  border: none;
}
#messageForm .inputWrap .cc-file-upload .validation-errors {
  margin: 15px;
}
#messageForm .inputWrap.has-file .cc-file-upload {
  border-top: solid 1px var(--lvh-x-pale-grey);
  margin: 0 15px;
}
#messageForm .inputWrap.has-file .cc-file-upload .file-list {
  margin: 0;
}
#messageForm .inputWrap.has-file .cc-file-upload .file-list .file {
  border: none;
  padding: 10px 0;
}
#messageForm .inputWrap.has-file .cc-file-upload .validation-errors {
  margin: 10px 0 15px 0;
}
#messageForm .buttonWrap {
  background-color: transparent;
  margin-bottom: 1.077em;
  position: relative;
}
@media (max-width: 991px) {
  #messageForm .buttonWrap {
    margin-bottom: 0;
    padding: 0;
  }
}
@media (max-width: 991px) {
  #messageForm .buttonWrap .lhsWrap {
    margin-bottom: 1.154em;
  }
}
#messageForm .buttonWrap .rhsWrap {
  position: absolute;
  right: 0;
}
#messageForm .buttonWrap #sendMessage {
  margin: 0;
  padding: 0.615em 1.538em;
}
#messageForm #smsIndicator {
  display: none;
}
#messageForm .message-toolbar {
  border-bottom: solid 1px var(--lvh-x-pale-grey);
  background-color: var(--lvh-x-off-white);
  padding: 5px 10px;
  min-height: 29px;
}
#messageForm .message-toolbar .attachment {
  padding: 5px 0;
  display: inline-block;
  max-width: 140px;
}
#messageForm .message-toolbar .attachment button {
  border: none;
  background: none;
  color: var(--lvh-secondary-text);
}
#messageForm .message-toolbar .attachment button .icon {
  color: var(--lvh-secondary-text);
}
.success-state {
  text-align: center;
  min-height: 120px;
  margin-top: 20px;
}
.success-state .icon-wrap {
  margin-bottom: 10px;
}
.success-state .icon {
  color: var(--lvh-x-green);
  font-size: 32px;
}
.recruiter-details {
  display: block;
  padding: 15px 0;
  color: var(--lvh-x-dark-grey);
}
.recruiter-details .contact {
  margin-left: 64px;
  margin-top: 10px;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 24px;
}
.recruiter-details .contact i {
  color: var(--lvh-secondary-text);
}
.recruiter-details .contact span {
  margin-left: 3px;
}
.avatar-details .avatar {
  float: left;
  margin: 0 10px 0 0;
}
.avatar-details .label {
  margin: 5px 0;
}
.avatar-details .secondary {
  color: var(--lvh-secondary-text);
  font-weight: 400;
}
.modalBody {
  padding: 30px;
}
.recruiter-details {
  border-top: none;
  padding: 0;
}
#offer-message .modalBody {
  min-height: 320px;
}
.footer-wrap {
  clear: both;
  border-top: solid 1px var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  width: 100%;
  padding: 0 0 30px 0;
}
.footer-wrap:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (min-width: 992px) {
  .footer-wrap {
    position: absolute;
    bottom: 0;
  }
}
.footer-wrap .document-warning div {
  max-width: 1260px;
  width: 100%;
  margin: 0 auto;
}
.footer-wrap .document-warning div i {
  float: left;
  line-height: 19.5px;
  padding: 0 10px 0 15px;
}
.footer-wrap .answer-wrap {
  max-width: 1260px;
  width: 100%;
  margin: 0 auto;
  padding: 15px;
  box-sizing: border-box;
}
.footer-wrap .answer-wrap .response-wrap {
  float: right;
  padding-right: 30px;
}
@media (max-width: 768px) {
  .footer-wrap .answer-wrap .response-wrap {
    float: unset;
    padding: 0px;
    text-align: center;
  }
  .footer-wrap .answer-wrap .response-wrap:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
  }
}
.footer-wrap .answer-wrap .button {
  margin-right: 15px;
  width: 85px;
}
@media (max-width: 768px) {
  .footer-wrap .answer-wrap .button {
    width: 135px;
  }
}
.footer-wrap .answer-wrap .declaration {
  padding-top: 4px;
  padding-left: 30px;
  font-style: normal;
  font-weight: 600;
  font-size: 11px;
  line-height: 15px;
  color: var(--lvh-secondary-text);
  position: relative;
  top: 8px;
  float: left;
}
@media (max-width: 768px) {
  .footer-wrap .answer-wrap .declaration {
    float: unset;
    padding: 0px;
    text-align: center;
  }
}

#user-consent {
  display: block;
  position: relative;
  padding: 20px 0;
  border-top: 1px solid var(--lvh-x-pale-grey);
  border-bottom: 1px solid var(--lvh-x-pale-grey);
}
#user-consent .checkbox {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 24px;
}
#user-consent .label {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.7;
  margin: 0 0 0 25px;
}
.p-checkbox .checkbox {
  border: 1px solid var(--lvh-x-shark-dark);
}

#dashboard-view {
  /* The finishing CSS styles for the enter animation */
}
#dashboard-view .loading {
  background-color: var(--lvh-white);
  min-height: 250px;
  padding: 24px 30px 40px 30px;
}
#dashboard-view .loading .avatar {
  width: 130px;
  height: 130px;
  background-color: var(--lvh-x-off-white);
  animation-name: loading;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  border-radius: 50%;
  transform-origin: center left;
}
#dashboard-view .title {
  font-size: 14px;
  font-weight: 600;
  color: var(--lvh-x-dark-grey);
}
#dashboard-view .dashboard-page {
  width: 100%;
  min-height: 305px;
  box-sizing: border-box;
  margin-bottom: 60px;
  position: relative;
}
@media (max-width: 991px) {
  #dashboard-view .dashboard-page {
    min-height: 0;
    margin-bottom: 20px;
  }
}
#dashboard-view .dashboard-page:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (max-width: 991px) {
  #dashboard-view .p-solid-button > .label,
  #dashboard-view .p-ghost-button > .label {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  #dashboard-view .p-solid-button.small,
  #dashboard-view .p-ghost-button.small {
    padding: 10px 20px;
  }
}
@media (max-width: 991px) {
  #dashboard-view .p-solid-button.small > .label,
  #dashboard-view .p-ghost-button.small > .label {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  #dashboard-view .p-solid-button.medium,
  #dashboard-view .p-ghost-button.medium {
    padding: 15px 20px;
  }
}
@media (max-width: 991px) {
  #dashboard-view .p-solid-button.medium > .label,
  #dashboard-view .p-ghost-button.medium > .label {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  #dashboard-view .p-solid-button.large,
  #dashboard-view .p-ghost-button.large {
    padding: 20px;
  }
}
@media (max-width: 991px) {
  #dashboard-view .p-solid-button.large > .label,
  #dashboard-view .p-ghost-button.large > .label {
    font-size: 18px;
  }
}
#dashboard-view .cc-tabopotamus.top-menu {
  float: left;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 17px;
}
@media (max-width: 991px) {
  #dashboard-view .cc-tabopotamus.top-menu {
    padding: 10px 10px 0 10px;
  }
}
#dashboard-view .cc-tabopotamus.top-menu ul li a.tab {
  padding-top: 0;
  padding-bottom: 17px;
  font-size: 16px;
}
#dashboard-view div.view-wrapper,
#dashboard-view div.loading-body {
  float: left;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: var(--lvh-white);
  border: solid 1px var(--lvh-x-shark-light);
  border-radius: 3px;
  padding: 24px 30px 40px 30px;
}
@media (max-width: 991px) {
  #dashboard-view div.view-wrapper,
  #dashboard-view div.loading-body {
    padding: 20px 10px;
  }
}
#dashboard-view .form-content {
  float: left;
}
#dashboard-view .form-content:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#dashboard-view #form-buttons {
  padding-top: 20px;
  float: left;
  width: 100%;
  border-top: 1px solid var(--lvh-x-pale-grey);
}
#dashboard-view #form-buttons .button-wrap:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (max-width: 991px) {
  #dashboard-view #form-buttons .button-wrap {
    float: none;
  }
}
#dashboard-view #form-buttons .button-wrap > save-button {
  display: inline-block;
}
@media (max-width: 991px) {
  #dashboard-view #form-buttons .button-wrap > save-button {
    display: block;
  }
}
#dashboard-view #form-buttons .button-wrap > .button:not(:last-child),
#dashboard-view #form-buttons .button-wrap > save-button > .button:not(:last-child) {
  margin: 0 5px 0 0;
}
@media (max-width: 991px) {
  #dashboard-view #form-buttons .button-wrap > .button:not(:last-child),
  #dashboard-view #form-buttons .button-wrap > save-button > .button:not(:last-child) {
    margin: 0 0 10px;
  }
}
@media (max-width: 991px) {
  #dashboard-view #form-buttons .button-wrap > .button,
  #dashboard-view #form-buttons .button-wrap > save-button > .button {
    width: 100%;
  }
}
#dashboard-view #form-buttons:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#dashboard-view .loading-wrapper {
  min-height: 50vh;
}
#dashboard-view section-heading.page-heading,
#dashboard-view div.loading-header {
  margin-bottom: 10px;
}
@media (max-width: 991px) {
  #dashboard-view section-heading.page-heading,
  #dashboard-view div.loading-header {
    width: calc(100% - 20px);
    margin: 10px 10px 10px 10px;
  }
}
#dashboard-view div.loading-header {
  height: 35px;
  padding: 10px 0 7px;
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#dashboard-view section + section {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid var(--lvh-x-pale-grey);
}
#dashboard-view talent-business-card {
  margin-bottom: 10px;
}
#dashboard-view .animate-show.ng-enter {
  transition: 0.5s linear all;
  opacity: 0;
}
#dashboard-view .animate-show.ng-enter.ng-enter-active {
  opacity: 1;
}

.comms-worker .employerAppHeader {
  display: none;
}
.comms-worker #activityFilter {
  display: none;
}
.comms-worker #commsWorkerHeading {
  display: block !important;
  margin: 0 0 10px;
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  padding-bottom: 7px;
}
.comms-worker #commsWorkerHeading.link > span {
  cursor: pointer;
}
.comms-worker #commsWorkerHeading > span {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.025em;
  color: var(--lvh-x-mesh-dark);
}
.comms-worker #commsWorkerHeading > span > .icon {
  float: left;
  color: var(--lvh-secondary-text);
  margin: 5px 10px 1px 0;
}
.comms-worker #commsInboxView {
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: var(--lvh-white);
}
.comms-worker #commsInboxView .container {
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  padding: 0;
}
.comms-worker #commsInboxView #inboxHeader {
  padding: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .comms-worker #commsInboxView #inboxHeader {
    display: none;
  }
}
.comms-worker #commsInboxView #inboxHeader #newMessageCount > span {
  font-size: 1.077em;
}
.comms-worker #commsInboxView #inboxBody.loading {
  min-height: 200px;
}
.comms-worker #commsInboxView #inboxBody .conversations .conversation:last-child .conversationWrap {
  border-bottom: none;
}
.comms-worker #commsInboxView #inboxBody .conversations .conversation:hover .conversationInnerWrap .messageContentInner.more:after {
  background-image: -moz-linear-gradient(left, rgba(238, 238, 238, 0), #eeeeee);
  background-image: -ms-linear-gradient(left, rgba(238, 238, 238, 0), #eeeeee);
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(238, 238, 238, 0)), to(#eeeeee));
  background-image: -webkit-linear-gradient(left, rgba(238, 238, 238, 0), #eeeeee);
  background-image: -o-linear-gradient(left, rgba(238, 238, 238, 0), #eeeeee);
  background-image: linear-gradient(left, rgba(238, 238, 238, 0), #eeeeee);
}
.comms-worker #commsInboxView #inboxBody .conversations .conversation .conversationWrap {
  height: 100px;
  padding: 25px 40px;
}
@media (max-width: 991px) {
  .comms-worker #commsInboxView #inboxBody .conversations .conversation .conversationWrap {
    padding: 20px 10px;
  }
}
@media (max-width: 991px) {
  .comms-worker #commsInboxView #inboxBody .conversations .conversation .conversationWrap .container--mobile {
    width: 100%;
    padding: 0 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media (max-width: 991px) {
  .comms-worker #commsInboxView #inboxBody .conversations .conversation .conversationInnerWrap {
    padding-left: 0;
  }
}
.comms-worker #commsInboxView #inboxBody .conversations .conversation .conversationInnerWrap .conversationInfo {
  margin: 0;
  width: 100%;
}
.comms-worker #commsInboxView #inboxBody .conversations .conversation .conversationInnerWrap .conversationInfo > .row {
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .comms-worker #commsInboxView #inboxBody .conversations .conversation .conversationInnerWrap .conversationInfo > .row {
    padding-right: 100px;
  }
}
.comms-worker #commsInboxView #inboxBody .conversations .conversation .conversationInnerWrap .conversationInfo > .row:last-child {
  overflow: visible;
}
.comms-worker #commsInboxView #inboxBody .conversations .conversation .conversationInnerWrap .conversationInfo .senderName > span {
  font-size: 13px;
  font-weight: 700;
}
.comms-worker #commsInboxView #inboxBody .conversations .conversation .conversationInnerWrap .conversationInfo .timeStamp > span {
  font-size: 13px;
  font-weight: 400;
  color: var(--lvh-secondary-text);
}
.comms-worker #commsInboxView #inboxBody .conversations .conversation .conversationInnerWrap .messageContent {
  margin: 0;
  color: var(--lvh-secondary-text);
}
.comms-worker #commsInboxView #inboxBody .conversations .conversation .conversationInnerWrap .messageContent .messageContentInner.more:after {
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff);
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(255, 255, 255, 0)), to(#ffffff));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff);
  background-image: linear-gradient(left, rgba(255, 255, 255, 0), #ffffff);
}
.comms-worker #commsInboxView #inboxBody .conversations .conversation .conversationInnerWrap .unreadIndicator {
  position: absolute;
  left: -15px;
}
.comms-worker #commsInboxView #inboxBody .conversations .conversation .profilePic.companyLogo {
  display: none;
}
.comms-worker #commsInboxView #inboxFooter {
  margin: 0;
  padding: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.comms-worker #activityView {
  padding: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: var(--lvh-white);
}
.comms-worker #activityView:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.comms-worker #activityView #activityFeed {
  clear: both;
  padding: 0 0 90px;
  border-top: none;
}
.comms-worker #activityView #activityFeed .heading {
  margin: 0 0 20px;
  padding: 0 0 10px;
}
.comms-worker #activityFeed {
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 991px) {
  .comms-worker #activityFeed .activityWrap .profilePicture.companyLogo {
    display: none;
  }
}
@media (max-width: 991px) {
  .comms-worker #activityFeed .activityWrap .content {
    margin: 0;
  }
}
.comms-worker #messageComposeView {
  padding: 0;
}
@media (max-width: 991px) {
  .comms-worker #messageComposeView {
    border: none;
    margin-bottom: 0;
  }
}
.comms-worker #messageComposeView .recruiter-photo {
  display: none;
}
.comms-worker #messageComposeView #messageForm {
  width: 100%;
  border: none;
}
.comms-worker #messageComposeView #messageForm .inputWrap {
  height: auto;
  border: 1px solid var(--lvh-x-pale-grey);
  border-radius: 3px;
  margin-bottom: 1.154em;
}
.comms-worker #messageComposeView #messageForm .inputWrap > textarea {
  padding: 1em;
  border: none;
}
.comms-worker #messageComposeView #messageForm .inputWrap .cc-file-upload .validation-errors {
  margin: 15px;
}
.comms-worker #messageComposeView #messageForm .inputWrap .file-uploader {
  clear: both;
}
.comms-worker #messageComposeView #messageForm .inputWrap.has-file .cc-file-upload {
  border-top: solid 1px var(--lvh-x-pale-grey);
  margin: 0 15px;
}
.comms-worker #messageComposeView #messageForm .inputWrap.has-file .cc-file-upload .file-list {
  margin: 0;
}
.comms-worker #messageComposeView #messageForm .inputWrap.has-file .cc-file-upload .file-list .file {
  border: none;
  padding: 10px 0;
}
.comms-worker #messageComposeView #messageForm .inputWrap.has-file .cc-file-upload .validation-errors {
  margin: 10px 0 15px 0;
}
.comms-worker #messageComposeView #messageForm .buttonWrap {
  float: left;
  width: 100%;
  background-color: transparent;
  margin-bottom: 1.077em;
}
@media (max-width: 991px) {
  .comms-worker #messageComposeView #messageForm .buttonWrap {
    margin-bottom: 0;
    padding: 0;
  }
}
@media (max-width: 991px) {
  .comms-worker #messageComposeView #messageForm .buttonWrap .lhsWrap {
    margin-bottom: 1.154em;
  }
}
.comms-worker #messageComposeView #messageForm .buttonWrap #sendMessage {
  margin: 0;
  padding: 0.615em 1.538em;
}
.comms-worker #messageComposeView #messageForm #smsIndicator {
  display: none;
}
.comms-worker #messageComposeView #messageForm .message-toolbar {
  border-bottom: solid 1px var(--lvh-x-pale-grey);
  background-color: var(--lvh-x-off-white);
  padding: 5px 10px;
  min-height: 29px;
}
.comms-worker #messageComposeView #messageForm .message-toolbar .attachment {
  padding: 5px 0;
  display: inline-block;
  max-width: 140px;
}
.comms-worker #messageComposeView #messageForm .message-toolbar .attachment button {
  border: none;
  background: none;
}
.comms-worker #messageComposeView #messageForm .message-toolbar .attachment button,
.comms-worker #messageComposeView #messageForm .message-toolbar .attachment .icon {
  color: var(--lvh-secondary-text);
}
.comms-worker #messageComposeView #messageForm .message-toolbar .attachment button .icon,
.comms-worker #messageComposeView #messageForm .message-toolbar .attachment .icon .icon {
  color: var(--lvh-secondary-text);
}
.comms-worker #messageComposeView #messageForm .message-toolbar .attachment button:focus,
.comms-worker #messageComposeView #messageForm .message-toolbar .attachment button:focus-visible {
  outline: none;
  box-shadow: 0px 0px 0px 2px var(--lvh-x-dark-grey);
  border-radius: 3px;
}

.callout-wrap .trigger {
  display: block;
  padding: 5px 2px;
}
.callout-wrap .trigger:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.callout-wrap .trigger.basic {
  padding: 0;
  text-decoration: none;
  text-decoration-style: unset;
  text-decoration-color: unset;
}
@media (min-width: 992px) {
  .callout-wrap .trigger:hover .callout .calloutDirective {
    display: block;
  }
}
@media (min-width: 992px) {
  .callout-wrap .callout-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9000;
  }
}
.callout-wrap .callout.visible .cc-callout {
  display: block;
  z-index: 9001;
}
@media (max-width: 991px) {
  .callout-wrap .callout.visible .cc-callout .p-mobile-fullscreen-overlay.overlay-visible .header .icon {
    display: block;
    margin: 0;
    line-height: 1;
    color: unset;
  }
}
@media (max-width: 991px) {
  .callout-wrap .callout.visible .cc-callout .p-mobile-fullscreen-overlay.overlay-visible .body {
    margin: 20px 0 0;
  }
}
.callout-wrap .callout.above {
  position: absolute;
  bottom: calc(100% + 3px);
  left: calc(-50% + 10px);
}
.callout-wrap .callout.above > .calloutDirective {
  position: absolute;
  bottom: calc(100% + 3px);
  left: calc(-50% + 10px);
}
.callout {
  display: block;
}
.callout:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.callout.no-scroll .cc-callout.topLeft .cc-callout-body,
.callout.no-scroll .cc-callout.topRight .cc-callout-body,
.callout.no-scroll .cc-callout.bottomCenter .cc-callout-body,
.callout.no-scroll .cc-callout.bottomRight .cc-callout-body {
  max-height: none;
  overflow-y: unset;
}
.callout .cc-callout {
  position: relative;
  z-index: 2000;
}
.callout .cc-callout.topLeft,
.callout .cc-callout.topRight,
.callout .cc-callout.bottomCenter,
.callout .cc-callout.bottomRight {
  display: none;
  width: 300px;
}
.callout .cc-callout.topLeft .cc-callout-body,
.callout .cc-callout.topRight .cc-callout-body,
.callout .cc-callout.bottomCenter .cc-callout-body,
.callout .cc-callout.bottomRight .cc-callout-body {
  margin: 10px 0 0;
  padding: 15px;
  max-height: 150px;
  overflow-y: auto;
}
.cc-callout-tip.top {
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  top: 10px;
  right: 22px;
  margin: -3px 0 0 -9px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: none !important;
  border-right: none !important;
}
.cc-callout-tip.right {
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  top: 22px;
  right: 0;
  margin: 0 -8px 0 0;
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  border-bottom: none !important;
  border-right: none !important;
}
.cc-callout-tip.bottom {
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  bottom: -7px;
  right: 22px;
  margin: -3px 0 0 -9px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: none;
  border-left: none;
}
.cc-callout-tip.left {
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  top: 22px;
  left: 0;
  margin: 0 0 0 -8px;
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  border-top: none !important;
  border-left: none !important;
}
.cc-callout-tip.topLeft {
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  top: -5px;
  left: 15px;
  margin: -3px 0 0 -9px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: none !important;
  border-right: none !important;
}
.cc-callout-tip.topRight {
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  top: -5px;
  right: 25px;
  margin: -3px 0 0 -9px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: none !important;
  border-right: none !important;
}
.cc-callout-tip.bottomCenter {
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  bottom: -7px;
  right: calc(50% - 11px);
  margin: -3px 0 0 -9px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: none !important;
  border-left: none !important;
}
.cc-callout-tip.bottomRight {
  position: absolute;
  height: 14px;
  width: 14px;
  border: 1px solid var(--lvh-x-pale-grey);
  background-color: var(--lvh-white);
  z-index: 1001;
  bottom: -7px;
  right: 25px;
  margin: -3px 0 0 -9px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: none;
  border-left: none;
}
.cc-callout-body {
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-pale-grey);
  border-radius: 3px;
}
.cc-callout-body:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (min-width: 992px) {
  .cc-callout-body .date-picker-wrap #uiDate {
    z-index: 9002;
  }
}
.cc-callout-content {
  background-color: var(--lvh-white);
  border-radius: 3px;
  position: relative;
  z-index: 1002;
  overflow: hidden;
}
.cc-callout-content > ul {
  margin: 0;
  padding: 13px 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cc-callout-content > ul:last-child {
  padding: 13px 0 0 0;
}
.cc-callout-content > ul.bullets > li {
  margin: 0 0 0 15px;
  padding: 0 0 10px 0;
  list-style: disc;
}
.cc-callout-content > ul.bullets > li:last-child {
  padding: 0;
}
.cc-callout-content > ul > li {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.cc-callout-content > ul > li.mobileOnly {
  display: none;
}
@media (max-width: 991px) {
  .cc-callout-content > ul > li.mobileOnly {
    display: list-item;
  }
}
.cc-callout-content > ul > li.divider {
  border-bottom: 1px solid var(--lvh-x-pale-grey);
  margin: 10px 0;
}
.cc-callout-content > ul > li.divider > a {
  display: none;
}
.cc-callout-content > ul > li > a,
.cc-callout-content > ul > li > span {
  display: block;
  color: var(--lvh-x-mid-grey);
  outline: none;
  padding: 0.25em 1.538em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
}
.cc-callout-content > ul > li > a:hover,
.cc-callout-content > ul > li > span:hover,
.cc-callout-content > ul > li > a:focus,
.cc-callout-content > ul > li > span:focus,
.cc-callout-content > ul > li > a.selected,
.cc-callout-content > ul > li > span.selected {
  background-color: var(--lvh-x-off-white);
}
.cc-callout-content > ul > li > a .label,
.cc-callout-content > ul > li > span .label {
  color: var(--lvh-x-mid-grey);
  white-space: inherit;
}
.cc-callout-content > ul > li.disabled > a,
.cc-callout-content > ul > li.disabled > span {
  color: rgba(102, 102, 102, 0.3);
}
.cc-callout-content > ul > li.disabled > a:hover,
.cc-callout-content > ul > li.disabled > span:hover,
.cc-callout-content > ul > li.disabled > a:focus,
.cc-callout-content > ul > li.disabled > span:focus,
.cc-callout-content > ul > li.disabled > a.selected,
.cc-callout-content > ul > li.disabled > span.selected {
  background-color: var(--lvh-white);
}
body {
  background-color: var(--lvh-x-off-white) !important;
}
#talent-preview #googleResumePage {
  margin: 20px 0 0 0;
  padding: 0;
  background-color: var(--lvh-x-off-white);
}
#talent-preview #googleResumePage > .container {
  max-width: 810px;
}
#talent-preview #googleResumePage #candidateResume #resumeCareerSection .col.rhs {
  width: 510px;
}
@media (max-width: 991px) {
  #talent-preview #googleResumePage #candidateResume #resumeCareerSection .col.rhs {
    max-width: 100%;
  }
}
#talent-preview .switch-header {
  width: 100%;
  height: 45px;
  background-color: var(--lvh-x-mesh-dark);
  color: var(--lvh-x-mesh-light);
  text-align: center;
}
@media (max-width: 991px) {
  #talent-preview .switch-header {
    height: auto;
  }
}
#talent-preview .switch-header .header-items {
  margin-left: auto;
  margin-right: auto;
}
#talent-preview .switch-header .header-items .header-label {
  display: inline-block;
  vertical-align: top;
  padding-top: 14px;
}
#talent-preview .switch-header .header-items privacy-selection {
  display: inline-block;
}
@media (max-width: 991px) {
  #talent-preview .switch-header .header-items privacy-selection {
    display: block;
  }
}
@media (max-width: 991px) {
  #talent-preview .switch-header .header-items privacy-selection .popdown {
    display: inline-block;
    margin-bottom: 0;
  }
}
#talent-preview .switch-header .header-items privacy-selection .popdown .popdown-clickable {
  padding: 0 20px 0 0;
  height: 45px;
  background-color: var(--lvh-x-mesh-dark);
}
#talent-preview .switch-header .header-items privacy-selection .popdown .popdown-clickable .selected-option {
  color: var(--lvh-x-shark-light);
}
#talent-preview .switch-header .header-items privacy-selection .popdown .popdown-clickable .selected-option .icon {
  color: var(--lvh-x-shark-light);
}
#talent-preview .switch-header .header-items privacy-selection .popdown .popdown-clickable .selected-option .option-name {
  color: var(--lvh-x-shark-light) !important;
}

privacy-selection .popdown {
  padding: 0;
}
privacy-selection .popdown .popdown-clickable {
  height: 50px;
  border: none;
  padding: 0;
  display: table;
  width: 100%;
}
privacy-selection .popdown .popdown-clickable .label {
  display: table-cell;
  vertical-align: middle;
}
privacy-selection .popdown .popdown-clickable .selected-option {
  display: table-cell;
}
privacy-selection .popdown .popdown-clickable .selected-option span {
  vertical-align: middle;
}
privacy-selection .popdown .popdown-clickable .selected-option span.icon {
  margin-left: 10px;
}
privacy-selection .popdown .popdown-clickable .selected-option .icon {
  color: var(--lvh-x-dark-grey);
}
privacy-selection .popdown .popdown-clickable .selected-option .option-name {
  padding: 0 3px;
}
privacy-selection .popdown .popdown-clickable .icon.arrow {
  font-size: 7px;
}
privacy-selection .popdown .popdown-content {
  left: 0;
  top: 100%;
  text-align: left;
  min-width: 450px;
}
@media (max-width: 991px) {
  privacy-selection .popdown .popdown-content {
    min-width: 100%;
  }
}
privacy-selection .popdown .popdown-content .options {
  max-height: none;
}
privacy-selection .popdown .popdown-content .options .option {
  box-sizing: border-box;
  padding: 15px 15px 15px 15px;
  position: relative;
  color: var(--lvh-disabled-text);
  border-bottom: solid 1px var(--lvh-x-shark-light);
}
privacy-selection .popdown .popdown-content .options .option .symbol {
  font-size: 20px;
  vertical-align: top;
  display: inline-block;
  width: 44px;
  position: relative;
}
privacy-selection .popdown .popdown-content .options .option .symbol .selected-indicator {
  display: none;
  position: absolute;
  top: 15px;
  left: 13px;
  color: var(--lvh-x-green);
  font-size: 12px;
  background-color: transparent;
}
privacy-selection .popdown .popdown-content .options .option .content {
  vertical-align: top;
  display: inline-block;
  font-size: 12px;
  width: calc(100% - 50px);
  text-align: left;
}
privacy-selection .popdown .popdown-content .options .option .content .title {
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 5px;
}
privacy-selection .popdown .popdown-content .options .option .content .description {
  margin-bottom: 11px;
}
privacy-selection .popdown .popdown-content .options .option .content .description ul {
  list-style-type: disc;
  padding-left: 17px;
  -webkit-padding-start: 17px;
}
privacy-selection .popdown .popdown-content .options .option .profile-links {
  position: absolute;
  top: 15px;
  right: 15px;
}
privacy-selection .popdown .popdown-content .options .option .profile-links a {
  position: relative;
  color: var(--lvh-disabled-text);
  pointer-events: none;
}
privacy-selection .popdown .popdown-content .options .option:hover {
  background-color: var(--lvh-x-off-white);
}
privacy-selection .popdown .popdown-content .options .option.selected {
  color: var(--lvh-x-dark-grey);
}
privacy-selection .popdown .popdown-content .options .option.selected .symbol .selected-indicator {
  display: block;
}
privacy-selection .popdown .popdown-content .options .option.selected .profile-links a {
  color: var(--lvh-bright-blue);
  pointer-events: auto;
}
privacy-selection .popdown .popdown-content .footer {
  padding: 15px;
}
privacy-selection .popdown .popdown-content.border-notch.top:before {
  right: auto;
  left: 143px;
}
privacy-selection .popdown .popdown-content.border-notch.top:after {
  right: auto;
  left: 145px;
}

talent-completion-status {
  float: left;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: var(--lvh-white);
  border-radius: 3px;
  display: block;
  color: var(--lvh-x-dark-grey);
  font-size: 12px;
  border-collapse: collapse;
}
talent-completion-status:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
talent-completion-status .stats {
  display: table;
  width: 100%;
  border: 1px solid var(--lvh-x-off-white);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
talent-completion-status .stats .item {
  border-right: 1px solid var(--lvh-x-off-white);
  display: table-cell;
  padding: 20px 15px 20px 30px;
}
@media (max-width: 991px) {
  talent-completion-status .stats .item {
    padding: 10px;
    text-align: center;
  }
}
talent-completion-status .stats .item.completion {
  width: 98%;
}
talent-completion-status .stats .item.completion .value.started {
  color: var(--lvh-x-red);
}
talent-completion-status .stats .item.completion .value.good {
  color: var(--lvh-x-orange-dark);
}
talent-completion-status .stats .item.completion .value.complete {
  color: var(--lvh-x-green-dark);
}
@media (max-width: 991px) {
  talent-completion-status .stats .item.completion {
    width: 33%;
  }
}
talent-completion-status .stats .item.views {
  width: 1%;
  min-width: 90px;
}
@media (max-width: 991px) {
  talent-completion-status .stats .item.views {
    width: 33%;
    min-width: 0;
  }
}
talent-completion-status .stats .item.connections {
  width: 1%;
  min-width: 90px;
}
@media (max-width: 991px) {
  talent-completion-status .stats .item.connections {
    width: 33%;
    min-width: 0;
  }
}
talent-completion-status .stats .item .value {
  display: inline-block;
  font-size: 50px;
  font-weight: 300;
  color: var(--lvh-primary-text);
}
talent-completion-status .stats .item .value .percent {
  font-size: 0.5em;
  vertical-align: super;
}
@media (max-width: 991px) {
  talent-completion-status .stats .item .value {
    font-size: 24px;
  }
}
talent-completion-status .stats .progress-wrapper {
  display: table;
  width: 100%;
}
talent-completion-status .stats .progress-wrapper .value {
  display: table-cell;
  width: 1%;
  min-width: 85px;
}
@media (max-width: 991px) {
  talent-completion-status .stats .progress-wrapper .value {
    width: 100%;
    min-width: 110px;
  }
}
talent-completion-status .stats .progress-wrapper .completion-progress {
  display: table-cell;
  padding-left: 10px;
  width: 99%;
}
@media (max-width: 991px) {
  talent-completion-status .stats .progress-wrapper .completion-progress {
    display: none;
  }
}
talent-completion-status .stats .progress-wrapper .completion-progress .cc-progress-indicator.progress {
  border-radius: 10px;
}
talent-completion-status .stats .progress-wrapper .completion-progress .cc-progress-indicator .progress-bar {
  border-radius: 10px;
}
talent-completion-status .stats .progress-wrapper .completion-progress .cc-progress-indicator.started .progress-bar {
  background-color: var(--lvh-x-red);
}
talent-completion-status .stats .progress-wrapper .completion-progress .cc-progress-indicator.good .progress-bar {
  background-color: var(--lvh-x-orange-dark);
}
talent-completion-status .stats .progress-wrapper .completion-progress .cc-progress-indicator.complete .progress-bar {
  background-color: var(--lvh-x-green-dark);
}
.improvements {
  padding: 15px 30px 25px;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .improvements {
    padding: 10px 10px 20px;
  }
}
.improvements .progress-sections {
  margin: 0;
  padding: 0;
  list-style: none;
}
.improvements .progress-sections .progress-section {
  display: table;
  margin-top: 10px;
  width: 100%;
  border-radius: 3px;
  background-color: var(--lvh-x-off-white);
}
.improvements .progress-sections .progress-section button {
  display: block;
  width: 100%;
  text-align: left;
  border: none;
  background: none;
}
.improvements .progress-sections .progress-section button .item {
  display: table-cell;
  vertical-align: middle;
  padding: 15px;
  color: var(--lvh-primary-text);
}
.improvements .progress-sections .progress-section button .item.improvement-amount {
  width: 1%;
  min-width: 45px;
  padding-right: 0;
}
.improvements .progress-sections .progress-section button .item.improvement-amount .amount {
  font-size: 16px;
  display: table-cell;
  background-color: var(--lvh-x-orange-dark);
  color: var(--lvh-white);
  border-radius: 50%;
  height: 45px;
  width: 45px;
  vertical-align: middle;
  text-align: center;
}
.improvements .progress-sections .progress-section button .item.improvement-amount .amount .percent {
  font-size: 0.6em;
  vertical-align: top;
  display: inline-block;
}
.improvements .progress-sections .progress-section button .item.description-wrapper {
  width: 98%;
}
.improvements .progress-sections .progress-section button .item.description-wrapper .description {
  font-size: 13px;
}
.improvements .progress-sections .progress-section button .item.action {
  width: 1%;
  min-width: 20px;
  font-size: 20px;
  color: var(--lvh-x-orange-dark);
}

talent-business-card {
  float: left;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: var(--lvh-white);
  border-radius: 3px;
  display: block;
  color: var(--lvh-x-dark-grey);
  font-size: 13px;
}
talent-business-card:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
talent-business-card .row {
  display: block;
}
talent-business-card .row .external-links {
  margin: 0 0 20px 0;
  padding: 0;
  list-style: none;
}
talent-business-card .row .external-links .external-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding: 15px 10px;
  border-bottom: 1px solid var(--lvh-x-pale-grey);
}
@media (max-width: 991px) {
  talent-business-card .row .external-links .external-link {
    flex-direction: column;
    align-items: flex-start;
    padding: 10px 0;
  }
}
talent-business-card .row .external-links .p-round-social-icon {
  margin: 0 10px 0 0;
}
@media (max-width: 991px) {
  talent-business-card .row .external-links .p-round-social-icon {
    display: none;
  }
}
@media (max-width: 991px) {
  talent-business-card .row .external-links .link-wrapper {
    margin: 0 0 10px 0;
  }
}
talent-business-card .row .external-links .anchor {
  outline: revert;
  color: var(--lvh-x-dark-grey);
  word-break: break-word;
  /*
    Testing disabling the rest of this mixin to review state with current browser versions.  If specific problems found with older browsers, we'll look at manual hyphenation approaches

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;

    //Firefox -Simon's recollection was that this was a prior attempt to undo the hyphenation settings above - Jamie also tweaked to only affect mobile...  believe latest change makes it unnecessary
    @media screen and (max-width: @screen-sm-max) and (-moz-images-in-menus:0) {
        hyphens: none !important;
        -moz-hyphens: none !important;
        word-break: normal !important;
    }*/
}
talent-business-card .row .external-links .delete-button {
  border: none;
  background: none;
  color: var(--lvh-bright-blue);
}
@media (max-width: 991px) {
  talent-business-card .row .external-links .delete-button {
    padding: 0;
  }
}
talent-business-card .row .links-form {
  /* autoprefixer grid: no-autoplace */
  display: grid;
  grid-template: "lf-input lf-button" / 2fr 100px;
  gap: 0 10px;
}
@media (max-width: 991px) {
  talent-business-card .row .links-form {
    grid-template: "lf-input" "lf-button" / 1fr 1fr;
    gap: 10px 0;
  }
}
talent-business-card .row .links-form .lf-input {
  grid-area: lf-input;
}
talent-business-card .row .links-form .lf-button {
  grid-area: lf-button;
}
talent-business-card .row .links-form .p-solid-button {
  width: 100%;
  padding-top: 11px;
  padding-bottom: 9px;
}
talent-business-card .row:not(:last-child) {
  margin: 0 0 20px 0;
}
talent-business-card .row:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
talent-business-card .col {
  float: left;
}
talent-business-card .col.lhs {
  width: 130px;
  margin: 0 40px 0 0;
}
@media (max-width: 991px) {
  talent-business-card .col.lhs {
    width: 100%;
    margin: 0;
  }
}
talent-business-card .col.lhs .label {
  display: block;
  font-size: 13px;
  text-align: right;
  line-height: 1.6;
  color: var(--lvh-x-dark-grey);
}
@media (max-width: 991px) {
  talent-business-card .col.lhs .label {
    text-align: center;
  }
}
talent-business-card .col.rhs {
  width: calc(100% - 170px);
}
@media (max-width: 991px) {
  talent-business-card .col.rhs {
    width: 100%;
  }
}
talent-business-card .main {
  padding: 20px 30px;
  position: relative;
}
@media (max-width: 991px) {
  talent-business-card .main {
    padding: 20px 10px 25px 10px;
  }
}
talent-business-card .main:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
talent-business-card .main .talent-name {
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
}
talent-business-card .main .profile-picture {
  width: 130px;
  height: 130px;
  position: relative;
}
@media (max-width: 991px) {
  talent-business-card .main .profile-picture {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}
talent-business-card .main .profile-picture img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
talent-business-card .main .profile-picture .update-avatar-overlay {
  opacity: 0;
  transition: all 0.4s;
  position: absolute;
  top: 0;
  left: 0;
  width: 130px;
  height: 130px;
  text-align: center;
  color: var(--lvh-x-off-white);
  border: none;
  background: none;
}
talent-business-card .main .profile-picture .update-avatar-overlay .wrap {
  vertical-align: middle;
}
talent-business-card .main .profile-picture .update-avatar-overlay i {
  display: block;
  font-size: 38.4px;
  opacity: 0.7;
}
talent-business-card .main .profile-picture .update-avatar-overlay span {
  font-weight: 600;
}
talent-business-card .main .profile-picture .update-avatar-overlay:hover,
talent-business-card .main .profile-picture .update-avatar-overlay:focus {
  cursor: pointer;
  opacity: 1;
}
@media (max-width: 991px) {
  talent-business-card .main .talent-name {
    text-align: center;
  }
}
talent-business-card .main .role-and-location {
  font-size: 13px;
  line-height: 30px;
}
@media (max-width: 991px) {
  talent-business-card .main .role-and-location {
    text-align: center;
  }
}
talent-business-card .main .role-and-location .bullet {
  margin: 0 5px;
}
talent-business-card .main .talent-bio.open-edit {
  margin-bottom: 10px;
}
@media (max-width: 991px) {
  talent-business-card .main .talent-specialties {
    text-align: center;
  }
}
talent-business-card .main .external-links {
  margin-top: 10px;
}
@media (max-width: 991px) {
  talent-business-card .main .external-links {
    text-align: center;
  }
}
talent-business-card .main .external-links > .link-type {
  display: inline-block;
  margin: 0 5px 3px 0;
}
talent-business-card .main .external-links > .link-type > a {
  display: block;
  outline: revert;
}
talent-business-card .main.edit {
  padding: 20px 30px;
}
@media (max-width: 991px) {
  talent-business-card .main.edit {
    padding: 20px 10px;
  }
}
talent-business-card .main.edit .talent-name {
  margin-bottom: 15px;
}
talent-business-card .main.edit .change-profile-picture {
  margin-bottom: 35px;
}
talent-business-card .main.edit .change-profile-picture:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media (max-width: 991px) {
  talent-business-card .main.edit .change-profile-picture {
    text-align: center;
  }
}
@media (max-width: 991px) {
  talent-business-card .main.edit .change-profile-picture .profile-picture {
    margin-bottom: 20px;
  }
}
talent-business-card .main.edit .change-profile-picture button {
  margin-top: 20px;
}
@media (max-width: 991px) {
  talent-business-card .main.edit .change-profile-picture button {
    margin-top: 0;
  }
}
talent-business-card .main.edit .button-wrap .button.isBusy {
  display: inline-block;
}
talent-business-card .main.edit .button-wrap button + button {
  margin-left: 7px;
}
talent-business-card .main .edit-profile {
  position: absolute;
  top: 25px;
  right: 30px;
}
@media (max-width: 991px) {
  talent-business-card .main .edit-profile {
    right: 10px;
  }
}
talent-business-card .actions {
  border-top: 1px solid var(--lvh-x-off-white);
  font-size: 13px;
  display: table;
  width: 100%;
  height: 50px;
  box-sizing: border-box;
  text-align: center;
}
@media (max-width: 991px) {
  talent-business-card .actions {
    height: auto;
  }
}
talent-business-card .actions .item {
  box-sizing: border-box;
  display: table-cell;
  vertical-align: middle;
  height: 50px;
}
@media (max-width: 991px) {
  talent-business-card .actions .item {
    height: auto;
  }
}
talent-business-card .actions .item.privacy-status {
  padding: 0;
  width: 175px;
  border-right: 2px solid var(--lvh-x-off-white);
}
talent-business-card .actions .item.privacy-status .popdown {
  width: 100%;
  margin: 0;
}
@media (max-width: 991px) {
  talent-business-card .actions .item.privacy-status {
    display: block;
    width: 100%;
    border-right: none;
  }
}
talent-business-card .actions .item.availability {
  padding: 0;
  width: 170px;
  border-right: 2px solid var(--lvh-x-off-white);
}
talent-business-card .actions .item.availability .popdown {
  margin: 0;
  height: 100%;
  width: 100%;
}
talent-business-card .actions .item.availability .popdown .popdown-clickable {
  height: 100%;
  width: 100%;
  border: none;
  display: table;
}
talent-business-card .actions .item.availability .popdown .popdown-clickable .selected-option {
  display: table-cell;
}
talent-business-card .actions .item.availability .popdown .popdown-clickable .selected-option span {
  vertical-align: middle;
}
talent-business-card .actions .item.availability .popdown .popdown-clickable .selected-option span.indicator {
  margin-left: 10px;
}
talent-business-card .actions .item.availability .popdown .popdown-clickable .label {
  display: table-cell;
  vertical-align: middle;
  padding-top: 5px;
  padding-bottom: 5px;
}
talent-business-card .actions .item.availability .popdown .popdown-clickable .option-name {
  padding: 0 3px;
}
talent-business-card .actions .item.availability .popdown .popdown-clickable .icon.arrow {
  font-size: 7px;
}
talent-business-card .actions .item.availability .popdown .popdown-content {
  left: 0;
  top: 100%;
  width: 100%;
  min-width: 185px;
  text-align: left;
  font-size: 12px;
  color: var(--lvh-x-dark-grey);
}
talent-business-card .actions .item.availability .popdown .popdown-content .options > .option {
  padding: 12px 16px;
}
talent-business-card .actions .item.availability .popdown .popdown-content.border-notch.top:before {
  right: auto;
  left: 138px;
}
talent-business-card .actions .item.availability .popdown .popdown-content.border-notch.top:after {
  right: auto;
  left: 140px;
}
talent-business-card .actions .item.availability .indicator {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
}
talent-business-card .actions .item.availability .indicator.availablenow {
  background-color: var(--lvh-x-green);
}
talent-business-card .actions .item.availability .indicator.availablesoon {
  border: solid 2px var(--lvh-x-green);
}
talent-business-card .actions .item.availability .indicator.opentooffers {
  background-color: var(--lvh-x-red);
}
talent-business-card .actions .item.availability .indicator.notlooking {
  background-color: var(--lvh-x-shark-dark);
}
@media (max-width: 991px) {
  talent-business-card .actions .item.availability {
    display: block;
    width: 100%;
    border-right: none;
    border-top: 1px solid var(--lvh-x-off-white);
  }
}
talent-business-card .actions .item.view-and-last-updated {
  display: table;
  width: 100%;
}
@media (max-width: 991px) {
  talent-business-card .actions .item.view-and-last-updated {
    display: block;
    width: 100%;
    border-top: 1px solid var(--lvh-x-off-white);
  }
}
talent-business-card .actions .item.view-and-last-updated .view-profile {
  box-sizing: border-box;
  display: table-cell;
  vertical-align: middle;
  min-width: 170px;
  border-right: 1px solid var(--lvh-x-off-white);
}
talent-business-card .actions .item.view-and-last-updated .view-profile a {
  line-height: 49px;
  display: block;
  color: var(--lvh-x-dark-grey);
}
talent-business-card .actions .item.view-and-last-updated .view-profile .full-text {
  vertical-align: middle;
}
@media (max-width: 991px) {
  talent-business-card .actions .item.view-and-last-updated .view-profile .full-text {
    display: none;
  }
}
talent-business-card .actions .item.view-and-last-updated .view-profile .short-text {
  display: none;
  vertical-align: middle;
}
@media (max-width: 991px) {
  talent-business-card .actions .item.view-and-last-updated .view-profile .short-text {
    display: inline-block;
  }
}
talent-business-card .actions .item.view-and-last-updated .view-profile i {
  vertical-align: middle;
  margin-right: 5px;
  font-size: 15px;
  color: var(--lvh-x-shark-dark);
}
@media (max-width: 991px) {
  talent-business-card .actions .item.view-and-last-updated .view-profile {
    min-width: 125px;
    border-right: none;
  }
}
talent-business-card .actions .item.view-and-last-updated .last-updated {
  box-sizing: border-box;
  display: table-cell;
  vertical-align: middle;
  color: var(--lvh-x-mid-grey);
  font-size: 12px;
  padding-right: 30px;
  text-align: right;
  width: 100%;
}
@media (max-width: 991px) {
  talent-business-card .actions .item.view-and-last-updated .last-updated {
    padding-right: 20px;
  }
}
@media (max-width: 991px) {
  talent-business-card .actions .popdown .popdown-clickable .icon.arrow {
    right: 20px;
  }
}

@media (max-width: 991px) {
  inline-edit {
    display: block;
    text-align: center;
  }
}
inline-edit .talent-bio {
  position: relative;
  display: inline-block;
  margin-top: 10px;
}
inline-edit .talent-bio:hover .content {
  background-color: var(--lvh-x-off-white);
}
inline-edit .talent-bio:hover:after {
  background: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(220, 78, 65, 0) 50%, var(--lvh-x-off-white) 51%, var(--lvh-x-off-white) 100%);
}
inline-edit .talent-bio.open-edit {
  display: block;
  margin-bottom: 10px;
}
inline-edit .talent-bio.open-edit:hover .content {
  background-color: transparent;
}
inline-edit .talent-bio.open-edit .content {
  display: block;
  background-color: transparent;
}
inline-edit .talent-bio.open-edit .content > div {
  padding: 0;
}
inline-edit .talent-bio.open-edit .content .input-wrap {
  position: relative;
}
inline-edit .talent-bio.open-edit .content .input-wrap textarea {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 80px;
  padding: 10px 45px 10px 10px;
  line-height: 18px;
  background: transparent;
  color: var(--lvh-secondary-text);
}
@media (max-width: 991px) {
  inline-edit .talent-bio.open-edit .content .input-wrap textarea {
    height: 120px;
    padding: 10px 50px 10px 10px;
    line-height: 28px;
  }
}
inline-edit .talent-bio.open-edit .content .input-wrap .counter {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 12px;
  line-height: 1;
  color: var(--lvh-secondary-text);
  z-index: 1;
}
@media (max-width: 991px) {
  inline-edit .talent-bio.open-edit .content .input-wrap .counter {
    font-size: 16px;
  }
}
inline-edit .talent-bio.open-edit .content .input-wrap:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
inline-edit .talent-bio.open-edit .content .edit-actions {
  margin: 10px 0 0 0;
}
@media (max-width: 991px) {
  inline-edit .talent-bio.open-edit .content .edit-actions {
    margin: 15px 0 20px 0;
  }
}
inline-edit .talent-bio.open-edit .content .edit-actions > ul {
  float: right;
  margin: 0;
  padding: 0;
  list-style: none;
}
inline-edit .talent-bio.open-edit .content .edit-actions > ul > li {
  display: block;
  float: left;
}
inline-edit .talent-bio.open-edit .content .edit-actions > ul > li > a {
  display: block;
  margin: 0 10px 0 0;
  padding: 5px 0 0 0;
}
@media (max-width: 991px) {
  inline-edit .talent-bio.open-edit .content .edit-actions > ul > li > a {
    margin: 0 15px 0 0;
  }
}
inline-edit .talent-bio.open-edit .content .edit-actions:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
inline-edit .talent-bio.open-edit:after {
  display: none;
}
inline-edit .talent-bio.has-bio .content {
  color: var(--lvh-x-dark-grey);
}
inline-edit .talent-bio .content {
  display: inline-block;
  border-radius: 3px;
  background-color: var(--lvh-x-off-white);
  color: var(--lvh-bright-blue);
}
inline-edit .talent-bio .content > div {
  padding: 10px;
  font-size: 13px;
}
@media (max-width: 991px) {
  inline-edit .talent-bio .content > div {
    font-size: 16px;
  }
}
inline-edit .talent-bio:after {
  content: '';
  position: absolute;
  height: 16px;
  width: 16px;
  top: 7px;
  left: -16px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,dc4e41+50,dc4e41+100&0+50,1+51 */
  background: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(220, 78, 65, 0) 50%, var(--lvh-x-off-white) 51%, var(--lvh-x-off-white) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(220, 78, 65, 0) 50%, var(--lvh-x-off-white) 51%, var(--lvh-x-off-white) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(220, 78, 65, 0) 50%, var(--lvh-x-off-white) 51%, var(--lvh-x-off-white) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
@media (max-width: 991px) {
  inline-edit .talent-bio {
    text-align: center;
  }
  inline-edit .talent-bio:after {
    display: none;
  }
}

cv-upload-and-parse {
  display: block;
  float: left;
  width: 100%;
  background-color: var(--lvh-white);
  margin-top: 1em;
  box-sizing: border-box;
  padding: 20px 30px;
}
@media (max-width: 991px) {
  cv-upload-and-parse {
    padding: 20px 10px;
  }
}
cv-upload-and-parse:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
cv-upload-and-parse .resume-header {
  border-bottom: 1px solid var(--lvh-x-paler-grey);
  padding-bottom: 6px;
}
cv-upload-and-parse .upload-header {
  margin: 19px 0 12px 0;
}
cv-upload-and-parse .cc-file-upload .file-list:not(:last-child) {
  margin-bottom: 5px;
}
cv-upload-and-parse .linked-in {
  margin-top: 10px;
}
cv-upload-and-parse .linked-in > a {
  outline: revert;
}
cv-upload-and-parse .pre-fill {
  color: var(--lvh-x-mid-grey);
  background-color: var(--lvh-x-off-white);
  display: inline-block;
  position: relative;
  padding: 15px 20px 15px 15px;
  border-radius: 3px;
}
cv-upload-and-parse .pre-fill.border-notch.top:before {
  right: auto;
  left: 15px;
  border-color: transparent transparent;
}
cv-upload-and-parse .pre-fill.border-notch.top:after {
  right: auto;
  left: 17px;
  border-color: var(--lvh-x-off-white) transparent;
}
cv-upload-and-parse .pre-filled {
  color: var(--lvh-x-mid-grey);
  background-color: var(--lvh-x-off-white);
  display: inline-block;
  position: relative;
  padding: 15px 20px 15px 15px;
  border-radius: 3px;
  display: block;
}
cv-upload-and-parse .pre-filled.border-notch.top:before {
  right: auto;
  left: 15px;
  border-color: transparent transparent;
}
cv-upload-and-parse .pre-filled.border-notch.top:after {
  right: auto;
  left: 17px;
  border-color: var(--lvh-x-off-white) transparent;
}
cv-upload-and-parse .pre-filled .close {
  position: absolute;
  top: 15px;
  right: 15px;
  display: block;
  border: none;
  background: none;
}
cv-upload-and-parse .pre-filled .close > .icon {
  font-size: 13px;
}
cv-upload-and-parse .pre-filled .title {
  display: block;
  font-weight: 700;
}
cv-upload-and-parse .pre-filled .edit {
  display: inline-block;
}
cv-upload-and-parse:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
cv-upload-and-parse .cv-parsing-dialog .cc-modal {
  max-width: 280px;
  border-radius: 4px;
}
cv-upload-and-parse .cv-parsing-dialog .cc-modal .modalHeader {
  display: none;
}
cv-upload-and-parse .cv-parsing-dialog .cc-modal .modalBody {
  text-align: center;
}
cv-upload-and-parse .cv-parsing-dialog .cc-modal .modalBody .parsing-cv-gif {
  height: 77px;
}
cv-upload-and-parse .cv-parsing-dialog .cc-modal .modalBody .parsing-message {
  margin-top: 15px;
  font-size: 16px;
  font-weight: 700;
}
cv-upload-and-parse .cv-parsing-dialog .cc-modal .modalBody .parsing-sub-message {
  margin-top: 5px;
  font-size: 13px;
}
cv-upload-and-parse .cv-parsing-dialog .cc-modal .modalFooter {
  display: none;
}
cv-upload-and-parse .cv-parsing-dialog.failed .cc-modal {
  max-width: 500px;
}
cv-upload-and-parse .cv-parsing-dialog.failed .cc-modal .modalHeader {
  display: block;
}
cv-upload-and-parse .cv-parsing-dialog.failed .cc-modal .modalBody {
  text-align: left;
}
cv-upload-and-parse .cv-parsing-dialog.failed .cc-modal .modalFooter {
  display: block;
}
cv-upload-and-parse.minimal {
  padding: 15px 30px;
  margin-bottom: 10px;
}
@media (max-width: 991px) {
  cv-upload-and-parse.minimal {
    padding: 15px 10px;
  }
}
cv-upload-and-parse.minimal .resume-header {
  border-bottom: none;
}
cv-upload-and-parse.minimal .upload-header {
  margin: 0 0 5px 0;
}

arrival-message {
  display: block;
}
arrival-message .inner-wrap .cc-alert {
  margin: 0 0 10px;
}
arrival-message .inner-wrap .injected-template.welcome {
  position: relative;
  padding: 30px 50px 30px 30px;
  border-radius: 3px;
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.1);
  background: var(--lvh-white);
}
@media (max-width: 991px) {
  arrival-message .inner-wrap .injected-template.welcome {
    padding: 20px 10px;
  }
}
arrival-message .inner-wrap .injected-template.welcome h3 {
  font-size: 22px;
  line-height: 30px;
  font-weight: 700;
  letter-spacing: normal;
  color: var(--lvh-x-dark-grey);
}
arrival-message .inner-wrap .injected-template.welcome ul,
arrival-message .inner-wrap .injected-template.welcome ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
arrival-message .inner-wrap .injected-template.welcome h4 {
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: normal;
  color: var(--lvh-x-dark-grey);
}
arrival-message .inner-wrap .injected-template.welcome .button-wrap {
  margin: 20px 0 0 0;
}
arrival-message .inner-wrap .injected-template.block {
  position: relative;
  min-height: 25px;
  padding: 13px 50px 10px 45px;
  border-radius: 3px;
}
arrival-message .inner-wrap .injected-template.block.connections:before {
  position: absolute;
  top: 10px;
  left: 10px;
  vertical-align: middle;
  content: "\e993";
  font-family: 'IconFont';
  font-size: 26px;
  color: var(--lvh-x-green);
}
arrival-message .inner-wrap .injected-template.block.job-applications .tick {
  position: absolute;
  top: 10px;
  left: 10px;
}
arrival-message .inner-wrap .injected-template.block p {
  font-size: 13px;
  line-height: 24px;
}
arrival-message .inner-wrap .injected-template.block a {
  display: inline-block;
  text-decoration: underline;
  font-weight: 700;
}
arrival-message .inner-wrap .injected-template.block a:hover,
arrival-message .inner-wrap .injected-template.block a:active,
arrival-message .inner-wrap .injected-template.block a:focus {
  text-decoration: none;
}
arrival-message .inner-wrap .injected-template .close {
  position: absolute;
  top: 17px;
  right: 20px;
}
arrival-message .inner-wrap .injected-template.job-matching {
  max-height: 185px;
}
@media (max-width: 991px) {
  arrival-message .inner-wrap .injected-template.job-matching {
    max-height: initial;
  }
}
arrival-message .inner-wrap .injected-template.job-matching .company-logo {
  float: left;
}
@media (max-width: 991px) {
  arrival-message .inner-wrap .injected-template.job-matching .company-logo {
    display: none;
  }
}
arrival-message .inner-wrap .injected-template.job-matching .matching-content {
  float: right;
  width: 87%;
}
@media (max-width: 991px) {
  arrival-message .inner-wrap .injected-template.job-matching .matching-content {
    float: initial;
    width: initial;
  }
}
arrival-message .inner-wrap .injected-template.job-matching .matching-actions a {
  margin-right: 5px;
}
@media (max-width: 991px) {
  arrival-message .inner-wrap .injected-template.job-matching .matching-actions a {
    display: block;
    margin-top: 5px;
  }
}
arrival-message .inner-wrap .injected-template.job-matching:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}

external-links .link-builder {
  position: relative;
  margin: 20px 0 0;
}
@media (max-width: 991px) {
  external-links .link-builder {
    margin: 15px 0 0;
  }
}
external-links .link-builder:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
external-links .link-builder .external-types {
  float: left;
  width: 200px;
  margin: 0 10px 0 0;
}
@media (max-width: 991px) {
  external-links .link-builder .external-types {
    width: 100%;
    margin: 0;
  }
}
external-links .link-builder .external-types .popdown.validation-error .popdown-clickable {
  border: 1px solid var(--lvh-validation-red-dark);
}
external-links .link-builder .external-types .popdown-clickable {
  padding: 6px 20px 6px 8px;
}
@media (max-width: 991px) {
  external-links .link-builder .external-types .popdown-clickable {
    padding: 10px 20px 10px 8px;
    width: 100%;
  }
}
external-links .link-builder .external-types .option-name {
  line-height: 25px;
}
external-links .link-builder .username {
  float: left;
  width: calc(100% - 310px);
}
@media (max-width: 991px) {
  external-links .link-builder .username {
    width: 100%;
    margin: 0 0 10px;
  }
}
external-links .link-builder .button {
  position: absolute;
  top: 0;
  right: 0;
  width: 90px;
}
@media (max-width: 991px) {
  external-links .link-builder .button {
    position: static;
    width: 100%;
    margin: 0;
  }
}
external-links .link-builder .button > .label {
  line-height: 23px;
}
external-links .added-links .item {
  position: relative;
  padding: 15px 0;
  border-bottom: 1px solid var(--lvh-x-pale-grey);
}
external-links .added-links .item:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
external-links .added-links .item:last-child {
  margin: 0;
  padding: 15px 0 0;
  border-bottom: none;
}
external-links .added-links .item .selection:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
external-links .added-links .item .selection .link-builder {
  margin: 0;
}
external-links .added-links .item .selection social-icon {
  float: left;
  margin: 0 10px 0 8px;
}
external-links .added-links .item .selection .linkUrl {
  float: left;
  width: auto;
  max-width: 580px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 4px 0 0;
  color: var(--lvh-x-mesh-dark);
}
@media (max-width: 991px) {
  external-links .added-links .item .selection .linkUrl {
    width: calc(100% - 90px);
    max-width: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
    font-size: 16px;
  }
}
external-links .added-links .item .rhs {
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: var(--lvh-x-shark-dark);
}
@media (max-width: 991px) {
  external-links .added-links .item .rhs {
    right: 7px;
  }
}
external-links .added-links .item .rhs ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
external-links .added-links .item .rhs ul li {
  float: left;
}
external-links .added-links .item .rhs ul li:not(:first-child) {
  margin: 0 0 0 12px;
}
external-links .added-links .item .rhs ul li:hover i {
  color: var(--lvh-x-mesh-dark);
}
external-links .added-links .item .rhs ul li:hover i.delete-icon {
  color: var(--lvh-x-ripe);
}

browse-talent-communities .talent-communities {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 30px;
  border-radius: 3px;
  background-color: var(--lvh-x-pale-blue);
}
browse-talent-communities .talent-communities .text {
  order: 2;
}
browse-talent-communities .talent-communities .text h3 {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: normal;
}
browse-talent-communities .talent-communities .text p {
  font-size: 14px;
}
browse-talent-communities .talent-communities a {
  order: 3;
  margin-left: auto;
}
browse-talent-communities .talent-communities img {
  order: 1;
  height: 60px;
  width: 60px;
  margin-right: 15px;
}
@media (max-width: 991px) {
  browse-talent-communities .talent-communities {
    flex-direction: column;
  }
  browse-talent-communities .talent-communities .text {
    text-align: center;
  }
  browse-talent-communities .talent-communities a {
    margin: 20px 0;
  }
  browse-talent-communities .talent-communities img {
    margin: 0;
    margin-bottom: 10px;
  }
}

job-alert-preferences-modal-ng1 .content {
  padding: 20px 30px;
}
job-alert-preferences-modal-ng1 .toggle-wrap {
  display: flex;
  align-items: center;
  gap: 0 10px;
}
job-alert-preferences-modal-ng1 .row.button-row {
  margin-top: 40px;
}