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

  TOP JOBS WIDGET
  
----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------

  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
 */
/*! 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;
}
.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);
}
.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;
  }
}
.job-listing {
  display: block;
  min-height: 132px;
  padding: 15px 20px;
  margin: 0;
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-paler-grey);
  border-radius: 3px;
  box-sizing: border-box;
  list-style: none;
  position: relative;
}
@media (max-width: 991px) {
  .job-listing {
    min-height: 0;
    width: 100%;
    display: table;
  }
}
.job-listing:hover {
  background-color: var(--lvh-white98);
}
.job-listing:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.job-listing .cc-status-tag {
  float: none;
  display: inline-block;
}
.job-listing .attributes {
  display: block;
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  color: var(--lvh-secondary-text);
  cursor: inherit;
}
.job-listing h3 {
  margin: 0 0 10px 0;
  font-weight: 700;
  font-size: 17px;
  color: var(--lvh-x-dark-grey);
  line-height: 1.4;
  cursor: inherit;
  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;
    }*/
}
.job-listing h3 b {
  background-color: var(--lvh-x-highlight);
}
@media (max-width: 991px) {
  .job-listing h3 {
    font-size: 15px;
  }
}
.job-listing .description-wrap {
  width: 100%;
  padding: 0 320px 0 0;
  box-sizing: border-box;
  cursor: inherit;
}
@media (max-width: 991px) {
  .job-listing .description-wrap {
    padding: 0;
  }
}
.job-listing .description-wrap .description {
  max-height: 40px;
  overflow: hidden;
  margin: 0;
  line-height: 1.6;
  color: var(--lvh-secondary-text);
  cursor: inherit;
}
.job-listing .description-wrap .description b {
  font-weight: unset;
  color: var(--lvh-x-dark-grey);
  background-color: var(--lvh-x-highlight);
}
@media (max-width: 991px) {
  .job-listing .description-wrap .description {
    display: none;
  }
}
.job-listing .highlights-wrap {
  float: right;
  cursor: inherit;
}
@media (max-width: 991px) {
  .job-listing .highlights-wrap {
    float: none;
    display: table-footer-group;
  }
}
.job-listing .highlights-wrap:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.job-listing .highlights {
  float: right;
  margin: 0;
  padding: 0;
  width: 190px;
  cursor: inherit;
}
@media (max-width: 991px) {
  .job-listing .highlights {
    float: left;
    width: 100%;
  }
}
.job-listing .highlight {
  margin: 0;
  list-style: none;
  padding: 10px 2px;
  position: relative;
  display: block;
  color: var(--lvh-secondary-text);
  cursor: inherit;
}
@media (max-width: 991px) {
  .job-listing .highlight {
    float: left;
  }
}
.job-listing .highlight:first-child,
.job-listing .highlight:last-child {
  padding: 0 2px 10px 2px;
}
.job-listing .highlight:last-child {
  padding: 10px 2px 0 2px;
}
@media (max-width: 991px) {
  .job-listing .highlight:last-child {
    padding: 0;
  }
}
.job-listing .highlight:only-child {
  padding: 0 2px;
}
.job-listing .highlight:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.job-listing .highlight:not(:last-child) {
  border-bottom: 1px solid var(--lvh-x-paler-grey);
}
@media (max-width: 991px) {
  .job-listing .highlight:not(:last-child) {
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
    border: none;
  }
}
@media (max-width: 991px) {
  .job-listing .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;
  }
}
.job-listing .highlight .icon {
  float: left;
  font-size: 12px;
  line-height: 20px;
  color: var(--lvh-bright-blue);
  margin: 0 10px 0 0;
  cursor: inherit;
}
@media (max-width: 991px) {
  .job-listing .highlight .icon {
    display: none;
  }
}
.job-listing .highlight > .value,
.job-listing .highlight .cc-tooltip {
  float: left;
  width: calc(100% - 26px);
  cursor: inherit;
}
.job-listing .highlight .value {
  font-weight: 600;
  line-height: 20px;
  white-space: nowrap;
  cursor: inherit;
}
@media (min-width: 992px) {
  .job-listing .highlight .value {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media (max-width: 991px) {
  .job-listing .highlight .value {
    float: none;
    width: auto;
  }
}
/* -----------------------------------------------------------------------------

  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);
}
/* -----------------------------------------------------------------------------

  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;
  }
}
.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;
}
.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;
  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;
  }
}
.callout.cc-action-callout .cc-callout.visible {
  display: block;
}
.callout.cc-action-callout .cc-callout-tip.top {
  top: 6px;
}
.callout.cc-action-callout .cc-callout-body {
  margin-top: 10px;
}
.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;
}
.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;
}
.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;
}
.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);
}
.callout.cc-action-callout .menuItem.cancel {
  display: none;
}
.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;
}
.cc-user-account-menu .trigger .icon {
  font-size: 7px;
}
.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);
}
#top-jobs-widget #widget-header {
  margin: 0 0 15px 0;
}
#top-jobs-widget #widget-header:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#top-jobs-widget #widget-header .row {
  float: left;
  width: 100%;
}
#top-jobs-widget #widget-header .row:not(:last-child) {
  margin: 0 0 20px 0;
}
#top-jobs-widget h2 {
  margin: 0;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--lvh-x-dark-grey);
}
#top-jobs-widget h2 > em {
  font-style: normal;
  color: var(--lvh-bright-blue);
}
#top-jobs-widget #job-count {
  float: left;
  font-size: 16px;
  line-height: 20px;
}
#top-jobs-widget #job-count .count {
  color: var(--lvh-x-mid-grey);
}
#top-jobs-widget #job-count .separator {
  font-style: normal;
  margin: 0 10px;
  color: var(--lvh-x-shark-dark);
}
#top-jobs-widget .cc-user-account-menu {
  float: right;
}
#top-jobs-widget .cc-user-account-menu .cc-callout {
  margin-right: 0;
}
#top-jobs-widget .job-listing {
  margin: 0 0 20px 0;
  cursor: pointer;
}
@media (max-width: 991px) {
  #top-jobs-widget .job-listing {
    margin: 0 0 10px 0;
  }
}
#top-jobs-widget #show-more-button {
  display: block;
  outline: none;
  background: none;
  padding: 15px 20px;
  font-size: 17px;
  font-weight: 700;
  color: var(--lvh-bright-blue);
  background-color: var(--lvh-white);
  border: 1px solid var(--lvh-x-paler-grey);
  border-radius: 3px;
  box-sizing: border-box;
  position: relative;
  text-align: center;
}