﻿@charset "UTF-8";
/*
 * ---------------------------------------------------------------------------
 *
 *                         Optimised RESS solution
 *                        jonathan.heron@bluecube.ie
 *
 * ---------------------------------------------------------------------------
 *
 * This mixin is used to output media queries for each of our target device profiles.
 * Example:
 *         @include respond-to(desktop) {
 *           font-size:      16px;
 *         }
 *
 * Note that the current possible options for respond-to are desktop|smartphone
 * and there is a matching top-level scss file for each, in which a @deviceprofile
 * variable is set to match. The $deviceprofile variable is used to restrict
 * what code gets output into the final CSS file.
 *
 * The intended use case is to have a desktop (ie. desktop) stylesheet
 * encompass all of the style necessary to have a responsive layout, while smaller
 * devices are sent a stylesheet that excludes styles within media queries that
 * will never be used (ie. styles for large screens). Server-side device
 * detection should be used to determine which CSS file is loaded.

 * This approach assumes the developer is coding in a mobile-first responsive
 * manner, which will keep the amount of logic to a minimum in the file.
 *
 * The mixin can either (A) be used nested within any given style, or
 * (B) all styles for a given media query can be grouped together at one
 * point in the CSS.
 *
 * Approach (A) is easier and faster to coding. However, it leaves numerous
 * duplicate media queries littered throughout the document, which increases
 * file size. I suspect however that gzip compression minimises the impact on
 * data size that's transfered to the device.
 *
 * Approach (B) is more time consuming to code, but much DRYer.
 *
*/
/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block; }

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: "museo-sans", helvetica, arial, sans-serif;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-font-smoothing: antialiased; }

/*
 * Removes default margin.
 */
body {
  margin: 0;
  padding: 0 !important; }

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */
h1 {
  font-size: 2em; }

/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/*
 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/*
 * Addresses styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

/*
 * Sets consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/*
 * Addresses inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * Removes border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
  width: 100%; }

/*
 * Corrects overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  border-radius: 0; }

/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
input[disabled] {
  cursor: default; }

/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/*
 * Removes inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

#global-header, #global-nav .dropdown .inner-wrapper, #sign-in-popover form, #global-footer, .footer-column.learn-more, #home-search, .job-options, .job-sharing, ul.job-overview, .job-cta, ul.similar-job-listings, ul.similar-job-listings li, .module.narrow ul.similar-job-listings li, .refine-option ul li, ul.show-count, .job-result-logo-title, .refine-option-toggle, .job-result-overview, .job-wrap, .sign-in-form, .registration-form,
.account-settings-form, .registration-form .form-row.centered,
.account-settings-form .form-row.centered, .form-row, #profile, #lhs-fix-wrap, #lhs-user-options, .lhs-avatar-username-logout, .user-page, .page-heading, .page-heading.with-icon .icon, .visibility-dropdown-list ul, .section-heading, .profile-progression, .profile-progression .progress-buttons, section.your-info, .your-info-contact-details, .your-info-contact-details ul, section.location, section.professional-qualifications, section.professional-associations, section.additional-content, .additional-content-listing ul, .additional-content-listing ul li, .import-cv, .company-review, .profile-form-elements, .profile-form-elements .form-row, section.location .profile-form-elements, .cv-wrap, .cv-wrap .cv-options, .job-alert-wrap .add.option, .add-new-job, .alert-name, #public-profile, #cv-preview, #cv-content-wrap, .cv-list-wrap ul li, .container, #breadcrumb, .column-wrap, .module, .module-content, .module-column, ul.job-listings li a, #jobs-wrap, .jobs-sector, .jobs-location, .jobs-location-list,
.jobs-sector-list {
  *zoom: 1; }
  #global-header:before, #global-nav .dropdown .inner-wrapper:before, #sign-in-popover form:before, #global-footer:before, .footer-column.learn-more:before, #home-search:before, .job-options:before, .job-sharing:before, ul.job-overview:before, .job-cta:before, ul.similar-job-listings:before, ul.similar-job-listings li:before, .module.narrow ul.similar-job-listings li:before, .refine-option ul li:before, ul.show-count:before, .job-result-logo-title:before, .refine-option-toggle:before, .job-result-overview:before, .job-wrap:before, .sign-in-form:before, .registration-form:before,
  .account-settings-form:before, .registration-form .form-row.centered:before,
  .account-settings-form .form-row.centered:before, .form-row:before, #profile:before, #lhs-fix-wrap:before, #lhs-user-options:before, .lhs-avatar-username-logout:before, .user-page:before, .page-heading:before, .page-heading.with-icon .icon:before, .visibility-dropdown-list ul:before, .section-heading:before, .profile-progression:before, .profile-progression .progress-buttons:before, section.your-info:before, .your-info-contact-details:before, .your-info-contact-details ul:before, section.location:before, section.professional-qualifications:before, section.professional-associations:before, section.additional-content:before, .additional-content-listing ul:before, .additional-content-listing ul li:before, .import-cv:before, .company-review:before, .profile-form-elements:before, .profile-form-elements .form-row:before, section.location .profile-form-elements:before, .cv-wrap:before, .cv-wrap .cv-options:before, .job-alert-wrap .add.option:before, .add-new-job:before, .alert-name:before, #public-profile:before, #cv-preview:before, #cv-content-wrap:before, .cv-list-wrap ul li:before, .container:before, #breadcrumb:before, .column-wrap:before, .module:before, .module-content:before, .module-column:before, ul.job-listings li a:before, #jobs-wrap:before, .jobs-sector:before, .jobs-location:before, .jobs-location-list:before,
  .jobs-sector-list:before, #global-header:after, #global-nav .dropdown .inner-wrapper:after, #sign-in-popover form:after, #global-footer:after, .footer-column.learn-more:after, #home-search:after, .job-options:after, .job-sharing:after, ul.job-overview:after, .job-cta:after, ul.similar-job-listings:after, ul.similar-job-listings li:after, .module.narrow ul.similar-job-listings li:after, .refine-option ul li:after, ul.show-count:after, .job-result-logo-title:after, .refine-option-toggle:after, .job-result-overview:after, .job-wrap:after, .sign-in-form:after, .registration-form:after,
  .account-settings-form:after, .registration-form .form-row.centered:after,
  .account-settings-form .form-row.centered:after, .form-row:after, #profile:after, #lhs-fix-wrap:after, #lhs-user-options:after, .lhs-avatar-username-logout:after, .user-page:after, .page-heading:after, .page-heading.with-icon .icon:after, .visibility-dropdown-list ul:after, .section-heading:after, .profile-progression:after, .profile-progression .progress-buttons:after, section.your-info:after, .your-info-contact-details:after, .your-info-contact-details ul:after, section.location:after, section.professional-qualifications:after, section.professional-associations:after, section.additional-content:after, .additional-content-listing ul:after, .additional-content-listing ul li:after, .import-cv:after, .company-review:after, .profile-form-elements:after, .profile-form-elements .form-row:after, section.location .profile-form-elements:after, .cv-wrap:after, .cv-wrap .cv-options:after, .job-alert-wrap .add.option:after, .add-new-job:after, .alert-name:after, #public-profile:after, #cv-preview:after, #cv-content-wrap:after, .cv-list-wrap ul li:after, .container:after, #breadcrumb:after, .column-wrap:after, .module:after, .module-content:after, .module-column:after, ul.job-listings li a:after, #jobs-wrap:after, .jobs-sector:after, .jobs-location:after, .jobs-location-list:after,
  .jobs-sector-list:after {
    content: "";
    display: table; }
  #global-header:after, #global-nav .dropdown .inner-wrapper:after, #sign-in-popover form:after, #global-footer:after, .footer-column.learn-more:after, #home-search:after, .job-options:after, .job-sharing:after, ul.job-overview:after, .job-cta:after, ul.similar-job-listings:after, ul.similar-job-listings li:after, .module.narrow ul.similar-job-listings li:after, .refine-option ul li:after, ul.show-count:after, .job-result-logo-title:after, .refine-option-toggle:after, .job-result-overview:after, .job-wrap:after, .sign-in-form:after, .registration-form:after,
  .account-settings-form:after, .registration-form .form-row.centered:after,
  .account-settings-form .form-row.centered:after, .form-row:after, #profile:after, #lhs-fix-wrap:after, #lhs-user-options:after, .lhs-avatar-username-logout:after, .user-page:after, .page-heading:after, .page-heading.with-icon .icon:after, .visibility-dropdown-list ul:after, .section-heading:after, .profile-progression:after, .profile-progression .progress-buttons:after, section.your-info:after, .your-info-contact-details:after, .your-info-contact-details ul:after, section.location:after, section.professional-qualifications:after, section.professional-associations:after, section.additional-content:after, .additional-content-listing ul:after, .additional-content-listing ul li:after, .import-cv:after, .company-review:after, .profile-form-elements:after, .profile-form-elements .form-row:after, section.location .profile-form-elements:after, .cv-wrap:after, .cv-wrap .cv-options:after, .job-alert-wrap .add.option:after, .add-new-job:after, .alert-name:after, #public-profile:after, #cv-preview:after, #cv-content-wrap:after, .cv-list-wrap ul li:after, .container:after, #breadcrumb:after, .column-wrap:after, .module:after, .module-content:after, .module-column:after, ul.job-listings li a:after, #jobs-wrap:after, .jobs-sector:after, .jobs-location:after, .jobs-location-list:after,
  .jobs-sector-list:after {
    clear: both; }

#global-header {
  border-bottom: 4px solid #11bff3;
  text-transform: uppercase;
  background: #202020;
  /* Old browsers */
  background: -moz-linear-gradient(top, #202020 0%, #010101 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #202020), color-stop(100%, #010101));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #202020 0%, #010101 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #202020 0%, #010101 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #202020 0%, #010101 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #202020 0%, #010101 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202020', endColorstr='#010101',GradientType=0 );
  /* IE6-9 */ }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #global-header {
      min-width: 940px; } }

#global-logo {
  float: left;
  margin: 0.6em 0 0.8em; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #global-logo {
      margin: 1.6em 0 0; } }

body.unsubscribe {
  background-color: #202020;
  color: white;
  min-width: 320px;
  height: 100%;
  min-height: 100vh; }
  body.unsubscribe div.container {
    width: 100%; }
  body.unsubscribe div.unsubscribe {
    width: 85%;
    padding-right: 15%;
    padding-top: 20%;
    box-sizing: border-box;
    min-width: 280px;
    margin: 0 auto;
    position: absolute;
    top: 20%;
    left: 15%;
    min-height: 75px;
    text-align: center; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      body.unsubscribe div.unsubscribe {
        padding-top: 7%;
        top: 23%; } }
    body.unsubscribe div.unsubscribe h1 {
      color: white;
      font-size: 1em; }
      @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
        body.unsubscribe div.unsubscribe h1 {
          font-size: 1.5em; } }
    body.unsubscribe div.unsubscribe input[type="button"] {
      border: 0;
      background: none;
      box-shadow: none;
      border-radius: 3px;
      background-color: #11bff3;
      padding: 10px 50px;
      width: 80%;
      max-width: 300px;
      color: white; }
  body.unsubscribe header#global-header {
    min-width: 100%; }

.unsubscribe #global-logo {
  margin: 0.6em 0 0.8em;
  float: none; }
  .unsubscribe #global-logo a {
    margin: 0 auto; }

.lt-ie8 #global-logo {
  margin-top: 2.6em; }

#global-logo a {
  background: url(../img/logos/irishjobs-logo.png) no-repeat 0 0;
  background-size: 150px 37px;
  -webkit-background-size: 150px 31px;
  width: 150px;
  height: 40px;
  display: block;
  text-indent: -9999em; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #global-logo a {
      width: 252px;
      height: 52px;
      background-size: 100%;
      -webkit-background-size: 100%; } }

#global-user-options {
  float: right;
  font-size: 1em;
  line-height: 1;
  margin: 1em 0 0;
  width: 100%;
  position: relative;
  z-index: 500; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #global-user-options {
      width: auto; } }

.lt-ie8 #global-user-options {
  padding-top: 1em;
  margin-bottom: 1em;
  margin-top: 0.8em; }

#global-nav {
  float: right;
  clear: right;
  font-size: 1.2em;
  margin-top: 1em;
  position: relative;
  z-index: 20; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #global-nav {
      margin-top: 0.7em; } }

.lt-ie8 #global-nav {
  margin-top: 0; }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  #global-nav ul.global-nav-main li {
    float: left; } }

#global-nav ul.global-nav-main .dropdown ul li {
  float: none; }

#global-nav ul {
  display: none;
  margin: 0 0 1em 0;
  padding-top: 1em;
  clear: both; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #global-nav ul {
      display: block;
      margin: 0;
      clear: none;
      padding-top: 0; } }

#global-nav ul.open {
  display: block; }

.lt-ie8 #global-nav ul {
  width: 500px;
  float: right; }

#global-user-options ul {
  float: right;
  margin: 0; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #global-user-options ul {
      float: none; } }

#global-nav li.filter {
  position: relative; }

#global-nav li.filter .dropdown {
  display: none; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #global-nav li.filter .dropdown {
      display: block;
      position: absolute;
      background: #070707;
      left: -9999em;
      top: 100%;
      width: 530px;
      display: none;
      text-transform: none;
      border-bottom: 4px solid #11BFF3;
      border-top: 4px solid #11BFF3;
      z-index: 9999; } }

/* line 147, ../sass/components/_header.scss */
#global-nav li.filter .dropdown.narrow {
  display: none; }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  /* line 147, ../sass/components/_header.scss */
  #global-nav li.filter .dropdown.narrow {
    width: 250px; } }

/* line 153, ../sass/components/_header.scss */
#global-nav li.filter .dropdown.narrow ul {
  width: 185px; }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  /* line 158, ../sass/components/_header.scss */
  #global-nav li.filter .dropdown.narrow.last {
    margin-left: -70px; } }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  #global-nav li:hover a,
  #global-nav li a.active {
    background: url(../img/icons/arrow-up.png) no-repeat center bottom; } }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  #global-nav li.filter:hover .dropdown {
    top: 100%;
    left: -15px;
    display: block; } }

#global-nav .dropdown h3 {
  color: #fff;
  font-size: 0.875em;
  text-transform: uppercase;
  margin-bottom: 1.5em; }

#global-nav .dropdown .inner-wrapper {
  padding: 2em 2em 1.5em; }

.dropdown .left {
  float: left;
  width: 55%; }

.dropdown .right {
  float: right;
  width: 38%; }

#global-nav .dropdown ul {
  font-size: 0.85em;
  line-height: 1.4em; }

#global-nav .dropdown ul li {
  background: url(../img/icons/arrow-blue.png) no-repeat left 3px;
  margin-bottom: 0.9em;
  line-height: 1.2em;
  padding: 0 0 0 20px;
  text-align: left; }

#global-nav .dropdown ul li a {
  padding: 0;
  background: none; }

#global-nav .dropdown ul li,
#global-nav .dropdown ul li.view-all {
  padding: 0 0 0 20px;
  display: block; }

#global-nav .dropdown ul li.view-all {
  margin: 1.6em 0 0; }

#global-nav .dropdown ul li.view-all a {
  padding: 0;
  color: #11bff3; }

#global-user-options ul li, #global-nav ul li {
  margin: 0;
  position: relative;
  display: inline-block;
  zoom: 1;
  *display: inline; }
  #global-user-options ul li a, #global-nav ul li a {
    color: #fff;
    text-decoration: none;
    font-weight: 700; }

#global-nav ul li {
  padding: 0;
  display: block;
  text-align: right;
  line-height: 0.9em; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #global-nav ul li {
      text-align: left;
      display: inline-block;
      zoom: 1;
      *display: inline; } }

#global-nav ul li a {
  padding: 0.5em 0;
  display: block; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #global-nav ul li a {
      padding: 23px 14px 17px; } }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  #global-nav ul li:last-child a {
    padding-right: 0; } }

#global-user-options ul li {
  border-right: 1px solid #fff;
  margin-right: 0.8em;
  padding-right: 0.8em; }
  #global-user-options ul li a:hover {
    text-decoration: underline; }

#global-user-options ul li:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: 0; }

#global-user-options .global-username {
  /*display: none;*/ }
  #global-user-options .global-username a {
    color: #cad466; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #global-user-options .global-username {
      display: inline-block;
      zoom: 1;
      *display: inline; } }

#global-user-options .user-avatar {
  padding: 3px 10px 1px 25px;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position-x: 2px;
  background-position-y: -1px;
  background-color: #11bff3;
  color: #fff;
  line-height: 1.4em;
  font-weight: 700;
  border-right: 0px solid #11bff3;
  border-radius: 6px; }

#mobile-toggle {
  background: #11bff3 url(../img/icons/arrow-dropdown-white.png) no-repeat 90% 50%;
  color: #fff;
  font-size: 0.75em;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 0.3em 1.8em 0.25em 0.6em;
  cursor: pointer;
  float: right;
  border-radius: 6px; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #mobile-toggle {
      display: none; } }

/*.popover {
  position: absolute;
  top: auto;
  right: -70px;
  z-index: 1010;
  display: none;
  width: 280px;
  padding: 1px;
  text-align: left;
  background-color: #f5f5f5;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border: 2px solid #ccc;
  border: 2px solid rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);
  white-space: normal;

  @include media(large) {
  	width: 340px;
	height: 180px;
  }

}

.popover.bottom {
  margin-top: 10px;
}

.popover .arrow,
.popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover .arrow {
  border-width: 11px;
}

.popover .arrow:after {
  border-width: 10px;
  content: "";
}

.popover.bottom .arrow {
  right: 25%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}

.popover.bottom .arrow:after {
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #F5F5F5;
}*/
#sign-in-popover form {
  padding: 20px;
  width: auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(/js/vendor/boxsizing.htc); }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #sign-in-popover form {
      padding: 30px; } }
  #sign-in-popover form input[type="text"], #sign-in-popover form input[type="password"] {
    display: block;
    width: 100%;
    padding: 0 10px;
    height: 32px;
    line-height: 30px;
    margin-bottom: 15px;
    font-size: 1.125em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(/js/vendor/boxsizing.htc); }
  #sign-in-popover form .sign-in-button {
    font-size: 0.875em;
    font-weight: 900;
    line-height: 1;
    color: #fff;
    border: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 9px 27px 7px 12px;
    background: #11bff3 url(../img/icons/arrow-white-tri.png) no-repeat right center;
    display: inline-block;
    zoom: 1;
    *display: inline;
    float: left;
    font-weight: 500; }
    #sign-in-popover form .sign-in-button:hover {
      background-color: #0a9bc7; }
  #sign-in-popover form a {
    color: #787878 !important;
    text-transform: none;
    float: right; }

.lt-ie8 #sign-in-popover form input[type="text"],
.lt-ie8 #sign-in-popover form input[type="password"] {
  width: auto; }

div#page + img {
  display: block; }

.typeahead {
  background-color: #fff; }

.typeahead,
.tt-query,
.tt-hint {
  width: 396px;
  height: 30px;
  padding: 8px 12px;
  font-size: 24px;
  line-height: 30px;
  border: 2px solid #ccc; }

span.twitter-typeahead {
  width: 100%; }

.search-job-group i {
  z-index: 1;
  top: 13px; }

.tt-hint {
  color: #999; }

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.tt-menu {
  width: 100%;
  margin: -17px 0;
  padding: 0px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -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);
  box-sizing: border-box; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .tt-menu {
      margin: -15px 0; } }

.tt-suggestion {
  padding: 10px 20px;
  font-size: 16px;
  line-height: 24px;
  border-bottom: 1px solid #EFEFEF; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .tt-suggestion {
      font-size: 16px;
      border-bottom: 0px;
      padding: 7px 20px; } }
  .tt-suggestion:hover {
    cursor: pointer;
    color: #323232;
    background-color: #EFEFEF; }

.tt-suggestion.tt-cursor {
  color: #323232;
  background-color: #EFEFEF; }

.tt-suggestion p {
  margin: 0; }

/* Clear button styles
--------------------------------------------- */
.clearable {
  position: relative;
  display: inline-block; }

.clearable input[type=text] {
  padding-right: 24px;
  width: 100%;
  box-sizing: border-box; }

.clearable__clear {
  display: none;
  position: absolute;
  top: 1px;
  right: 1px;
  padding: 1px 7px;
  line-height: 36px;
  background: #ffffff;
  overflow: hidden;
  color: #CECECE;
  font-style: normal;
  font-size: 1.5em;
  user-select: none;
  cursor: pointer; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .clearable__clear {
      top: 1px;
      right: 1px;
      padding: 0px 7px;
      line-height: 38px; } }

.autosuggest-loader {
  position: absolute;
  top: 14px;
  padding: 1px 7px;
  right: 18px;
  background: url(../images/CloudPicker/loader-grey.gif) no-repeat 0 0;
  background-size: 15px 15px;
  -webkit-background-size: 15px 15px;
  width: 15px;
  height: 15px; }

.clearable input::-ms-clear {
  /* Remove IE default X */
  display: none; }

@media (max-width: 766px) {
  .tt-suggestion {
    display: none; }
  .tt-suggestion:nth-of-type(1),
  .tt-suggestion:nth-of-type(2),
  .tt-suggestion:nth-of-type(3) {
    display: block; } }

#global-footer {
  color: #fff;
  background: black;
  padding-bottom: 1em;
  width: 100%;
  z-index: 20; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #global-footer {
      min-width: 940px; } }

#global-footer h4 {
  color: #fff;
  font-size: 0.875em;
  text-transform: uppercase;
  margin: 2.3em 0 0.6em; }

#global-footer p,
#global-footer ul {
  font-size: 0.6875em;
  line-height: 1.4; }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .footer-column.learn-more {
    width: 26%; } }

.footer-column.learn-more ul {
  float: left;
  width: 48%;
  margin: 0 2% 0 0;
  padding: 0;
  list-style: none; }

#global-footer ul + ul {
  margin-right: 0; }

#global-footer a {
  color: #fff;
  text-decoration: none; }

#global-footer .footer-column.partner-sites a {
  color: #11bff3; }

.footer-column {
  clear: both; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .footer-column {
      clear: none;
      width: 28%;
      margin-right: 2%;
      float: left; } }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .footer-column.connect-with-us {
    width: 17%;
    margin-right: 0;
    float: right; } }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .lt-1e8 .footer-column.connect-with-us {
    width: 18%;
    margin-right: 0; } }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .footer-column.about-us {
    width: 20%; } }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .footer-column.partner-sites {
    width: 29%; } }

.footer-column.partner-sites .map-container {
  background: url(../img/backgrounds/footer-map.png) no-repeat right 0em;
  padding-right: 155px;
  min-height: 69px; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .footer-column.partner-sites .map-container {
      background-position: right 0.5em; } }

.footer-column .social-icons {
  margin: 0;
  width: auto; }

.footer-column .social-icons ul {
  float: left;
  margin: 0; }

.lt-ie8 .footer-column .social-icons {
  float: left;
  margin-left: 0; }

.lt-ie8 .footer-column .social-icons ul {
  width: auto; }

.footer-column .social-icons ul li {
  margin-left: 0;
  margin-right: 5px; }

.footer-column5 {
  display: block;
  width: 100%; }
  .footer-column5 ul li {
    list-style-type: none;
    margin-left: -12px !important; }

@media only screen and (min-width: 468px), screen and (device-height: 767px) and (orientation: landscape) {
  .footer-column5 {
    width: 47.5%;
    margin: 0 1% 0 1.5%;
    float: left; } }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .footer-column5 {
    width: 17.5%;
    margin: 0 1% 0 1.5%;
    float: left; } }

#app-footer {
  color: #fff;
  font-family: 'museo-sans', Arial, sans-serif;
  font-size: 1.6em;
  min-height: 40px;
  padding: 15px 0 15px 0;
  text-align: center;
  text-transform: uppercase;
  background: #323232;
  background: -moz-linear-gradient(left, #323232 0%, #6d6d6d 48%, #323232 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #323232), color-stop(48%, #6d6d6d), color-stop(100%, #323232));
  background: -webkit-linear-gradient(left, #323232 0%, #6d6d6d 48%, #323232 100%);
  background: -o-linear-gradient(left, #323232 0%, #6d6d6d 48%, #323232 100%);
  background: -ms-linear-gradient(left, #323232 0%, #6d6d6d 48%, #323232 100%);
  background: linear-gradient(to right, #323232 0%, #6d6d6d 48%, #323232 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323232', endColorstr='#323232', GradientType=1 ); }
  #app-footer p {
    margin-top: 0.5em; }

#app-links img {
  width: 120px !important;
  height: auto !important; }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  #app-footer div img, #app-footer div p {
    float: left;
    padding: 0 20px;
    width: auto; }
  #app-links {
    margin: 0 auto;
    width: 550px;
    min-height: 40px; }
  #app-links img {
    min-height: 42px;
    width: 100%;
    padding: 0 !important; } }

#home-search {
  background: #11bff3;
  position: relative;
  z-index: 15; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #home-search {
      background: #323232;
      min-width: 940px;
      height: 332px; } }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  #home-search .container {
    background: url(../img/backgrounds/home_message.gif) no-repeat right top;
    min-height: 330px;
    padding: 0; } }

/**Home brandbox 1*/
@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  /* line 15, ../sass/components/_homepage.scss */
  #home-search .container.homepage1 {
    min-height: 330px;
    padding: 0; } }

/**Home brandbox 2*/
@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  /* line 15, ../sass/components/_homepage.scss */
  #home-search .container.homepage2 {
    min-height: 330px;
    padding: 0; } }

/**Home brandbox 3*/
@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  #home-search .container.homepage3 {
    min-height: 330px;
    padding: 0;
    position: relative; } }

.brand-box-img {
  position: absolute;
  top: 0px;
  left: 254px;
  z-index: 6;
  width: 686px; }
  .brand-box-img img {
    max-width: 686px; }

@media (max-width: 767px) {
  .brand-box-img {
    display: none; } }

#search-job {
  background: #11bff3;
  margin: 0;
  padding-top: 0.9em;
  padding-bottom: 0.6em; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #search-job {
      width: auto;
      margin: 1.0625em 0 -1.5626em;
      position: relative;
      z-index: 15;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      padding-left: 20px;
      padding-right: 20px;
      display: block;
      float: left;
      margin-left: 0%;
      margin-right: -100%;
      width: 31.91489%; } }

#search-job label, #search-job select, #search-job input {
  width: 100%;
  margin: 0 0 1.2em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(/js/vendor/boxsizing.htc); }

#search-job input[type="text"] {
  padding: 9px 5px 8px 35px;
  line-height: 18px;
  height: 40px;
  /*text-transform: capitalize;*/
  font-size: 0.85em;
  border: 1px solid #CECECE; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #search-job input[type="text"] {
      padding: 9px 5px 8px 29px; } }

#search-job select {
  padding: 10px 40px 10px 10px;
  display: block;
  text-transform: capitalize;
  line-height: 20px;
  border-radius: 2px;
  border: none;
  font-size: 0.85em;
  background: white url(../img/icons/select-arrow.png) no-repeat scroll center right;
  -webkit-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  text-indent: .01px;
  -ms-text-overflow: '';
  -o-text-overflow: '';
  text-overflow: '';
  cursor: pointer; }

.lt-ie9 #search-job select {
  padding: 10px; }

#search-job label.search-job-heading {
  font-size: 0.9em;
  display: block;
  color: #323232;
  text-transform: capitalize;
  letter-spacing: 2px;
  margin: 0 0 1em; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #search-job label.search-job-heading {
      margin: 0.5em 0 1em; } }

#search-job label {
  font-size: 0.75em;
  margin-right: 2em;
  color: #fff;
  font-weight: 700;
  vertical-align: middle; }

.lt-ie8 #search-job label {
  vertical-align: middle; }

#search-job ul.checkboxes {
  margin: 0;
  padding: 0;
  list-style: none; }

#search-job ul.checkboxes li {
  padding-left: 20px; }

#search-job input[type="checkbox"] {
  width: auto;
  margin-right: 8px;
  display: inline-block;
  zoom: 1;
  *display: inline; }

#search-job input.search-job-btn {
  color: #fff;
  margin: 1.5em 0 1em;
  padding: 0.8em 0;
  border: 0;
  background: #1e1e1e;
  text-transform: none;
  font-size: 1rem;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

.inputcontainer {
  position: relative; }
  .inputcontainer .loader {
    display: none;
    border: 3px solid #1e1e1e;
    border-top: 3px solid #1e1e1e;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    animation: spin 2s linear infinite;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px; }

.loader-container {
  position: absolute;
  top: calc(50% - 32%);
  right: calc(50% - 60px); }

#searched-for .loader-container {
  top: calc(50% - 69%);
  right: calc(50% - 17%); }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #searched-for .loader-container {
      top: calc(50% - 13px);
      right: 8px; } }

#searched-for .inputcontainer .loader {
  border: 3px solid #11bff3;
  border-top: 3px solid #11bff3; }

.loader {
  position: relative;
  height: 20px;
  width: 20px;
  display: inline-block;
  animation: around 5.4s infinite; }

@keyframes around {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.loader::after, .loader::before {
  content: "";
  background: transparent;
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 100%;
  border-width: 2px;
  border-color: #fff #fff transparent transparent;
  border-style: solid;
  border-radius: 20px;
  box-sizing: border-box;
  top: 0;
  left: 0;
  animation: around 0.7s ease-in-out infinite; }

.loader::after {
  animation: around 0.7s ease-in-out 0.1s infinite;
  background: transparent; }

.lt-ie9 #search-job input.search-job-btn {
  height: 40px; }

.lt-ie8 #search-job input.search-job-btn {
  height: auto; }

#search-job input.search-job-bt span {
  background: url(../img/icons/search.png) no-repeat;
  width: 15px;
  height: 15px; }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  #home-message-link {
    float: right;
    position: relative;
    z-index: 16;
    height: 332px;
    width: 601px; } }

/* POPULAR SEARCHES STYLES */
.module-content-rec.popular-searches {
  padding-bottom: 1em; }

.popular-searches ul {
  color: #323232;
  float: left;
  font-size: 0.9em;
  list-style-type: none;
  margin-bottom: 0;
  margin-left: 0;
  width: calc(100% - 1.4em); }
  .popular-searches ul a, .popular-searches ul a:link {
    color: #323232; }
  .popular-searches ul a:hover, .popular-searches ul a:active {
    color: #11bff3; }
  .popular-searches ul li {
    line-height: 1.8em; }
  @media (min-width: 420px) {
    .popular-searches ul {
      float: left;
      margin-bottom: 0;
      margin-right: 1.2em;
      width: calc(50% - 1.4em); }
      .popular-searches ul a, .popular-searches ul a:link {
        color: #323232; }
      .popular-searches ul a:hover, .popular-searches ul a:active {
        color: #11bff3; } }
  @media (min-width: 630px) {
    .popular-searches ul {
      float: left;
      font-size: 0.75em;
      margin-bottom: 1em;
      margin-right: 1.2em;
      width: calc(25% - 1.4em); }
      .popular-searches ul a, .popular-searches ul a:link {
        color: #11bff3; }
      .popular-searches ul li {
        line-height: 1.6em; } }

/* END POPULAR SEARCHES STYLES */
#searched-for {
  background: #323232;
  padding: 0.6em 0; }

.cancel-show-search-form {
  cursor: pointer;
  float: right;
  display: none;
  /*@include media(large) {
		display: none;
	}*/ }

#searched-for #search-job {
  margin: 0;
  width: 100%;
  padding: 0;
  background: none; }

.toggle-form-elements {
  display: none; }
  .toggle-form-elements select {
    display: block !important; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .toggle-form-elements {
      display: block; } }

#searched-for #search-job select,
#searched-for #search-job input {
  width: 100%;
  margin: 0 0.5em 1em 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(/js/vendor/boxsizing.htc); }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #searched-for #search-job select,
    #searched-for #search-job input {
      width: 200px;
      margin: 0 0.5em 0 0;
      float: left; } }

#searched-for #search-job input[type="text"] {
  padding: 3px 5px 3px 35px;
  line-height: 18px;
  height: 34px;
  min-height: 34px;
  max-height: 34px;
  font-size: 1rem;
  border: 1px solid #cecece;
  text-transform: capitalize;
  float: left;
  border-radius: 2px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #searched-for #search-job input[type="text"] {
      padding-left: 29px; } }

.lt-ie9 #searched-for #search-job input[type="text"] {
  height: 22px; }

#searched-for #search-job select,
#searched-for #search-job .styled-select {
  width: 100%;
  clear: both;
  padding: 0 10px;
  text-transform: capitalize;
  line-height: 21px;
  border-radius: 2px;
  border: none;
  font-size: 1rem;
  background: white url(../img/icons/select-arrow-white.png) no-repeat scroll center right;
  -webkit-appearance: none;
  height: 34px; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #searched-for #search-job select,
    #searched-for #search-job .styled-select {
      width: 200px;
      float: left;
      clear: none; } }

.lt-ie9 #searched-for #search-job select.search-job-select {
  padding-right: 5px; }

.styled-select {
  border: 1px solid #dbdbdb;
  width: 100%;
  padding: 3px 4px 3px 10px;
  text-transform: capitalize;
  line-height: 20px;
  border-radius: 2px;
  font-size: 0.75em;
  background: white url(../img/icons/select-arrow-white.png) no-repeat scroll center right;
  -webkit-appearance: none; }

/*#searched-for #search-job label.search-job-heading {
	font-size: 1em;
	display: block;
	color: $black;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 0 0 1em;
	@include media(large) {
		margin: 0.5em 0 1em;
	}
}*/
#searched-for #search-job label {
  font-size: 0.75em;
  color: #fff;
  font-weight: 700;
  margin-right: 1em;
  margin-bottom: 0;
  vertical-align: middle;
  width: 80px; }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .checkbox-wrap {
    float: left;
    margin-top: 7px;
    margin-left: 6px; } }

#searched-for #search-job label {
  font-size: 0.75em;
  color: #fff;
  font-weight: 700;
  margin-right: 1em;
  margin-bottom: 0;
  vertical-align: middle; }

#searched-for #search-job .searched-for-heading {
  text-transform: capitalize; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #searched-for #search-job .searched-for-heading {
      margin-top: 4px;
      float: left;
      width: auto;
      display: none; } }

#searched-for #search-job ul.checkboxes {
  margin: 0;
  padding: 0;
  list-style: none; }

#searched-for #search-job ul.checkboxes li {
  padding-left: 20px; }

#searched-for #search-job input[type="checkbox"] {
  width: auto;
  margin-right: 0px;
  float: none;
  display: inline-block;
  zoom: 1;
  *display: inline; }

#searched-for #search-job input.search-job-btn {
  float: none;
  display: block;
  width: 120px;
  color: #fff;
  margin: 1em 0 0.5em;
  padding: 0;
  border: 0;
  background: #11bff3;
  text-transform: none;
  font-size: 1rem;
  border-radius: 6px;
  height: 34px; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #searched-for #search-job input.search-job-btn {
      float: right;
      margin: 0; } }

.lt-ie9 #searched-for #search-job input.search-job-btn {
  height: 22px !important; }

.lt-ie9 #searched-for #search-job .search-job-title {
  height: 14px;
  padding-top: 0px;
  padding-bottom: 4px; }

.search-job-group {
  display: inline-table;
  width: 100%; }
  .search-job-group i {
    position: absolute;
    z-index: 1;
    color: #a9a9a9;
    font-size: 17px;
    top: 11px;
    left: 11px; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .search-job-group i {
        top: 13px;
        font-size: 13px; } }

.search-job-group-search-form {
  position: relative;
  display: table;
  width: 100%; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .search-job-group-search-form {
      float: left;
      display: inline;
      width: auto; } }
  .search-job-group-search-form i {
    position: absolute;
    color: #a9a9a9;
    font-size: 16px;
    top: 13px;
    z-index: 1;
    left: 9px; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .search-job-group-search-form i {
        top: 8px;
        font-size: 16px; } }
  .search-job-group-search-form .tt-menu {
    margin: -14px 0; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .search-job-group-search-form .tt-menu {
        margin: 2px 0 0;
        width: 409px;
        border-radius: 2px; } }
  .search-job-group-search-form .clearable__clear {
    top: 1px;
    right: 1px;
    padding: 1px 7px;
    line-height: 40px;
    background: #ffffff;
    overflow: hidden; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .search-job-group-search-form .clearable__clear {
        top: 1px;
        right: 9px;
        padding: 4px 3px;
        line-height: 23px; } }
  .search-job-group-search-form .autosuggest-loader {
    top: 16px;
    right: 18px; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .search-job-group-search-form .autosuggest-loader {
        top: 10px;
        right: 16px; } }

[placeholder] {
  text-overflow: ellipsis; }

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  text-overflow: ellipsis; }

::-moz-placeholder {
  /* Firefox 19+ */
  text-overflow: ellipsis; }

:-ms-input-placeholder {
  /* IE 10+ */
  text-overflow: ellipsis; }

:-moz-placeholder {
  /* Firefox 18- */
  text-overflow: ellipsis; }

#searched-for #search-job input.search-job-bt span {
  background: url(../img/icons/search.png) no-repeat;
  width: 15px;
  height: 15px; }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .full-page {
    margin-bottom: 1em;
    display: block;
    float: left;
    margin-left: 0%;
    margin-right: -100%;
    width: 100.0%; } }

.full-page .module .module-content {
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 14px;
  padding-right: 14px; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .full-page .module .module-content {
      padding: 1em 3%; } }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .one-half {
    margin-bottom: 1em;
    display: block;
    float: left;
    margin-left: 0%;
    margin-right: -100%;
    width: 48.93617%; } }

.one-half .module .module-content {
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 14px;
  padding-right: 14px; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .one-half .module .module-content {
      padding: 1em 3%; } }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .two-half {
    margin-bottom: 1em;
    display: block;
    float: left;
    margin-left: 51.06383%;
    margin-right: -100%;
    width: 48.93617%;
    padding-left: 0%;
    padding-right: 0%; } }

.two-half .module .module-content {
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 14px;
  padding-right: 14px; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .two-half .module .module-content {
      padding: 1em 3%; } }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .three-quarters {
    margin-bottom: 2em;
    display: block;
    float: left;
    margin-left: 0%;
    margin-right: -100%;
    width: 74.46809%; } }

.three-quarters .module .module-content {
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 14px;
  padding-right: 14px; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .three-quarters .module .module-content {
      padding: 1em 3%; } }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .one-quarter {
    display: block;
    float: left;
    margin-left: 76.59574%;
    margin-right: -100%;
    width: 23.40426%;
    padding-left: 0%;
    padding-right: 0%; } }

.job-options {
  color: #323232;
  font-size: 0.75em;
  line-height: 1.9em;
  padding-top: 1.1em;
  padding-left: 14px;
  padding-right: 14px;
  margin-bottom: 0.5em;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .job-options {
      padding-left: 20px;
      padding-right: 20px; } }

.job-options a {
  color: #323232; }

.job-options a.return-to-job-search {
  float: left;
  width: 100%; }
  .job-options a.return-to-job-search:before {
    content: "< "; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .job-options a.return-to-job-search {
      width: 30%; } }

.job-sharing {
  list-style: none;
  width: 100%;
  float: left;
  clear: both;
  margin: 1em 0 0 0;
  padding: 0;
  font-size: 1em; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .job-sharing {
      width: 50%;
      margin: 0;
      float: right;
      clear: none; } }

.comp-social ul.job-sharing-dropdown {
  float: left; }
  .comp-social ul.job-sharing-dropdown li {
    width: auto !important;
    padding-left: 0px; }
    .comp-social ul.job-sharing-dropdown li:hover {
      color: #11bff3; }
    .comp-social ul.job-sharing-dropdown li i {
      padding-right: 5px; }
  .comp-social ul.job-sharing-dropdown .job-sharing {
    right: -43px; }
    .comp-social ul.job-sharing-dropdown .job-sharing:before {
      margin-left: 51px; }
    .comp-social ul.job-sharing-dropdown .job-sharing:after {
      margin-left: 52px; }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .company-details {
    width: 30%;
    float: left;
    border-right: 1px solid #dbdbdb;
    padding-right: 3%;
    margin-bottom: 1.4em; } }

.company-details img {
  max-width: 180px; }

.company-details h2 {
  margin: 0 0 0.2em 0; }

ul.company-contact-list {
  list-style: none;
  margin: 0 0 2em 0;
  line-height: 1.3em; }

ul.company-contact-list li {
  margin-bottom: 1em; }

.job-description ul.company-contact-list li {
  margin-bottom: 1em;
  width: 87%; }

ul.company-contact-list li.follow {
  background: url(../img/icons/peer.png) no-repeat left top;
  padding-left: 20px; }

ul.company-contact-list li.address {
  background: url(../img/icons/location-marker.png) no-repeat left top;
  padding-left: 18px; }

ul.company-contact-list li.telnum {
  background: url(../img/icons/phone.png) no-repeat left top;
  padding-left: 20px; }

ul.company-contact-list li.url {
  background: url(../img/icons/globe.png) no-repeat left top;
  padding-left: 20px;
  word-wrap: break-word;
  overflow: hidden; }

ul.company-contact-list li.email-icon {
  background: url(../img/icons/email.png) no-repeat left center;
  padding-left: 20px;
  word-wrap: break-word; }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .job-description {
    width: 63%;
    float: right;
    margin-bottom: 1.4em; } }

.job-description h1 {
  margin: 0 0 1rem;
  font-size: 1.5rem;
  line-height: 1.2;
  text-transform: none; }

.job-description h2 {
  font-size: 1.25rem;
  margin: 0 0 1rem;
  font-weight: 500;
  text-transform: none;
  letter-spacing: 1px; }

.job-description ul.job-overview {
  margin: 0em auto 2.1em auto;
  font-size: 0.875em; }
  .job-description ul.job-overview li {
    float: none;
    white-space: nowrap;
    line-height: 1.2; }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .job-description .save-job {
    float: left; } }

.border-wrap {
  border-bottom: 1px solid #dbdbdb;
  border-top: 1px solid #dbdbdb;
  padding: 1.3em 0 1em;
  margin-bottom: 1em;
  margin-top: 0.5em; }

.module.narrow .module-content,
.module.narrow h2 {
  padding-left: 14px;
  padding-right: 14px; }

.module.narrow .module-heading {
  padding-top: 1.2em;
  padding-bottom: 1em; }

ul.job-overview {
  width: 100%;
  font-size: 0.75em;
  margin: 0 0 1em 0;
  padding: 0;
  list-style: none; }

ul.job-overview li {
  float: left;
  margin-right: 4%;
  margin-bottom: 0.7em; }

.job-description ul.job-overview li {
  float: none; }

#application .job-details ul li, #application .job-details ol li {
  line-height: 1; }

ul.job-overview li.location {
  background: url(../img/icons/location-marker.png) no-repeat left top;
  padding-left: 20px; }

ul.job-overview li.salary {
  background: url(../img/icons/euro-sign.png) no-repeat left top;
  padding-left: 18px; }

ul.job-overview li.employment-type {
  background: url(../img/icons/brief-case.png) no-repeat left top;
  padding-left: 20px; }

ul.job-overview li.updated-time {
  background: url(../img/icons/clock-face.png) no-repeat left top;
  padding-left: 20px; }

ul.job-overview li.location a:link, ul.job-overview li.location a:visited, ul.job-overview li.location a:active {
  color: #787878; }

ul.job-overview li.location a:hover {
  color: #11bff3; }

.application-sent p {
  font-size: 16px;
  text-align: left;
  padding-left: 40px;
  margin: 0; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .application-sent p {
      padding-left: 50px; } }

.apply-now {
  font-size: 0.875em;
  font-weight: 900;
  line-height: 1;
  color: #fff;
  border: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 7px 27px 5px 12px;
  background: #11bff3 url(../img/icons/arrow-white-tri.png) no-repeat right center;
  display: inline-block;
  zoom: 1;
  border-radius: 6px; }

ul.job-sharing-dropdown {
  float: right;
  cursor: pointer;
  position: relative; }
  ul.job-sharing-dropdown li {
    list-style: none;
    font-size: 12px;
    color: #787878; }
    ul.job-sharing-dropdown li a {
      display: block;
      padding: 6px 0px 6px 12px;
      color: #787878;
      font-size: 14px; }
      ul.job-sharing-dropdown li a i {
        font-size: 21px; }
  ul.job-sharing-dropdown .addthis_button_facebook i {
    color: #425597; }
  ul.job-sharing-dropdown .addthis_button_twitter i {
    color: #6cadde; }
  ul.job-sharing-dropdown .addthis_button_google_plusone_share i {
    color: #d84437; }
  ul.job-sharing-dropdown .addthis_button_email i {
    color: #dfeb00; }
  ul.job-sharing-dropdown .job-sharing {
    background-clip: padding-box;
    background-color: #fff;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 6px 9px rgba(0, 0, 0, 0.2);
    border-radius: 0 0 2px 2px;
    padding: 4px 0;
    position: absolute;
    top: 36px;
    right: 0;
    z-index: 1;
    width: auto;
    min-width: 170px;
    white-space: nowrap; }
    ul.job-sharing-dropdown .job-sharing ul li {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; }

.job-sharing:after, .job-sharing:before {
  content: "";
  position: absolute;
  height: 0;
  width: 0; }

.job-sharing:before {
  border-color: transparent;
  border-style: solid;
  border-width: 0 10px;
  border-bottom: 10px #cdcfd2 solid;
  margin-left: 104px;
  top: -10px; }

.job-sharing:after {
  border-color: transparent;
  border-style: solid;
  border-width: 0 9px;
  border-bottom: 9px #fff solid;
  margin-left: 105px;
  top: -9px; }

.cta-desc form {
  display: inline-block;
  width: 100%; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .cta-desc form {
      width: auto; } }

.cta-desc .apply-now {
  padding: 13px 0px 0px 0px;
  text-transform: none;
  font-weight: 500;
  vertical-align: middle;
  text-align: center;
  height: 31px;
  max-height: 44px;
  max-width: 100%;
  min-width: 100%;
  color: #ffffff;
  font-size: 16px;
  background: #11bff3;
  border: 0px;
  font-size: 16px;
  margin-bottom: 14px;
  -webkit-transition: background 0.1s linear;
  -moz-transition: background 0.1s linear;
  -ms-transition: background 0.1s linear;
  -o-transition: background 0.1s linear;
  transition: background 0.1s linear; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .cta-desc .apply-now {
      max-width: 178px;
      min-width: 178px; } }
  .cta-desc .apply-now:hover {
    background: #1E93B8; }
  .cta-desc .apply-now.login-reg {
    padding: 13px 0px 0px 0px;
    text-transform: none;
    font-weight: 500;
    vertical-align: middle;
    text-align: center;
    height: 31px;
    max-height: 44px;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    color: #ffffff;
    font-size: 16px;
    background: #11bff3;
    border: 0px;
    font-size: 16px;
    margin-bottom: 14px;
    -webkit-transition: background 0.1s linear;
    -moz-transition: background 0.1s linear;
    -ms-transition: background 0.1s linear;
    -o-transition: background 0.1s linear;
    transition: background 0.1s linear; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .cta-desc .apply-now.login-reg {
        max-width: 250px;
        min-width: 250px; } }
    .cta-desc .apply-now.login-reg:hover {
      background: #1E93B8; }
  .cta-desc .apply-now.disabled {
    background: #dbdbdb; }

.cta-desc .apply-job-b .apply-now {
  margin-bottom: 0; }
  .cta-desc .apply-job-b .apply-now.login-reg {
    margin-bottom: 0;
    min-height: 31px;
    padding: 13px 0px 0px 0; }
    .cta-desc .apply-job-b .apply-now.login-reg.continue-to-apply {
      min-height: 44px;
      padding: 8px 0px 8px 25px; }
      @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
        .cta-desc .apply-job-b .apply-now.login-reg.continue-to-apply {
          min-height: 44px;
          padding: 2px 0px 0px 25px; } }

.apply-now-btn .back-to-search {
  padding: 13px 15px 13px 15px;
  text-transform: none;
  font-weight: 500;
  vertical-align: middle;
  text-align: center;
  height: 31px;
  max-height: 44px;
  max-width: 178px;
  min-width: 178px;
  color: #ffffff;
  font-size: 16px;
  background: #11bff3;
  border: 0px;
  font-size: 16px;
  -webkit-transition: background 0.1s linear;
  -moz-transition: background 0.1s linear;
  -ms-transition: background 0.1s linear;
  -o-transition: background 0.1s linear;
  transition: background 0.1s linear; }
  .apply-now-btn .back-to-search:hover {
    background: #1E93B8; }

.apply-now-btn .disabled {
  background: #dbdbdb !important;
  cursor: not-allowed !important;
  width: 116px !important;
  max-width: 116px !important;
  padding: 13px 50px 0px 50px !important;
  margin-left: -7px; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .apply-now-btn .disabled {
      padding: 13px 0px 0px 0px !important; } }

.apply-now-btn .continue-to-apply-icon {
  position: absolute;
  padding-top: 15px;
  color: #fff;
  min-width: 140px;
  text-align: center;
  pointer-events: none; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .apply-now-btn .continue-to-apply-icon {
      min-width: 50px; } }

.apply-now-btn .apply-now,
.apply-now-btn .login-reg {
  padding: 13px 0px 0px 0px;
  text-transform: none;
  font-weight: 500;
  vertical-align: middle;
  text-align: center;
  height: 31px;
  max-height: 44px;
  max-width: 178px;
  min-width: 178px;
  color: #ffffff;
  font-size: 16px;
  background: #11bff3;
  border: 0px;
  font-size: 16px;
  -webkit-transition: background 0.1s linear;
  -moz-transition: background 0.1s linear;
  -ms-transition: background 0.1s linear;
  -o-transition: background 0.1s linear;
  transition: background 0.1s linear; }
  .apply-now-btn .apply-now.showModalLogin,
  .apply-now-btn .login-reg.showModalLogin {
    max-width: 100%;
    min-width: 100%;
    border: none;
    position: relative;
    display: block;
    background: #11bff3;
    color: white;
    font-size: 16px;
    font-weight: normal;
    text-transform: none;
    letter-spacing: normal;
    border-radius: 5px;
    width: 100%;
    padding: 13px 0 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: background 0.1s linear;
    -moz-transition: background 0.1s linear;
    -ms-transition: background 0.1s linear;
    -o-transition: background 0.1s linear;
    transition: background 0.1s linear; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .apply-now-btn .apply-now.showModalLogin,
      .apply-now-btn .login-reg.showModalLogin {
        max-width: 250px;
        min-width: 250px; } }
  .apply-now-btn .apply-now.continue-to-apply,
  .apply-now-btn .login-reg.continue-to-apply {
    min-height: 44px;
    padding: 2px 0px 0px 25px;
    border-radius: 6px;
    min-width: 100%;
    max-width: 100%;
    margin-bottom: 0; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .apply-now-btn .apply-now.continue-to-apply,
      .apply-now-btn .login-reg.continue-to-apply {
        max-width: 260px;
        min-width: 260px; } }
    .apply-now-btn .apply-now.continue-to-apply:before,
    .apply-now-btn .login-reg.continue-to-apply:before {
      font: normal normal normal 14px/1 FontAwesome;
      content: "\f1ea"; }
    .apply-now-btn .apply-now.continue-to-apply.loading,
    .apply-now-btn .login-reg.continue-to-apply.loading {
      background-image: url(../images/loading-spinner.gif);
      background-repeat: no-repeat;
      background-color: #11bff3;
      background-size: 48px;
      background-position-x: left;
      background-position-y: -2px;
      pointer-events: none;
      opacity: 0.75;
      -webkit-transition: none;
      -moz-transition: none;
      -ms-transition: none;
      -o-transition: none;
      transition: none;
      max-width: 100%;
      width: 100%; }
  .apply-now-btn .apply-now:hover,
  .apply-now-btn .login-reg:hover {
    background: #1E93B8; }
  .apply-now-btn .apply-now.employer-contact,
  .apply-now-btn .login-reg.employer-contact {
    white-space: normal;
    width: 80px;
    max-width: 80px;
    padding: 3px 0 10px;
    line-height: 1.2; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .apply-now-btn .apply-now.employer-contact,
      .apply-now-btn .login-reg.employer-contact {
        padding: 13px 0px 0px 0px;
        max-width: none; } }

.apply-now-btn.reply-email {
  margin: 15px 0 0;
  background: none;
  float: left;
  max-width: 100%;
  width: 100%;
  text-align: center; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .apply-now-btn.reply-email {
      text-align: left; } }
  .apply-now-btn.reply-email h5 {
    line-height: 18px; }
  .apply-now-btn.reply-email.reply-email {
    margin: 15px 0 0;
    background: none;
    float: left;
    max-width: 100%;
    width: 100%;
    text-align: center; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .apply-now-btn.reply-email.reply-email {
        text-align: left; } }
    .apply-now-btn.reply-email.reply-email h5 {
      line-height: 18px; }

.search-btn {
  margin-top: 24px;
  margin-bottom: 24px; }

.search-btn .back-to-search {
  padding: 13px 15px 13px 15px;
  text-transform: none;
  font-weight: 500;
  vertical-align: middle;
  text-align: center;
  height: 31px;
  max-height: 44px;
  max-width: 178px;
  min-width: 178px;
  color: #ffffff;
  font-size: 16px;
  background: #11bff3;
  border: 0px;
  border-radius: 6px;
  font-size: 16px;
  -webkit-transition: background 0.1s linear;
  -moz-transition: background 0.1s linear;
  -ms-transition: background 0.1s linear;
  -o-transition: background 0.1s linear;
  transition: background 0.1s linear; }
  .search-btn .back-to-search:hover {
    background: #1E93B8; }

.apply-now.email-me-jobs-btn {
  cursor: pointer;
  background: #1E93B8 url(../img/icons/arrow-white-tri-down.png) no-repeat right center;
  padding-right: 25px;
  margin-bottom: 20px;
  white-space: normal;
  font-weight: 500;
  text-indent: 20px;
  position: relative;
  float: right; }
  .apply-now.email-me-jobs-btn .envelope {
    position: absolute;
    left: 0px; }
  .apply-now.email-me-jobs-btn.open {
    background: #1E93B8 url(../img/icons/arrow-white-tri-up.png) no-repeat right center; }

.similar-jobs #create-job-alert-btn.email-me-jobs-btn {
  text-indent: 0;
  background-position-x: 231px;
  padding-right: 49px;
  padding-left: 21px; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .similar-jobs #create-job-alert-btn.email-me-jobs-btn {
      background: #1E93B8 url(../img/icons/arrow-white-tri-down.png) no-repeat right center;
      padding: 8px 25px 8px 10px;
      letter-spacing: 0;
      font-size: 0.8em; } }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .similar-jobs #create-job-alert-btn.email-me-jobs-btn.open {
      background: #1E93B8 url(../img/icons/arrow-white-tri-up.png) no-repeat right center; } }

.job-details {
  margin: 2em 0; }
  .job-details ul, .job-details ol {
    font-size: 1rem;
    padding: 0;
    margin: 1rem 1rem 1rem 2rem; }
    .job-details ul li, .job-details ol li {
      margin-bottom: 0.5rem;
      line-height: 1.6;
      font-size: 1rem !important;
      overflow-wrap: break-word;
      word-wrap: break-word;
      word-break: break-word;
      color: #323232; }
  .job-details div, .job-details p, .job-details span {
    margin: 1rem 0;
    font-size: 1rem !important;
    color: #323232 !important;
    line-height: 1.6;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    font-family: "museo-sans", helvetica, arial, sans-serif !important; }

.job-description .job-details > ul > li > ul {
  margin: 0.4em 0 0 0; }

.job-description .job-details > ul > li,
.job-details > ul > li > ul > li {
  padding: 0;
  width: 95%;
  display: list-item;
  list-style-type: disc;
  margin: 0 0 0.5em 1.2em; }

.job-cta {
  margin-bottom: 2em; }

.application-date {
  color: #a0a0a0; }

.job-cta .apply-now {
  float: left; }

span.rep-job {
  position: relative; }
  span.rep-job .report-job {
    padding-left: 34px; }

section.report-this-job {
  margin: 2em auto 3em; }
  section.report-this-job .module {
    padding: 35px 14px; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      section.report-this-job .module {
        padding: 35px 25%; } }

.report-job {
  position: relative;
  font-size: 0.75em;
  line-height: 2em;
  background: url(../img/icons/report-job.png) no-repeat 12px center;
  padding-left: 23px;
  color: #787878;
  display: block;
  line-height: 2em;
  display: inline-block;
  vertical-align: middle;
  margin-left: 2em; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .report-job {
      margin-left: 0; } }

.job-ref {
  font-size: 11px;
  margin-bottom: 24px; }

.similar-jobs-email a {
  float: none !important;
  display: block;
  width: auto;
  height: 27px;
  padding: 16px 0px 0px 0px;
  vertical-align: middle; }

.job-description-job-alert #addjobalertdivSimilar {
  width: 246px; }

.rec-module {
  margin-top: 22px; }

.module-content-rec {
  padding: 0px 0px 30px 15px; }
  .module-content-rec .module-heading {
    margin-right: 15px; }

.SimilarJobsPlaceholder .logo {
  font-size: 11px;
  float: left;
  padding-right: 10px;
  height: 40px;
  width: 130px;
  padding-bottom: 12px; }
  .SimilarJobsPlaceholder .logo img {
    max-height: 40px;
    max-width: 230px;
    width: auto; }

@media (max-width: 705px) {
  .SimilarJobsPlaceholder .logo {
    z-index: 2;
    position: relative;
    padding: 0;
    height: 100%;
    width: 72px;
    padding-right: 10px;
    float: left;
    text-align: center;
    font: 0/0 a;
    box-sizing: content-box !important; }
    .SimilarJobsPlaceholder .logo:before {
      content: ' ';
      display: inline-block;
      vertical-align: middle;
      height: 100%; }
    .SimilarJobsPlaceholder .logo img {
      max-height: 40px;
      max-width: 66px; } }

.rec-job-listing {
  position: relative;
  float: left;
  width: 260px;
  height: 162px;
  background: #fff;
  border-top: 1px solid #DBDBDB;
  border-bottom: 1px solid #DBDBDB;
  border-right: 1px solid #DBDBDB;
  border-left: 1px solid #DBDBDB;
  padding: 15px;
  margin-right: 15px;
  margin-bottom: 15px;
  box-sizing: content-box !important; }
  .rec-job-listing p {
    width: 70%;
    float: left;
    margin: 0px 0px 6px 0px; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .rec-job-listing p {
        max-width: 88%;
        width: 88%; } }
  .rec-job-listing .title {
    width: 70%;
    display: block;
    /* Fallback for non-webkit */
    display: -webkit-box;
    position: relative;
    max-width: 70%;
    float: left; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .rec-job-listing .title {
        min-height: 42px;
        max-width: 88%;
        width: 88%; } }
    .rec-job-listing .title h3 {
      font-size: 1.17em;
      margin: 0px 0px 12px 0px; }
  .rec-job-listing span.rec-comp-name {
    margin: 0px;
    color: #323232;
    font-weight: 500; }
  .rec-job-listing div.rec-location {
    float: left;
    position: relative;
    color: #787878;
    font-size: 12px;
    padding-left: 11px;
    width: 70%; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .rec-job-listing div.rec-location {
        max-width: 88%;
        width: 88%; } }
    .rec-job-listing div.rec-location i {
      position: absolute;
      left: 0px;
      top: 1px; }
  @media (max-width: 425px) {
    .rec-job-listing .title, .rec-job-listing div.rec-location, .rec-job-listing p {
      width: 59%; } }

@media (max-width: 705px) {
  .rec-job-listing {
    border-top: 1px solid #DBDBDB;
    border-bottom: 1px solid #DBDBDB;
    border-right: 0px;
    border-left: 0px; } }

#showMoreRec {
  display: none; }

.btn {
  display: inline-block;
  -webkit-transition: background 0.1s linear;
  -moz-transition: background 0.1s linear;
  -ms-transition: background 0.1s linear;
  -o-transition: background 0.1s linear;
  transition: background 0.1s linear; }

.home-content-container .save-job {
  padding: 6px 12px 11px;
  margin-right: 12px;
  vertical-align: middle;
  text-align: center;
  min-height: 44px;
  max-height: 44px;
  color: #11bff3;
  font-size: 16px;
  background: rgba(17, 191, 243, 0);
  border: 1px solid #11bff3;
  width: 120px;
  border-radius: 6px; }
  .home-content-container .save-job:hover {
    background: rgba(17, 191, 243, 0.11); }
  .home-content-container .save-job i {
    position: relative;
    top: 2px;
    font-size: 21px; }

.cta-desc-btm .apply-now-btn {
  margin-right: 0; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .cta-desc-btm .apply-now-btn {
      margin-right: 2em; } }

.cta-desc-btm .apply-now.disabled {
  background: #dbdbdb; }

h1.homeSearchHeading label.search-job-heading {
  letter-spacing: 0 !important;
  text-transform: uppercase !important; }

@media (max-width: 766px) {
  .similar-jobs {
    margin: 0px 0px -15px 0px; }
  .rec-job-listing {
    width: 43%; }
  .homeSearchHeading {
    display: none; }
  .now-hiring-container .module-content img {
    width: auto;
    max-width: 100%;
    margin: auto;
    text-align: center;
    display: block; } }

@media (max-width: 705px) {
  .rec-job-listing {
    display: none;
    width: auto;
    height: auto;
    margin: 0px 0px -1px -16px;
    float: none; }
  .module-content-rec {
    padding: 6px 0px 14px 15px; }
  #showMoreRec {
    display: block;
    cursor: pointer;
    width: auto;
    margin: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    color: #11bff3;
    font-size: 16px;
    border-bottom: 1px solid #dbdbdb; }
  .rec-module {
    border-radius: 0px !important; } }

.rec-new-job {
  position: absolute;
  -ms-transform: rotate(45deg);
  /* IE9 */
  -moz-transform: rotate(45deg);
  /* FF3.5/3.6 */
  -o-transform: rotate(45deg);
  /* Opera 10.5 */
  -webkit-transform: rotate(45deg);
  /* Saf3.1+ */
  transform: rotate(45deg);
  /* Newer browsers */
  /*filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476); */
  /* IE6,IE7, but produces nasty results, so I disabled it */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";
  /* IE8 */
  top: -5px;
  right: -22px;
  width: 0;
  height: 0;
  border: 0 solid transparent;
  border-right-width: 34px;
  border-left-width: 34px;
  border-bottom: 34px solid #dce11c; }
  .rec-new-job span {
    position: absolute;
    top: 15px;
    left: -11px;
    font-size: 12px;
    color: #323232;
    font-weight: 600; }

.rec-make-favourite {
  position: absolute;
  cursor: pointer;
  color: #11bff3;
  font-size: 27px;
  top: 55px;
  right: 15px;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .rec-make-favourite {
      top: 85px; } }
  .rec-make-favourite :after {
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear; }
  .rec-make-favourite:hover:after {
    content: "\f005";
    font-family: FontAwesome;
    position: absolute;
    top: 2px;
    left: 0px;
    opacity: 0.2; }

.now-hiring-container .arrow-blue {
  background: transparent; }

.now-hiring-container p {
  position: relative; }
  .now-hiring-container p a {
    position: relative;
    display: block;
    margin: auto;
    background: #11bff3;
    color: transparent;
    border-radius: 6px;
    min-height: 44px;
    max-height: 44px;
    max-width: 100px;
    padding: 0px 55px;
    -webkit-transition: background 5ms ease-in-out;
    -moz-transition: background 5ms ease-in-out;
    -ms-transition: background 5ms ease-in-out;
    -o-transition: background 5ms ease-in-out;
    transition: background 5ms ease-in-out; }
    .now-hiring-container p a:hover {
      background: #0a9bc7;
      color: transparent; }
    .now-hiring-container p a :after {
      position: absolute;
      content: "View Opportunities";
      color: #ffffff;
      top: 11px;
      left: 32px;
      font-size: 16px; }

p.application-success {
  font-size: 16px; }

.home-content-container {
  padding: 0px !important; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .home-content-container {
      /*min-height: 800px;*/ } }

.similar-job-listings-container {
  display: block;
  padding: 0 4%; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .similar-job-listings-container {
      padding: 0 6%; } }

ul.similar-job-listings {
  list-style: none;
  margin: 0; }

ul.similar-job-listings li {
  padding-left: 102px;
  border-bottom: 1px solid #DBDBDB;
  padding-bottom: 1em;
  margin-bottom: 1em; }

ul.similar-job-listings .logo {
  float: left;
  width: 92px;
  margin-left: -102px; }

.module.narrow ul.similar-job-listings .logo img {
  max-width: 50px; }

.module.narrow ul.similar-job-listings li {
  padding-left: 60px;
  border-bottom: 1px solid #DBDBDB;
  padding-bottom: 1em;
  margin-bottom: 1em; }

.module.narrow ul.similar-job-listings .logo {
  float: left;
  width: 50px;
  margin-left: -60px; }

.module.narrow ul.similar-job-listings .logo img {
  max-width: 50px; }

ul.similar-job-listings .title {
  float: left;
  width: 100%; }

ul.similar-job-listings h3 {
  color: #323232;
  font-size: 1.2em;
  line-height: 1.3;
  margin-bottom: 0;
  float: left;
  width: 100%;
  word-wrap: break-word; }

ul.similar-job-listings p {
  color: #787878;
  font-size: 1em;
  line-height: 1.5;
  margin: 0; }

ul.similar-job-listings a {
  display: block; }

.module.narrow ul.similar-job-listings li.email-me {
  padding-left: 0;
  border-bottom: 0;
  padding-bottom: 0; }

.module.narrow ul.similar-job-listings li.email-me a {
  font-size: 0.875em;
  font-weight: 900;
  line-height: 1;
  color: #fff;
  border: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 9px 27px 7px 12px;
  background: #11bff3 url(../img/icons/arrow-white-tri.png) no-repeat right center;
  display: inline-block;
  zoom: 1;
  *display: inline;
  font-weight: 700;
  font-size: 1em;
  letter-spacing: 0;
  display: block;
  padding: 0.5em 2.2em 0.5em 1em; }
  .module.narrow ul.similar-job-listings li.email-me a:hover {
    background-color: #0a9bc7; }

.des-rec-container {
  margin-top: 0px !important; }

/* Modal styles */
body.modal-is-open {
  position: fixed;
  height: 100%;
  overflow: hidden; }

#loginModal .modal-content,
#registerModal .modal-content,
#continueToApplicationModal .modal-content {
  padding: 14px !important;
  margin-top: -19px;
  max-width: 100%;
  border-radius: 0;
  width: 100%;
  max-height: calc(100vh - 0px);
  min-height: calc(100vh - 0px);
  overflow-y: auto;
  max-width: calc(100vw - 0px);
  min-width: calc(100vw - 0px);
  box-sizing: border-box; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #loginModal .modal-content,
    #registerModal .modal-content,
    #continueToApplicationModal .modal-content {
      padding: 28px !important;
      margin-top: initial;
      width: 600px;
      min-width: 600px;
      max-width: 600px;
      min-height: auto;
      max-height: none;
      border-radius: 5px; } }
  @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40 / 71) and (orientation: portrait) {
    #loginModal .modal-content,
    #registerModal .modal-content,
    #continueToApplicationModal .modal-content {
      box-sizing: border-box;
      max-height: calc(100vh - 0px);
      min-height: calc(100vh - 0px); } }
  #loginModal .modal-content .close,
  #registerModal .modal-content .close,
  #continueToApplicationModal .modal-content .close {
    top: -12px;
    right: 7px; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      #loginModal .modal-content .close,
      #registerModal .modal-content .close,
      #continueToApplicationModal .modal-content .close {
        right: 28px;
        top: 18px; } }

.modal {
  display: none;
  position: fixed;
  z-index: 999;
  padding-top: 50%;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.7); }
  .modal .modal-content {
    max-width: 600px;
    min-width: 320px;
    background-color: #fff;
    margin: auto; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .modal .modal-content {
        min-width: 600px; } }
    .modal .modal-content .close {
      box-shadow: 0px 1px 3px 2px rgba(0, 0, 0, 0.15);
      background-color: #fff;
      border-radius: 50%;
      right: 14px;
      top: 4px; }
      @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
        .modal .modal-content .close {
          right: 28px;
          top: 18px; } }
    .modal .modal-content .close-continue-app {
      box-shadow: 0px 1px 3px 2px rgba(0, 0, 0, 0.15);
      background-color: #fff;
      border-radius: 50%;
      right: 14px;
      top: 4px; }
      @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
        .modal .modal-content .close-continue-app {
          right: 28px;
          top: 18px; } }
    .modal .modal-content .reg-modal-back {
      color: #787878;
      font-size: 24px;
      vertical-align: middle;
      padding: 6px 9px 6px 5px;
      cursor: pointer;
      position: relative;
      left: -3px;
      border-radius: 6px;
      -webkit-transition: background 0.1s linear;
      -moz-transition: background 0.1s linear;
      -ms-transition: background 0.1s linear;
      -o-transition: background 0.1s linear;
      transition: background 0.1s linear; }
      .modal .modal-content .reg-modal-back:hover {
        background: #f0f0f0; }
    .modal .modal-content p {
      font-size: 1rem;
      margin: 0; }
    .modal .modal-content h2 {
      margin: 0 0 1rem;
      font-size: 1.5rem;
      line-height: 1.2;
      text-transform: none;
      font-weight: bold; }
    .modal .modal-content .form-row {
      margin-bottom: 14px; }
      .modal .modal-content .form-row.inline-half-first {
        float: left; }
        @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
          .modal .modal-content .form-row.inline-half-first {
            width: 48%; } }
      .modal .modal-content .form-row.inline-half-second {
        float: right; }
        @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
          .modal .modal-content .form-row.inline-half-second {
            width: 48%; } }
      .modal .modal-content .form-row.end-section {
        margin-bottom: 28px; }
    .modal .modal-content label {
      font-weight: 500;
      display: inline-block;
      font-size: 0.875em;
      margin-bottom: 0.2em; }
    .modal .modal-content input {
      display: block;
      width: 100%;
      box-sizing: border-box;
      border-color: #cecece; }
    .modal .modal-content .accepted-file-types {
      margin-top: 5px;
      font-size: 13px;
      font-style: italic; }
    .modal .modal-content .error-msge {
      width: 100%;
      background: none;
      color: #e83232;
      padding: 0;
      margin: 5px 0 0;
      font-size: 1em;
      font-weight: 500;
      position: relative;
      right: 0;
      top: 0; }

/* 3p login */
#loginModal .toggle-password-login {
  position: absolute;
  top: 27px;
  right: 1px;
  color: #787878;
  cursor: pointer;
  font-size: 0.75em;
  font-weight: bold;
  padding: 13px 10px; }

/* 3p registration */
#registerModal .select-cv.btn-default-blue {
  text-align: center;
  box-sizing: border-box;
  margin: 0;
  padding: 0; }
  #registerModal .select-cv.btn-default-blue .qq-upload-button {
    height: 24px;
    padding: 10px; }

#registerModal .toggle-password,
#registerModal .toggle-password-register {
  position: absolute;
  top: 78px;
  right: 1px;
  color: #787878;
  cursor: pointer;
  font-size: 0.75em;
  font-weight: bold;
  padding: 13px 10px; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #registerModal .toggle-password,
    #registerModal .toggle-password-register {
      top: 65px; } }

#registerModal .pass-graybar,
#registerModal .pass-percent,
#registerModal .pass-text {
  top: 0; }

#registerModal .terms-and-conditions {
  font-size: 12px;
  color: #787878;
  line-height: 1.4; }
  #registerModal .terms-and-conditions a {
    color: #909090;
    text-decoration: underline; }
  #registerModal .terms-and-conditions label {
    display: block;
    padding-left: 25px;
    font-size: 12px;
    line-height: 1.4;
    color: #909090; }
    #registerModal .terms-and-conditions label:hover {
      cursor: pointer; }

#registerModal .optin .icheckbox_minimal {
  position: absolute; }

#registerModal .optin.cvd label {
  padding-left: 25px; }

#registerModal .logged-in-contact-details {
  background: #e8f7e2;
  border: 1px solid #589f41;
  border-radius: 6px;
  padding: 15px; }
  #registerModal .logged-in-contact-details svg .st1 {
    fill: #31C104; }
  #registerModal .logged-in-contact-details p {
    color: #323232;
    font-size: 16px;
    line-height: normal;
    margin: 0;
    word-break: break-word; }
    #registerModal .logged-in-contact-details p.app-email {
      display: block;
      border-bottom: 1px solid rgba(88, 159, 65, 0.25);
      padding: 5px 0 20px; }
    #registerModal .logged-in-contact-details p.app-name {
      font-size: 18px;
      font-weight: 700;
      line-height: 1.2; }
      #registerModal .logged-in-contact-details p.app-name a {
        font-weight: normal;
        font-size: 14px; }
  #registerModal .logged-in-contact-details svg {
    float: right;
    margin: -5px; }

#registerModal .st1 {
  fill: #31C104; }

#registerModal .file-name {
  display: none; }
  #registerModal .file-name > span {
    display: block;
    padding: 7px;
    word-wrap: break-word;
    line-height: 18px;
    margin: 7px 0; }
    #registerModal .file-name > span span {
      display: block;
      font-size: 13px;
      color: #787878;
      font-style: italic;
      line-height: 13px;
      margin-top: 5px; }

#registerModal .cv-selected {
  background: #e8f7e2;
  border: 1px solid #589f41;
  border-radius: 6px;
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 14px; }
  #registerModal .cv-selected svg {
    float: right;
    padding: 7px; }

#registerModal .mrg-btm.btn-default-blue {
  margin-bottom: 120px; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #registerModal .mrg-btm.btn-default-blue {
      margin-bottom: 0; } }

#continueToApplicationModal .btn-default-blue .fa {
  position: relative;
  top: 1px; }

#continueToApplicationModal .apply-now-btn {
  width: 100%; }

#registerModal .logged-in-contact-details,
#continueToApplicationModal .logged-in-contact-details {
  background: #e8f7e2;
  border: 1px solid #589f41;
  border-radius: 6px;
  padding: 15px; }
  #registerModal .logged-in-contact-details svg .st1,
  #continueToApplicationModal .logged-in-contact-details svg .st1 {
    fill: #31C104; }
  #registerModal .logged-in-contact-details p,
  #continueToApplicationModal .logged-in-contact-details p {
    color: #323232;
    font-size: 16px;
    line-height: normal;
    margin: 0;
    word-break: break-word; }
    #registerModal .logged-in-contact-details p.app-email,
    #continueToApplicationModal .logged-in-contact-details p.app-email {
      display: block;
      border-bottom: 1px solid rgba(88, 159, 65, 0.25);
      padding: 5px 0 20px; }
    #registerModal .logged-in-contact-details p.app-name,
    #continueToApplicationModal .logged-in-contact-details p.app-name {
      font-size: 18px;
      font-weight: 700;
      line-height: 1.2; }
      #registerModal .logged-in-contact-details p.app-name a,
      #continueToApplicationModal .logged-in-contact-details p.app-name a {
        font-weight: normal;
        font-size: 14px; }
  #registerModal .logged-in-contact-details svg,
  #continueToApplicationModal .logged-in-contact-details svg {
    float: right;
    margin: -5px; }

.input-help-text {
  display: block;
  margin: 0 0 0.6em;
  font-size: 13px;
  line-height: normal;
  color: #909090; }

ul.modal-list {
  margin: 0px; }

.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold; }

.close-continue-app {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold; }

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: background 0.1s linear;
  -moz-transition: background 0.1s linear;
  -ms-transition: background 0.1s linear;
  -o-transition: background 0.1s linear;
  transition: background 0.1s linear; }

.close-continue-app:hover,
.close-continue-app:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: background 0.1s linear;
  -moz-transition: background 0.1s linear;
  -ms-transition: background 0.1s linear;
  -o-transition: background 0.1s linear;
  transition: background 0.1s linear; }

/* /End Modal styles */
.module.refine-search h2 {
  margin-bottom: 0; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .module.refine-search h2 {
      margin-bottom: inherit; } }

.refine-search .module-content {
  display: inline-block; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .refine-search .module-content {
      display: block; } }

.refine-search label {
  color: #323232;
  margin-right: 1em; }

.refine-option.checkboxes {
  margin: 1em 0; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .refine-option.checkboxes {
      margin: 0.5em 0 1em; } }

h1.show-results {
  float: left;
  margin-top: 35px; }

.job-alert-sp {
  margin-top: 30px; }

.refine-search .refine-option h4 {
  font-size: 1.25em;
  font-weight: normal;
  text-transform: normal;
  padding-right: 20px;
  cursor: default;
  display: inline-block;
  zoom: 1;
  *display: inline; }

.refine-option ul {
  list-style: none;
  margin: 0 0 1.4em;
  font-weight: 900;
  height: 100%; }

.refine-option ul li {
  position: relative; }

.refine-option ul li a.close-refine {
  position: relative;
  background: url(../img/icons/x-job-toggle.png) no-repeat right top;
  margin: 9px 12px 0px 0px;
  cursor: pointer;
  display: block;
  min-width: 14px;
  min-height: 13px; }

.refine-option ul li .job-title {
  font-size: 16px;
  font-weight: normal;
  padding: 8px;
  width: 100%;
  float: left;
  color: #787878;
  background: transparent;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(/js/vendor/boxsizing.htc); }

.refine-option ul li.active .job-title {
  background: #f0f0f0;
  color: #787878;
  font-weight: normal;
  border-radius: 4px; }

.refine-option ul li .job-title:hover {
  background: #f0f0f0;
  border-radius: 4px;
  transition: all 0.2s linear; }

.refine-option ul li .x {
  position: absolute;
  right: 0;
  cursor: pointer;
  width: 28px;
  height: 100%;
  background: #fff url(../img/icons/x-open.png) no-repeat 50% 50%; }

.refine-option ul li.active .x {
  background: #ccc url(../img/icons/x-close.png) no-repeat 50% 50%; }

.refine-option select {
  display: block;
  width: 85%; }

.refresh-toggle {
  padding: 14px;
  background: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 6px; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .refresh-toggle {
      border: none; } }

.more-options {
  color: #787878;
  font-size: 0.75em;
  font-weight: 700;
  margin: -1em 0 2em 0;
  cursor: pointer;
  display: block; }
  .more-options span {
    padding: 0 20px 0 8px;
    font-size: 16px;
    color: #78a2d4; }

.refine-hr {
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 24px; }

span.guillemet {
  position: relative;
  background: url(../img/icons/down-guillemet.png) no-repeat right top;
  min-width: 1px;
  min-height: 13px;
  padding: 0px 7px 0px 10px;
  top: 5px; }

.email-me-jobs {
  border-top: 1px solid #323232;
  padding-top: 1.6em;
  margin: 2em 0 0; }

.email-me-jobs.mobile.button {
  display: block;
  margin: 0em 0 2em 0; }

.email-me-jobs.mobile {
  display: block;
  margin-bottom: 2em; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .email-me-jobs.mobile {
      display: none; } }

.lt-ie8 .email-me-jobs {
  padding-bottom: 10px; }

.email {
  display: block;
  padding: 5px 8px;
  color: #fff;
  font-size: 0.875em;
  text-transform: uppercase;
  font-weight: 900;
  background: #323232 url(../img/icons/arrow-white-tri.png) no-repeat 96% center; }

.email span {
  background: url(../img/icons/email-green.png) no-repeat left center;
  padding-left: 30px; }

.sort-job {
  text-transform: uppercase;
  font-weight: 700; }

.sort-by-wrap {
  float: left;
  width: 100%; }
  .sort-by-wrap label {
    margin: 7px 10px 10px 0;
    display: block; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .sort-by-wrap label {
        float: left; } }
    .sort-by-wrap label + label {
      float: left; }
  .sort-by-wrap select {
    width: 100%;
    margin: 0 0 10px 0;
    padding: 3px 4px 3px 10px;
    text-transform: uppercase;
    line-height: 20px;
    border-radius: 0;
    font-size: 0.75em;
    background: white url(../img/icons/select-arrow-white.png) no-repeat scroll center right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: .01px;
    -ms-text-overflow: '';
    -o-text-overflow: '';
    text-overflow: ''; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .sort-by-wrap select {
        width: 140px;
        margin: 0; } }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .sort-by-wrap {
      width: auto; } }

.lt-ie8 .sort-by-wrap label {
  vertical-align: middle; }

ul.show-count {
  clear: both;
  float: none;
  list-style: none;
  padding: 0;
  margin: 0; }
  ul.show-count li {
    float: left;
    margin-left: 5px;
    line-height: 1; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      ul.show-count li {
        margin-bottom: 0; } }
    ul.show-count li a {
      border-right: 1px solid #323232;
      padding-right: 5px; }
      ul.show-count li a:hover {
        text-decoration: underline; }
    ul.show-count li:nth-child(4) a {
      padding-right: 0;
      border-right: 0; }
    ul.show-count li a.active {
      color: #646464;
      text-decoration: underline; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    ul.show-count {
      float: right;
      clear: none;
      margin-top: 10px; } }

.refresh {
  float: right;
  cursor: pointer;
  width: 12px;
  height: 7px;
  padding: 7px;
  margin-top: -3px;
  background: url(../img/icons/arrow-dropdown.png) no-repeat center; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .refresh {
      display: none; } }
  .refresh.open {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    background-position-x: left; }

.refine {
  float: right;
  cursor: pointer;
  width: 25px;
  height: 20px;
  margin-top: -5px;
  background: url(../img/icons/refine.png) no-repeat right center; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .refine {
      display: none; } }

.lt-ie8 .refresh {
  margin-top: -35px;
  margin-right: 20px; }

.job-options.sort-job {
  font-size: 1em;
  border: 1px solid #DBDBDB;
  background: #fbfbfb;
  padding-top: 0.5em;
  padding-bottom: 0.7em; }

.duplicate-megssage {
  margin-bottom: 1em; }

.module.job-result {
  /*margin-top: 1.4em;*/
  margin-bottom: 0.7em;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  box-shadow: 0px 0px 6px -1px rgba(0, 0, 0, 0.15); }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .module.job-result {
      margin-bottom: 1.4em; } }
  .module.job-result.promoted-job {
    border: 3px solid #cad466;
    margin-top: 2em; }
  .module.job-result.hiddenJob {
    background: #f0f0f0; }
  .module.job-result .module-content {
    padding-top: 1.2em; }

.job-result.promoted-job .not-for-me {
  display: none;
  color: #fff !important;
  font-size: larger;
  letter-spacing: 1px;
  margin-top: -41px; }

.module.job-result.promoted-job:before {
  background-color: #cad466;
  background-repeat: no-repeat;
  color: #fff;
  content: "Promoted";
  display: inline-block;
  height: 22px;
  left: -3px;
  margin-top: 20px;
  padding: 5px 0 5px 0;
  position: relative;
  text-align: center;
  top: -32px;
  width: calc(100% + 6px); }

.module.job-result.promoted-job .module-content {
  padding-top: 0px; }

.module.job-result.highlighted:before {
  background-color: #cad466;
  background-image: url(../img/icons/featured-job-label.png);
  background-repeat: no-repeat;
  color: #fff;
  content: "Featured";
  display: inline-block;
  height: 22px;
  left: -2px;
  padding: 5px;
  position: relative;
  text-align: center;
  top: -32px;
  width: 105px; }

.module.job-result.highlighted {
  border: 2px solid #cad466;
  margin: 4em 0 3em 0;
  border-top-left-radius: 0px; }

.module.job-result.highlighted .module-content {
  margin-top: -32px; }

.module.job-result.highlighted .module-content .not-for-me {
  display: none; }

.job-result-toggle {
  float: right;
  text-transform: uppercase;
  font-size: 0.7em; }
  .job-result-toggle span {
    background: url(../img/icons/x-job-toggle.png) no-repeat right top;
    padding-right: 20px;
    cursor: pointer;
    display: block;
    min-width: 14px;
    min-height: 13px; }
  .job-result-toggle span.hiddenJob {
    background: url(../img/icons/x-open@x2.png) no-repeat right top;
    colour: #787878; }
  .job-result-toggle span.promoted {
    color: rgba(190, 205, 47, 0.5); }
  .job-result-toggle span.not-for-me {
    color: #11bff3; }
  .job-result-toggle span.delete-draft {
    color: #c2c2c2; }

.hiddenJob img {
  opacity: 0.4; }

.job-result-logo-title {
  width: 100%;
  clear: both;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(/js/vendor/boxsizing.htc); }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .job-result-logo-title {
      clear: none;
      width: 73%;
      float: left;
      padding-left: 120px; } }

.job-result-logo {
  float: none;
  width: 100px;
  margin-bottom: 0.5em; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .job-result-logo {
      float: left;
      margin-bottom: 0;
      margin-left: -120px; } }

.refine-option-toggle {
  display: none; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .refine-option-toggle {
      display: block; } }

.job-result-title {
  float: none;
  clear: both;
  width: 100%; }
  .job-result-title h2 {
    margin: 0 0 0.5em 0;
    font-size: 1.2em;
    font-weight: 700;
    text-transform: none; }
    .job-result-title h2 .vacancies {
      color: #b4b4b4; }
  .job-result-title h3 {
    font-size: 0.75em;
    margin-bottom: 0.3em; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .job-result-title {
      float: left;
      clear: none; } }

.job-result-overview {
  clear: both; }
  .job-result-overview ul {
    margin-top: 0.8em;
    margin-bottom: 0; }

.job-result-cta {
  float: right;
  clear: both; }
  .job-result-cta a {
    font-size: 0.875em;
    font-weight: 900;
    text-transform: uppercase;
    padding: 0.4em 0.8em 0.4em;
    margin-right: -0.1em;
    display: inline-block;
    margin-bottom: 1em; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .job-result-cta a {
        display: inline;
        margin-left: 0.5em;
        margin-right: 0.5em;
        margin-bottom: 0; } }
  .job-result-cta .unfollow {
    margin-top: 20px; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .job-result-cta .unfollow {
        margin-top: 0; } }
  .job-result-cta .save-job {
    color: #cad466;
    border: 2px solid #cad466;
    padding-left: 2em;
    font-weight: 700;
    background: #fff url(../img/icons/star-green-small.png) no-repeat 8px center;
    border-radius: 6px;
    margin-right: 14px; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .job-result-cta .save-job {
        padding-left: 2.5em;
        margin-right: 0.5em; } }
  .job-result-cta .show-more {
    font-size: 0.875em;
    font-weight: 900;
    line-height: 1;
    color: #fff;
    border: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 9px 27px 7px 12px;
    background: #11bff3 url(../img/icons/arrow-white-tri.png) no-repeat right center;
    display: inline-block;
    zoom: 1;
    *display: inline;
    border: 1px solid #11bff3;
    border-radius: 6px; }
    .job-result-cta .show-more:hover {
      background-color: #0a9bc7; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .job-result-cta {
      float: right;
      margin-bottom: -14px; } }

.lt-ie8 .job-result-cta {
  margin-bottom: -15px; }
  .lt-ie8 .job-result-cta a {
    float: left; }

ul#pagination {
  font-size: 0.875em;
  font-weight: 700;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  margin: 4em 0 3em; }
  ul#pagination li {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    ul#pagination li a {
      padding: 7px 11px;
      margin: 0 2px;
      color: #fff;
      background: #11bff3;
      border-radius: 6px; }
    ul#pagination li a.active {
      color: #11bff3;
      background: #fff; }
    ul#pagination li a.alt {
      color: #11bff3;
      background: none; }
      ul#pagination li a.alt.no-spacing {
        margin: 0;
        padding: 0; }

.job-wrap {
  position: relative;
  padding-right: 28px;
  background: #11bff3; }

.job-wrap .job-title {
  padding: 8px;
  width: 100%;
  float: left;
  border-right: 4px solid #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(/js/vendor/boxsizing.htc); }

.job-wrap .x {
  position: absolute;
  float: right;
  cursor: pointer;
  width: 28px;
  height: 100%;
  background: #11BFF3 url(../img/icons/x-close.png) no-repeat 50% 50%; }

.ad-space {
  display: none; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .ad-space {
      display: block;
      margin: 1.5em 0; } }

@media (min-width: 766px) {
  .microsite-mobile {
    display: none; }
  #JobSearchRefinementsMobile {
    display: none; }
  #cancelBtn {
    display: none !important; } }

#shareJobModal {
  height: 100%; }
  @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40 / 71) and (orientation: portrait) {
    #shareJobModal {
      height: auto; } }
  #shareJobModal .modal-content {
    width: auto;
    padding: 14px;
    box-sizing: border-box; }
    @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40 / 71) and (orientation: portrait) {
      #shareJobModal .modal-content {
        box-sizing: border-box;
        margin-top: 100px; } }
    @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40 / 71) and (orientation: portrait) {
      #shareJobModal .modal-content .close {
        margin-top: 110px; } }

.share-job-mob, .save-mob {
  display: none; }

.logo-mob {
  display: none; }

.return-icon {
  display: none; }

.return-text {
  display: inline-block; }

@media (max-width: 766px) {
  #searched-for {
    padding: 0px; }
  #JobSearchRefinements {
    display: none; }
  .microsites {
    display: none; }
  .module.refine-search {
    background: transparent;
    border: 0px;
    border-radius: 0px; }
    .module.refine-search h2 {
      margin-bottom: 0;
      border: 1px solid #dbdbdb;
      border-radius: 6px;
      background: #fff;
      color: #323232; }
  .module-heading.heading-dark.mobile-ref-heading {
    border: 1px solid #f00;
    display: none; }
  .module-content.mobile-refinement {
    display: inline-block;
    position: relative;
    text-align: center;
    background: #323232;
    height: 52px;
    min-height: 52px;
    width: 100%;
    padding-left: 0px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .mobile-refinement .refine-option {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    margin: auto;
    text-align: center;
    width: 31.5%; }
  .mobile-refinement .refine-option-mobile {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    margin: auto;
    text-align: center;
    width: 31.5%; }
  .mobile-refinement div.pipes {
    position: relative;
    display: inline;
    width: 0px; }
  .mobile-refinement div.pipes span {
    content: "";
    position: absolute;
    border-right: 1px solid #505050;
    height: 23px;
    right: 0px;
    top: -12px;
    width: 1px; }
  .mobile-refinement div.pipes:nth-last-child(-n+2) {
    display: none; }
  .mobile-refinement .refine-option h4 {
    color: #fff;
    margin: auto;
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    white-space: nowrap;
    padding: 8px 2px 2px 2px; }
  .mobile-refinement .refine-option-toggle {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    position: absolute;
    z-index: 99;
    text-align: left;
    padding: 10px;
    background: #fff;
    left: 0px;
    width: 100%;
    top: 52px;
    border: 1px solid #dbdbdb;
    box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.35); }
  .mobile-refinement .refine-option ul li .job-title {
    padding: 10px; }
  .mobile-refinement .refine-search-dropdown-toggle {
    border-bottom: 4px solid #11bff3; }
  div.ref-recruiter {
    background: url(../img/icons/recruiter-icon.png) no-repeat center top;
    display: block;
    cursor: pointer;
    min-width: 14px;
    min-height: 13px;
    padding-bottom: 6px;
    text-align: center; }
  div.ref-location {
    background: url(../img/icons/location-icon.png) no-repeat center top;
    display: block;
    cursor: pointer;
    min-width: 14px;
    min-height: 13px;
    padding-bottom: 6px;
    text-align: center; }
  div.ref-jobtype {
    background: url(../img/icons/jobtype-icon.png) no-repeat center top;
    display: block;
    cursor: pointer;
    min-width: 14px;
    min-height: 13px;
    padding-bottom: 6px;
    text-align: center; }
  .refine-hr {
    display: none; }
  .mobile-refinement .mobile-ref-heading {
    color: #323232 !important;
    font-size: 18px !important;
    padding-bottom: 12px !important;
    text-align: left !important;
    display: block !important; }
  .job-alert-sp {
    display: none; }
  #searched-for #search-job input[type="text"] {
    height: 44px;
    max-height: 44px;
    font-size: 1em; }
  #searched-for #search-job select, #searched-for #search-job .styled-select {
    height: 44px;
    max-height: 44px;
    font-size: 1em; }
  #searched-for #search-job input.search-job-btn {
    width: 100%;
    font-size: 1em;
    height: 44px;
    max-height: 44px; }
  .cancel-show-search-form {
    color: #ffffff;
    text-decoration: underline;
    padding-bottom: 24px;
    padding-top: 12px; }
  .rec-module {
    margin-top: 0px; }
  .return-icon {
    display: inline-block;
    font-size: 21px;
    color: #787878; }
  .return-text {
    display: none; }
  .job-options a.return-to-job-search:before {
    display: none; }
  #searched-for #search-job label {
    font-size: 1em; }
  .sort-by {
    display: none; }
  .show-count {
    display: none; }
  .jobsFound {
    font-weight: bold;
    font-size: 16px; }
  .refine-search .refine-option h4 {
    cursor: pointer; }
  .refine-option ul li .job-title:hover {
    background: transparent; }
  .sort-by-wrap select {
    font-size: 1em;
    float: left;
    width: auto;
    min-width: 200px; }
  #search-job input[type="text"] {
    font-size: 1em; }
  #search-job select {
    font-size: 1em; }
  .job-sharing-dropdown {
    display: none; }
  .share-job-mob {
    display: inline;
    margin: 0px 0px 0px 0px;
    padding: 6px 0px 9px; }
  .home-content-container .save-job {
    width: 49%;
    padding: 6px 0px 9px;
    margin-right: 0px; }
  .comp-social .save-job {
    width: 200px;
    padding: 6px 0px 9px;
    margin-right: 0px;
    vertical-align: middle;
    text-align: center;
    min-height: 44px;
    max-height: 44px;
    color: #11bff3;
    font-size: 16px;
    background: rgba(17, 191, 243, 0);
    border: 1px solid #11bff3; }
    .comp-social .save-job:hover {
      background: rgba(17, 191, 243, 0.11); }
  .comp-list-info {
    margin: 0em auto 2.1em auto;
    text-align: center;
    width: 95%; }
    .comp-list-info form {
      display: inline-block; }
  .comp-prof-pg .comp-social {
    text-align: center;
    width: 95%; }
  .comp-prof-pg img {
    display: block;
    margin: 10px auto 15px auto;
    text-align: center; }
  .comp-prof-pg ul.company-contact-list {
    margin: 0em auto 2.1em auto;
    text-align: center; }
  .comp-prof-pg li {
    display: inline !important;
    white-space: nowrap;
    line-height: 21px;
    float: none !important;
    padding: 0px 12px; }
  .comp-prof-pg .follow {
    padding-left: 0px; }
  .apply-job-b {
    word-wrap: break-word; }
    .apply-job-b .apply-now-btn .disabled {
      background: #dbdbdb !important;
      cursor: not-allowed !important;
      width: 153px !important;
      max-width: 153px !important;
      margin-left: -4px; }
  .cta-desc, .cta-desc-btm {
    display: block;
    text-align: center;
    margin: auto; }
  .similar-jobs-email {
    display: none; }
  .cta-desc-btm h5 {
    line-height: 18px; }
  .save-dk {
    display: none; }
  .save-mob {
    display: inline; }
  .apply-now-btn {
    display: block;
    width: 100%;
    margin: 0 0 14px;
    background: #11bff3;
    border-radius: 6px; }
    .apply-now-btn:hover {
      background: #1E93B8; }
    .apply-now-btn.has-applied {
      background: none; }
  .apply-now-btn.reply-email:hover {
    background: white; }
  .cta-desc-btm .apply-now-btn {
    width: 100%; }
  .apply-now-btn a.apply-now {
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    min-width: 0px;
    max-width: 100%;
    background: transparent;
    margin-bottom: 0; }
  span.job-sharing-dropdown-mob {
    cursor: pointer;
    position: relative; }
    span.job-sharing-dropdown-mob li {
      list-style: none;
      font-size: 12px;
      color: #787878;
      text-align: left;
      background: none !important; }
      span.job-sharing-dropdown-mob li a {
        display: block;
        padding: 14px 0;
        color: #323232;
        font-size: 16px; }
        span.job-sharing-dropdown-mob li a i {
          font-size: 21px; }
    span.job-sharing-dropdown-mob .addthis_button_facebook i {
      color: #425597; }
    span.job-sharing-dropdown-mob .addthis_button_twitter i {
      color: #6cadde; }
    span.job-sharing-dropdown-mob .addthis_button_google_plusone_share i {
      color: #d84437; }
    span.job-sharing-dropdown-mob .addthis_button_email i {
      color: #dfeb00; }
    span.job-sharing-dropdown-mob .job-sharing-mob {
      background-clip: padding-box;
      background-color: #fff;
      box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 6px 9px rgba(0, 0, 0, 0.2);
      border-radius: 0 0 2px 2px;
      padding: 4px 0;
      position: absolute;
      top: 36px;
      right: 0;
      z-index: 1;
      width: auto;
      min-width: 150px;
      white-space: nowrap; }
      span.job-sharing-dropdown-mob .job-sharing-mob ul li {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center; }
  .job-sharing-mob:after,
  .job-sharing-mob:before {
    content: "";
    position: absolute;
    height: 0;
    width: 0; }
  .job-sharing-mob:before {
    border-color: transparent;
    border-style: solid;
    border-width: 0 10px;
    border-bottom: 10px #cdcfd2 solid;
    margin-left: 22px;
    top: -10px; }
  .job-sharing-mob:after {
    border-color: transparent;
    border-style: solid;
    border-width: 0 9px;
    border-bottom: 9px #fff solid;
    margin-left: 23px;
    top: -9px; }
  .job-details {
    text-align: left; }
  .logo-mob {
    display: block;
    margin: 0px auto 24px 10px;
    text-align: center;
    float: right;
    width: 95px;
    height: 95px; }
  .logo-dk {
    display: none; }
  span.rep-job {
    position: relative;
    display: block; }
    span.rep-job .report-job {
      margin: 0;
      padding-left: 22px;
      background-position-x: 0px; } }

/* iPhone 5 Retina regardless of IOS version */
@media (device-height: 568px) and (device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) {
  .logo-mob {
    height: 70px;
    width: 70px; } }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .third-party .rec-job-listing {
    width: 28% !important; } }

@media only screen and (min-width: 1200px) {
  .third-party .rec-job-listing {
    width: 29% !important; } }

#sign-in {
  margin: 2em auto 3em; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #sign-in {
      width: 83%; } }
  #sign-in h1 {
    margin-left: 5px; }

.sign-in-padding {
  padding: 25px 15px; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .sign-in-padding {
      padding: 30px; } }

p.error {
  font-size: 1em;
  line-height: 1.4;
  text-align: center;
  display: block;
  padding: 8px;
  background: #faf2f2;
  border: 1px solid #ffd4d4;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }
  p.error .red {
    color: #ff0000; }
  p.error svg {
    width: 17px;
    height: 24px;
    vertical-align: middle; }

p.confirm {
  font-size: 1em;
  line-height: 1.4;
  text-align: center;
  display: block;
  padding: 8px;
  background: #E7F7E2;
  border: 1px solid #31C104;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }
  p.confirm .green {
    color: #00ff00; }
  p.confirm .black {
    color: #000; }
  p.confirm svg {
    width: 17px;
    height: 24px;
    vertical-align: middle; }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .login-row {
    display: flex; } }

.sign-in-form {
  flex: 1;
  border: 2px solid #eeeeee;
  background: #f5f5f5;
  padding: 25px 15px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .sign-in-form {
      padding: 30px 15px; } }
  .sign-in-form .sign-in {
    border: none;
    position: relative;
    display: block;
    margin: 15px auto 0;
    background: #11bff3;
    color: white;
    font-size: 20px;
    border-radius: 5px;
    min-height: 44px;
    max-height: 44px;
    width: 100%;
    padding: 10px 15px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: background 0.1s linear;
    -moz-transition: background 0.1s linear;
    -ms-transition: background 0.1s linear;
    -o-transition: background 0.1s linear;
    transition: background 0.1s linear;
    text-transform: none;
    box-sizing: border-box;
    text-align: center;
    line-height: normal; }
    .sign-in-form .sign-in:hover {
      background-color: #0a9bc7;
      cursor: pointer; }
    .sign-in-form .sign-in + a {
      margin-top: 30px;
      float: none;
      display: block; }
  .sign-in-form .register-now a {
    display: inline; }
  .sign-in-form .error-msge {
    top: 0px; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .sign-in-form .error-msge {
        top: 46px; } }
  .sign-in-form .error-excla {
    left: -24px;
    top: 36px; }

.jobseeker-login {
  margin-bottom: 30px; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .jobseeker-login {
      flex: 1;
      margin: 0px 10px 0px 0px !important; } }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .recruiter-login {
    display: flex;
    flex-direction: column;
    flex: 1; } }

.user-details {
  margin-bottom: 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(/js/vendor/boxsizing.htc); }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .user-details {
      float: left;
      width: 100%;
      margin-bottom: 0; } }
  .user-details label {
    color: #323232;
    font-weight: 500;
    font-size: 0.875em;
    margin-bottom: 2px;
    letter-spacing: 1px; }
  .user-details input[type="text"], .user-details input[type="password"] {
    font-size: 16px;
    padding: 10px;
    width: 100%;
    display: block;
    height: 44px;
    margin-bottom: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(/js/vendor/boxsizing.htc); }
  .user-details a {
    margin-bottom: 2em;
    display: block;
    clear: both;
    font-size: 0.75em;
    color: #787878;
    letter-spacing: 1px; }
    .user-details a:hover {
      color: #11bff3; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .user-details a {
        margin-top: 0.5em;
        display: inline;
        clear: none;
        float: right; } }

.register-now {
  font-size: 0.75em;
  float: left !important;
  margin-bottom: 0px;
  letter-spacing: 1px; }
  .register-now a {
    clear: none;
    font-size: 1em;
    margin-bottom: 0px;
    margin-top: 0em;
    color: #323232; }
    .register-now a:hover {
      color: #11bff3; }

.not-a-member {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(/js/vendor/boxsizing.htc); }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .not-a-member {
      float: left;
      width: 60%; } }
  .not-a-member h2 {
    margin-top: 0;
    margin-bottom: 0.5em;
    text-transform: none; }
  .not-a-member a {
    font-size: 0.875em;
    font-weight: 900;
    line-height: 1;
    color: #fff;
    border: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 9px 27px 7px 12px;
    background: #11bff3 url(../img/icons/arrow-white-tri.png) no-repeat right center;
    display: inline-block;
    zoom: 1;
    *display: inline;
    border-radius: 6px;
    text-transform: none;
    padding: 9px 12px;
    background-image: none;
    font-size: 18px;
    font-weight: 300; }
    .not-a-member a:hover {
      background-color: #0a9bc7; }

.error-excla {
  width: 25px;
  height: 25px;
  display: block;
  background: #e83232 url(../img/icons/exclamation.png) no-repeat 50%; }

.error-msge {
  position: relative;
  width: 95px;
  padding: 5px 10px;
  display: block;
  color: #fff;
  font-weight: 700;
  background: #e83232; }
  .error-msge .arrow {
    background: url(../img/icons/error-arrow.png) no-repeat;
    width: 7px;
    height: 16px;
    position: absolute;
    left: -7px; }
  .error-msge p {
    margin: 0;
    line-height: 1.4em; }

.error-msge.inline {
  position: relative;
  width: auto;
  background: none;
  color: #e83232;
  padding: 0 0 0 35px;
  margin: 0;
  right: 0;
  top: 0; }
  .error-msge.inline .error-excla {
    left: 0;
    top: 2px; }

#registration {
  margin: 0em auto -0.8em; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #registration {
      margin-top: 2em;
      margin-bottom: 3em;
      width: 74.5%; } }
  #registration.fullwidth-override {
    width: 100%; }
  #registration h1 {
    color: #11bff3; }
  #registration p.lead {
    background: url(../img/backgrounds/register.gif) no-repeat;
    padding-left: 90px;
    min-height: 73px; }
  #registration p.account-email {
    background: #f0f0f0;
    border: 1px solid #dbdbdb;
    padding: 10px;
    margin: 0 0 1em;
    cursor: not-allowed; }
  #registration .register-page.module {
    border-radius: 0; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      #registration .register-page.module {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px; } }
  #registration .register-page h1 {
    font-size: 30px;
    margin-bottom: 20px;
    text-align: center; }
  #registration .register-page .lead {
    background: none;
    text-align: center;
    padding: 0 15px;
    font-size: 16px;
    min-height: 0; }
    #registration .register-page .lead.left {
      text-align: left; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      #registration .register-page .lead {
        padding: 0; } }
  #registration .register-page .registration-padding {
    padding: 50px 0; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      #registration .register-page .registration-padding {
        padding: 50px 180px; } }
  #registration .register-page .registration-form {
    padding: 40px 15px 0;
    border-radius: 0; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      #registration .register-page .registration-form {
        padding: 40px 40px 0;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px; } }
    #registration .register-page .registration-form .toggle-password {
      position: absolute;
      top: 1px;
      right: 1px;
      color: #787878;
      cursor: pointer;
      font-size: 0.75em;
      font-weight: bold;
      padding: 13px 10px; }
  #registration .register-page label {
    font-size: 14px;
    line-height: 2em; }
  #registration .register-page .registration-form input[type="text"],
  #registration .register-page .registration-form input[type="password"],
  #registration .register-page .registration-form input[type="email"],
  #registration .register-page .registration-form input[type="tel"],
  #registration .register-page .account-settings-form input[type="text"],
  #registration .register-page .account-settings-form input[type="password"],
  #registration .register-page .account-settings-form input[type="email"],
  #registration .register-page .account-settings-form input[type="tel"] {
    font-size: 1em;
    padding: 10px;
    height: auto;
    line-height: normal; }
  #registration .register-page .registration-form p,
  #registration .register-page .account-settings-form p {
    font-size: 16px; }
  #registration .register-page .registration-form .detail-consent .icheckbox_minimal,
  #registration .register-page .account-settings-form .detail-consent .icheckbox_minimal {
    position: absolute; }
  #registration .register-page .registration-form .add-cover-letter,
  #registration .register-page .account-settings-form .add-cover-letter {
    border: none;
    padding: 0;
    margin: 0; }
  #registration .register-page .registration-form .cover-letter-cont,
  #registration .register-page .account-settings-form .cover-letter-cont {
    padding: 0; }
  #registration .register-page .registration-form .option,
  #registration .register-page .account-settings-form .option {
    text-transform: none;
    font-size: 16px;
    font-weight: normal;
    border-radius: 2px;
    margin-right: 10px;
    margin-bottom: 15px; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      #registration .register-page .registration-form .option,
      #registration .register-page .account-settings-form .option {
        margin-bottom: 0; } }
    #registration .register-page .registration-form .option:last-of-type,
    #registration .register-page .account-settings-form .option:last-of-type {
      margin-bottom: 0; }
  #registration .register-page.account-settings p {
    color: #323232; }
  #registration .register-page.account-settings .account-settings-form {
    padding: 30px 14px 0;
    margin-bottom: 3em; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      #registration .register-page.account-settings .account-settings-form {
        padding: 30px 25px 0; } }
    #registration .register-page.account-settings .account-settings-form.margin-clear {
      margin-bottom: 0; }
    #registration .register-page.account-settings .account-settings-form.pad-btm {
      padding-bottom: 30px; }
    #registration .register-page.account-settings .account-settings-form .example {
      text-decoration: underline;
      font-size: 12px;
      font-weight: 700;
      color: #323232; }
    #registration .register-page.account-settings .account-settings-form ul {
      font-size: 16px;
      color: #323232; }
  #registration .register-page.account-settings h1,
  #registration .register-page.account-settings h2 {
    font-size: 20px;
    text-transform: none;
    color: black;
    text-align: left;
    padding: 0 0 15px;
    font-weight: 700; }
  #registration .register-page.account-settings .detail-consent .info {
    padding-left: 25px;
    margin-bottom: 1.2em; }
  #registration .register-page.account-settings .detail-consent label {
    padding-left: 25px;
    font-size: 14px;
    margin: 0; }
  #registration .register-page.account-settings .detail-consent i {
    font-size: 0.75em;
    color: #787878; }
  #registration .register-page.account-settings .help-info {
    text-align: center;
    margin: 0;
    font-size: 0.75em; }
    #registration .register-page.account-settings .help-info a {
      color: #787878;
      text-decoration: underline; }
  #registration .register-page.account-settings label {
    font-weight: 500;
    display: inline-block;
    font-size: 0.75em;
    line-height: normal;
    color: #323232;
    margin: 5px 0; }
  #registration .btn-default-blue {
    border: none;
    position: relative;
    display: block;
    margin: 15px auto 0;
    background: #11bff3;
    color: white;
    font-size: 20px;
    border-radius: 5px;
    min-height: 44px;
    max-height: 44px;
    width: 100%;
    padding: 10px 15px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: background 0.1s linear;
    -moz-transition: background 0.1s linear;
    -ms-transition: background 0.1s linear;
    -o-transition: background 0.1s linear;
    transition: background 0.1s linear;
    text-transform: none;
    box-sizing: border-box;
    text-align: center;
    line-height: normal; }
    #registration .btn-default-blue:hover {
      background-color: #0a9bc7;
      cursor: pointer; }
    #registration .btn-default-blue .loading {
      background-image: url("https://localhost:2443/images/loading-spinner.gif");
      background-color: #11bff3;
      background-size: 48px;
      background-position-x: right;
      background-repeat: no-repeat;
      pointer-events: none;
      opacity: 0.75;
      -webkit-transition: none;
      -moz-transition: none;
      -ms-transition: none;
      -o-transition: none;
      transition: none; }
  #registration .toggle-switch {
    float: right;
    padding: 3px 0 3px 10px; }
    #registration .toggle-switch .icheckbox_minimal {
      margin: 0; }
  #registration .error-msge {
    width: 100%;
    background: none;
    color: #e83232;
    padding: 0 0 0 30px;
    margin: 5px 0 0;
    font-size: 1em;
    font-weight: 500;
    position: relative;
    right: 0;
    top: -10px; }
  #registration .error-excla {
    position: absolute;
    left: 0px;
    top: -3px; }
  #registration .input-validation-error {
    border-color: #e83232;
    background: #fff9f9; }

.password-info {
  display: inline-block;
  margin-bottom: 15px;
  display: inline-block;
  font-style: italic;
  color: #787878;
  font-size: 14px; }

#EmailAddress a {
  margin-top: -10px;
  display: block; }

.registration-padding {
  padding: 25px 15px; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .registration-padding {
      padding: 50px 90px; } }

.registration-form,
.account-settings-form {
  border: 2px solid #eeeeee;
  background: #f5f5f5;
  padding: 25px 15px 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .registration-form,
    .account-settings-form {
      padding: 25px 35px 0; } }
  .registration-form p,
  .account-settings-form p {
    margin: 1em 0; }
  .registration-form input[type="text"], .registration-form input[type="password"], .registration-form input[type="email"], .registration-form input[type="tel"],
  .account-settings-form input[type="text"],
  .account-settings-form input[type="password"],
  .account-settings-form input[type="email"],
  .account-settings-form input[type="tel"] {
    width: 100%;
    display: block;
    height: 30px;
    line-height: 30px;
    margin-bottom: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(/js/vendor/boxsizing.htc); }
  .registration-form input::-ms-reveal,
  .account-settings-form input::-ms-reveal {
    display: none; }
  .registration-form .error-msge p,
  .account-settings-form .error-msge p {
    margin: 0; }
  .registration-form .form-row.push-margin,
  .account-settings-form .form-row.push-margin {
    margin-bottom: 10px; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .registration-form .form-row.push-margin,
      .account-settings-form .form-row.push-margin {
        margin-left: 30px; } }
  .registration-form .form-row.centered,
  .account-settings-form .form-row.centered {
    margin: 1em auto -1.4em; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .registration-form .form-row.centered,
      .account-settings-form .form-row.centered {
        margin-top: 1em;
        margin-bottom: -1.2em; } }
    .registration-form .form-row.centered.change-email,
    .account-settings-form .form-row.centered.change-email {
      margin-top: 0; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .registration-form .form-row .form-cell,
    .account-settings-form .form-row .form-cell {
      width: 47%;
      float: left; } }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .registration-form .form-row .form-cell + .form-cell,
    .account-settings-form .form-row .form-cell + .form-cell {
      float: right; } }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .registration-form .form-row.email-address-row,
    .account-settings-form .form-row.email-address-row {
      width: 85%; } }

#registration .register-page.account-settings .registration-padding {
  padding-top: 15px; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #registration .register-page.account-settings .registration-padding {
      padding-top: 50px; } }

.form-row {
  position: relative;
  width: 100%; }

.error-excla {
  position: absolute;
  left: -12px;
  /*top: 23px;*/ }

.error-msge {
  position: relative;
  right: 0;
  top: 0;
  margin-bottom: 20px;
  width: 100%;
  margin-top: -10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(/js/vendor/boxsizing.htc); }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .error-msge {
      position: absolute;
      right: -110px;
      top: 10px;
      width: 105px;
      z-index: 1; } }

#divMessagePassword {
  display: block;
  border: 1px solid #e83232;
  background-color: rgba(232, 50, 50, 0.05);
  padding: 7px;
  border-radius: 6px;
  margin-top: 30px; }
  #divMessagePassword .error-msge {
    margin: 0;
    font-weight: bold; }

.error-inline {
  color: #e83232;
  font-weight: 700; }

#AdditionalInformation {
  border-top: 1px solid #dcdcdc; }
  #AdditionalInformation .example {
    text-decoration: underline;
    font-size: 12px;
    font-weight: 700;
    color: #323232; }

.modal {
  text-align: center;
  padding: 0 !important; }
  .modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px; }
  .modal .modal-dialog,
  .modal .modal-content {
    border-radius: 5px; }
  .modal .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    position: relative; }
  .modal .modal-content {
    padding: 0;
    border: 0;
    width: 95%;
    margin-top: -10px; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .modal .modal-content {
        width: 80%;
        margin-top: -10px; } }
    .modal .modal-content .modal-body {
      max-height: calc(100vh - 120px);
      overflow-y: auto; }
      .modal .modal-content .modal-body img {
        margin-bottom: -5px; }
  .modal .modal-header {
    position: relative;
    height: 40px;
    background: #fff;
    border-bottom: 1px solid #dbdbdb;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 0px 0px 14px -6px rgba(0, 0, 0, 0.35); }
  .modal .close {
    position: absolute;
    right: 5px;
    top: 6px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: url(../img/icons/close.png) no-repeat top left;
    z-index: 1001; }
    .modal .close:hover {
      background: url(../img/icons/close.png) #f0f0f0 no-repeat top left;
      border-radius: 50%; }
  .modal .modal-footer {
    background: #fff;
    height: 40px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top: 1px solid #f0f0f0; }
    .modal .modal-footer .btn {
      float: right;
      padding: 9px 15px;
      color: #11bff3; }
      .modal .modal-footer .btn:hover {
        cursor: pointer; }
  .modal.helper-modal .modal-content .modal-body {
    max-height: calc(100vh - 120px); }

.modal-body .container {
  max-width: 100%; }

.modal-body .module {
  border: none;
  margin-bottom: 0;
  border-radius: 0; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .modal-body .module {
      padding: 0 15px; } }

.modal-content .reg-priv h2,
.modal-content .reg-terms h2 {
  float: none;
  margin: 0 0 1em !important; }

.modal-content .reg-priv .anchor-links,
.modal-content .reg-terms .anchor-links {
  background: #f7f7f7;
  border: 1px solid #e5e5e5;
  float: none;
  margin: 0 0px 10px 0px;
  padding: 0;
  width: 99%; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .modal-content .reg-priv .anchor-links,
    .modal-content .reg-terms .anchor-links {
      width: 40%;
      float: right;
      margin: 0 0 10px 20px; } }
  .modal-content .reg-priv .anchor-links ul,
  .modal-content .reg-terms .anchor-links ul {
    padding: 0 10px; }
    .modal-content .reg-priv .anchor-links ul li,
    .modal-content .reg-terms .anchor-links ul li {
      margin: 10px 0; }

.helper-modal.modal .modal-content {
  width: 85%; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .helper-modal.modal .modal-content {
      width: 60%; } }

.helper-modal .modal-content {
  padding: 15px 15px 5px; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .helper-modal .modal-content {
      padding: 30px 30px 15px; } }
  .helper-modal .modal-content .container {
    padding: 0; }

.helper-modal .modal-header {
  border: none;
  box-shadow: none;
  height: auto;
  margin-bottom: 15px; }
  .helper-modal .modal-header .close {
    right: -5px;
    top: -5px; }
  .helper-modal .modal-header h2 {
    float: none;
    width: 95%;
    font-size: 20px;
    text-transform: none;
    letter-spacing: 0;
    line-height: normal;
    padding: 0;
    font-weight: 700; }

.helper-modal .modal-body p {
  font-size: 14px;
  color: #323232; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .helper-modal .modal-body p {
      font-size: 16px; } }

.helper-modal .modal-body a {
  text-decoration: underline; }

.modal.reg-modal {
  height: auto;
  min-height: 100%;
  padding-bottom: 20px !important; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .modal.reg-modal {
      height: 100%; } }

.modal.helper-modal {
  height: auto; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .modal.helper-modal {
      height: 100%; } }

.helper-modal .modal-footer {
  text-align: center; }
  .helper-modal .modal-footer.nb {
    border-top: none;
    margin-bottom: 10px; }
  .helper-modal .modal-footer .secondary.option {
    padding: 10px 40px;
    font-size: 18px;
    font-weight: 500;
    text-transform: none;
    border-radius: 2px; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .helper-modal .modal-footer .secondary.option {
        padding: 10px 80px; } }
  .helper-modal .modal-footer .secondary.option:first-of-type {
    margin-right: 30px; }

.helper-modal.acc-settings-modal {
  height: 100%; }

/* android device only styles */
.device-android .account-settings-form .toggle-switch .iCheck-helper {
  top: 20px !important; }

.device-android .account-settings-form .detail-consent .iCheck-helper {
  top: 10px !important; }

.device-android .modal .modal-content .modal-body {
  max-height: calc(100vh - 160px); }

.device-android .modal.helper-modal .modal-content .modal-body {
  max-height: calc(100vh - 160px); }

#profile {
  position: relative;
  margin: 20px 0 30px; }

#lhs-fix-wrap {
  color: #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(/js/vendor/boxsizing.htc); }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #lhs-fix-wrap {
      left: 0;
      position: absolute;
      margin-left: 0px;
      width: 230px; } }

#lhs-user-options {
  background: #232323;
  margin-bottom: 20px; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #lhs-user-options {
      position: absolute;
      top: 0;
      width: 230px;
      margin-top: 20px;
      padding: 0;
      -webkit-border-top-left-radius: 6px;
      -moz-border-top-left-radius: 6px;
      border-top-left-radius: 6px;
      -webkit-border-bottom-left-radius: 6px;
      -moz-border-bottom-left-radius: 6px;
      border-bottom-left-radius: 6px; } }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  #lhs-user-options.fixed {
    position: fixed;
    top: 0; } }

.lhs-avatar-username-logout {
  margin: 15px 15px 5px;
  padding-left: 58px; }
  .lhs-avatar-username-logout a {
    color: #787878; }

.lhs-avatar {
  width: 45px;
  margin-left: -58px;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(/js/vendor/boxsizing.htc); }
  .lhs-avatar img {
    border: 1px solid #fff; }

.lhs-username-logout {
  width: 65%;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(/js/vendor/boxsizing.htc); }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .lhs-username-logout {
      width: 100%; } }
  .lhs-username-logout p {
    margin: 0;
    line-height: 1.3; }
    .lhs-username-logout p.users-name {
      font-size: 0.875em; }

.lhs-list {
  list-style: none;
  margin: 0; }

.lhs-list li {
  font-size: 1.1875em;
  line-height: 1;
  margin-bottom: 0; }
  .lhs-list li.my-ni-jobs a {
    background: url(../img/icons/my-ni-jobs.png) no-repeat 20px center; }
  .lhs-list li.profile a {
    background: url(../img/icons/profile.png) no-repeat 20px center; }
  .lhs-list li.cv a {
    background: url(../img/icons/cv-coverletter.png) no-repeat 20px center; }
  .lhs-list li.job-alerts a {
    background: url(../img/icons/job-alerts.png) no-repeat 20px center; }
  .lhs-list li.instant-job-match a {
    background: url(../img/icons/instant-job-match.png) no-repeat 20px center; }
  .lhs-list li.saved-jobs a {
    background: url(../img/icons/saved-jobs.png) no-repeat 20px center; }
  .lhs-list li.applied-jobs a {
    background: url(../img/icons/applied-jobs.png) no-repeat 20px center; }
  .lhs-list li.followed-companies a {
    background: url(../img/icons/follow-companies.png) no-repeat 20px center; }
  .lhs-list li.drafts a {
    background: url(../img/icons/drafts.png) no-repeat 20px center; }
  .lhs-list li.mycareer-report a {
    background: url(../img/icons/career-report-icon-2.png) no-repeat 20px center; }
  .lhs-list li.mycareer-report a:hover, .lhs-list li.mycareer-report a.active {
    background: url(../img/icons/career-report-icon-hover-2.png) no-repeat 20px center; }

.lhs-list li a {
  color: #fff;
  display: block;
  padding: 15px 15px 15px 58px;
  border-bottom: 1px solid #333; }
  .lhs-list li a:hover, .lhs-list li a.active {
    background-color: #11bff3 !important; }

.lhs-list li:last-child a {
  border-bottom: 0; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .lhs-list li:last-child a {
      -webkit-border-bottom-left-radius: 6px;
      -moz-border-bottom-left-radius: 6px;
      border-bottom-left-radius: 6px; } }

.user-page {
  background: #fff;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 14px;
  padding-right: 14px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(/js/vendor/boxsizing.htc); }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .user-page {
      margin-left: 230px;
      width: 75.5%;
      float: left;
      padding: 25px 40px;
      min-height: 600px; } }
  .user-page h2 {
    font-size: 0.875em;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #323232; }
  .user-page p {
    margin-bottom: 0.8em; }
  .user-page p + h3 {
    margin-top: 1.2em; }
  .user-page.module {
    border-radius: 0; }
  .user-page #pagination {
    margin-top: 3em;
    margin-bottom: 0; }
  .user-page .profile-visibility p.profile-vis-status {
    line-height: 1.1em;
    text-align: right;
    text-transform: none; }
    .user-page .profile-visibility p.profile-vis-status label {
      font-style: italic;
      color: #787878; }

.user-page .module-content {
  padding-left: 14px;
  padding-right: 14px; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .user-page .module-content {
      padding-left: 20px;
      padding-right: 20px; } }

.user-page .module#application {
  border: none; }
  .user-page .module#application h1 {
    font-size: 1.4em;
    line-height: 1.2; }
    .user-page .module#application h1 span {
      text-transform: none; }
  .user-page .module#application .profile-form-elements {
    margin: 10px 0 0 0; }
  .user-page .module#application section {
    border-bottom: none; }
  .user-page .module#application .apply-now {
    padding: 15px 0;
    background-position-x: right; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .user-page .module#application .apply-now {
        width: 43%;
        padding: 15px; } }
  .user-page .module#application p {
    font-size: 16px; }

.user-page section {
  margin-bottom: 1.5em; }

.user-page h3 {
  font-size: 0.875em;
  margin-bottom: 0.3em; }

.page-heading {
  background: #F0F0F0;
  border: 1px solid rgba(120, 120, 120, 0.1);
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 14px;
  padding-right: 14px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-bottom-right-radius: 6px;
  border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-bottom-left-radius: 6px;
  border-bottom-left-radius: 6px; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .page-heading {
      padding-left: 20px;
      padding-right: 20px; } }
  .page-heading h1 {
    float: left;
    margin: 0;
    display: block;
    clear: both; }
  .page-heading h2 {
    font-weight: 500 !important; }
  .page-heading p {
    float: left;
    margin: 0;
    display: block;
    clear: both;
    width: 100%; }
  .page-heading p.field-validation-error {
    float: none; }

.page-heading.with-icon {
  margin-bottom: 1em; }
  .page-heading.with-icon h1 {
    margin-bottom: 0.8em; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .page-heading.with-icon .icon {
      padding-right: 80px; } }

.profile-form-elements .visibility-dropdown, .profile-visibility {
  clear: both;
  float: left;
  margin: 5px 0 0; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .profile-form-elements .visibility-dropdown, .profile-visibility {
      float: right;
      clear: none;
      margin: 0; } }
  .profile-form-elements .visibility-dropdown .visibility-dropdown-wrap, .profile-visibility .visibility-dropdown-wrap {
    position: relative;
    float: right; }
    .profile-form-elements .visibility-dropdown .visibility-dropdown-wrap p, .profile-visibility .visibility-dropdown-wrap p {
      color: #505050;
      text-transform: uppercase;
      font-weight: 700;
      margin: 3px 0 0;
      width: auto;
      float: left; }
    .profile-form-elements .visibility-dropdown .visibility-dropdown-wrap .visibility-dropdown, .profile-form-elements .visibility-dropdown .visibility-dropdown-wrap .profile-form-elements .visibility-dropdown, .profile-visibility .visibility-dropdown-wrap .visibility-dropdown, .profile-visibility .visibility-dropdown-wrap .profile-form-elements .visibility-dropdown {
      font-size: 0.875em;
      font-weight: 900;
      line-height: 1;
      color: #fff;
      border: 0;
      text-transform: uppercase;
      letter-spacing: 1px;
      padding: 7px 12px 5px 12px;
      cursor: pointer;
      background: #11bff3;
      display: inline-block;
      zoom: 1;
      *display: inline;
      font-size: 0.75em;
      clear: both;
      float: left;
      margin-left: 0; }
      .profile-form-elements .visibility-dropdown .visibility-dropdown-wrap .visibility-dropdown:hover, .profile-form-elements .visibility-dropdown .visibility-dropdown-wrap .profile-form-elements .visibility-dropdown:hover, .profile-visibility .visibility-dropdown-wrap .visibility-dropdown:hover, .profile-visibility .visibility-dropdown-wrap .profile-form-elements .visibility-dropdown:hover {
        background-color: #0a9bc7; }
      @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
        .profile-form-elements .visibility-dropdown .visibility-dropdown-wrap .visibility-dropdown, .profile-form-elements .visibility-dropdown .visibility-dropdown-wrap .profile-form-elements .visibility-dropdown, .profile-visibility .visibility-dropdown-wrap .visibility-dropdown, .profile-visibility .visibility-dropdown-wrap .profile-form-elements .visibility-dropdown {
          margin-left: 8px;
          clear: none;
          float: right; } }

.er {
  margin: 12px; }

.primary-text {
  font-size: 0.8em;
  font-weight: 500;
  letter-spacing: 0px;
  text-transform: none;
  color: #323232; }

.mobileshow {
  display: none !important; }

#global-user-options ul .global-username {
  border-right: 0 !important; }

@media screen and (max-width: 500px) {
  .mobileshow {
    display: inline-block !important; }
  #global-user-options ul .global-username {
    border-right: 1px solid #fff !important; } }

.add-cv .visibility-dropdown {
  border: 1px solid #cccccc;
  background-color: #e0e0e0;
  font-size: 1em;
  font-weight: 500;
  letter-spacing: 0px;
  text-transform: none;
  color: #323232;
  border-radius: 5px;
  margin: 0px !important;
  padding: 0;
  position: relative;
  width: 100% !important;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.visibility-dropdown-list {
  display: none;
  text-align: left;
  position: absolute;
  left: 0;
  top: auto;
  margin-top: 21px;
  z-index: 100;
  padding: 5px;
  text-transform: none;
  background: #11bff3;
  border-top: 4px solid #FFF;
  letter-spacing: 0;
  text-align: center; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .visibility-dropdown-list {
      right: 0;
      left: auto;
      top: auto;
      margin-top: 21px; } }
  .visibility-dropdown-list ul {
    margin: 0;
    font-size: 1.1em;
    list-style: none; }
  .visibility-dropdown-list li {
    padding: 0;
    background: #11bff3;
    line-height: 1;
    margin: 0; }
    .visibility-dropdown-list li:hover {
      background: #0a9bc7; }
  .visibility-dropdown-list li.dropdown-arrow {
    background: url(../img/icons/cog-dropdown.png) no-repeat top right;
    width: 12px;
    height: 10px;
    float: left;
    margin-top: -15px;
    margin-left: 14px; }
    .visibility-dropdown-list li.dropdown-arrow:hover {
      background: url(../img/icons/cog-dropdown.png) no-repeat top right; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .visibility-dropdown-list li.dropdown-arrow {
        margin-right: 17px;
        float: right; } }
  .visibility-dropdown-list a {
    display: block;
    color: #fff;
    font-weight: 700;
    padding: 10px; }
  #whos-viewed-profile .visibility-dropdown-list {
    margin-right: 103px;
    margin-top: 12px; }

#global-user-options li.visibility-dropdown {
  display: none; }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  #global-user-options .visibility-dropdown-list {
    border-top: none;
    margin-top: 10px; }
  #global-user-options li.visibility-dropdown {
    display: inline-block;
    position: relative;
    font-size: 12px;
    cursor: pointer;
    color: #fff;
    font-weight: 700; }
  #global-user-options input.visibility-dropdown {
    font-size: 10px; }
  #global-user-options .profile-visibility {
    position: absolute;
    float: none;
    left: 100%; }
  #global-user-options .dropdown-arrow {
    background: url(../img/icons/cog-dropdown-transperent.png) no-repeat top right;
    width: 12px;
    height: 10px;
    float: right;
    margin-top: -15px;
    margin-right: 15px; } }

.section-heading {
  margin-bottom: 1em;
  padding: 0 0 4px;
  border-bottom: 2px solid #11bff3; }

.section-heading h2 {
  margin: 4px 0 0;
  font-weight: 700; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .section-heading h2 {
      float: left; } }

.section-options {
  float: left;
  margin: 0 0; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .section-options {
      float: right;
      margin-top: 8px; } }

.option {
  color: #fff;
  border: 0;
  font-size: 0.75em;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 1px;
  padding: 5px 28px 4px 12px;
  display: inline-block;
  zoom: 1;
  *display: inline; }
  .option#AddLinkBtn {
    margin: 20px 0; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .option#AddLinkBtn {
        margin: 0; } }

.edit.option {
  background: #b4b4b4 url(../img/icons/edit.png) no-repeat right center;
  padding-right: 32px;
  cursor: pointer; }
  .edit.option:hover {
    background-color: #9b9b9b; }

.upload.option {
  background: #b4b4b4 url(../img/icons/upload.png) no-repeat right center;
  padding-right: 32px; }
  .upload.option:hover {
    background-color: #9b9b9b; }

.add.option {
  background: #11bff3 url(../img/icons/x-add.png) no-repeat right center;
  cursor: pointer; }
  .add.option:hover {
    background-color: #0a9bc7; }

.primary-small.option {
  background: #11bff3;
  font-size: 0.75em;
  padding: 5px 12px 4px 12px; }
  .primary-small.option:hover {
    background-color: #0a9bc7; }

.primary.option {
  background: #11bff3;
  font-size: 0.875em;
  padding: 7px 12px 5px 12px;
  border-radius: 6px; }
  .primary.option:hover {
    background-color: #0a9bc7; }

.primary.option.change-status {
  background: #11bff3;
  font-size: 0.875em;
  padding: 7px 12px 5px 12px;
  cursor: pointer;
  float: right; }
  .primary.option.change-status:hover {
    background-color: #0a9bc7; }
  #whos-viewed-profile .primary.option.change-status {
    margin-bottom: 10px;
    margin-right: 47px; }

.secondary.option {
  background: #787878;
  font-size: 0.875em;
  padding: 7px 12px 5px 12px; }
  .secondary.option:hover {
    background-color: #5f5f5f; }

a.secondary.option {
  cursor: pointer;
  color: white; }
  a.secondary.option:hover {
    text-decoration: none; }

.ButtonsPanel {
  clear: both; }
  .ButtonsPanel .Delete {
    float: right; }

.profile-progression {
  padding-top: 1.25em;
  padding-bottom: 1.25em;
  border-bottom: 2px solid #11bff3; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .profile-progression {
      padding-left: 160px; } }
  .profile-progression h2 {
    margin: 0 0 10px; }
  .profile-progression .progress-wheel {
    float: left;
    width: 25%;
    margin-right: 5%;
    margin-bottom: 10px; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .profile-progression .progress-wheel {
        width: 145px;
        margin-right: 0;
        margin-left: -160px; } }
  .profile-progression .progress-copy {
    float: left;
    width: 70%;
    margin-bottom: 5px; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .profile-progression .progress-copy {
        width: 58%;
        margin: 10px 3% 0 0; } }
  .profile-progression .progress-buttons {
    font-size: 0.875em;
    width: 100%;
    margin-top: 10px; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .profile-progression .progress-buttons {
        width: 39%;
        float: left; } }
    .profile-progression .progress-buttons a {
      float: right;
      width: 100%;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      *behavior: url(/js/vendor/boxsizing.htc); }
  .profile-progression #gauge {
    width: 145px;
    height: 144px;
    position: relative;
    background-color: #e5e5e5;
    float: left;
    margin-right: 5%;
    margin-bottom: 10px; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .profile-progression #gauge {
        margin-right: 0;
        margin-left: -160px; } }
    .profile-progression #gauge img, .profile-progression #gauge svg {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 10; }
    .profile-progression #gauge img {
      z-index: 15; }

.update-cv.button {
  color: #fff;
  background: #11bff3 url(../img/icons/update-cv.png) no-repeat 10px center;
  padding-left: 40px; }

.linkedin-import.button {
  color: #fff;
  background: #11bff3 url(../img/icons/linkedin-import.png) no-repeat 10px center;
  padding-left: 40px; }

.add-skill.button {
  color: #fff;
  background: #11bff3 url(../img/icons/profile.png) no-repeat 10px center;
  padding-left: 40px; }

section.your-info {
  position: relative;
  border: 1px solid #dbdbdb;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 14px;
  padding-right: 14px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #fff; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    section.your-info {
      padding-left: 20px;
      padding-right: 20px; } }
  section.your-info .avatar {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    width: 47px; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      section.your-info .avatar {
        width: 114px; } }
  section.your-info .your-info-content {
    clear: both; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      section.your-info .your-info-content {
        float: left;
        clear: none;
        width: 77%;
        margin-top: -37px; } }
    section.your-info .your-info-content h2 {
      margin: 0 0 0.3em 0;
      width: 80%;
      float: left; }
    section.your-info .your-info-content .profession, section.your-info .your-info-content .sector {
      color: #787878;
      font-size: 0.875em;
      line-height: 1.3;
      margin: 0 0 0.8em 0;
      width: 80%;
      float: left; }
  section.your-info .section-options {
    float: right;
    position: relative;
    z-index: 10; }

.your-info-contact-details h4 {
  display: block;
  clear: both;
  color: #11bff3;
  font-size: 0.75em;
  margin-bottom: 0.4em;
  text-transform: uppercase; }

.your-info-contact-details ul {
  list-style: none;
  margin: 0; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .your-info-contact-details ul {
      margin: 0 2% 0 0;
      /*float: left;*/ } }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .your-info-contact-details ul.personal {
      width: 43%; } }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .your-info-contact-details ul.accounts {
      width: 53%; } }
  .your-info-contact-details ul a {
    color: #323232;
    font-weight: 500; }
    .your-info-contact-details ul a:hover {
      text-decoration: underline; }

.your-info-contact-details p.work-permit {
  padding: 0 0 0 25px;
  background: url(../img/icons/work-permit.png) no-repeat left top; }

.your-info-contact-details b {
  color: #787878; }

section.overview {
  border: 1px solid #dbdbdb;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 14px;
  padding-right: 14px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }
  section.overview h2 {
    background: url(../img/icons/profile/overview.png) no-repeat left top;
    padding-left: 31px;
    line-height: 2.2em; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    section.overview {
      padding-left: 20px;
      padding-right: 20px; } }

section.work-experience {
  border: 1px solid #dbdbdb;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 14px;
  padding-right: 14px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }
  section.work-experience h2 {
    font-weight: 500; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    section.work-experience .form-row.from-to .form-cell {
      width: auto; } }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    section.work-experience .form-row.from-to {
      width: auto;
      float: left; } }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    section.work-experience {
      padding-left: 20px;
      padding-right: 20px; } }

section.education {
  border: 1px solid #dbdbdb;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 14px;
  padding-right: 14px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    section.education {
      padding-left: 20px;
      padding-right: 20px; } }

section.location {
  border: 1px solid #dbdbdb;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 14px;
  padding-right: 14px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    section.location {
      padding-left: 20px;
      padding-right: 20px; } }
  section.location h2 {
    background: url(../img/icons/profile/location.png) no-repeat left 1px;
    padding-left: 26px;
    line-height: 2.2em; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    section.location .current-location h3 {
      margin-top: 15px; } }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    section.location .current-location {
      width: 30%;
      float: left; } }
  section.location .preferred-location {
    padding: 10px;
    background: #f0f0f0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(/js/vendor/boxsizing.htc); }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      section.location .preferred-location {
        width: 69%;
        float: right;
        padding: 15px 20px; } }
    section.location .preferred-location p {
      margin: 0 !important; }

section.professional-qualifications {
  border: 1px solid #dbdbdb;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 14px;
  padding-right: 14px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }
  section.professional-qualifications h2 {
    background: url(../img/icons/profile/qualifications.png) no-repeat left 4px;
    padding-left: 45px;
    line-height: 2.2em; }
  section.professional-qualifications select {
    width: 49%; }
  section.professional-qualifications .SelectMonth {
    width: 100%; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      section.professional-qualifications .SelectMonth {
        width: 49%; } }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    section.professional-qualifications {
      padding-left: 20px;
      padding-right: 20px; } }

section.professional-associations {
  border: 1px solid #dbdbdb;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 14px;
  padding-right: 14px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }
  section.professional-associations h2 {
    background: url(../img/icons/profile/associations.png) no-repeat left top;
    padding-left: 36px;
    line-height: 2.2em; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    section.professional-associations {
      padding-left: 20px;
      padding-right: 20px; } }

section.key-skills h2 {
  /*background: url(../img/icons/profile/key-skills.png) no-repeat left 2px; 
		padding-left: 32px;
		line-height: 2.2em;*/ }

section.interests h2 {
  background: url(../img/icons/profile/interests.png) no-repeat left 7px;
  padding-left: 34px;
  line-height: 2.2em; }

/*section.key-skills,
section.interests {
    border: none !important;
    @extend %clearfix-micro;
    @include profile-module;

    & ul {
        @extend %clearfix-micro;
        margin: 0 0 15px 0;

        & li {
            color: #505050;
            float: left;
            display: block;

            margin: 0 12px 12px 0;
            background: #f0f0f0;
            font-size: 15px;
            font-weight: 500;
        }
    }
}*/
section.additional-content {
  clear: both;
  border: 1px solid #dbdbdb;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 14px;
  padding-right: 14px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }
  section.additional-content h2 {
    background: url(../img/icons/profile/upload-content.png) no-repeat left top;
    padding-left: 35px;
    line-height: 2.2em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(/js/vendor/boxsizing.htc); }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    section.additional-content {
      padding-left: 20px;
      padding-right: 20px; } }

.additional-content-listing h2.description {
  float: left;
  width: 65%;
  padding-right: 2%;
  background: url(../img/icons/profile/upload-description.png) no-repeat left 5px;
  padding-left: 28px;
  line-height: 2.2em; }

.additional-content-listing h2.updated {
  background: url(../img/icons/profile/upload-updated.png) no-repeat left 4px;
  padding-left: 29px;
  line-height: 2.2em;
  float: right; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .additional-content-listing h2.updated {
      width: 30%; } }

.additional-content-listing ul {
  margin: 0;
  list-style: none; }
  .additional-content-listing ul li {
    padding: 10px;
    margin-bottom: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(/js/vendor/boxsizing.htc); }
    .additional-content-listing ul li:nth-child(odd) {
      background: #f6f6f6; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .additional-content-listing ul li {
        padding: 10px 20px 10px 10px; } }
    .additional-content-listing ul li:hover {
      background: #787878;
      color: #fff; }
      .additional-content-listing ul li:hover .date-configure {
        position: relative; }
        .additional-content-listing ul li:hover .date-configure .cog {
          background: url(../img/icons/cog-white.png) no-repeat; }
    .additional-content-listing ul li .title {
      float: left;
      width: 65%;
      margin-right: 2%;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      *behavior: url(/js/vendor/boxsizing.htc); }
      @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
        .additional-content-listing ul li .title {
          width: 70%;
          padding-right: 30px;
          margin-right: 0; } }
    .additional-content-listing ul li p {
      margin: 0;
      font-size: 1em; }
    .additional-content-listing ul li .date-configure {
      position: relative;
      float: right;
      width: 33%;
      text-align: right;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      *behavior: url(/js/vendor/boxsizing.htc); }
      @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
        .additional-content-listing ul li .date-configure {
          width: 25%;
          text-align: left; } }
      .additional-content-listing ul li .date-configure .date {
        margin-bottom: 5px; }
        @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
          .additional-content-listing ul li .date-configure .date {
            margin-bottom: 0;
            float: left; } }
      .additional-content-listing ul li .date-configure .cog {
        clear: both;
        background: url(../img/icons/cog-blue.png) no-repeat;
        width: 17px;
        height: 17px;
        float: right;
        cursor: pointer; }
        @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
          .additional-content-listing ul li .date-configure .cog {
            clear: none; } }
      .additional-content-listing ul li .date-configure .cog-dropdown {
        display: none;
        text-align: left;
        position: absolute;
        right: -10px;
        top: 48px;
        z-index: 100;
        width: 140px;
        padding: 5px;
        background: #11bff3;
        border-top: 4px solid #FFF; }
        @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
          .additional-content-listing ul li .date-configure .cog-dropdown {
            right: -20px;
            top: 27px; } }
        .additional-content-listing ul li .date-configure .cog-dropdown li.dropdown-arrow {
          background: url(../img/icons/cog-dropdown.png) no-repeat top right;
          width: 12px;
          height: 10px;
          float: right;
          margin-top: -15px;
          margin-right: 8px; }
          .additional-content-listing ul li .date-configure .cog-dropdown li.dropdown-arrow:hover {
            background: url(../img/icons/cog-dropdown.png) no-repeat top right; }
          @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
            .additional-content-listing ul li .date-configure .cog-dropdown li.dropdown-arrow {
              margin-right: 17px; } }
        .additional-content-listing ul li .date-configure .cog-dropdown li {
          padding: 0;
          background: #11bff3;
          line-height: 1; }
          .additional-content-listing ul li .date-configure .cog-dropdown li:hover {
            background: #0a9bc7; }
        .additional-content-listing ul li .date-configure .cog-dropdown a {
          display: block;
          color: #fff;
          font-size: 1.2em;
          font-weight: 700;
          padding: 10px;
          text-transform: uppercase; }

.view-public-profile {
  float: right;
  font-size: 0.875em;
  font-weight: 900;
  line-height: 1;
  color: #fff;
  border: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 7px 12px 5px;
  background: #505050;
  display: inline-block;
  zoom: 1;
  *display: inline; }
  .view-public-profile:hover {
    background-color: #373737; }

.your-info.edit .your-info-content {
  margin-top: 0;
  width: 100%; }
  .your-info.edit .your-info-content h2 {
    float: none;
    font-size: 0.875em;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #323232; }

.your-info.edit .profile-form-elements .form-row {
  margin-bottom: 0.4em; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .your-info.edit .profile-form-elements .form-row .form-cell {
      width: 74%; } }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .your-info.edit .profile-form-elements .form-row label, .your-info.edit .profile-form-elements .form-row input {
      float: left; } }
  .your-info.edit .profile-form-elements .form-row label {
    width: 100%;
    color: #505050;
    font-size: 0.75em;
    font-weight: 500;
    margin-top: 0.4em;
    margin-right: 15px;
    text-align: left; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .your-info.edit .profile-form-elements .form-row label {
        text-align: right;
        width: 118px; } }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .your-info.edit .profile-form-elements .form-row input {
      width: 200px; } }
  .your-info.edit .profile-form-elements .form-row select {
    width: 50%; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .your-info.edit .profile-form-elements .form-row select {
        width: 200px; } }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .your-info.edit .profile-form-elements .error-excla {
    top: 50px !important;
    left: -15px; } }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .your-info.edit .profile-form-elements .error-msge {
    top: 50px !important;
    right: -11px;
    z-index: 2; } }

.your-info.edit .profile-form-elements h4 {
  width: 100%;
  font-size: 0.75em;
  margin: 1em 0 0.3em 0;
  text-align: left; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .your-info.edit .profile-form-elements h4 {
      text-align: right;
      width: 118px; } }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .your-info.edit .profile-form-elements .option-wrap {
    margin-left: 134px; } }

.content-background {
  background-color: #fff !important; }

.select-dropdown-phone {
  margin-top: 42px !important; }

.text-link {
  color: #b0b0b0; }
  .text-link a {
    color: #b0b0b0;
    text-decoration: underline; }
  .text-link a:hover {
    color: #787878;
    text-decoration: underline; }

.import-cv {
  color: #fff;
  background: #11bff3;
  margin-top: -1.5em;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 14px;
  padding-right: 14px; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .import-cv {
      padding-left: 20px;
      padding-right: 20px; } }
  .import-cv .import-description {
    float: left;
    padding-left: 95px;
    background: url(../img/icons/profile/import-cv.png) no-repeat; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .import-cv .import-description {
        width: 320px;
        margin-left: -10px; } }
  .import-cv h2 {
    color: #fff;
    letter-spacing: 0;
    line-height: 1.5;
    margin: 0 0 0 0; }
  .import-cv p {
    margin-bottom: 0; }
  .import-cv a {
    float: right;
    width: auto;
    font-size: 0.875em;
    margin-top: 15px;
    font-size: 0.875em;
    font-weight: 900;
    line-height: 1;
    color: #fff;
    border: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 7px 12px 5px;
    background: #787878;
    display: inline-block;
    zoom: 1;
    *display: inline;
    padding: 8px 24px 6px 12px;
    background: #505050 url(../img/icons/arrow-white-tri.png) no-repeat right center; }
    .import-cv a:hover {
      background-color: #5f5f5f; }

.company-review {
  color: #fff;
  background: #11bff3;
  margin-top: -1.5em;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 95px;
  padding-left: 14px;
  padding-right: 14px; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .company-review {
      padding-left: 20px;
      padding-right: 20px; } }
  .company-review .review-description {
    float: left;
    padding-left: 0;
    padding-right: 0; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .company-review .review-description {
        padding-left: 67px;
        padding-right: 67px;
        margin-left: -10px;
        text-align: center; } }
  .company-review h2 {
    color: #fff;
    letter-spacing: 0;
    line-height: 1.5;
    margin: 0 0 0 0;
    letter-spacing: 0.15em; }
  .company-review p {
    margin-bottom: 0;
    color: black;
    font-weight: bold; }
  .company-review a {
    width: auto;
    align-content: center;
    font-size: 0.875em;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 0.875em;
    font-weight: 900;
    line-height: 1;
    color: #fff;
    border: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 7px 12px 5px;
    background: #787878;
    display: inline-block;
    zoom: 1;
    *display: inline;
    background: #505050;
    padding: 8px 12px 6px 12px; }
    .company-review a:hover {
      background-color: #5f5f5f; }

.company-review-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
  z-index: 1000;
  overflow-y: auto; }
  .company-review-overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block;
    transition: 0.3s; }
    .company-review-overlay .closebtn:hover {
      color: #f1f1f1; }
  .company-review-overlay .overlay-content {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
    margin-top: 30px; }
    .company-review-overlay .overlay-content .cv-upload-confirm {
      line-height: 1.5; }
      .company-review-overlay .overlay-content .cv-upload-confirm h2 {
        color: #fff;
        letter-spacing: 0;
        line-height: 1.5;
        margin: 0 0 0 0;
        /*letter-spacing: 0.15em;*/
        text-transform: inherit;
        font-size: 1.3em; }
      .company-review-overlay .overlay-content .cv-upload-confirm a.add-review {
        background: #11bff3;
        padding: 7px 12px 5px 12px;
        color: #fff;
        border: 0;
        font-size: 0.9em;
        line-height: 1;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin-top: 30px;
        margin-bottom: 30px;
        display: inline-block;
        zoom: 1; }
      .company-review-overlay .overlay-content .cv-upload-confirm div {
        font-size: 0.9em;
        font-weight: bold;
        letter-spacing: 0.05em;
        padding-top: 10px; }
      .company-review-overlay .overlay-content .cv-upload-confirm a {
        color: white; }

.your-info-content .profile-form-elements {
  padding: 0; }

.profile-form-elements {
  position: relative;
  background: #F0F0F0;
  padding: 20px 10px; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .profile-form-elements {
      padding-left: 20px;
      padding-right: 20px;
      padding-left: 35px; } }
  .profile-form-elements .form-row {
    clear: both;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(/js/vendor/boxsizing.htc); }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .profile-form-elements .form-row {
        margin-bottom: 0.8em; } }
    .profile-form-elements .form-row .form-cell {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      *behavior: url(/js/vendor/boxsizing.htc); }
      @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
        .profile-form-elements .form-row .form-cell {
          width: 48%;
          float: left; } }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .profile-form-elements .form-row .form-cell + .form-cell {
        width: 48%;
        float: right; } }
    .profile-form-elements .form-row.from-to {
      width: 70%; }
      @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
        .profile-form-elements .form-row.from-to .form-cell {
          width: 48%;
          float: left; } }
      .profile-form-elements .form-row.from-to .form-cell select {
        width: 100%;
        margin-right: 2%;
        display: inline-block;
        zoom: 1;
        *display: inline; }
      .profile-form-elements .form-row.from-to .form-cell input {
        text-align: center;
        width: 30%;
        display: inline-block;
        zoom: 1;
        *display: inline; }
      @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
        .profile-form-elements .form-row.from-to .form-cell + .form-cell {
          width: 48%;
          float: right; } }
  .profile-form-elements .form-row.narrow .form-cell {
    position: relative; }
  .profile-form-elements label {
    color: #323232;
    font-size: 0.875em;
    margin: 0.7em 0px;
    display: block;
    font-weight: 400; }
  .profile-form-elements textarea {
    width: 100%;
    min-height: 85px;
    border: 1px solid #d8d8d8;
    padding: 10px 15px;
    margin-bottom: 0.8em;
    line-height: 1.7;
    color: #787878;
    font-size: 0.95em;
    font-weight: 500;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(/js/vendor/boxsizing.htc); }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .profile-form-elements textarea {
        margin-bottom: 0; } }
  .profile-form-elements input[type="text"],
  .profile-form-elements input[type="email"],
  .profile-form-elements input[type="tel"],
  .profile-form-elements input.tel {
    display: block;
    width: 100%;
    color: #323232;
    border: 1px solid #d8d8d8;
    font-size: 0.95em;
    line-height: normal;
    padding: 5px;
    margin-bottom: 0.8em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(/js/vendor/boxsizing.htc); }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .profile-form-elements input[type="text"],
      .profile-form-elements input[type="email"],
      .profile-form-elements input[type="tel"],
      .profile-form-elements input.tel {
        margin-bottom: 0; } }
  .profile-form-elements select {
    padding: 5px 4px 5px 5px;
    margin-bottom: 0.8em;
    border-radius: 0;
    border: 1px solid #d8d8d8;
    color: #787878;
    font-size: 0.975em;
    background: #fff url(../img/icons/select-arrow-white.png) no-repeat scroll center right;
    -webkit-appearance: none;
    text-indent: .01px;
    -ms-text-overflow: '';
    -o-text-overflow: '';
    text-overflow: '';
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(/js/vendor/boxsizing.htc); }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .profile-form-elements select {
        margin-bottom: 0; } }
  .profile-form-elements #CompanyIndustryId,
  .profile-form-elements #NewInterestedIn {
    max-width: 100%; }

.char-count {
  color: #787878;
  width: 100%;
  float: left; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .char-count {
      float: right;
      width: auto; } }

section.overview .profile-form-elements {
  background: #fff;
  padding: 0; }

section.location .profile-form-elements {
  background: none;
  padding: 0; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    section.location .profile-form-elements input[type="text"] {
      float: left;
      width: 54%;
      margin-right: 2%; } }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    section.location .profile-form-elements .option {
      margin-top: 1px; } }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  section.key-skills .profile-form-elements input[type="text"] {
    float: left;
    /*width: 68%;*/
    margin-right: 2%; } }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  section.key-skills .profile-form-elements .option {
    margin-top: 1px; } }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  section.interests .profile-form-elements {
    width: 75%; } }

section.interests .profile-form-elements select {
  width: 100%; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    section.interests .profile-form-elements select {
      float: left;
      width: 62%;
      margin-right: 2%; } }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  section.interests .profile-form-elements .option {
    margin-top: 1px; } }

.lt-ie8 section.interests .profile-form-elements {
  margin-top: 12px; }

section.additional-content .profile-form-elements {
  margin-bottom: 12px; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    section.additional-content .profile-form-elements input[type="text"] {
      float: left;
      width: 50%;
      margin-right: 2%; } }
  section.additional-content .profile-form-elements .option {
    margin-top: 1px; }
  section.additional-content .profile-form-elements .uploadCV_button {
    height: 19px;
    line-height: 19px; }

.italic-text {
  font-style: italic;
  color: #787878;
  font-size: 15px; }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  section.additional-content.add-new-cv .form-row {
    width: 50%;
    float: left;
    margin-right: 10px; } }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  section.additional-content.add-new-cv input[type="text"].cv-title {
    width: 100%; } }

section.additional-content.add-new-cv .error-msge {
  z-index: 10; }

section.additional-content.add-new-cv .uploadCV_button {
  height: 18px;
  color: #fff;
  border: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  line-height: 1;
  font-weight: 900;
  width: 90px;
  font-size: 0.875em;
  float: left; }

section.additional-content.add-new-cv .uploadCV_button:hover {
  background-color: #0a9bc7; }

section.additional-content.add-new-cv .qq-upload-success, section.additional-content.add-new-cv .qq-upload-list {
  display: none; }

section.additional-content.add-new-cv .uploadCV_button .qq-upload-button {
  height: 20px;
  margin-left: -11px;
  margin-right: -27px;
  padding-right: 0px;
  margin-top: -5px;
  padding-top: 7px;
  padding-left: 12px; }

.file_input_textbox {
  float: left; }

.file_input_div {
  position: relative;
  float: left;
  width: 123px;
  height: 30px;
  margin-right: 4px;
  overflow: hidden; }

.file_input_button {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 26px;
  color: #fff;
  border: 0;
  padding: 5px 0 4px;
  font-size: 0.875em;
  text-transform: uppercase;
  margin-top: 1px;
  line-height: normal;
  letter-spacing: 1px;
  background: #11bff3; }
  .file_input_button:hover {
    background: #0a9bc7; }

.file_input_hidden {
  font-size: 45px;
  position: absolute;
  right: 0px;
  top: 0px;
  cursor: pointer;
  -ms-filter: "alpha(opacity=0)";
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0; }

.profile-applied-jobs .with-icon h1 {
  margin-bottom: 0;
  line-height: 1.5em; }

.profile-applied-jobs .icon {
  background: url(../img/icons/profile/applied-jobs.png) no-repeat;
  padding-left: 50px; }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .profile-applied-jobs ul.job-overview {
    margin-left: 120px; } }

.job-result-title a:visited {
  color: #787878; }
  .job-result-title a:visited > strong {
    color: #787878; }

.job-result-title a {
  color: #323232;
  text-decoration: none; }

.job-result-title h3 {
  font-size: 0.75em !important;
  margin-bottom: 0.3em; }

.applied-jobs-header {
  margin: 0;
  padding: 0 0 20px 0; }
  .applied-jobs-header ul {
    margin: 0;
    overflow: visible;
    padding: 0;
    background: #f0f0f0; }
  .applied-jobs-header ul.applied-jobs-tabs {
    float: left;
    margin-bottom: 30px;
    padding-right: 0;
    width: 100%; }
    .applied-jobs-header ul.applied-jobs-tabs li {
      border-left: 1px solid #dbdbdb;
      background-color: #f0f0f0;
      display: block;
      float: left;
      font-size: 16px;
      list-style-type: none;
      margin-bottom: 0;
      padding: 10px 0 10px 0;
      text-align: center;
      width: 49.8%;
      cursor: pointer;
      color: #11bff3; }
      @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
        .applied-jobs-header ul.applied-jobs-tabs li {
          width: 49.9%; } }
      .applied-jobs-header ul.applied-jobs-tabs li:first-of-type {
        box-shadow: inset -3px -3px 6px -1px rgba(0, 0, 0, 0.05);
        border-left: none;
        border-top-left-radius: 6px; }
      .applied-jobs-header ul.applied-jobs-tabs li:last-of-type {
        box-shadow: inset 3px -3px 6px -1px rgba(0, 0, 0, 0.05);
        border-top-right-radius: 6px; }
      .applied-jobs-header ul.applied-jobs-tabs li.active {
        box-shadow: inset 0px 0px 0px 0px #fff;
        background-color: #fff;
        color: #323232;
        border: none;
        padding: 10px 0 10px 0; }
        .applied-jobs-header ul.applied-jobs-tabs li.active:hover {
          text-decoration: none; }
      .applied-jobs-header ul.applied-jobs-tabs li:hover {
        text-decoration: underline; }
  .applied-jobs-header ul.job-overview {
    background: transparent; }
    .applied-jobs-header ul.job-overview .updated-time {
      margin: 15px 0;
      font-size: 14px;
      background: url(../img/icons/clock-face.png) no-repeat left 3px; }
  .applied-jobs-header h3 {
    font-size: 14px; }

.profile-applied-jobs .module.job-result {
  border-radius: 6px; }

.profile-applied-jobs .module-content {
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 15px; }
  .profile-applied-jobs .module-content:last-of-type {
    border-bottom: none;
    margin-bottom: 0; }

@media (max-width: 513px) {
  .applied-jobs-header ul.applied-jobs-tabs li {
    height: 44px; } }

@media (max-width: 330px) {
  .applied-jobs-header ul.applied-jobs-tabs li {
    height: 66px; } }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .profile-saved-jobs .page-heading {
    padding: 25px; } }

.user-page.profile-saved-jobs .page-heading p {
  margin-bottom: 0; }

.profile-saved-jobs .icon {
  background: url(../img/icons/profile/saved-jobs.png) no-repeat;
  padding-left: 65px; }

.mark-as-applied {
  float: right;
  font-size: 0.75em;
  font-weight: 500; }
  .mark-as-applied span {
    background: url(../img/icons/x-job-toggle.png) no-repeat right top;
    padding-right: 30px;
    cursor: pointer; }
  .mark-as-applied span.not-for-me {
    color: #323232; }

.companies-you-follow .with-icon h1 {
  margin-bottom: 0;
  line-height: 1.8em; }

.companies-you-follow .icon {
  background: url(../img/icons/profile/companies-you-follow.png) no-repeat;
  padding-left: 54px; }

.job-alert {
  margin-bottom: 0.6em;
  color: #323232; }

.change-alerts {
  text-transform: uppercase;
  padding-left: 18px;
  margin: 0 0 0 0.5em;
  color: #323232;
  background: url(../img/icons/change-alert.png) no-repeat left center; }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .my-ni-jobs .left-col {
    width: 63%;
    float: left; } }

.my-ni-jobs .right-col h2 {
  color: #fff; }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .my-ni-jobs .right-col {
    width: 35%;
    float: right; } }

.view-date {
  font-size: 0.6875em; }

.my-ni-jobs .module.narrow {
  border-top: 0;
  margin-bottom: 1.5em; }

.my-ni-jobs .job-result {
  padding: 0;
  border: 0;
  border-bottom: 1px solid #DBDBDB;
  padding-bottom: 0.5em;
  box-shadow: none; }
  .my-ni-jobs .job-result:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0.5em; }
  .my-ni-jobs .job-result .module-content {
    padding: 0; }

.my-ni-jobs .job-result-logo-title {
  width: 100%; }
  .my-ni-jobs .job-result-logo-title .job-result-title {
    width: 100%; }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .my-ni-jobs .module-column.left {
    width: 30%; } }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .my-ni-jobs .module-column.right {
    width: 65%; } }

.job-overview.larger {
  font-size: 0.875em;
  font-weight: 700;
  color: #323232;
  margin-bottom: 0; }
  .job-overview.larger li {
    margin-right: 1.2em;
    line-height: 1.1; }
  .job-overview.larger li.location {
    padding-left: 17px; }

.my-ni-jobs .latest-news .module-column {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(/js/vendor/boxsizing.htc); }

.my-ni-jobs .latest-news .module-column.left {
  width: 100%; }

.my-ni-jobs .latest-news .module-column.right {
  width: 100%; }

.job-tabs {
  margin-top: 2.05em; }

.job-tabs .module-narrow {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.job-tabs .tab-content {
  border-top: 3px solid #11bff3;
  padding-top: 14px;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.job-tabs ul.nav-tabs {
  margin-bottom: 0;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff; }
  .job-tabs ul.nav-tabs li {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(/js/vendor/boxsizing.htc); }
  .job-tabs ul.nav-tabs li.active a {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: -8px;
    background: #323232; }
  .job-tabs ul.nav-tabs li.saved-jobs-tab a {
    border-top-right-radius: 0px;
    border-top-left-radius: 6px; }
  .job-tabs ul.nav-tabs li.applied-jobs-tab a {
    border-top-right-radius: 6px;
    border-top-left-radius: 0px; }
  .job-tabs ul.nav-tabs li.applied-jobs-tab.active a,
  .job-tabs ul.nav-tabs li.saved-jobs-tab.active a {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px; }
  .job-tabs ul.nav-tabs a {
    padding: 16px 4px;
    background: #5a5a5a;
    text-align: center; }
    .job-tabs ul.nav-tabs a:hover {
      background: #323232; }
  .job-tabs ul.nav-tabs h2 {
    font-size: 1.2em;
    padding: 0;
    background: 0;
    border: 0;
    margin: 0;
    letter-spacing: 0; }

.drafts .icon {
  background: url(../img/icons/profile/drafts.png) no-repeat;
  padding-left: 50px; }
  .drafts .icon h1 {
    padding-top: 8px;
    margin-bottom: 0.5em; }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .drafts ul.job-overview {
    margin-left: 120px; } }

.job-result.expired {
  opacity: 0.5; }
  .job-result.expired .show-more {
    background: #9c9c9c;
    border: 0;
    padding-right: 0.8em; }

.your-cv .icon {
  background: url(../img/icons/profile/your-cv.png) no-repeat;
  padding-left: 65px; }
  .your-cv .icon h1 {
    margin-bottom: 0.5em; }
  .your-cv .icon p {
    margin-top: 0.3em; }

.cv-wrap h2.heading {
  font-size: 1em;
  color: #11bff3;
  float: left;
  margin: 0;
  margin-bottom: 0.8em;
  margin-top: 2px; }

.cv-wrap .cv-options {
  clear: both; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .cv-wrap .cv-options {
      float: right;
      clear: none; } }
  .cv-wrap .cv-options a {
    margin-bottom: 0.8em; }

.cv-wrap .additional-content-listing {
  clear: both; }
  .cv-wrap .additional-content-listing h2.description {
    width: 55%; }
  .cv-wrap .additional-content-listing .module-content {
    padding-top: 10px;
    padding-bottom: 20px; }

.profile-job-alerts .icon {
  background: url(../img/icons/profile/job-alerts.png) no-repeat;
  padding-left: 65px; }

.profile-job-alerts.add-new form {
  width: 100%; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .profile-job-alerts.add-new form {
      width: 50.7%; } }
  .profile-job-alerts.add-new form .field-validation-error {
    text-align: center;
    padding: 8px 24px;
    background: #faf2f2;
    border: 1px solid #ffd4d4;
    font-size: 0.875em;
    float: left;
    margin-bottom: 1em;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .profile-job-alerts.add-new form .field-validation-error {
        padding: 8px 37px; } }

.profile-job-alerts.add-new .search-job-select {
  width: 100%; }

.profile-job-alerts.add-new label {
  display: inline-block; }

.profile-job-alerts.add-new input,
.profile-job-alerts.add-new select,
.profile-job-alerts.add-new .checkbox-wrap {
  margin-bottom: 1.8em;
  margin-left: 0; }

.profile-job-alerts.add-new .checkbox-wrap label {
  font-size: 0.75em;
  margin-right: 1em; }

.job-alert-wrap .additional-content h2 {
  background: none; }

.job-alert-wrap h2.heading {
  font-size: 1em;
  color: #11bff3;
  float: left;
  margin: 0;
  margin-bottom: 0.8em;
  margin-top: 2px; }

.job-alert-wrap .add.option {
  clear: both;
  float: left;
  margin-bottom: 1em; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .job-alert-wrap .add.option {
      float: right;
      clear: none; } }

.job-alert-wrap .section-heading {
  display: none; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .job-alert-wrap .section-heading {
      display: block; } }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .profile-job-alerts .job-alert-wrap h2 {
    padding: 0;
    text-align: center; } }

.profile-job-alerts .job-alert-wrap li {
  padding: 0 0 1em 0;
  border-bottom: 1px dashed #DEDEDE;
  margin-bottom: 1em; }
  .profile-job-alerts .job-alert-wrap li:nth-child(odd) {
    background: #fff; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .profile-job-alerts .job-alert-wrap li:nth-child(odd) {
        background: #f6f6f6; } }
  .profile-job-alerts .job-alert-wrap li:nth-child(even) {
    background: #fff; }
  .profile-job-alerts .job-alert-wrap li:hover {
    background-color: auto;
    color: inherit; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .profile-job-alerts .job-alert-wrap li {
      margin-bottom: 0;
      border: 0;
      padding: 0; } }

.job-alert-wrap .lt-ie9 .profile-job-alerts .job-alert-wrap li:hover {
  background-color: #fff;
  color: inherit; }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .job-alert-wrap h2.title {
    width: 174px;
    background: url(../img/icons/profile/upload-description.png) no-repeat left 5px;
    padding-left: 20px; } }

.mob-section-heading {
  margin-bottom: 1em;
  padding: 0 0 4px;
  border-bottom: 2px solid #11bff3; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .mob-section-heading {
      display: none !important; } }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .job-alert-wrap h2.title-ijm {
    width: 110px;
    background: url(../img/icons/profile/upload-description.png) no-repeat left 5px;
    padding-left: 20px; } }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .job-alert-wrap h2.frequency {
    width: 103px; } }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .job-alert-wrap h2.status {
    width: 80px; } }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .job-alert-wrap h2.ijm-freq {
    width: 80px;
    margin-left: 30px; } }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .job-alert-wrap h2.date-created {
    width: 131px; } }

.job-alert-row div {
  display: block;
  padding: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(/js/vendor/boxsizing.htc); }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .job-alert-row div {
      float: left;
      padding: 10px 5px;
      text-align: center; } }

.ijm-row div {
  display: block;
  padding: 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(/js/vendor/boxsizing.htc); }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .ijm-row div {
      float: left;
      padding: 10px 5px;
      text-align: center; } }

.job-alert-row div.ij-status {
  display: block;
  padding: 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(/js/vendor/boxsizing.htc); }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .job-alert-row div.ij-status {
      float: left;
      padding: 10px 5px 10px 26px;
      text-align: center;
      width: auto; } }

.btn-rt-align {
  float: right;
  margin-top: 12px; }

.cancel-ijm {
  margin-right: 8px; }

.job-alert-row .ja-title {
  text-align: left; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .job-alert-row .ja-title {
      width: 164px;
      padding-left: 0;
      padding-top: 13px; } }

.job-alert-row .ijm-title {
  text-align: left; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .job-alert-row .ijm-title {
      width: auto;
      padding-left: 30px;
      padding-top: 13px; } }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .job-alert-row .ja-frequency {
    width: 120px; } }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .job-alert-row .ja-status {
    width: 80px; } }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .job-alert-row .ij-status {
    width: 80px; } }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .job-alert-row .ja-date-created {
    width: 110px;
    line-height: 1.9; } }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .job-alert-row .ja-options {
    width: 104px; } }

.job-alert-row .ja-options {
  text-align: left; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .job-alert-row .ja-options {
      padding: 13px 0; } }
  .job-alert-row .ja-options span {
    color: #11bff3;
    cursor: pointer;
    padding: 0 7px; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .job-alert-row .ja-options span {
        padding: 0; } }
    .job-alert-row .ja-options span:last-of-type {
      color: #787878; }

.job-alert-row .close-ja {
  background: url(../img/icons/x-job-toggle.png) no-repeat;
  width: 14px;
  height: 13px;
  float: right;
  cursor: pointer; }

.job-alert-row .edit-ja {
  background: url(../img/icons/change-alert.png) no-repeat left;
  padding-left: 22px;
  color: #323232;
  cursor: pointer; }
  .job-alert-row .edit-ja:hover {
    text-decoration: underline; }

.job-alert-row .save-ja {
  background: url(../img/icons/ja-save.png) no-repeat left;
  padding-left: 22px;
  color: #11bff3;
  cursor: pointer; }
  .job-alert-row .save-ja:hover {
    text-decoration: underline; }

.job-alert-row input {
  padding: 0;
  width: 80%;
  color: #787878;
  border: none !important;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(/js/vendor/boxsizing.htc); }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .job-alert-row input {
      width: 100%; } }

.disabled-freq {
  opacity: 0.2; }
  .disabled-freq select {
    pointer-events: none;
    cursor: not-allowed; }

.job-alert-row p {
  padding: 0;
  width: 80%;
  color: #787878;
  border: none !important;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(/js/vendor/boxsizing.htc); }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .job-alert-row p {
      width: 100%; } }

.job-alert-row .view-ja {
  background: url(../img/icons/view-additional-content.png) no-repeat left;
  padding-left: 22px;
  color: #323232;
  cursor: pointer; }

.job-alert-row select {
  padding: 3px 4px 3px 4px;
  width: 80%;
  border-radius: 0;
  color: #787878;
  border: 1px solid #dcdcdc;
  background: #FFF url(../img/icons/select-arrow-small.gif) no-repeat scroll center right;
  -webkit-appearance: none;
  -webkit-appearance: none;
  text-indent: .01px;
  -ms-text-overflow: '';
  -o-text-overflow: '';
  text-overflow: '';
  min-width: 80px; }

#freq-section {
  padding: 0px; }

.ijm-row select {
  width: auto; }

.job-alert-wrap .job-alert-list h2 {
  display: block;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0px;
  font-size: 1em; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .job-alert-wrap .job-alert-list h2 {
      display: none; } }

.profile-job-alerts .job-alert-wrap li.paused .ja-title {
  -ms-filter: "alpha(opacity=40)";
  filter: alpha(opacity=40);
  -khtml-opacity: 0.40;
  -moz-opacity: 0.40;
  opacity: 0.40; }

.toggle-prof-menu-elements {
  display: none; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .toggle-prof-menu-elements {
      display: block; } }

.profile-menu-btn {
  float: right;
  border: 1px solid #fff;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .profile-menu-btn {
      display: none; } }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .profile-instant-job-match .icon {
    background: url(../img/icons/profile/instant-job-match-profile.png) no-repeat;
    padding-left: 65px; } }

.profile-instant-job-match.add-new form {
  width: 100%; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .profile-instant-job-match.add-new form {
      width: 50.7%; } }
  .profile-instant-job-match.add-new form .field-validation-error {
    text-align: center;
    padding: 8px 24px;
    background: #faf2f2;
    border: 1px solid #ffd4d4;
    font-size: 0.875em;
    float: left;
    margin-bottom: 1em;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .profile-instant-job-match.add-new form .field-validation-error {
        padding: 8px 37px; } }

.profile-instant-job-match.add-new .search-job-select {
  width: 100%; }

.profile-instant-job-match.add-new label {
  display: inline-block; }

.profile-instant-job-match.add-new input,
.profile-instant-job-match.add-new select,
.profile-instant-job-match.add-new .checkbox-wrap {
  margin-bottom: 1.8em;
  margin-left: 0; }

.profile-instant-job-match.add-new .checkbox-wrap label {
  font-size: 0.75em;
  margin-right: 1em; }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .profile-instant-job-match .job-alert-wrap h2 {
    padding: 0;
    text-align: center; } }

.profile-instant-job-match .job-alert-wrap li {
  padding: 0 0 1em 0;
  border-bottom: 1px dashed #DEDEDE;
  margin-bottom: 1em; }
  .profile-instant-job-match .job-alert-wrap li:nth-child(odd) {
    background: #fff; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .profile-instant-job-match .job-alert-wrap li:nth-child(odd) {
        background: #f6f6f6; } }
  .profile-instant-job-match .job-alert-wrap li:nth-child(even) {
    background: #fff; }
  .profile-instant-job-match .job-alert-wrap li:hover {
    background-color: auto;
    color: inherit; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .profile-instant-job-match .job-alert-wrap li {
      margin-bottom: 0;
      border: 0;
      padding: 0; } }

.job-alert-wrap .lt-ie9 .profile-instant-job-match .job-alert-wrap li:hover {
  background-color: #fff;
  color: inherit; }

.profile-details .error-msge {
  position: relative;
  right: 0;
  top: 0;
  margin-bottom: 20px;
  width: 100%;
  margin-top: -10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(/js/vendor/boxsizing.htc); }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .profile-details .error-msge {
      position: absolute;
      right: -120px;
      top: 10px;
      width: 105px;
      z-index: 1; } }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .profile-details .error-msge.long {
    width: 200px;
    right: -215px; }
    .profile-details .error-msge.long p {
      margin: 0;
      color: #fff; } }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .profile-details .error-msge.under-long {
    width: 200px;
    right: -215px;
    margin-top: 3px; }
    .profile-details .error-msge.under-long p {
      margin: 0;
      color: #fff; } }

.your-info-contact-details .personal li {
  margin-bottom: 0.5em;
  line-height: 1.4em;
  word-break: break-all; }

.viewed-profile-scroll-content {
  max-height: 330px;
  overflow: auto; }

#ImportCV .sgCompanyName {
  width: 150px; }

#ImportCV .cgValidator {
  color: red; }

#ImportCV .divExpCompanyNameEditableSelected {
  border: solid 1px #56a3d1;
  padding: 5px;
  width: 195px; }

#ImportCV .SelectIndustry {
  margin-bottom: 5px;
  border: solid 1px #56a3d1;
  padding: 5px; }

#ImportCV .SelectIndustryDropdown {
  width: 128px;
  display: block;
  top: 0; }

#ImportCV .cgValidator {
  color: red; }

#ImportCV .SelectCompanyOk {
  text-align: right; }

#ImportCV .importcvheadlineLeft {
  float: left; }

#ImportCV .importcvheadlineRight {
  float: right; }

#ImportCV .ImportCvTitle {
  padding-top: 10px; }

#ImportCV .unfoundTitle {
  color: orange; }

#ImportCV .notFoundCompanyLeft {
  width: 65%;
  float: left; }

#ImportCV .notFoundCompanyRight {
  width: 30%;
  float: left;
  padding-left: 10px; }

.please-wait {
  background-attachment: scroll;
  background-clip: border-box;
  background-image: url("../img/icons/waiting.gif");
  background-origin: padding-box;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: auto auto;
  padding-left: 25px;
  font-size: 18px;
  font-weight: bold; }

#ImportCV .profile-form-elements {
  background-color: #fff; }

.primary-label {
  margin-left: -20px; }

.uploadCV_button {
  color: #fff;
  border: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  background: #11bff3;
  line-height: 1;
  font-weight: 900;
  font-size: 0.875em; }

label.workingHere {
  display: inline-block; }

.DeleteLink, .DeleteFile {
  cursor: pointer; }

#EditCurrentLocation .CurrentLocation {
  width: auto; }

.acc-settings-opt {
  text-align: center;
  margin-bottom: 30px; }
  .acc-settings-opt .secondary.option {
    padding: 10px;
    width: 180px;
    font-size: 18px;
    font-weight: 500;
    text-transform: none;
    border-radius: 2px; }
  .acc-settings-opt .secondary.option:first-of-type {
    margin-right: 30px; }

/*Account Settings disable account*/
.acc-disabled-banner {
  width: 100%;
  display: block;
  color: #323232;
  background-color: #dcf5fd;
  border: 1px solid #11bff3;
  border-radius: 5px;
  margin-bottom: 15px; }
  .acc-disabled-banner div {
    padding: 2px; }
    .acc-disabled-banner div .fa-info-circle {
      display: block;
      float: left;
      font-size: 24px; }
    .acc-disabled-banner div .banner-content {
      display: block;
      padding-left: 30px; }
      .acc-disabled-banner div .banner-content a {
        text-decoration: underline; }

.screener-questions p.label,
.screener-questions fieldset legend {
  display: none; }

.screener-questions .form-row {
  padding-bottom: 30px;
  margin-bottom: 25px;
  border-bottom: 1px solid #dbdbdb; }
  .screener-questions .form-row:last-of-type {
    padding-bottom: 0;
    margin-bottom: 15px;
    border-bottom: none; }

.screener-questions p {
  font-size: 1em;
  margin-bottom: 0.4em; }

.screener-questions fieldset {
  border: 0;
  margin: 0;
  padding: 0; }
  .screener-questions fieldset select {
    font-size: 1em;
    padding: 10px; }

#application .screener-questions label {
  display: block;
  margin: 0.4em 0 0.8em 0;
  padding: 0 0 0 23px; }
  #application .screener-questions label .iradio_minimal {
    margin-left: -23px; }

#application .screener-questions fieldset label {
  font-size: 1em;
  display: inline;
  padding: 10px; }

/*work experience start*/
.ExperienceCls {
  padding: 10px 15px;
  line-height: 1.7;
  color: #787878;
  font-size: 0.95em;
  font-weight: 500 !important; }

/*work experience end*/
/*profile overview section start*/
.avatar-profile {
  width: 50px;
  border-radius: 50%; }

.edit-profile {
  color: #11bff3; }
  .edit-profile a {
    color: #11bff3 !important;
    cursor: pointer;
    text-decoration: none;
    line-height: 1.4em;
    font-size: 0.75em;
    font-weight: 600;
    font-family: sans-serif; }

.percentage {
  color: #11bff3 !important;
  cursor: pointer;
  text-decoration: none;
  line-height: 1em;
  font-size: 1.25em;
  font-weight: 600; }
  .percentage.complete {
    cursor: default; }

.progress-profile {
  display: flex;
  height: 0.5rem;
  font-size: .75rem;
  background-color: #e9ecef;
  border-radius: .25rem;
  margin-top: 8px; }

.progress-bar-profile {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  background-color: #11bff3 !important;
  transition: width .6s ease;
  border-radius: .25rem; }

.star {
  border-radius: 50%;
  background-color: #e9ecef;
  color: #b8b8b8;
  width: 25px;
  height: 25px;
  text-align: center;
  padding: 4px;
  margin-left: -10px; }

.profile-bottom-text {
  font-size: 0.95em;
  word-wrap: break-word;
  max-width: 449px; }

/*profile overview section end*/
/*education section start*/
.btn-light-radio .iradio_minimal {
  z-index: -1 !important;
  margin: 0 -15px -4px 0 !important; }

/*education section end*/
#job-alerts-wrap #searched-for {
  margin: 0 0 1.2em;
  border-top: 1em solid #f0f0f0; }
  #job-alerts-wrap #searched-for form {
    padding: 0 0.6em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(/js/vendor/boxsizing.htc); }
  #job-alerts-wrap #searched-for .job-alerts-arrow {
    width: 40px;
    height: 10px;
    display: block;
    background: url(../img/icons/job-alerts-arrow.png) no-repeat;
    margin: -36px 0 0 110px;
    float: left; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      #job-alerts-wrap #searched-for .job-alerts-arrow {
        margin: -36px 0 0 30px; } }

#job-alerts {
  padding: 20px 0;
  background: #323232; }
  #job-alerts h1 {
    color: #fff;
    padding-bottom: 8px;
    margin-bottom: 1em;
    border-bottom: 2px solid #11bff3; }

#back-to-job-alerts {
  margin-bottom: 1.4em;
  padding-left: 18px;
  display: block;
  background: url(../img/icons/return.png) no-repeat left center; }

.add-new-job {
  background: #fff;
  padding: 15px 25px 15px 35px; }
  .add-new-job .form-row {
    width: 100%;
    margin: 0 7% 0 0px; }
    .add-new-job .form-row .form-cell {
      position: relative; }
      .add-new-job .form-row .form-cell .error-msge {
        top: 0px;
        z-index: 10; }
        @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
          .add-new-job .form-row .form-cell .error-msge {
            width: 150px;
            right: -160px; } }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .add-new-job .form-row {
        float: left;
        width: 25%; } }
  .add-new-job input.name-alert {
    width: 100%;
    font-size: 1rem;
    padding: 12px 10px;
    margin-top: 0px;
    margin-bottom: 1em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(/js/vendor/boxsizing.htc); }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .add-new-job input.name-alert {
        float: left;
        width: 100%;
        margin: 0px 7% 20px 0; } }
  .add-new-job .frequency-wrap {
    margin-bottom: 1em; }
    .add-new-job .frequency-wrap .label-title {
      display: block;
      margin: 0 0 6px 0;
      font-size: 0.875em; }
    .add-new-job .frequency-wrap label {
      line-height: 1;
      margin-right: 5%;
      color: #323232; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .add-new-job .frequency-wrap {
        float: left;
        width: 40%;
        margin-bottom: 0; } }
  .add-new-job input.submit-job-alert {
    font-size: 0.875em;
    font-weight: 900;
    line-height: 1;
    color: #fff;
    border: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 7px 12px 5px 12px;
    cursor: pointer;
    background: #11bff3;
    display: inline-block;
    zoom: 1;
    *display: inline;
    font-size: 0.75em;
    font-weight: 500;
    margin: 5px 0 0 0; }
    .add-new-job input.submit-job-alert:hover {
      background-color: #0a9bc7; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .add-new-job input.submit-job-alert {
        float: right;
        padding-left: 22px;
        padding-right: 22px;
        width: 18%; } }

#job-alerts-results #job-alerts {
  background: #fff;
  padding: 45px 0 20px; }
  #job-alerts-results #job-alerts h1 {
    color: #323232;
    margin-bottom: 0.2em; }

#job-alerts-results .add-new-job {
  padding-left: 0;
  padding-right: 0; }
  #job-alerts-results .add-new-job .frequency-wrap {
    float: left;
    margin: 0; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      #job-alerts-results .add-new-job .frequency-wrap {
        width: 33%;
        margin: 5px; } }

#job-alerts-results #searched-for {
  border-top: 3px solid #11bff3; }

#job-alerts-results #back-to-job-alerts {
  float: left;
  color: #fff;
  font-weight: 700;
  margin-bottom: 1em;
  padding: 5px 5px 5px 27px;
  background: #11bff3 url(../img/icons/return-white.png) no-repeat 9px 9px; }
  #job-alerts-results #back-to-job-alerts:hover {
    background-color: #0a9bc7; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #job-alerts-results #back-to-job-alerts {
      width: 100px;
      margin-bottom: 1.4em; } }

.alert-name {
  float: left;
  padding: 10px;
  background: #f0f0f0;
  width: 100%;
  margin: 0 0 1em 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(/js/vendor/boxsizing.htc); }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .alert-name {
      width: 36%;
      padding: 15px;
      margin: 0 35px; } }
  .alert-name input.name-alert {
    width: 72%;
    margin: 0; }
  .alert-name input.submit-job-alert {
    font-size: 0.875em;
    font-weight: 900;
    line-height: 1;
    color: #fff;
    border: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 7px 12px 5px;
    background: #787878;
    display: inline-block;
    zoom: 1;
    *display: inline;
    background: #b4b4b4;
    font-size: 0.75em;
    font-weight: 500;
    margin: 2px 0 0 0; }
    .alert-name input.submit-job-alert:hover {
      background-color: #5f5f5f; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .alert-name input.submit-job-alert {
        padding-left: 22px;
        padding-right: 22px;
        width: 18%; } }

/* --- start - job alert re-design --- */
.module.add-job-alert-container .module-content {
  padding-top: 1.2em;
  padding-bottom: 1.2em;
  background: #ebebeb; }

#jobalertfeedback p.confirm, #jobalertfeedback p.error {
  clear: both; }

#addjobalertinlinediv #jobalertfeedback-inline {
  margin-top: 1em; }
  #addjobalertinlinediv #jobalertfeedback-inline .email-add {
    float: left; }
    #addjobalertinlinediv #jobalertfeedback-inline .email-add span {
      font-size: 1.2em;
      color: #323232;
      font-weight: bold; }
  #addjobalertinlinediv #jobalertfeedback-inline .error {
    float: none;
    margin: 0; }

#addjobalertinlinediv h4 span {
  color: #323232; }

#addjobalertinlinediv .name-alert {
  width: 100%;
  margin-right: 1em; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #addjobalertinlinediv .name-alert {
      width: 36%; } }

#addjobalertinlinediv .create-alert {
  margin: 1.1em auto 0; }
  #addjobalertinlinediv .create-alert.lo {
    display: block;
    margin: 0 auto; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      #addjobalertinlinediv .create-alert.lo {
        display: inline-block; } }

#addjobalertinlinediv img {
  position: absolute;
  width: 19px;
  top: 124px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #addjobalertinlinediv img {
      top: 21px; } }

.add-job-alert-container {
  position: relative; }
  .add-job-alert-container h4 {
    text-transform: uppercase; }
    .add-job-alert-container h4 span {
      color: #787878;
      text-transform: none;
      font-weight: 300; }
  .add-job-alert-container .email-address span {
    color: #323232;
    font-weight: bold;
    font-size: 1.2em; }
  .add-job-alert-container .not-you {
    font-size: 0.75em;
    float: right;
    display: none; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .add-job-alert-container .not-you {
        display: block; } }
    .add-job-alert-container .not-you.mobile {
      display: block;
      float: left;
      margin-top: 1.3em; }
      @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
        .add-job-alert-container .not-you.mobile {
          display: none; } }
    .add-job-alert-container .not-you.dropdown {
      display: block;
      float: left; }
  .add-job-alert-container input.name-alert {
    width: 100%;
    font-size: 1rem;
    padding: 12px 10px;
    margin-top: 0px;
    margin-bottom: 1em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(/js/vendor/boxsizing.htc); }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .add-job-alert-container input.name-alert {
        float: left;
        width: 100%;
        margin: 0px 7% 20px 0; } }
  .add-job-alert-container .create-alert {
    font-size: 1rem;
    font-weight: 900;
    line-height: 1;
    color: #fff;
    border: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 0.6em 1em 0.4em;
    background: #11bff3;
    display: block;
    margin: 1em auto;
    zoom: 1;
    border-radius: 6px;
    min-height: 44px;
    max-height: 44px; }
    .add-job-alert-container .create-alert:hover {
      background: #1E93B8; }
  .add-job-alert-container img {
    position: absolute;
    width: 19px;
    top: 101px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto; }

#addjobalertdiv,
#addjobalertdivSimilar {
  background-color: #fff;
  position: absolute;
  right: 0px;
  top: -20px;
  z-index: 1;
  border: 1px solid #dbdbdb;
  padding: 2em 1em 1em;
  display: none;
  box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.25);
  width: 260px; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #addjobalertdiv,
    #addjobalertdivSimilar {
      width: 343px; } }

#addjobalertdivSimilar {
  width: 228px;
  padding-top: 1em; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #addjobalertdivSimilar {
      width: 172px;
      padding: 1em 0.5em 1em; } }
  #addjobalertdivSimilar .email-address span {
    font-size: 1.1em; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      #addjobalertdivSimilar .email-address span {
        font-size: 0.9em; } }
  #addjobalertdivSimilar img {
    position: absolute;
    width: 19px;
    top: 24px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      #addjobalertdivSimilar img {
        top: 21px; } }

#jobalertfeedbackSimilar .confirm {
  word-wrap: break-word; }

#jobalerterror-msg,
#jobalerterror-inline,
#jobalerterror-inlineEmail,
#jobalerterror-msgEmail,
#jobalerterror-msgSimilar {
  position: absolute;
  padding: 5px 10px;
  top: 100px;
  left: 26px;
  display: none;
  color: #fff;
  font-weight: 700;
  background: #e83232; }
  #jobalerterror-msg p,
  #jobalerterror-inline p,
  #jobalerterror-inlineEmail p,
  #jobalerterror-msgEmail p,
  #jobalerterror-msgSimilar p {
    margin: 0;
    line-height: 1.4em; }
  #jobalerterror-msg:before,
  #jobalerterror-inline:before,
  #jobalerterror-inlineEmail:before,
  #jobalerterror-msgEmail:before,
  #jobalerterror-msgSimilar:before {
    content: '';
    background: url(../img/icons/error-arrow.png) no-repeat;
    width: 7px;
    height: 16px;
    position: absolute;
    left: 8px;
    top: -11px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }

#jobalerterror-inline {
  top: 100px;
  left: 26px; }

#jobalerterror-msgSimilar {
  width: 180px;
  top: 64px;
  left: 19px; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #jobalerterror-msgSimilar {
      width: 143px;
      top: 47px;
      left: 14px; } }

.validation-message {
  color: #FF0000 !important; }

#application .module {
  border-radius: 0;
  padding-left: 14px;
  padding-right: 14px;
  padding-top: 0px;
  padding-bottom: 20px;
  border: none;
  margin-top: -20px;
  background: #f0f0f0; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #application .module {
      background: #fff;
      margin-top: 0px;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      border: 1px solid #dbdbdb; } }

#application {
  color: #323232;
  /* Screener question styles */
  /* End screener question styles */ }
  #application section {
    margin-bottom: 30px;
    border-bottom: 1px solid #cccccc; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      #application section {
        border-bottom: none; } }
    #application section:last-of-type {
      border-bottom: none; }
    #application section:first-of-type {
      border-bottom: none; }
    #application section.apply-link {
      margin: -30px 0 0; }
      @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
        #application section.apply-link {
          margin-top: 0px; } }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      #application section.contact-details {
        margin-bottom: 30px; } }
  #application label {
    font-weight: 500;
    display: inline-block;
    font-size: 1em;
    margin-bottom: 0; }
    #application label + span {
      font-size: 1em;
      font-style: italic; }
  #application .quick-questions label {
    font-size: 1em; }
  #application .exists-password-message {
    margin: 1.2em 0 0;
    font-size: 14px; }
  #application .terms-and-conditions {
    margin-bottom: 0;
    margin-top: 15px;
    font-size: 14px; }
    #application .terms-and-conditions hr {
      border: 1px solid #dbdbdb;
      border-bottom: none; }
    #application .terms-and-conditions p {
      font-size: 16px;
      line-height: 1.6;
      margin-top: 15px; }
    #application .terms-and-conditions .new-acc-terms {
      padding: 15px;
      background: #fff;
      border: 1px solid #dbdbdb;
      margin-bottom: 0;
      margin-top: 25px;
      line-height: 1.6; }
      #application .terms-and-conditions .new-acc-terms svg {
        vertical-align: bottom; }
    #application .terms-and-conditions .form-row.optin {
      margin-bottom: 15px; }
      #application .terms-and-conditions .form-row.optin .icheckbox_minimal {
        position: absolute !important; }
      #application .terms-and-conditions .form-row.optin span {
        display: block;
        padding-left: 25px; }
    #application .terms-and-conditions span {
      line-height: 1.4; }
      #application .terms-and-conditions span a {
        color: #323232;
        font-weight: bold;
        font-size: 12px;
        text-decoration: underline; }
  #application .terms-and-conditions .terms-and-conditions-btn {
    color: #11bff3;
    cursor: pointer;
    position: relative; }
  #application .terms-and-conditions .terms-and-conditions-btn:hover {
    text-decoration: underline; }
  #application .terms-and-conditions .terms-and-conditions-btn.open::after {
    border-bottom: 5px solid #505050;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: -15px;
    top: 7px;
    width: 0; }
  #application .terms-and-conditions .terms-and-conditions-btn.closed::after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #505050;
    content: "";
    height: 0;
    position: absolute;
    right: -15px;
    top: 7px;
    width: 0; }
  #application #TermsAndConditions .form-row {
    padding: 0 0 15px; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      #application #TermsAndConditions .form-row {
        padding: 0 0 5px; } }
  #application .advising-Message p {
    margin-bottom: 25px;
    font-size: 14px;
    line-height: 1.6;
    text-align: left;
    position: relative;
    padding-left: 25px; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      #application .advising-Message p {
        padding: 0px 15.2%;
        line-height: 1;
        text-align: center; } }
    #application .advising-Message p span {
      display: none; }
      @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
        #application .advising-Message p span {
          display: inline-block; } }
  #application .disabled-section {
    pointer-events: none;
    opacity: 0.4; }
  #application .confirm {
    position: relative;
    padding-right: 25px; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      #application .confirm {
        padding-right: 8px; } }
    #application .confirm span {
      position: absolute;
      right: 4px;
      top: 8px;
      width: 16px;
      height: 16px;
      background: url(../img/icons/close-notification.png) no-repeat;
      background-size: 16px;
      background-position: center;
      padding: 4px 5px;
      cursor: pointer; }
      @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
        #application .confirm span {
          right: 8px; } }
  #application .password-message {
    font-size: 14px; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      #application .password-message {
        padding: 0; } }
  #application .create-pass-msg {
    padding: 15px 0;
    margin: 0; }
  #application .show-password {
    margin: 15px 0; }
  #application .emailPreferences .icheckbox_minimal {
    position: absolute !important; }
  #application .emailPreferences label {
    padding-left: 25px;
    display: block;
    font-size: 14px; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      #application .emailPreferences label {
        display: inline; } }
  #application .emailPreferences .accepted-file-types.help-info {
    padding-left: 25px; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      #application .emailPreferences .accepted-file-types.help-info {
        padding-left: 0; } }
  #application .screener-questions {
    font-size: 16px; }
    #application .screener-questions p {
      font-weight: bold; }
    #application .screener-questions fieldset ul {
      margin: 0; }
    #application .screener-questions .screener-row {
      margin: 0 0 15px;
      /* screener radio */
      /*label {
                color: $black;
                display: inline-block;
                cursor: pointer;
                font-weight: bold;
                padding: 5px 20px;
            }*/
      /* /screener radio */ }
      #application .screener-questions .screener-row label + span {
        display: block;
        margin: 10px 0; }
      #application .screener-questions .screener-row ul {
        margin-left: 0;
        padding-left: 0; }
        #application .screener-questions .screener-row ul li {
          font-size: 16px;
          margin: 2px;
          padding: 7px;
          position: relative;
          top: 2px; }
        #application .screener-questions .screener-row ul.select2-selection__rendered {
          width: 100%;
          padding: 0; }
      #application .screener-questions .screener-row label {
        margin: 5px 0 0;
        padding: 0; }
      #application .screener-questions .screener-row .YesNoMultiChoiceOption label {
        display: inline-block; }
      #application .screener-questions .screener-row .scrnr-btn {
        display: inline-block;
        padding: 12px 9px;
        margin: 5px 0;
        border: 1px solid #ccc;
        box-sizing: border-box;
        text-decoration: none;
        font-family: 'Museo Sans', Arial, sans-serif;
        font-weight: 500;
        color: #323232;
        background-color: #dbdbdb;
        text-align: center;
        transition: all 0.2s;
        min-width: 87px;
        min-height: 48px;
        float: left; }
        @media (max-width: 678px) {
          #application .screener-questions .screener-row .scrnr-btn {
            width: 25%;
            padding: 15px 9px 10px; } }
        @media (max-width: 440px) {
          #application .screener-questions .screener-row .scrnr-btn {
            width: 33%; } }
        @media (max-width: 360px) {
          #application .screener-questions .screener-row .scrnr-btn {
            width: 50%; } }
        #application .screener-questions .screener-row .scrnr-btn span {
          display: block;
          font-size: 11px; }
        #application .screener-questions .screener-row .scrnr-btn:first-of-type {
          border-radius: 5px 0 0 5px; }
        #application .screener-questions .screener-row .scrnr-btn:last-of-type {
          border-radius: 0 5px 5px 0; }
        #application .screener-questions .screener-row .scrnr-btn.selected {
          border: 1px solid #11bff2;
          background-color: #11bff2;
          color: #fff; }
          #application .screener-questions .screener-row .scrnr-btn.selected:hover {
            background-color: #11bff2; }
        #application .screener-questions .screener-row .scrnr-btn:hover {
          background-color: #ccc; }
      #application .screener-questions .screener-row .radio-wrap {
        display: inline-block;
        padding: 4px 10px 6px;
        border-radius: 5px; }
        #application .screener-questions .screener-row .radio-wrap:first-of-type {
          margin-right: 14px; }
      #application .screener-questions .screener-row .iradio_minimal + label {
        display: inline-block;
        margin-right: 30px; }
      #application .screener-questions .screener-row input[type=radio].scrnr-radio {
        position: absolute;
        visibility: hidden;
        display: none;
        border: 1px solid #ccc;
        color: #323232;
        background-color: #dbdbdb; }
      @media (max-width: 678px) {
        #application .screener-questions .screener-row input {
          width: 25%;
          padding: 15px 9px 10px; } }
      @media (max-width: 440px) {
        #application .screener-questions .screener-row input {
          width: 33%; } }
      @media (max-width: 360px) {
        #application .screener-questions .screener-row input {
          width: 50%; } }
      #application .screener-questions .screener-row input:first-of-type {
        border-radius: 5px 0 0 5px; }
      #application .screener-questions .screener-row input:last-of-type {
        border-radius: 0 5px 5px 0; }
      #application .screener-questions .screener-row input[type=radio]:checked + label {
        color: #fff;
        background: #11bff3;
        border: 1px solid #11bff3; }
      #application .screener-questions .screener-row .radio-group {
        border: 1px solid #ccc;
        display: inline-block;
        margin: 20px;
        border-radius: 10px;
        overflow: hidden; }
      #application .screener-questions .screener-row .tl {
        padding: 6px 9px; }
      @media all and (max-width: 30em) {
        #application .screener-questions .screener-row .scrnr-btn {
          display: block;
          margin: 0.2em auto; } }
      #application .screener-questions .screener-row .select2-container {
        width: 100%;
        margin: 5px 0; }
  #application .select2-container--default .select2-selection--multiple,
  #application .select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 0;
    cursor: text;
    min-height: 44px; }
  #application .select2-container--default.select2-container--focus .select2-selection--multiple,
  #application .select2-container--classic.select2-container--focus .select2-selection--multiple,
  #application .select2-container--default.select2-container--open .select2-selection--single,
  #application .select2-container--classic.select2-container--open .select2-selection--single,
  #application .select2-container--default .select2-selection--single:focus,
  #application .select2-container--classic .select2-selection--single:focus {
    border: 1px solid #11bff2; }
  #application .select2-container--default .select2-selection--multiple .select2-selection__choice,
  #application .select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #f0f0f0;
    color: #323232;
    border-radius: 42px;
    border: 1px solid #ccc; }
  #application .select2-container--default .select2-selection--single,
  #application .select2-container--classic .select2-selection--single {
    min-height: 44px;
    border: 1px solid #dbdbdb; }
  #application .select2-container--default .select2-selection--single .select2-selection__rendered,
  #application .select2-container--classic .select2-selection--single .select2-selection__rendered {
    line-height: 2.2;
    margin-top: 4px; }
  #application .select2-container--default .select2-selection--single .select2-selection__arrow,
  #application .select2-container--classic .select2-selection--single .select2-selection__arrow {
    min-height: 42px;
    width: 30px;
    border-left: 1px solid #dbdbdb; }
  #application .select2-container .select2-search--inline .select2-search__field {
    margin-top: 3px; }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  #application section {
    margin-bottom: 2em; } }

#application section.job-details {
  background: #fff;
  margin-left: -14px;
  margin-right: -14px;
  padding-left: 14px;
  padding-right: 14px;
  margin-top: 0;
  padding-top: 20px; }
  #application section.job-details .profile-form-elements {
    background: #fff;
    padding-left: 14px;
    padding-right: 14px; }

#application .toggle-password {
  position: absolute;
  top: 4px;
  right: 1px;
  color: #787878;
  cursor: pointer;
  font-size: 0.75em;
  font-weight: bold;
  padding: 10px;
  font-style: normal; }

#application .pass-graybar {
  top: 0px; }

#application .pass-percent, #application .pass-text {
  top: 0px; }

#application .profile-form-elements {
  margin-left: -10px;
  margin-right: -10px;
  border-radius: 0;
  clear: both;
  border: none; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #application .profile-form-elements {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      margin-left: 0;
      margin-right: 0; } }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #application .profile-form-elements {
      border: 1px solid #e2e2e2; } }
  #application .profile-form-elements .SelectCV {
    margin-top: 15px; }
  #application .profile-form-elements .add-you-cv-btn-wrap {
    float: none; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      #application .profile-form-elements .add-you-cv-btn-wrap .uploadCV_button {
        min-width: 168px;
        height: 26px;
        line-height: 1.1; } }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      #application .profile-form-elements .add-you-cv-btn-wrap {
        float: none; } }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #application .profile-form-elements {
      padding: 35px 13.9%; } }
  #application .profile-form-elements input[type="text"], #application .profile-form-elements input[type="email"], #application .profile-form-elements input[type="tel"], #application .profile-form-elements .profile-form-elements input.tel {
    font-size: 1em;
    padding: 10px; }
  #application .profile-form-elements.add-cv .st1 {
    fill: #31C104; }
  #application .profile-form-elements.add-cv .file-name {
    display: none; }
    #application .profile-form-elements.add-cv .file-name > span {
      display: block;
      padding: 15px;
      word-wrap: break-word;
      line-height: 18px;
      margin: 7px 0; }
      #application .profile-form-elements.add-cv .file-name > span span {
        display: block;
        font-size: 13px;
        color: #787878;
        font-style: italic;
        line-height: 13px;
        margin-top: 5px; }
  #application .profile-form-elements.add-cv .cv-selected {
    display: block !important;
    background: #e8f7e2;
    border: 1px solid #589f41;
    border-radius: 6px;
    font-size: 16px;
    min-height: 58px;
    margin-top: 0; }
    #application .profile-form-elements.add-cv .cv-selected svg {
      float: right;
      padding: 15px; }
  #application .profile-form-elements.add-doc .uploaded-add-doc {
    width: 100%; }
    #application .profile-form-elements.add-doc .uploaded-add-doc div {
      background: #e8f7e2;
      border: 1px solid #589f41;
      border-radius: 6px;
      padding: 15px;
      margin-bottom: 15px;
      font-size: 16px;
      color: #323232;
      line-height: 1.8; }
      #application .profile-form-elements.add-doc .uploaded-add-doc div svg {
        float: right; }
  #application .profile-form-elements #makeCVPrimaryCheckbox {
    display: none;
    margin: 10px 0 10px 0; }
    #application .profile-form-elements #makeCVPrimaryCheckbox label {
      color: #787878;
      font-size: 13px;
      font-style: italic; }

#application .add-you-cv-btn-wrap #preview-cv {
  float: left; }

.add-cv .visibility-dropdown-list li.dropdown-arrow {
  float: left;
  margin-right: 17px; }

.add-cv .visibility-dropdown-list {
  left: auto;
  right: auto;
  margin-top: 21px;
  top: auto; }

.add-cv .visibility-dropdown {
  padding: 7px 0 7px 0;
  margin: 0 12px 0 12px;
  width: 100px;
  text-align: left; }

#application.submit-ad .profile-form-elements {
  margin: 0 0; }
  #application.submit-ad .profile-form-elements input[type='checkbox'] {
    float: left; }
  #application.submit-ad .profile-form-elements .icheckbox_minimal {
    float: left; }

#application .job-title-cont {
  background: #fff;
  margin-left: -14px;
  margin-right: -14px;
  padding-left: 14px;
  padding-right: 14px;
  padding-bottom: 1px; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #application .job-title-cont {
      margin-left: 0;
      margin-right: 0;
      padding-left: 0;
      padding-left: 0; } }
  #application .job-title-cont h1 {
    font-size: 1.4em;
    line-height: 1.2;
    padding-top: 20px;
    margin-bottom: 15px;
    text-transform: none; }
    #application .job-title-cont h1 span {
      text-transform: none; }

#application h2 {
  margin: 7px 0 0 0;
  color: #323232;
  font-size: 1.15em;
  line-height: 2;
  font-weight: 700; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #application h2 {
      margin-bottom: 10px; } }

#application .job-details h2 {
  color: #323232; }

#application .profile-searchable {
  background: #dcf5fd;
  border: 1px solid #11bff3;
  border-radius: 6px;
  margin: 0px auto 15px;
  padding: 15px; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #application .profile-searchable {
      margin-top: 15px;
      padding: 25px 25px 20px;
      width: auto; } }
  #application .profile-searchable .icheckbox_minimal {
    top: -1px; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      #application .profile-searchable .icheckbox_minimal {
        top: -2px; } }
  #application .profile-searchable label {
    font-weight: 700;
    margin-bottom: 0;
    cursor: pointer;
    display: inline;
    font-size: 16px; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      #application .profile-searchable label {
        font-size: 18px; } }
  #application .profile-searchable ul {
    margin-left: 0; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      #application .profile-searchable ul {
        padding: 0 15px;
        margin-left: 1.2em;
        margin-bottom: 0; } }
    #application .profile-searchable ul li {
      font-size: 14px;
      list-style-type: none;
      background: url(../img/icons/blue-tick-icon.png) no-repeat;
      padding-left: 35px;
      margin-bottom: 15px; }
      #application .profile-searchable ul li.noBgTick {
        background: none;
        padding-left: 0; }
  #application .profile-searchable #profile {
    margin-bottom: 0; }
  #application .profile-searchable .profile-success {
    margin-top: 15px; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      #application .profile-searchable .profile-success {
        padding-left: 25px; } }
    #application .profile-searchable .profile-success p {
      font-size: 1em;
      padding-left: 30px;
      margin-bottom: 12px; }

#application .accepted-file-types {
  margin-top: 5px;
  font-size: 13px;
  font-style: italic; }
  #application .accepted-file-types.pass {
    font-size: 14px;
    color: #787878; }
  #application .accepted-file-types.help-info {
    color: #505050;
    display: block; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      #application .accepted-file-types.help-info {
        padding-left: 25px; } }

.application-number {
  border: 3px solid #323232;
  border-radius: 50%;
  display: block;
  float: left;
  color: #323232;
  text-align: center;
  margin-right: 7px;
  width: 28px;
  height: 28px;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px; }

.mandatory {
  float: left;
  font-size: 0.6875em;
  margin: 0 0 5px 0;
  clear: both;
  color: #323232; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .mandatory {
      float: right;
      clear: none;
      margin: 5px 45px 0 0; } }

.add-your-cv span.or {
  font-size: 0.875em;
  color: #323232;
  margin: 10px 0;
  text-transform: uppercase;
  display: block; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .add-your-cv span.or {
      display: inline;
      margin: 0 6px;
      float: left; } }

.add-your-cv .error-msge {
  margin-top: 1em;
  text-align: left; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .add-your-cv .error-msge {
      margin-bottom: -1em; } }

.add-your-cv + .save-apply {
  margin-top: 1.5em; }

.add-your-cv .checkbox-row {
  margin: 10px 0 0; }

#application .contact-details .profile-form-elements .register-input.input-validation-error,
#application .add-your-cv .profile-form-elements .register-input.input-validation-error {
  border-color: #d8d8d8;
  background: #fff; }

#application .contact-details .profile-form-elements .error-msge,
#application .add-your-cv .profile-form-elements .error-msge {
  width: 100%;
  background: none;
  color: #e83232;
  padding: 0;
  margin: 0;
  font-size: 1em;
  font-weight: 500;
  position: relative;
  right: 0; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #application .contact-details .profile-form-elements .error-msge,
    #application .add-your-cv .profile-form-elements .error-msge {
      top: 0; } }
  #application .contact-details .profile-form-elements .error-msge p,
  #application .add-your-cv .profile-form-elements .error-msge p {
    font-size: 0.875em; }

#application .contact-details .profile-form-elements .input-validation-error,
#application .add-your-cv .profile-form-elements .input-validation-error {
  border-color: #e83232;
  background: #fff9f9; }

#application .contact-details .form-row.narrow .error-excla,
#application .add-your-cv .form-row.narrow .error-excla {
  visibility: hidden; }

#application .contact-details .form-row.narrow .form-cell,
#application .add-your-cv .form-row.narrow .form-cell {
  width: 100%; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #application .contact-details .form-row.narrow .form-cell,
    #application .add-your-cv .form-row.narrow .form-cell {
      width: 48%; } }

#application .contact-details .form-row .error-msge .arrow,
#application .add-your-cv .form-row .error-msge .arrow {
  visibility: hidden; }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  #application .contact-details .form-row .error-excla,
  #application .add-your-cv .form-row .error-excla {
    visibility: hidden; } }

#application .contact-details .logged-in-contact-details,
#application .add-your-cv .logged-in-contact-details {
  display: block !important;
  background: #e8f7e2;
  border: 1px solid #589f41;
  border-radius: 6px;
  padding: 15px; }
  #application .contact-details .logged-in-contact-details svg .st1,
  #application .add-your-cv .logged-in-contact-details svg .st1 {
    fill: #31C104; }
  #application .contact-details .logged-in-contact-details p,
  #application .add-your-cv .logged-in-contact-details p {
    color: #323232;
    font-size: 16px;
    line-height: normal;
    margin: 0;
    word-break: break-word; }
    #application .contact-details .logged-in-contact-details p.app-email,
    #application .add-your-cv .logged-in-contact-details p.app-email {
      display: block;
      border-bottom: 1px solid rgba(88, 159, 65, 0.25);
      padding: 5px 0 20px; }
    #application .contact-details .logged-in-contact-details p.app-name,
    #application .add-your-cv .logged-in-contact-details p.app-name {
      font-size: 18px;
      font-weight: 700;
      line-height: 1.2; }
      #application .contact-details .logged-in-contact-details p.app-name a,
      #application .add-your-cv .logged-in-contact-details p.app-name a {
        font-weight: normal;
        font-size: 14px; }
  #application .contact-details .logged-in-contact-details svg,
  #application .add-your-cv .logged-in-contact-details svg {
    float: right;
    margin-left: 5px; }

#application .contact-details .profile-form-elements .error-msge {
  /*top: -10px;*/ }
  #application .contact-details .profile-form-elements .error-msge.err-details {
    top: 0; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #application .contact-details .profile-form-elements .error-msge {
      top: 0; } }

#application .contact-details .profile-form-elements.add-doc .error-msge {
  top: 5px; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #application .contact-details .profile-form-elements.add-doc .error-msge {
      top: 0; } }

.contact-details .details-add-cv {
  margin-top: 20px;
  padding-top: 30px;
  border-top: 1px solid #dbdbdb; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .contact-details .details-add-cv {
      margin-top: 30px; } }

#application .add-doc label {
  display: block;
  margin-bottom: 0.8em; }
  #application .add-doc label span {
    font-weight: 700; }

#application .add-doc .form-row .form-cell {
  width: 100%;
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid #dbdbdb; }
  #application .add-doc .form-row .form-cell .doc-input {
    width: 65.3%;
    float: left;
    margin-right: 0; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      #application .add-doc .form-row .form-cell .doc-input {
        width: 48%;
        float: left;
        margin-right: 10px; } }
  #application .add-doc .form-row .form-cell .uploadAddDoc_button {
    color: #fff;
    border: 0;
    padding: 6px 34px 6px 34px;
    background: #11bff3;
    font-size: 1em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    zoom: 1;
    float: left;
    -webkit-transition: background 0.1s linear;
    -moz-transition: background 0.1s linear;
    -ms-transition: background 0.1s linear;
    -o-transition: background 0.1s linear;
    transition: background 0.1s linear; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      #application .add-doc .form-row .form-cell .uploadAddDoc_button {
        float: none;
        padding: 6px 20px 6px 20px; } }
    #application .add-doc .form-row .form-cell .uploadAddDoc_button:hover {
      background-color: #1E93B8; }
  #application .add-doc .form-row .form-cell .uploadAddDoc_button .qq-upload-button {
    margin: -5px -10px;
    padding: 10px 20px; }

.add-cover-letter {
  margin-top: 28px;
  padding-top: 28px;
  border-top: 1px solid #dbdbdb; }
  .add-cover-letter #cover-letter-cont {
    padding: 20px 0; }
  .add-cover-letter .add-cover-letter-btn {
    color: #11bff3;
    cursor: pointer;
    position: relative; }
    .add-cover-letter .add-cover-letter-btn:hover {
      text-decoration: underline; }
    .add-cover-letter .add-cover-letter-btn.open:after {
      content: "";
      position: absolute;
      right: -15px;
      top: 9px;
      width: 0;
      height: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-bottom: 5px solid #505050; }
    .add-cover-letter .add-cover-letter-btn.closed:after {
      content: "";
      position: absolute;
      right: -15px;
      top: 9px;
      width: 0;
      height: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 5px solid #505050; }
  .add-cover-letter .saved-cover-letter {
    border: 1px solid #787878;
    color: #787878;
    padding: 4px 8px;
    border-radius: 4px;
    margin-right: 20px;
    margin-bottom: 20px;
    display: block; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .add-cover-letter .saved-cover-letter {
        display: inline;
        margin-right: 10px; } }
    .add-cover-letter .saved-cover-letter:hover {
      background: #dbdbdb;
      color: #505050 !important; }
    .add-cover-letter .saved-cover-letter + span {
      padding-right: 8px; }
  .add-cover-letter .default-cover-letter {
    cursor: pointer; }
    .add-cover-letter .default-cover-letter:hover {
      text-decoration: underline; }
  .add-cover-letter span.or {
    font-size: 0.875em;
    color: #323232;
    margin: 1.2em 0 0.8em;
    text-transform: uppercase;
    display: block; }
  .add-cover-letter textarea {
    min-height: 230px;
    margin-top: 15px;
    font-size: 15px;
    color: #323232;
    line-height: 1.4; }
  .add-cover-letter label {
    margin-bottom: 1em; }

.add-cover-letter .radio-wrap label {
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin-right: 5%; }

.add-cover-letter .checkbox-wrap label,
.add-cover-letter .radio-wrap label {
  color: #787878;
  display: block;
  font-weight: 500; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .add-cover-letter .checkbox-wrap label,
    .add-cover-letter .radio-wrap label {
      display: inline; } }

.add-cover-letter .checkbox-wrap {
  margin: 0;
  width: 100%; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .add-cover-letter .checkbox-wrap .checkbox-row label {
      float: left;
      width: 48%; }
      .add-cover-letter .checkbox-wrap .checkbox-row label + label {
        float: right; } }

.add-cover-letter .error-excla {
  visibility: hidden; }

.add-cover-letter .error-msge {
  top: 10px; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .add-cover-letter .error-msge {
      top: 50px; } }

.add-cover-letter .error-inline {
  margin: -1em 0 0.5em; }

.quick-questions label {
  font-size: 1em; }

.quick-questions .profile-form-elements textarea {
  font-size: 15px;
  margin-bottom: 20px; }

.save-apply {
  text-align: center; }
  .save-apply a {
    margin: 0 5px; }
  .save-apply .save-a-draft {
    font-size: 1em;
    font-weight: 700;
    line-height: 1;
    color: #787878;
    border: 1px solid #787878;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 14px 60px 12px;
    background: #fff;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
    display: inline-block;
    zoom: 1;
    *display: inline;
    width: 100%; }
    .save-apply .save-a-draft:hover {
      background-color: #dbdbdb;
      color: #505050; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .save-apply .save-a-draft {
        width: auto;
        margin-right: 30px;
        float: left;
        margin-left: 180px;
        margin-right: -130px; } }
    .save-apply .save-a-draft.loading {
      background-image: url(../images/loading-spinner-grey.gif);
      background-color: #fff;
      background-size: 48px;
      background-position: 95%;
      background-repeat: no-repeat;
      pointer-events: none;
      opacity: 0.75;
      -webkit-transition: none;
      -moz-transition: none;
      -ms-transition: none;
      -o-transition: none;
      transition: none; }
  .save-apply .apply-now {
    font-size: 1em;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 15px 78px 13px 72px;
    display: inline-block;
    zoom: 1;
    margin: 0 0 30px 0;
    background-position-x: 72%;
    width: 100%;
    margin-left: 0;
    border-radius: 6px;
    -webkit-transition: background 0.1s linear;
    -moz-transition: background 0.1s linear;
    -ms-transition: background 0.1s linear;
    -o-transition: background 0.1s linear;
    transition: background 0.1s linear; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .save-apply .apply-now {
        width: auto;
        background-position-x: 180px; } }
    .save-apply .apply-now:hover {
      background: url(../img/icons/arrow-white-tri.png) no-repeat 72% #1E93B8; }
      @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
        .save-apply .apply-now:hover {
          background: url(../img/icons/arrow-white-tri.png) no-repeat 180px #1E93B8; } }
    .save-apply .apply-now.contact-employer {
      background-position-x: 88%;
      float: none;
      margin-right: 0;
      padding: 15px 0 13px; }
      @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
        .save-apply .apply-now.contact-employer {
          padding: 15px 78px 13px 72px;
          background-position-x: 260px;
          float: none;
          margin-right: 0; } }
      .save-apply .apply-now.contact-employer:hover {
        background: url(../img/icons/arrow-white-tri.png) no-repeat 88% #1E93B8; }
        @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
          .save-apply .apply-now.contact-employer:hover {
            background: url(../img/icons/arrow-white-tri.png) no-repeat 260px #1E93B8; } }
  .save-apply .loading {
    background-image: url(../images/loading-spinner.gif);
    background-color: #11bff3;
    background-size: 48px;
    background-position-x: right;
    pointer-events: none;
    opacity: 0.75;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none; }
  .save-apply.apply-link .apply-now {
    background-position-x: 99%;
    padding: 15px 5px 15px 0; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .save-apply.apply-link .apply-now {
        background-position-x: 320px;
        padding: 15px 78px 13px 72px; } }
  .save-apply svg {
    vertical-align: middle;
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .save-apply svg {
        position: relative;
        width: 24px;
        height: 24px; } }

.contact-emp svg {
  vertical-align: middle;
  position: absolute;
  left: 0;
  width: 20px;
  height: 20px; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .contact-emp svg {
      position: relative;
      width: 18px;
      height: 18px; } }
  .contact-emp svg .st1 {
    fill: #787878; }
  .contact-emp svg .st0 {
    fill: none; }

.download-form {
  word-break: break-word;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 1px;
  text-align: center;
  padding: 10px;
  border: 1px solid #11bff3;
  margin: 0.5em 0 0.4em;
  color: #11bff3;
  display: inline-block;
  zoom: 1;
  *display: inline;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: background 0.1s linear;
  -moz-transition: background 0.1s linear;
  -ms-transition: background 0.1s linear;
  -o-transition: background 0.1s linear;
  transition: background 0.1s linear; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .download-form {
      line-height: 1.4;
      padding: 15px; } }
  .download-form:hover {
    background-color: rgba(17, 191, 243, 0.11); }

.job-application-form #fileName,
.equality-form #fileName {
  float: left;
  width: 50%;
  margin-right: 10px; }

#application section.application-sent {
  background: #fff;
  border: 1px solid #dbdbdb;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 10px;
  text-align: left;
  margin-left: -14px;
  margin-right: -14px; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #application section.application-sent {
      padding: 20px 0px 0px;
      margin: 0;
      border: none; } }

#application .application-sent h2 {
  color: #787878;
  float: none; }

ul.member-features {
  clear: both;
  list-style: none;
  margin: 3em auto; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    ul.member-features {
      width: 50%; } }
  ul.member-features li {
    text-align: left;
    margin: 0;
    padding: 0;
    font-size: 1.5em;
    line-height: 1.2;
    color: #323232;
    padding: 15px 20px 15px 65px;
    border: 1px solid #d7d7d7;
    margin-bottom: 1em;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px; }
    ul.member-features li.star {
      background: url(../img/icons/features-star.png) no-repeat 15px center; }
    ul.member-features li.exclamation {
      background: url(../img/icons/features-exclamation.png) no-repeat 25px center; }
    ul.member-features li.profile {
      background: url(../img/icons/features-profile.png) no-repeat 15px center; }

.uploadCV_button {
  background: #11bff3;
  display: inline-block;
  cursor: pointer;
  letter-spacing: 1px;
  font-weight: 900;
  font-size: 0.875em;
  color: #fff;
  text-transform: uppercase; }

.uploadCV_button:hover {
  background-color: #0a9bc7; }

.qq-upload-success {
  display: none;
  margin: 0;
  height: 0;
  padding: 0; }

.uploadCV_button .qq-upload-button {
  margin: -5px -10px;
  padding: 5px 20px 5px 15px; }

.qq-upload-list {
  display: none; }

.add-you-cv-btn-wrap .or {
  margin-top: 5px;
  display: block; }

.file-name {
  margin-top: 5px;
  text-align: left; }

#spanCVguid-err {
  margin: 0;
  clear: both; }

#application #aToggle {
  color: #11bff3;
  cursor: pointer;
  text-transform: none; }

#application #tArrow {
  font-size: x-small;
  font-weight: bolder; }

#application .documentError {
  clear: both;
  padding-left: 0px;
  margin-top: 10px; }

.add-cv .visibility-dropdown {
  font-size: 0.875em;
  font-weight: 900;
  line-height: 1;
  color: #fff;
  border: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 7px 12px 5px 12px;
  cursor: pointer;
  background: #11bff3;
  display: inline-block;
  zoom: 1;
  *display: inline;
  font-size: 0.75em;
  clear: both;
  float: left;
  margin-left: 0; }
  .add-cv .visibility-dropdown:hover {
    background-color: #0a9bc7; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .add-cv .visibility-dropdown {
      margin-left: 0;
      clear: none;
      float: right; } }

.add-cv .visibility-dropdown-list li.dropdown-arrow {
  float: left;
  margin-right: 17px; }

.add-cv .visibility-dropdown-list {
  background: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 3px;
  top: 17px;
  left: 0px;
  box-shadow: 0px 15px 26px -3px rgba(0, 0, 0, 0.15);
  padding: 0;
  width: 100%; }
  .add-cv .visibility-dropdown-list ul {
    padding: 10px; }

.add-cv .visibility-dropdown {
  border: 1px solid #cccccc;
  background-color: #e0e0e0;
  font-size: 1em;
  font-weight: 500;
  letter-spacing: 0px;
  text-transform: none;
  color: #323232;
  border-radius: 5px;
  padding: 0;
  position: relative;
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .add-cv .visibility-dropdown {
      width: 630px; } }
  .add-cv .visibility-dropdown span {
    display: block;
    padding: 10px; }

.add-cv .visibility-dropdown:hover {
  background: #dbdbdb;
  box-shadow: inset 1px 2px 11px -3px rgba(0, 0, 0, 0.15); }

.add-cv .visibility-dropdown:after {
  content: "";
  position: absolute;
  right: 16px;
  top: 16px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #505050; }

.add-cv .visibility-dropdown.up:after {
  border-top: 0px;
  border-bottom: 6px solid #505050; }

.add-cv .visibility-dropdown-item, .add-cv .visibility-dropdown-item-icon {
  border: 0;
  float: left;
  text-align: left;
  width: 100%;
  font-size: 16px; }

.add-cv .visibility-dropdown-item,
.add-cv .visibility-dropdown-item-icon {
  padding: 13px 0 13px 35px;
  margin: 2px 0;
  width: 100%; }

.add-cv .visibility-dropdown-item:hover,
.add-cv .visibility-dropdown-item-icon:hover,
.add-cv .visibility-dropdown-list .CloudCVthisdevice-noIco:hover,
.add-cv .visibility-dropdown-list .CloudCVthisdevice:hover,
.add-cv .visibility-dropdown-list #CloudCVgoogledrive:hover,
.add-cv .visibility-dropdown-list #CloudCVdropbox:hover,
.add-cv .visibility-dropdown-list #CloudCVonedrive:hover,
.add-cv .visibility-dropdown-list #CloudCVbox:hover {
  background-color: #f0f0f0; }

.add-cv .visibility-dropdown-list .CloudCVthisdevice {
  background: url("../img/icons/drive-upload-sprite.png") no-repeat 0px -5px;
  background-size: 28px; }

.add-cv .visibility-dropdown-list #CloudCVgoogledrive {
  background: url("../img/icons/drive-upload-sprite.png") no-repeat 0px -44px;
  background-size: 28px; }

.add-cv .visibility-dropdown-list #CloudCVdropbox {
  background: url("../img/icons/drive-upload-sprite.png") no-repeat 0px -83px;
  background-size: 28px; }

.add-cv .visibility-dropdown-list #CloudCVonedrive {
  background: url("../img/icons/drive-upload-sprite.png") no-repeat 0px -119px;
  background-size: 28px; }

.add-cv .visibility-dropdown-list #CloudCVbox {
  background: url("../img/icons/drive-upload-sprite.png") no-repeat 0px -151px;
  background-size: 28px; }

.add-cv .visibility-dropdown-list li.dropdown-arrow {
  background: none; }

.visibility-dropdown-item-icon {
  padding: 8px 0 10px 25px; }

.visibility-dropdown-list .CloudCVthisdevice {
  width: 100%;
  padding: 0px; }
  .visibility-dropdown-list .CloudCVthisdevice .qq-uploader .qq-upload-button {
    padding: 13px 0 13px 35px; }

.visibility-dropdown-list .CloudCVthisdevice-noIco {
  padding-left: 5px;
  width: 265px; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .visibility-dropdown-list .CloudCVthisdevice-noIco {
      width: 604px; } }

.visibility-dropdown-list #CloudCVgoogledrive {
  background-image: url(../images/CloudPicker/google_drive.png);
  background-repeat: no-repeat;
  background-position: 3px 8px;
  background-size: 15px;
  background-color: transparent; }

.visibility-dropdown-list #CloudCVdropbox {
  background: url(../images/CloudPicker/dropbox.png) no-repeat 3px 8px;
  background-size: 15px; }

.visibility-dropdown-list #CloudCVonedrive {
  background: url(../images/CloudPicker/onedrive.png) no-repeat 3px 8px;
  background-size: 15px; }

.visibility-dropdown-list #CloudCVbox {
  background: url(../images/CloudPicker/box.png) no-repeat 3px 8px;
  background-size: 15px; }

.SelectCV #UploadCVButton {
  width: 95px; }

#btnSelect[disabled] {
  background-color: #a3e6fa; }

#btnSelect {
  background-color: #11bff3; }

#btnBack {
  float: right; }

.picker-form .heading {
  color: #11bff3;
  float: left;
  font-size: 1em;
  margin: 2px 0 0.8em;
  font-weight: 700; }

.mobileAppMessage {
  text-align: center; }

.mobileAppMessage p {
  font-size: 0.75em;
  line-height: 1.65em;
  margin: 1.2em 0 1.2em 0; }

#application .error-msge .arrow, #application .error-excla {
  visibility: hidden; }

.mobileApplicationForm {
  margin: 0 10px 0 10px; }

p.hidden {
  display: none; }

/* Cover Letter Validator message styles */
.cover-letter-validator {
  background: #e83232 url(../img/icons/exclamation.png) no-repeat 8px 50%;
  color: #fff;
  display: none;
  width: auto;
  padding: 3px 5px 10px 20px; }

/* END Cover Letter Validator message styles */
.home-content-container {
  padding: 0px !important;
  min-height: 800px; }
  .home-content-container.short {
    min-height: 600px; }

#application .btn-default-blue,
#loginModal .btn-default-blue,
#registerModal .btn-default-blue,
#continueToApplicationModal .btn-default-blue {
  border: none;
  position: relative;
  display: block;
  margin: 15px auto 0;
  background: #11bff3;
  color: white;
  font-size: 20px;
  border-radius: 5px;
  min-height: 44px;
  max-height: 44px;
  width: 100%;
  padding: 10px 15px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: background 0.1s linear;
  -moz-transition: background 0.1s linear;
  -ms-transition: background 0.1s linear;
  -o-transition: background 0.1s linear;
  transition: background 0.1s linear;
  text-transform: none;
  box-sizing: border-box;
  text-align: center;
  line-height: normal; }
  #application .btn-default-blue:hover,
  #loginModal .btn-default-blue:hover,
  #registerModal .btn-default-blue:hover,
  #continueToApplicationModal .btn-default-blue:hover {
    background-color: #0a9bc7;
    cursor: pointer; }
  #application .btn-default-blue.loading,
  #loginModal .btn-default-blue.loading,
  #registerModal .btn-default-blue.loading,
  #continueToApplicationModal .btn-default-blue.loading {
    background-image: url(../images/loading-spinner.gif);
    background-color: #11bff3;
    background-size: 48px;
    background-position-x: right;
    background-repeat: no-repeat;
    pointer-events: none;
    opacity: 0.75;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none; }

#application .btn-default-blue[disabled],
#loginModal .btn-default-blue[disabled],
#registerModal .btn-default-blue[disabled],
#continueToApplicationModal .btn-default-blue[disabled] {
  opacity: 0.4;
  pointer-events: none; }

#application .btn-default-grey,
#loginModal .btn-default-grey,
#registerModal .btn-default-grey,
#continueToApplicationModal .btn-default-grey {
  border: none;
  position: relative;
  display: block;
  margin: 10px auto 0;
  background: #dbdbdb;
  color: #323232;
  font-size: 16px;
  border-radius: 5px;
  min-height: 44px;
  max-height: 44px;
  width: 100%;
  padding: 10px 15px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: background 0.1s linear;
  -moz-transition: background 0.1s linear;
  -ms-transition: background 0.1s linear;
  -o-transition: background 0.1s linear;
  transition: background 0.1s linear; }
  #application .btn-default-grey:hover,
  #loginModal .btn-default-grey:hover,
  #registerModal .btn-default-grey:hover,
  #continueToApplicationModal .btn-default-grey:hover {
    background-color: #cccccc; }

#application .login-register-btn,
#loginModal .login-register-btn,
#registerModal .login-register-btn,
#continueToApplicationModal .login-register-btn {
  margin-top: 30px; }

#passwordHasAccount {
  margin-top: 15px;
  font-size: 14px; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #passwordHasAccount {
      margin-top: 0; } }

section#application.cloud-elements {
  background: #fff; }
  section#application.cloud-elements .additional-content {
    margin-bottom: 0;
    background: #fff;
    border-bottom: 1px solid #dbdbdb; }
  section#application.cloud-elements .primary.option {
    font-size: 1em;
    padding: 10px 30px 10px 30px;
    margin: 0 0 0 10px;
    display: inline-block; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      section#application.cloud-elements .primary.option {
        padding: 10px 70px 10px 70px;
        margin: 0 15px; } }
  section#application.cloud-elements .secondary.option {
    font-size: 1em;
    padding: 10px 30px 10px 30px;
    margin: 0 10px 0 0;
    display: inline-block; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      section#application.cloud-elements .secondary.option {
        padding: 10px 70px 10px 70px;
        margin: 0 15px; } }
  section#application.cloud-elements #btnBack.secondary {
    margin: 0; }

.passwordInput {
  padding: 10px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/* ------------- ATSi ------------ */
.atsi-confirmation {
  background: #dcf5fd;
  border: 1px solid #11bff3;
  border-radius: 6px;
  margin: 50px auto 15px;
  padding: 10px;
  width: auto;
  line-height: 22px; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .atsi-confirmation {
      width: 65.1%;
      margin-top: 0;
      padding: 15px; } }
  .atsi-confirmation.post-app {
    margin-top: 0;
    width: auto; }
  .atsi-confirmation.get-head-hunted {
    background: transparent;
    border: none;
    margin: 0 auto;
    padding: 0; }
  .atsi-confirmation .st1 {
    fill: #11bff3; }
  .atsi-confirmation svg {
    width: 24px;
    height: 24px;
    vertical-align: bottom; }
  .atsi-confirmation.post-app svg {
    float: left; }
  .atsi-confirmation h3 {
    line-height: 24px;
    padding: 0px 40px;
    margin-bottom: 5px;
    color: #323232;
    font-size: 1.17em;
    font-weight: 700; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .atsi-confirmation h3 {
        line-height: 32px; } }
  .atsi-confirmation .btn-default-blue {
    border: none;
    position: relative;
    display: block;
    margin: 15px auto 0;
    background: #11bff3;
    color: white;
    font-size: 20px;
    border-radius: 5px;
    min-height: 44px;
    max-height: 44px;
    width: 100%;
    padding: 10px 15px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: background 0.1s linear;
    -moz-transition: background 0.1s linear;
    -ms-transition: background 0.1s linear;
    -o-transition: background 0.1s linear;
    transition: background 0.1s linear;
    text-transform: none;
    box-sizing: border-box;
    text-align: center;
    line-height: normal;
    width: 240px;
    min-height: auto;
    font-size: 16px;
    text-align: center;
    margin: 20px auto 20px; }
    .atsi-confirmation .btn-default-blue:hover {
      background-color: #0a9bc7;
      cursor: pointer; }
  .atsi-confirmation p {
    color: #323232;
    font-size: 14px;
    line-height: 1.6;
    text-align: left;
    position: relative;
    padding-left: 25px; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .atsi-confirmation p {
        text-align: center;
        margin: 0;
        padding-left: 0; } }
    .atsi-confirmation p a {
      border-bottom: 2px solid #11bff2;
      font-weight: bold;
      -webkit-transition: border 0.1s linear;
      -moz-transition: border 0.1s linear;
      -o-transition: border 0.1s linear;
      transition: border 0.1s linear; }
      .atsi-confirmation p a:hover {
        border-bottom: 1px solid #11bff2;
        -webkit-transition: border 0.1s linear;
        -moz-transition: border 0.1s linear;
        -o-transition: border 0.1s linear;
        transition: border 0.1s linear; }

.atsi-confirmation-register {
  background: #dcf5fd;
  border: 1px solid #11bff3;
  border-radius: 6px;
  padding: 15px;
  line-height: 22px;
  text-align: center; }

.atsi-confirmation-register svg {
  width: 24px;
  height: 24px;
  margin-right: 3px;
  vertical-align: bottom; }

#application.app-post-app .module {
  margin: 15px 0 15px;
  padding: 0; }
  #application.app-post-app .module .profile-searchable {
    margin: 0; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      #application.app-post-app .module .profile-searchable {
        margin: 15px auto; } }

.module-content {
  clear: both; }
  .module-content .module-container {
    width: 60%;
    clear: both;
    padding-top: 25px; }

.img-back img {
  background-repeat: no-repeat;
  height: 300px;
  float: right;
  margin-top: -150px;
  margin-right: 60px;
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
  display: none; }

/* On screens that are 600px wide or less, make the columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .module-content {
    clear: both; }
    .module-content .module-container {
      width: auto;
      padding-left: 0px; }
  .img-back img {
    display: none; } }

#ats-loading {
  display: none; }
  #ats-loading .module .module-content {
    text-align: center; }

.main-text {
  padding: 0px !important; }

#ats-redirect {
  display: none; }
  #ats-redirect .rec-title {
    color: #323232; }
  #ats-redirect .broken-ats-link svg {
    margin-left: 8px;
    width: 35px !important;
    margin-left: 40px; }

.loader {
  border: 16px solid #f0f0f0;
  border-top: 16px solid #11bff3;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: spin 2s linear infinite;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

#ats-loading .loader::after, #ats-loading .loader::before {
  border-style: none; }

.broken-ats-link p {
  margin-top: 5px;
  font-size: 13px;
  font-style: italic;
  color: #787878 !important;
  padding: 0px 40px; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .broken-ats-link p {
      text-align: left;
      padding-left: 40px; } }
  .broken-ats-link p span {
    color: #323232;
    font-style: normal; }
  .broken-ats-link p .report-broken-link {
    color: #787878;
    font-weight: normal;
    text-decoration: underline !important;
    border: none;
    cursor: pointer; }
    .broken-ats-link p .report-broken-link:hover {
      border: none; }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .broken-ats-link svg {
    padding-left: 0px;
    padding-right: 10px; } }

.broken-ats-link svg .st1 {
  fill: #31C104; }

.apply-now.email-me-jobs-btn.expiredClass {
  display: none !important; }

.expiredClass {
  display: none; }

.alert-expired {
  display: none; }

.expiredClass.alert-expired {
  display: block !important;
  background-color: #ffeaea;
  color: red;
  text-align: center;
  margin: 0 auto;
  margin-top: 15px;
  border-radius: 5px;
  border: 1px solid #ffcece !important;
  box-sizing: border-box;
  padding: 15px 10px;
  text-transform: uppercase;
  font-size: 0.8em; }

.show-more-expired {
  display: none; }

.expiredClass.show-more-expired {
  display: inline;
  font-size: 0.875em;
  font-weight: 900;
  line-height: 1;
  color: #fff;
  border: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 9px 27px 7px 12px;
  background: #11bff3 url(../img/icons/arrow-white-tri.png) no-repeat right center;
  display: inline-block;
  zoom: 1;
  *display: inline;
  border: 1px solid #11bff3;
  position: absolute;
  bottom: 0;
  right: 20px; }
  .expiredClass.show-more-expired:hover {
    background-color: #0a9bc7; }

.expiredClass.job-overview {
  display: block; }

@media (max-width: 767px) {
  .expiredClass.show-more-expired {
    bottom: -35px;
    z-index: 1;
    right: initial; }
  .expiredClass.full-page {
    margin-bottom: 45px; }
  .expiredClass.job-overview {
    display: none; } }

.expiredClass.full-page {
  display: block;
  position: relative; }

.apply-now.email-me-jobs-btn.expiredClass {
  display: none !important; }

.unactiveCompany {
  display: none; }

/* addthis email to yourself button styling */
.addthis_button_email span {
  display: none; }

/* addthis email to yourself button styling */
/* select2 */
.select2-results__option {
  font-size: 16px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  float: right;
  margin: 0 2px 0 4px; }

#public-profile {
  float: none;
  padding: 25px 0; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #public-profile {
      width: 720px;
      margin: 0 auto;
      padding: 50px 0; } }

#public-profile .user-page {
  border-top: 5px solid #11bff3; }

#public-profile section {
  border: 0;
  margin: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  background: none; }

.public-profile-wrap {
  margin: 20px 0;
  border: 1px solid #e7e7e7;
  padding-top: 15px;
  padding-bottom: 15px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

#public-profile .user-page {
  margin-left: 0;
  width: 100%; }

#public-profile section.your-info .your-info-content {
  margin-top: 0; }
  #public-profile section.your-info .your-info-content a {
    color: #323232; }
    #public-profile section.your-info .your-info-content a:hover {
      text-decoration: underline; }
  #public-profile section.your-info .your-info-content .primary-contact {
    margin: 0; }
  #public-profile section.your-info .your-info-content .profession {
    margin-bottom: 0; }
  #public-profile section.your-info .your-info-content .user-website {
    float: left;
    clear: none;
    width: auto;
    margin: 0.8em 0.5em; }
  #public-profile section.your-info .your-info-content .social-icons {
    display: block; }

.profile-email {
  background: url(../img/icons/profile-email.png) no-repeat left center;
  padding-left: 24px;
  margin-right: 15px; }

.profile-tel {
  background: url(../img/icons/phone.png) no-repeat left center;
  padding-left: 15px; }

#public-profile .social-icons {
  margin: 0;
  width: auto; }
  #public-profile .social-icons ul li {
    margin: 0 5px 0 0; }

.additional-content-listing.public-profile .section-heading {
  border-bottom: 1px solid #d2d2d2; }
  .additional-content-listing.public-profile .section-heading .description {
    width: 60%; }
  .additional-content-listing.public-profile .section-heading .updated {
    width: 40%; }

.additional-content-listing.public-profile .title {
  width: 60%;
  margin-right: 5%;
  padding: 0; }

.additional-content-listing.public-profile .options, .additional-content-listing.public-profile .date-created {
  float: left; }

.additional-content-listing.public-profile .date-created {
  width: 18%; }

.additional-content-listing.public-profile .options {
  width: 17%;
  text-transform: uppercase;
  color: #323232; }

.additional-content-listing.public-profile .view {
  background: url(../img/icons/view-additional-content.png) no-repeat left center;
  padding-left: 25px;
  cursor: pointer; }
  .additional-content-listing.public-profile .view:hover {
    text-decoration: underline; }

.additional-content-listing.public-profile .close {
  background: url(../img/icons/x-job-toggle.png) no-repeat;
  width: 14px;
  height: 13px;
  float: right;
  cursor: pointer; }

/* iCheck plugin Minimal skin, black
----------------------------------- */
.icheckbox_minimal,
.iradio_minimal {
  margin: 0 5px -4px 0;
  padding: 0;
  width: 18px;
  height: 18px;
  background: url(../img/icons/icheck.png) no-repeat;
  border: none;
  cursor: pointer;
  display: inline-block;
  zoom: 1;
  *display: inline; }

.icheckbox_minimal {
  background-position: 0 0; }

.icheckbox_minimal.hover {
  background-position: -20px 0; }

.icheckbox_minimal.checked {
  background-position: -40px 0; }

.icheckbox_minimal.disabled {
  background-position: -60px 0;
  cursor: default; }

.icheckbox_minimal.checked.disabled {
  background-position: -80px 0; }

.iradio_minimal {
  background-position: -100px 0; }

.iradio_minimal.hover {
  background-position: -120px 0; }

.iradio_minimal.checked {
  background-position: -140px 0; }

.iradio_minimal.disabled {
  background-position: -160px 0;
  cursor: default; }

.iradio_minimal.checked.disabled {
  background-position: -180px 0; }

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5) {
  .icheckbox_minimal,
  .iradio_minimal {
    background-image: url(../img/icons/icheck@2x.png);
    -webkit-background-size: 200px 20px;
    background-size: 200px 20px; } }

#ImportCV .iradio_minimal {
  float: left; }

/* iCheck custom skin - blue
----------------------------------- */
.icheckbox_minimal_blue_background,
.iradio_minimal_blue_background {
  margin: 0 5px -4px 0;
  padding: 0;
  width: 18px;
  height: 18px;
  background: url(../img/icons/icheck-blue-bg.png) no-repeat;
  border: none;
  cursor: pointer;
  display: inline-block;
  zoom: 1;
  *display: inline; }

.icheckbox_minimal_blue_background {
  background-position: 0 0; }

.icheckbox_minimal_blue_background.hover {
  background-position: -20px 0; }

.icheckbox_minimal_blue_background.checked {
  background-position: -40px 0; }

.icheckbox_minimal_blue_background.disabled {
  background-position: -60px 0;
  cursor: default; }

.icheckbox_minimal_blue_background.checked.disabled {
  background-position: -80px 0; }

.iradio_minimal_blue_background {
  background-position: -100px 0; }

.iradio_minimal_blue_background.hover {
  background-position: -120px 0; }

.iradio_minimal_blue_background.checked {
  background-position: -140px 0; }

.iradio_minimal_blue_background.disabled {
  background-position: -160px 0;
  cursor: default; }

.iradio_minimal_blue_background.checked.disabled {
  background-position: -180px 0; }

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5) {
  .iradio_minimal_blue_background,
  .iradio_minimal_blue_background {
    background-image: url(../img/icons/icheck@2x.png);
    -webkit-background-size: 200px 20px;
    background-size: 200px 20px; } }

/* iCheck custom skin - blue
----------------------------------- */
.icheckbox_minimal_grey_background,
.iradio_minimal_grey_background {
  margin: 0 5px -4px 0;
  padding: 0;
  width: 18px;
  height: 18px;
  background: url(../img/icons/icheck-grey-bg.png) no-repeat;
  border: none;
  cursor: pointer;
  display: inline-block;
  zoom: 1;
  *display: inline; }

.icheckbox_minimal_grey_background {
  background-position: 0 0; }

.icheckbox_minimal_grey_background.hover {
  background-position: -20px 0; }

.icheckbox_minimal_grey_background.checked {
  background-position: -40px 0; }

.icheckbox_minimal_grey_background.disabled {
  background-position: -60px 0;
  cursor: default; }

.icheckbox_minimal_grey_background.checked.disabled {
  background-position: -80px 0; }

.iradio_minimal_grey_background {
  background-position: -100px 0; }

.iradio_minimal_grey_background.hover {
  background-position: -120px 0; }

.iradio_minimal_grey_background.checked {
  background-position: -140px 0; }

.iradio_minimal_grey_background.disabled {
  background-position: -160px 0;
  cursor: default; }

.iradio_minimal_grey_background.checked.disabled {
  background-position: -180px 0; }

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5) {
  .iradio_minimal_grey_background,
  .iradio_minimal_grey_background {
    background-image: url(../img/icons/icheck-grey-bg@2x.png);
    -webkit-background-size: 200px 20px;
    background-size: 200px 20px; } }

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none; }

.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none; }

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  margin: 0;
  padding: 0; }

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden; }

/* Hide the slides before the JS is loaded. Avoids image jumping */
#testimonials .flexslider .slides img {
  display: block;
  width: auto;
  border: 0; }

.flexslider .slides img {
  width: 100%;
  display: block; }

.flex-pauseplay span {
  text-transform: capitalize; }

/* Clearfix for the .slides element */
.slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

html[xmlns] .slides {
  display: block; }

* html .slides {
  height: 1%; }

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block; }

/* FlexSlider Default Theme
*********************************/
.flexslider {
  font-size: 1.3em;
  margin: 0 0 2em;
  position: relative;
  zoom: 1; }

.flexslider p {
  font-size: 0.75em;
  line-height: 1.5833em; }

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease; }

.loading .flex-viewport {
  max-height: 300px; }

.flexslider .slides {
  zoom: 1; }

.carousel li {
  margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {
  *height: 0; }

.flex-direction-nav a {
  width: 28px;
  height: 30px;
  margin: -20px 0 0;
  display: block;
  background: url(../img/icons/bg_direction_nav.png) no-repeat 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  cursor: pointer;
  text-indent: -9999px;
  -webkit-transition: all .3s ease; }

.flex-direction-nav .flex-next {
  background-position: 100% 0;
  right: 3.8em;
  top: 110%; }

.flex-direction-nav .flex-prev {
  left: 3.8em;
  top: 110%; }

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
  opacity: 1; }

.flex-direction-nav .flex-disabled {
  opacity: 0.3 !important;
  filter: alpha(opacity=30);
  cursor: default; }

/* Control Nav */
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center; }

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline; }

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); }

.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7); }

.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default; }

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden; }

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0; }

.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .7;
  cursor: pointer; }

.flex-control-thumbs img:hover {
  opacity: 1; }

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default; }

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 0; }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 0; } }

#cv-preview {
  width: 0;
  height: 0;
  overflow: hidden;
  position: relative;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #cv-preview {
      display: block;
      width: 500px;
      height: auto;
      padding: 30px;
      margin: 0 auto;
      background: #fff;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      *behavior: url(/js/vendor/boxsizing.htc); } }

#cv-preview h1 {
  color: #323232;
  float: left;
  margin-top: 0.5em;
  width: 100%;
  border-bottom: 1px solid #11bff3;
  padding-bottom: 15px; }

#ImportDetails .upload-new-cv {
  font-size: 0.875em;
  font-weight: 900;
  line-height: 1;
  color: #fff;
  border: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 7px 12px 5px 12px;
  cursor: pointer;
  background: #11bff3;
  display: inline-block;
  zoom: 1;
  *display: inline; }
  #ImportDetails .upload-new-cv:hover {
    background-color: #0a9bc7; }

#cv-preview .upload-select-wrap {
  float: right; }
  #cv-preview .upload-select-wrap .upload-new-cv {
    background: url(../img/icons/upload-cv.png) no-repeat left 6px;
    padding: 5px 0 5px 30px;
    margin-right: 25px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 0.875em;
    line-height: 1;
    width: 78px;
    letter-spacing: 1px; }
  #cv-preview .upload-select-wrap .select-this-cv {
    font-size: 0.875em;
    font-weight: 900;
    line-height: 1;
    color: #fff;
    border: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 7px 12px 5px 12px;
    cursor: pointer;
    background: #11bff3;
    display: inline-block;
    zoom: 1;
    *display: inline; }
    #cv-preview .upload-select-wrap .select-this-cv:hover {
      background-color: #0a9bc7; }

#cv-content-wrap {
  clear: both;
  float: left;
  width: 100%;
  margin-top: 1em; }

#select-cv {
  /*float: left;
	width: 145px;*/ }
  #select-cv ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    #select-cv ul li {
      margin: 0; }
    #select-cv ul a {
      font-size: 16px;
      margin: 0;
      padding: 15px 15px 15px 5px;
      color: #323232;
      display: block;
      border-bottom: 1px solid #dbdbdb;
      /*&.active {
				background: #2d86a1;
			}*/ }
      #select-cv ul a:hover {
        background: #f0f0f0; }
      #select-cv ul a span {
        display: block;
        color: #787878;
        font-size: 13px;
        font-style: italic;
        margin-top: 3px; }

#cv-content {
  width: 640px;
  height: 500px;
  float: right;
  overflow-y: scroll;
  outline: 0; }
  #cv-content .page-number {
    display: block;
    width: 100%;
    text-align: right;
    text-transform: uppercase;
    color: #323232;
    margin-bottom: 0.8em; }

.cv-content-inner {
  background: #FFF;
  padding: 30px;
  margin-right: 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(/js/vendor/boxsizing.htc); }

#cv-preview-mobile {
  display: block;
  background: #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(/js/vendor/boxsizing.htc);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #cv-preview-mobile {
      display: none; } }
  #cv-preview-mobile .wrap {
    width: 90%;
    margin: 0 auto;
    padding: 1em 0; }
  #cv-preview-mobile .return-to {
    color: #fff;
    padding-left: 15px;
    font-size: 0.875em;
    text-transform: uppercase;
    background: url(../img/icons/arrow-white-tri-left.png) no-repeat left center; }

.cv-list-wrap {
  background: #fff;
  /*margin: 1em 0;*/
  padding: 1.2em 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }
  .cv-list-wrap h1 {
    font-size: 16px;
    margin-bottom: 1.5em;
    padding-bottom: 1em;
    border-bottom: 1px solid #11bff3;
    letter-spacing: 0.5px; }
  .cv-list-wrap h2 {
    font-size: 1.2em;
    color: #505050;
    letter-spacing: 0;
    text-transform: none;
    margin: 0 0 0.6em; }
  .cv-list-wrap ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .cv-list-wrap ul li {
      /*padding-bottom: 1.2em;
			margin-bottom: 1.2em;*/
      border-bottom: 1px solid #dbdbdb;
      margin: 0; }
      .cv-list-wrap ul li:not(:first-child) {
        margin: 10px 0 0; }
      @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
        .cv-list-wrap ul li {
          margin-top: 0; } }
  .cv-list-wrap .preview-cv {
    font-size: 0.875em;
    font-weight: 900;
    line-height: 1;
    color: #fff;
    border: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 7px 12px 5px;
    background: #787878;
    display: inline-block;
    zoom: 1;
    *display: inline;
    font-size: 1.1em;
    line-height: 1.1;
    padding-right: 38px;
    background-image: url(../img/icons/profile/preview-cv.png);
    background-repeat: no-repeat;
    background-position: right center;
    margin-right: 5%; }
    .cv-list-wrap .preview-cv:hover {
      background-color: #5f5f5f; }
  .cv-list-wrap .select-cv {
    font-size: 16px;
    color: #323232;
    display: block;
    padding: 15px 5px; }
    .cv-list-wrap .select-cv span {
      display: block;
      color: #787878;
      font-size: 13px;
      font-style: italic;
      margin-top: 5px; }

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top; }

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020; }

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.fancybox-opened {
  z-index: 8030; }

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }

.fancybox-outer, .fancybox-inner {
  position: relative; }

.fancybox-inner {
  overflow: hidden; }

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch; }

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap; }

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%; }

.fancybox-image {
  max-width: 100%;
  max-height: 100%; }

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url("/img/fancybox/fancybox_sprite.png"); }

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060; }

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("/img/fancybox/fancybox_loading.gif") center center no-repeat; }

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040; }

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url("/img/fancybox/blank.gif");
  /* helps IE */
  -webkit-tap-highlight-color: transparent;
  z-index: 8040; }

.fancybox-prev {
  left: 0; }

.fancybox-next {
  right: 0; }

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden; }

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px; }

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px; }

.fancybox-nav:hover span {
  visibility: visible; }

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important; }

/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto; }

.fancybox-lock body {
  overflow: hidden !important; }

.fancybox-lock-test {
  overflow-y: hidden !important; }

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url("/img/fancybox/fancybox_overlay.png"); }

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0; }

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll; }

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050; }

.fancybox-opened .fancybox-title {
  visibility: visible; }

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center; }

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap; }

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff; }

.fancybox-title-inside-wrap {
  padding-top: 10px; }

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8); }

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url("/img/fancybox/fancybox_sprite@2x.png");
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/ }
  #fancybox-loading div {
    background-image: url("/img/fancybox/fancybox_loading@2x.gif");
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/ } }

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer {
  overflow: hidden;
  position: relative; }

.jspPane {
  position: absolute; }

.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 14px;
  height: 100%;
  background: #707070; }

.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px;
  background: #707070; }

.jspVerticalBar *,
.jspHorizontalBar * {
  margin: 0;
  padding: 0; }

.jspCap {
  display: none; }

.jspHorizontalBar .jspCap {
  float: left; }

.jspTrack {
  position: relative;
  width: 8px;
  margin: 0 auto; }

.jspDrag {
  background: #e2e2e2;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer; }

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%; }

.jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer; }

.jspArrowUp {
  background: url(../img/icons/scrollpane-arrow-up.png) no-repeat 50%; }

.jspArrowDown {
  background: url(../img/icons/scrollpane-arrow-down.png) no-repeat 50%; }

.jspArrow.jspDisabled {
  cursor: default;
  opacity: 0.3; }

.jspVerticalBar .jspArrow {
  height: 16px; }

.jspHorizontalBar .jspArrow {
  width: 16px;
  float: left;
  height: 100%; }

.jspVerticalBar .jspArrow:focus {
  outline: none; }

.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%; }

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
  margin: 0 -3px 0 0; }

.jcarousel-skin-tango .jcarousel-container {
  background: #4b4b4b;
  font-size: 1.2em; }

.jcarousel-skin-tango .jcarousel-direction-rtl {
  direction: rtl; }

.jcarousel-skin-tango .jcarousel-container-horizontal {
  width: 245px;
  padding: 20px 40px; }

.jcarousel-skin-tango .jcarousel-container-vertical {
  width: 145px;
  height: 395px;
  padding: 40px 0; }

.jcarousel-skin-tango .jcarousel-clip {
  overflow: hidden; }

.jcarousel-skin-tango .jcarousel-clip-horizontal {
  width: 245px;
  height: 75px; }

.jcarousel-skin-tango .jcarousel-clip-vertical {
  height: 395px; }

.jcarousel-skin-tango .jcarousel-item-horizontal {
  margin-left: 0;
  margin-right: 10px; }

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
  margin-left: 10px;
  margin-right: 0; }

.jcarousel-skin-tango .jcarousel-item-placeholder {
  background: #fff;
  color: #000; }

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 27px;
  cursor: pointer;
  background: #11bff3 url(../img/icons/carousel-arrow-down.png) no-repeat 50%; }

.jcarousel-skin-tango .jcarousel-prev-vertical {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 27px;
  cursor: pointer;
  background: #11bff3 url(../img/icons/carousel-arrow-up.png) no-repeat 50%; }

.jcarousel-item {
  width: 100%;
  /* width for each individual item needs to be greater than the width the item will actually occupy */ }

/*!
 * Bootstrap v2.3.2
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
.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; }

.nav {
  margin-left: 0;
  list-style: none; }

.nav > li > a {
  display: block; }

.nav > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee; }

.nav > li > a > img {
  max-width: none; }

.nav > .pull-right {
  float: right; }

.nav-header {
  display: block;
  padding: 3px 15px;
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
  color: #999999;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: uppercase; }

.nav li + .nav-header {
  margin-top: 9px; }

.nav-list {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 0; }

.nav-list > li > a, .nav-list .nav-header {
  margin-left: -15px;
  margin-right: -15px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }

.nav-list > li > a {
  padding: 3px 15px; }

.nav-list > .active > a, .nav-list > .active > a:hover, .nav-list > .active > a:focus {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  background-color: #0088cc; }

.nav-list [class^="icon-"], .nav-list [class*=" icon-"] {
  margin-right: 2px; }

.nav-list .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff; }

.nav-tabs, .nav-pills {
  *zoom: 1; }

.nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after {
  display: table;
  content: "";
  line-height: 0; }

.nav-tabs:after, .nav-pills:after {
  clear: both; }

.nav-tabs > li, .nav-pills > li {
  float: left;
  width: 50%; }

.lt-ie8 .nav-tabs > li, .nav-pills > li {
  width: 49%; }

.nav-pills > li > a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px; }

.nav-tabs > li {
  margin-bottom: 0; }

.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
  border-bottom-color: transparent;
  cursor: default; }

.nav-pills > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 2px;
  margin-bottom: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus {
  color: #ffffff;
  background-color: #0088cc; }

.nav-stacked > li {
  float: none; }

.nav-stacked > li > a {
  margin-right: 0; }

.nav-tabs.nav-stacked {
  border-bottom: 0; }

.nav-tabs.nav-stacked > li > a {
  border: 1px solid #ddd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.nav-tabs.nav-stacked > li:first-child > a {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px; }

.nav-tabs.nav-stacked > li:last-child > a {
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px; }

.nav-tabs.nav-stacked > li > a:hover, .nav-tabs.nav-stacked > li > a:focus {
  border-color: #ddd;
  z-index: 2; }

.nav-pills.nav-stacked > li > a {
  margin-bottom: 3px; }

.nav-pills.nav-stacked > li:last-child > a {
  margin-bottom: 1px; }

.nav-tabs .dropdown-menu {
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px; }

.nav-pills .dropdown-menu {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

.nav .dropdown-toggle .caret {
  border-top-color: #0088cc;
  border-bottom-color: #0088cc;
  margin-top: 6px; }

.nav .dropdown-toggle:hover .caret, .nav .dropdown-toggle:focus .caret {
  border-top-color: #005580;
  border-bottom-color: #005580; }

.nav-tabs .dropdown-toggle .caret {
  margin-top: 8px; }

.nav .active .dropdown-toggle .caret {
  border-top-color: #fff;
  border-bottom-color: #fff; }

.nav-tabs .active .dropdown-toggle .caret {
  border-top-color: #555555;
  border-bottom-color: #555555; }

.nav > .dropdown.active > a:hover, .nav > .dropdown.active > a:focus {
  cursor: pointer; }

.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover, .nav > li.dropdown.open.active > a:focus {
  color: #ffffff;
  background-color: #999999;
  border-color: #999999; }

.nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, .nav li.dropdown.open a:hover .caret, .nav li.dropdown.open a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100); }

.tabs-stacked .open > a:hover, .tabs-stacked .open > a:focus {
  border-color: #999999; }

.tabbable {
  *zoom: 1; }

.tabbable:before, .tabbable:after {
  display: table;
  content: "";
  line-height: 0; }

.tabbable:after {
  clear: both; }

.tab-content {
  overflow: auto; }

.tabs-below > .nav-tabs, .tabs-right > .nav-tabs, .tabs-left > .nav-tabs {
  border-bottom: 0; }

.tab-content > .tab-pane, .pill-content > .pill-pane {
  display: none; }

.tab-content > .active, .pill-content > .active {
  display: block; }

.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd; }

.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0; }

.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px; }

.tabs-below > .nav-tabs > li > a:hover, .tabs-below > .nav-tabs > li > a:focus {
  border-bottom-color: transparent;
  border-top-color: #ddd; }

.tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:hover, .tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd; }

.tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li {
  float: none; }

.tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px; }

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd; }

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px; }

.tabs-left > .nav-tabs > li > a:hover, .tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee; }

.tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover, .tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff; }

.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd; }

.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0; }

.tabs-right > .nav-tabs > li > a:hover, .tabs-right > .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd; }

.tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover, .tabs-right > .nav-tabs .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff; }

.nav > .disabled > a {
  color: #999999; }

.nav > .disabled > a:hover, .nav > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  cursor: default; }

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #search-job input.search-job-btn {
    background: #1e1e1e;
    background-size: 88px 16px; }
  #global-logo a {
    background: url(../img/logos/irishjobs-logo@x2.png) no-repeat 0 0;
    background-size: 150px 31px; } }
  @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 767px), only screen and (-webkit-min-device-pixel-ratio: 2) and (device-height: 1024px) and (orientation: landscape) {
    #global-logo a {
      background-size: 252px 52px; } }

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .refine-option ul li .x {
    background: url(../img/icons/x-open@x2.png) no-repeat 50% 50%;
    background-size: 8px 8px; }
  .refine-option ul li.active .x {
    background: #cccccc url(../img/icons/x-close@x2.png) no-repeat 50% 50%;
    background-size: 9px 9px; }
  .job-sharing li.email-job a {
    background: #becd2f url(../img/icons/email-white@x2.png) no-repeat 50% 50%;
    background-size: 14px 10px; }
  .job-result-toggle span {
    background: url(../img/icons/x-job-toggle@x2.png) no-repeat right top;
    background-size: 14px 13px; }
  .job-result-cta .save-job {
    background: #fff url(../img/icons/star-green@x2.png) no-repeat 8px center;
    background-size: 16px; }
  .refresh {
    background: url(../img/icons/arrow-dropdown-x2.png) no-repeat right center;
    background-size: 12px 7px; }
  .arrow-blue {
    background: url(../img/icons/arrow-blue@x2.png) no-repeat;
    background-size: 10px 8px; }
  .arrow-link-blue {
    background: url(../img/icons/arrow-blue@x2.png) no-repeat right center;
    background-size: 10px 8px; }
  .error-excla {
    background: #e83232 url(../img/icons/exclamation.png) no-repeat 50%;
    background-size: 3px 13px; }
    .error-excla .arrow {
      background: url(../img/icons/error-arrow@x2.png) no-repeat;
      background-size: 7px 16px; }
  input.sign-in {
    background: #11bff3 url(../img/buttons/sign-in@x2.png) no-repeat 50%;
    background-size: 98px 25px; }
  .lhs-list li.my-ni-jobs a {
    background: url(../img/icons/my-ni-jobs@x2.png) no-repeat 20px center;
    background-size: 19px 17px; }
  .lhs-list li.profile a {
    background: url(../img/icons/profile@x2.png) no-repeat 20px center;
    background-size: 19px 17px; }
  .lhs-list li.cv a {
    background: url(../img/icons/cv-coverletter@x2.png) no-repeat 20px center;
    background-size: 19px; }
  .lhs-list li.job-alerts a {
    background: url(../img/icons/job-alerts@x2.png) no-repeat 20px center;
    background-size: 19px 14px; }
  .lhs-list li.saved-jobs a {
    background: url(../img/icons/saved-jobs@x2.png) no-repeat 20px center;
    background-size: 19px 18px; }
  .lhs-list li.applied-jobs a {
    background: url(../img/icons/applied-jobs@x2.png) no-repeat 20px center;
    background-size: 19px 15px; }
  .lhs-list li.drafts a {
    background: url(../img/icons/drafts@x2.png) no-repeat 20px center;
    background-size: 19px; }
  .edit.option {
    background: #b4b4b4 url(../img/icons/edit@x2.png) no-repeat right center;
    background-size: 24px 12px; }
  .upload.option {
    background: #b4b4b4 url(../img/icons/upload@x2.png) no-repeat right center;
    background-size: 23px 11px; }
  .add.option {
    background: #11bff3 url(../img/icons/x-add@x2.png) no-repeat right center;
    background-size: 20px 8px; }
  .update-cv.button {
    background: #11bff3 url(../img/icons/update-cv@x2.png) no-repeat 10px center;
    background-size: 16px 20px; }
  .linkedin-import.button {
    background: #11bff3 url(../img/icons/linkedin-import@x2.png) no-repeat 10px center;
    background-size: 20px; }
  .add-skill.button {
    background: #11bff3 url(../img/icons/profile@x2.png) no-repeat 10px center;
    background-size: 19px 17px; }
  .your-info-contact-details .work-permit {
    background: url(../img/icons/work-permit@x2.png) no-repeat left top;
    background-size: 17px; }
  section.overview h2 {
    background: url(../img/icons/profile/overview@x2.png) no-repeat left top;
    background-size: 21px 29px; }
  section.education h2 {
    background: url(../img/icons/profile/education@x2.png) no-repeat left 3px;
    background-size: 30px 21px; }
  section.location h2 {
    background: url(../img/icons/profile/location@x2.png) no-repeat left 1px;
    background-size: 17px 26px; }
  section.professional-qualifications h2 {
    background: url(../img/icons/profile/qualifications@x2.png) no-repeat left 4px;
    background-size: 36px 18px; }
  section.professional-associations h2 {
    background: url(../img/icons/profile/associations@x2.png) no-repeat left top;
    background-size: 27px 25px; }
  section.interests h2 {
    background: url(../img/icons/profile/interests@x2.png) no-repeat left 7px;
    background-size: 26px 16px; }
  section.additional-content h2 {
    background: url(../img/icons/profile/upload-content@x2.png) no-repeat left top;
    background-size: 26px 26px; }
  .additional-content-listing h2.description {
    background: url(../img/icons/profile/upload-description@x2.png) no-repeat left 5px;
    background-size: 19px 17px; }
  .additional-content-listing h2.updated {
    background: url(../img/icons/profile/upload-updated@x2.png) no-repeat left 4px;
    background-size: 19px; }
  .lhs-list li.my-ni-jobs a {
    background: url(../img/icons/my-ni-jobs@x2.png) no-repeat 20px center;
    background-size: 19px 17px; }
  .lhs-list li.profile a {
    background: url(../img/icons/profile@x2.png) no-repeat 20px center;
    background-size: 19px 17px; }
  .lhs-list li.cv a {
    background: url(../img/icons/cv-coverletter@x2.png) no-repeat 20px center;
    background-size: 19px 19px; }
  .lhs-list li.job-alerts a {
    background: url(../img/icons/job-alerts@x2.png) no-repeat 20px center;
    background-size: 19px 14px; }
  .lhs-list li.saved-jobs a {
    background: url(../img/icons/saved-jobs@x2.png) no-repeat 20px center;
    background-size: 19px 18px; }
  .lhs-list li.applied-jobs a {
    background: url(../img/icons/applied-jobs@x2.png) no-repeat 20px center;
    background-size: 19px 15px; }
  .lhs-list li.drafts a {
    background: url(../img/icons/drafts@x2.png) no-repeat 20px center;
    background-size: 19px 19px; }
  /* Profile Cog – TODP: GET RETINA VERSION
	.date-configure {
		& .cog { background: url(../img/icons/cog-blue@x2.png) no-repeat; background-size: 17px; }
	}*/
  .profile-saved-jobs .icon {
    background: url(../img/icons/profile/saved-jobs@x2.png) no-repeat;
    background-size: 48px 46px; }
  .profile-applied-jobs .icon {
    background: url(../img/icons/profile/applied-jobs@x2.png) no-repeat;
    background-size: 32px 27px; }
  .drafts .icon {
    background: url(../img/icons/profile/drafts@x2.png) no-repeat;
    background-size: 28px 34px; }
  .profile-job-alerts .icon {
    background: url(../img/icons/profile/job-alerts@x2.png) no-repeat;
    background-size: 50px 37px; }
  #back-to-job-alerts {
    background: url(../img/icons/return@x2.png) no-repeat left center;
    background-size: 12px 10px; }
  #job-alerts-results #back-to-job-alerts {
    background: #11bff3 url(../img/icons/return-white@x2.png) no-repeat left center;
    background-size: 12px 10px; }
  .job-alert-row select {
    background: #FFF url(../img/icons/select-arrow-small@x2.gif) no-repeat scroll center right;
    background-size: 16px 50px; }
  /*.application-number { background: url(../img/backgrounds/disc-number@x2.png) no-repeat 50%; background-size: 28px; }*/ }

#overlay-popup {
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  left: 0;
  background: #000;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1000;
  overflow: hidden; }

#overlay-popup .close-btn {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background: url(../img/icons/close.png) no-repeat top left;
  z-index: 1001; }

#overlay-popup .close-btn:hover {
  background: url(../img/icons/close.png) #f0f0f0 no-repeat top left;
  border-radius: 50%; }

#overlay-popup .close-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100; }

#overlay-popup .overlay-content {
  position: relative;
  top: 10%;
  z-index: 101;
  background: #fff;
  box-shadow: 0px 0px 30px 10px rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

@media screen and (min-width: 768px) {
  #overlay-popup .close-btn {
    right: 30px;
    top: 30px; } }

/* Scss Document */
.company-reviews-container {
  font-size: 0.9em;
  margin: 0 auto;
  color: #999; }
  .company-reviews-container .content-box {
    background: #fff;
    border: 1px solid #dbdbdb;
    width: 632px; }
  .company-reviews-container .header {
    margin: 25px 30px; }
  .company-reviews-container .logo {
    float: left;
    margin: 0 30px 0 0; }
  .company-reviews-container .logo img {
    max-width: 124px; }
  .company-reviews-container .company-name {
    float: left; }
  .company-reviews-container a.leave-review-button {
    background: #11bff3;
    color: #fff;
    border: 0;
    font-size: 0.75em;
    line-height: 1;
    margin-top: 24px !important;
    padding: 10px 14px 10px 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    zoom: 1; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .company-reviews-container a.leave-review-button {
        margin-left: 50px; } }
  .company-reviews-container .company-name h1 {
    color: #474747;
    font-size: 14px;
    font-weight: 900; }

sky-company-profile-surveys__title {
  margin-top: 0; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    sky-company-profile-surveys__title {
      margin-top: 1em; } }

.sky-company-profile-surveys__subtitle {
  display: inline; }

.company-reviews-login-container, .company-reviews-register-container {
  padding: 30px; }
  .company-reviews-login-container .top-alert, .company-reviews-register-container .top-alert {
    background-color: #e7f7e2;
    border: 1px solid #31c104;
    border-radius: 6px;
    text-align: center;
    color: #323232;
    font-size: 14px;
    margin: 0 0 20px;
    padding: 14px; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .company-reviews-login-container .top-alert, .company-reviews-register-container .top-alert {
        margin-top: -10px;
        padding: 19px 21px; } }
  .company-reviews-login-container .heading-emph, .company-reviews-register-container .heading-emph {
    color: #11bff3;
    font-size: 15px;
    font-weight: 700;
    margin: 6px 8px 6px 0;
    text-transform: uppercase;
    float: left;
    letter-spacing: 1px;
    display: block; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .company-reviews-login-container .heading-emph, .company-reviews-register-container .heading-emph {
        font-size: 18px;
        margin-top: 10px; } }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .company-reviews-login-container .form-row, .company-reviews-register-container .form-row {
      width: 65%;
      width: auto;
      margin: 0 26%;
      color: black;
      text-align: center; } }
  .company-reviews-login-container .form-input-title, .company-reviews-register-container .form-input-title {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.714;
    margin: 5px 0 11px;
    position: relative;
    color: #323232; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .company-reviews-login-container .form-input-title, .company-reviews-register-container .form-input-title {
        height: 24px;
        margin-top: 45px;
        width: 65%; } }
  .company-reviews-login-container .form-input, .company-reviews-register-container .form-input {
    background-color: #fff;
    border: 1px solid #e2e2e2;
    color: #787878;
    font-size: 12px;
    padding: 3px 10px;
    width: 100% !important;
    box-sizing: border-box !important;
    height: 44px !important;
    margin-top: 10px; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .company-reviews-login-container .form-input, .company-reviews-register-container .form-input {
        font-size: 14px; } }
  .company-reviews-login-container .form-input:focus, .company-reviews-register-container .form-input:focus {
    border: 1px solid #a0e5fa;
    outline: 1px solid #a0e5fa; }
  .company-reviews-login-container .form-text, .company-reviews-register-container .form-text {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.714;
    position: relative;
    color: #323232; }
  .company-reviews-login-container .form-button:hover, .company-reviews-register-container .form-button:hover {
    background-color: #0a9bc7; }
  .company-reviews-login-container .form-button, .company-reviews-register-container .form-button {
    /*background: #11bff3;
    color: #fff;
    border: 0;
    font-size: 0.9em;
    line-height: 1;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    zoom: 1;
    height: 40px;
    line-height: 40px;
    width: 100px;
    text-align: center;
    cursor: pointer;
    margin:15px;*/
    background: #11bff3;
    color: #fff;
    display: inherit;
    margin: auto;
    padding: 10px;
    text-transform: uppercase;
    width: 100px;
    font-size: 14px;
    box-sizing: border-box;
    border: none;
    margin-top: 15px;
    margin-bottom: 15px; }
  .company-reviews-login-container .form-link-button, .company-reviews-register-container .form-link-button {
    /*margin-bottom: 15px;
    text-transform: uppercase;*/
    color: #11bff3;
    display: inherit;
    margin: auto;
    padding: 0 10px 10px 10px;
    text-transform: uppercase;
    box-sizing: border-box;
    font-size: 14px; }
  .company-reviews-login-container .sky-questionnaire-form-anonymity-message, .company-reviews-register-container .sky-questionnaire-form-anonymity-message {
    color: #848484;
    font-size: 12px;
    line-height: 1.5;
    margin: 5px 0 0;
    text-align: center; }
  .company-reviews-login-container .error-excla, .company-reviews-register-container .error-excla {
    position: absolute;
    left: -30px;
    top: 35px; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .company-reviews-login-container .error-msge, .company-reviews-register-container .error-msge {
      position: absolute;
      right: -120px;
      top: 40px;
      width: 105px; } }

.ribbon.white {
  background-color: #fff; }

.content-box {
  width: 100%; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .content-box {
      margin: 0 auto;
      padding: 0 10px 0 10px;
      width: 900px; }
      .content-box a.ctabut, .content-box a.ctabut:link {
        width: auto !important; } }
  .content-box a.ctabut, .content-box a.ctabut:link {
    background: #11bff3;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    margin-top: 6px;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    width: 95%; }
    .content-box a.ctabut:hover, .content-box a.ctabut:link:hover {
      background-color: #0a9bc7;
      box-shadow: 0 5px 12px #ccc;
      -webkit-transition: all 0.25s;
      /* Safari */
      transition: all 0.25s; }

.content-left-search {
  padding-top: 20px; }

.content-right-search {
  padding-top: 0; }

.content-left-search, .content-right-search {
  font-size: 1.5em;
  padding: 20px 0 0 0;
  text-align: center;
  width: 100%; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .content-left-search, .content-right-search {
      float: left;
      padding: 30px 0 5px 0;
      text-align: left;
      width: 450px; } }

.content-right-search {
  font-size: 1em;
  padding: 20px 0px 20px 0; }
  .content-right-search input {
    width: 60% !important; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .content-right-search {
      padding: 60px 0 5px 0; } }
  .content-right-search input {
    padding: 5px;
    height: 30px;
    text-transform: uppercase;
    width: 85% !important; }
  .content-right-search a, .content-right-search a:link {
    background: #323232;
    text-align: center;
    min-width: 35%; }
    .content-right-search a:hover, .content-right-search a:link:hover {
      background-color: #000;
      -webkit-transition: all 0.25s;
      /* Safari */
      transition: all 0.25s; }

.sky-autosuggest {
  display: inline; }

.content-left {
  float: left;
  font-size: 1.2em;
  padding: 20px;
  width: calc(100% - 40px); }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .content-left {
      width: 600px;
      padding: 40px 0 20px 0; } }
  .content-left a, .content-left a:link {
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 70%; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .content-left a, .content-left a:link {
        display: inline-block;
        width: auto; } }

.sky-mobile-image {
  display: block;
  margin: 0 auto;
  width: 60%; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .sky-mobile-image {
      display: none; } }

.image-right {
  display: none; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .image-right {
      display: block;
      float: right;
      min-height: 300px;
      padding: 20px;
      width: calc(100% - 40px);
      padding: 50px 0 0 0;
      width: 300px; } }
  .image-right.image-1 {
    background: url("https://www.irishjobs.ie/careeradvice/wp-content/uploads/blue-bubble.png") no-repeat;
    background-position: 50% 50%;
    background-size: contain; }
    .image-right.image-1:hover {
      -moz-transition: all .5s;
      -webkit-transition: all .5s;
      transition: all .5s;
      -moz-transform: scale(1.03);
      -webkit-transform: scale(1.03);
      transform: scale(1.03); }
  .image-right.image-2 {
    background: url("https://www.irishjobs.ie/careeradvice/wp-content/uploads/reviews-mobile-people.png") no-repeat center;
    background-position: 50% 50%;
    background-size: contain; }
    .image-right.image-2:hover {
      -moz-transition: all .5s;
      -webkit-transition: all .5s;
      transition: all .5s;
      -moz-transform: scale(1.03);
      -webkit-transform: scale(1.03);
      transform: scale(1.03); }

.clearfix:after {
  content: "\00A0";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.clearfix {
  display: inline-block; }

html[xmlns] .clearfix {
  display: block; }

* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

/* Exit page styles */
br.clear {
  clear: both; }

h1.skylight-header {
  color: #11bff3;
  font-size: 1.2em;
  font-weight: 600;
  margin: 2em 0;
  text-align: center;
  text-transform: uppercase; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    h1.skylight-header {
      font-size: 26px; } }

.exit-page {
  padding-bottom: 3em;
  text-align: center; }
  .exit-page img {
    animation: fadein 1.4s;
    margin: 0 auto 3em auto;
    height: auto;
    width: 40%; }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      .exit-page img {
        height: auto;
        width: 200px; } }

.exit-ctas a {
  background: #11bff3;
  border-radius: 2px;
  color: #fff;
  display: block;
  margin: 1em auto;
  max-width: 200px;
  padding: 12px; }
  .exit-ctas a:hover {
    background-color: #0a9bc7;
    transition: all 0.3s; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .exit-ctas a {
      display: inline-block;
      margin: 1em 2em;
      min-width: 220px; } }

/* End exit page styles */
/* TEMPORARY DOUBLE YOUR SALARY STYLES */
.sky-panel-left {
  width: 72%;
  float: left;
  font-size: 1.2em;
  padding: 1em 1em 0 0; }

.sky-panel-right {
  width: 25%;
  float: right;
  font-size: 1.2em;
  padding-top: 1em; }
  .sky-panel-right img:hover {
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    -moz-transform: scale(1.03);
    -webkit-transform: scale(1.03);
    transform: scale(1.03); }

@media only screen and (max-width: 768px) {
  .sky-panel-right {
    display: none; }
  .sky-panel-left {
    width: 100%; } }

/* END TEMPORARY DOUBLE YOUR SALARY STYLES */
/************************** Cookie Banner Styles **************************/
#app-modal {
  z-index: 9999; }

.sg-cookie-container {
  padding: 28px;
  background: #323232;
  color: #fff;
  position: fixed;
  bottom: 0;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.25);
  z-index: 9999;
  /* Clear floats after the columns */ }
  .sg-cookie-container .sg-cookie-column {
    float: left; }
  .sg-cookie-container .sg-cookie-left {
    width: 70%; }
  .sg-cookie-container .sg-cookie-right {
    width: 30%;
    text-align: center; }
  .sg-cookie-container .sg-cookie-row:after {
    content: "";
    display: table;
    clear: both; }
  .sg-cookie-container h2, .sg-cookie-container h3, .sg-cookie-container p {
    text-align: left; }
  .sg-cookie-container h2 {
    margin: 0 0 1rem;
    font-size: 1.8rem;
    color: #fff;
    text-transform: none;
    font-weight: bold; }
    .sg-cookie-container h2 i {
      margin-right: 1rem; }
  .sg-cookie-container p {
    font-size: 0.875rem;
    padding-right: 14px;
    margin: 0;
    color: #fff; }
  .sg-cookie-container a {
    color: #fff;
    text-decoration: underline; }
  .sg-cookie-container .btn {
    font-size: 1.125rem;
    color: #dbdbdb;
    font-weight: 300;
    background: #11bff2;
    border-radius: 5px;
    width: 240px;
    padding: 10px 28px;
    border: 1px solid #11bff2 !important;
    display: inline-block;
    margin: 0 auto 14px;
    text-transform: none;
    box-shadow: none;
    cursor: pointer; }
    .sg-cookie-container .btn:hover {
      top: 0;
      border: 1px solid #11bff2 !important; }
    .sg-cookie-container .btn.btn-settings {
      border-color: #dbdbdb !important;
      background: transparent !important; }
      .sg-cookie-container .btn.btn-settings:hover {
        background: transparent; }
    .sg-cookie-container .btn.btn-accept {
      margin-bottom: 0;
      font-weight: 600;
      color: #fff; }
      .sg-cookie-container .btn.btn-accept:hover {
        background: #0a9bc7 !important;
        border-color: #0a9bc7 !important; }

/* Banner Animation */
@keyframes fadeInUp {
  from {
    transform: translate3d(0, 140px, 0);
    opacity: 0.3; }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes fadeInUp {
  from {
    transform: translate3d(0, 140px, 0);
    opacity: 0.3; }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.animated {
  animation-duration: 1.3s;
  animation-fill-mode: both;
  -webkit-animation-duration: 1.3s;
  -webkit-animation-fill-mode: both; }

.animatedFadeInUp {
  opacity: 0; }

.fadeInUp {
  opacity: 0;
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp; }

@media (max-width: 768px) {
  .sg-cookie-container {
    padding: 14px;
    color: #fff;
    position: relative; }
    .sg-cookie-container .sg-cookie-left,
    .sg-cookie-container .sg-cookie-right {
      width: 100%; }
    .sg-cookie-container p {
      margin-bottom: 14px; }
    .sg-cookie-container .btn {
      width: 100%;
      margin-bottom: 14px; }
  @keyframes fadeInUp {
    from {
      transform: translate3d(0, -140px, 0);
      opacity: 0.3; }
    to {
      transform: translate3d(0, 0, 0);
      opacity: 1; } }
  @-webkit-keyframes fadeInUp {
    from {
      transform: translate3d(0, -140px, 0);
      opacity: 0.3; }
    to {
      transform: translate3d(0, 0, 0);
      opacity: 1; } } }

/************************** Basic Cookie Banner Micro Modal Styles **************************/
.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.75);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10; }

.modal__container {
  background-color: transparent;
  padding: 0px;
  max-width: 600px;
  min-width: 418px;
  height: 75vh;
  width: 50%;
  border-radius: 0px;
  overflow: hidden;
  box-sizing: border-box;
  text-align: left;
  margin-top: 100px; }

.modal__header {
  position: relative;
  display: block;
  height: 30px;
  margin-bottom: 0px;
  padding: 20px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: #f2f2f2; }

@supports (display: flex) {
  .modal__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: initial; } }

.modal__title {
  position: absolute;
  top: 20px;
  left: 20px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.25;
  color: #323232;
  box-sizing: border-box;
  text-transform: none; }

.modal__close {
  position: absolute;
  top: 20px;
  right: 20px;
  background: transparent;
  border: 0;
  cursor: pointer;
  margin: 0px;
  padding: 0px; }

@supports (display: flex) {
  .modal__title {
    position: static; }
  .modal__close {
    position: static; } }

.modal__header .modal__close:before {
  content: "\2715"; }

.modal-content-content {
  height: 63%;
  overflow-y: auto;
  padding: 20px;
  background: #fff; }

.modal__content {
  display: block;
  overflow-y: visible;
  margin: 0;
  color: #323232;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0px; }

.modal__content p {
  margin-top: 0px;
  font-size: 0.875rem; }

.modal__btn {
  font-size: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  background-color: #11bff2;
  color: #323232;
  border-radius: 5px;
  border-style: none;
  border-width: 0;
  cursor: pointer;
  -webkit-appearance: button;
  text-transform: none;
  overflow: visible;
  line-height: 1.15;
  margin: 0;
  will-change: transform;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition: -webkit-transform .25s ease-out;
  transition: transform .25s ease-out;
  transition: transform .25s ease-out, -webkit-transform .25s ease-out;
  float: right; }

.modal__btn-primary {
  background-color: #11bff2;
  color: #fff; }

.modal__footer {
  position: relative;
  display: block;
  height: 30px;
  margin-bottom: 0px;
  padding: 20px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background: #f2f2f2;
  text-align: right;
  box-sizing: content-box; }

/************************** Demo Micro Modal Animation Style **************************/
@keyframes mmfadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes mmfadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes mmslideIn {
  from {
    transform: translateY(15%); }
  to {
    transform: translateY(0); } }

@keyframes mmslideOut {
  from {
    transform: translateY(0); }
  to {
    transform: translateY(-10%); } }

.micromodal-slide {
  display: none; }

.micromodal-slide.is-open {
  display: block;
  z-index: 9999; }

.micromodal-slide[aria-hidden="false"] .modal__overlay {
  animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1); }

.micromodal-slide[aria-hidden="false"] .modal__container {
  animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1); }

.micromodal-slide[aria-hidden="true"] .modal__overlay {
  animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1); }

.micromodal-slide[aria-hidden="true"] .modal__container {
  animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1); }

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform; }

/************************** Custom styles for individual Micro Modals **************************/
.modal__container button {
  outline: none;
  cursor: pointer !important;
  position: absolute;
  right: 20px;
  top: 14px; }

.modal__container h2.modal__title {
  color: #323232;
  text-align: left;
  width: 97%; }

.modal__container h3 {
  font-size: 1.13rem;
  max-width: 79%;
  padding-right: 20px;
  line-height: 1.2;
  margin-bottom: 1rem;
  font-weight: 600;
  text-align: left;
  clear: none;
  padding-top: 0; }

.always__active {
  float: right;
  color: #11bff2;
  font-weight: 600; }

.modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.modal__title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25;
  color: #323232;
  box-sizing: border-box; }

.modal__close {
  font-size: 24px; }

.modal__content {
  color: rgba(0, 0, 0, 0.8); }

.modal__btn {
  padding: 10px 15px;
  background-color: #11bff2;
  border-radius: 5px;
  -webkit-appearance: none;
  color: #fff;
  font-weight: 600; }

hr {
  border: 0;
  height: 1px;
  background: #dbdbdb;
  margin: 2rem 0; }

/************************** Custom styles for toggle YES/NO switch **************************/
.onoffswitch {
  position: relative;
  width: 72px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  float: right; }

.onoffswitch-checkbox {
  position: absolute;
  opacity: 0;
  pointer-events: none; }

.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: none;
  border-radius: 20px;
  padding: 0; }

.onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s; }

.onoffswitch-inner:before,
.onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 36px;
  padding: 0;
  line-height: 38px;
  font-size: 14px;
  color: white;
  font-weight: bold;
  box-sizing: border-box; }

.onoffswitch-inner:before {
  content: "YES";
  padding-left: 10px;
  background-color: #11bff2;
  color: #FFFFFF; }

.onoffswitch-inner:after {
  content: "NO";
  padding-right: 10px;
  background-color: #CCCCCC;
  color: #ffffff;
  text-align: right; }

.onoffswitch-switch {
  display: block;
  width: 30px;
  height: 30px;
  margin: 3px;
  background: #FFFFFF;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 36px;
  border: none;
  border-radius: 20px;
  transition: all 0.3s ease-in 0s; }

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0; }

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px; }

/************************** Mobile custom styles for individual Micro Modals **************************/
@media only screen and (min-device-width: 320px) and (max-device-width: 420px) {
  .modal__container {
    width: 95% !important;
    min-width: 95% !important; }
  @supports (display: flex) {
    .modal__container {
      width: 95% !important;
      max-width: 420px;
      min-width: 95% !important;
      height: 98vh; } }
  .modal__header {
    padding: 10px; }
  .modal-content-content {
    padding: 10px; }
  .modal__footer {
    padding: 10px;
    height: 34px; }
  .modal__content {
    -webkit-overflow-scrolling: touch; }
  .modal__container h2.modal__title {
    width: 100%; }
  .modal__container button {
    position: initial;
    width: 100%;
    margin: 10px 0 0; }
  .modal__container .modal__footer button {
    margin: 0px; }
  .modal__container h3 {
    max-width: 62%; } }

@media only screen and (max-device-width: 320px) {
  .modal__container {
    max-width: 100%;
    width: 100%;
    min-width: 100%;
    height: 100%; }
  .modal__container button {
    position: relative;
    width: 100%;
    left: 0;
    margin: 0 0 10px; }
  .modal__footer {
    height: -10px; }
  .modal__container .modal__footer button {
    top: -10px; } }

@media (max-height: 616px) {
  .modal-content-content {
    height: 50vh;
    padding-bottom: 50px; }
  .modal__container {
    height: auto; }
  .modal__footer {
    top: -50px; } }

@media (max-height: 568px) {
  .modal-content-content {
    height: 60vh; }
  .modal__container {
    margin-top: 50px; }
  .modal__content {
    padding-bottom: 50px; }
  .modal__footer {
    top: -50px; } }

html, body {
  width: 100%;
  overflow-x: hidden; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    html, body {
      overflow-x: visible; } }

html {
  /*fixes race condition wherein js that calculates width of main nav runs
before scroll bars have been added to window on first page load thus causing
nav bar to wrap at certain resolutions*/
  overflow-y: scroll;
  height: 100%; }

body {
  color: #323232;
  background-color: #f0f0f0;
  position: relative; }

.container {
  padding: 0 4%; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .container {
      width: 940px;
      margin: 0 auto;
      padding: 0; } }

p, label {
  font-size: 0.75em;
  line-height: 1.65em;
  margin: 0 0 1.2em 0; }

h1, h2, h3, h4, h5, h6 {
  line-height: 1em;
  font-weight: 700;
  color: #323232; }

h1 {
  font-size: 1.125em;
  margin: 0 0 0.8em;
  text-transform: uppercase;
  letter-spacing: 1px; }

h2 {
  font-size: 0.875em;
  margin: 1.6em 0 0.83em;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px; }

h3 {
  font-size: 1.17em;
  margin: 0 0 1em; }

h4 {
  font-size: 1em;
  margin: 0 0 1.33em; }

h5 {
  font-size: 0.83em;
  margin: 0 0 1.67em; }

h6 {
  font-size: 0.67em;
  margin: 0 0 2.33em; }

strong, b {
  font-weight: 700;
  color: #323232; }

ul, ol {
  font-size: 0.75em;
  padding: 0;
  margin: 0 0 1em 1.4em; }

ul ol, ol ul {
  font-size: 1em !important; }

ul p, ol p {
  font-size: inherit;
  line-height: inherit; }

ul li,
ol li {
  margin-bottom: 0.5em;
  line-height: 1.4em; }

/* CHECK THESE STYLES ON OTHER FORM ELEMTS */
input[type="text"],
input[type="password"],
input[type="email"] {
  border: 1px solid #cecece;
  font-size: 1rem;
  padding: 10px;
  height: auto;
  line-height: normal;
  min-height: 22px;
  border-radius: 2px; }

input.sign-in {
  border: none;
  position: relative;
  display: block;
  margin: 15px auto;
  background: #11bff3;
  color: white;
  font-size: 20px;
  border-radius: 5px;
  min-height: 44px;
  max-height: 44px;
  width: 100%;
  padding: 10px 15px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: background 0.1s linear;
  -moz-transition: background 0.1s linear;
  -ms-transition: background 0.1s linear;
  -o-transition: background 0.1s linear;
  transition: background 0.1s linear;
  text-transform: none; }

input[type=search]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=text]:focus,
input[type=url]:focus,
input[type=number]:focus,
textarea:focus {
  outline-color: #62a6fb;
  box-shadow: 0 0 3px 1px #62a6fb;
  border: 1px solid #62a6fb !important;
  outline: none; }

.disabled-input {
  color: #323232;
  background: #f0f0f0;
  border: 1px solid #dbdbdb;
  cursor: not-allowed; }
  .disabled-input:focus {
    outline-offset: none;
    outline: none; }

a {
  color: #11bff3;
  text-decoration: none; }

.black-link a, a.black-link {
  color: #323232; }

.black-link a:hover, a.black-link:hover {
  color: #11bff3; }

.grey-link a, a.grey-link {
  color: #787878; }

.grey-link a:hover, a.grey-link:hover {
  color: #11bff3; }

#page {
  background: #f0f0f0;
  position: relative;
  /* z-index: 10; */ }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #page {
      min-width: 940px; } }

.serp-breadcrumb {
  float: right;
  height: 35px; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .serp-breadcrumb {
      height: 80px; } }
  .serp-breadcrumb .apply-now.email-me-jobs-btn {
    margin-top: 8px; }

#breadcrumb {
  margin: 1.3333em 0 0;
  padding: 0;
  list-style: none;
  float: left;
  margin: 0 0 32px 0; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #breadcrumb {
      margin: 15px 0 0 15px; } }

#breadcrumb li {
  float: left;
  margin: 0 4px 0 0; }

#breadcrumb li:after {
  content: " >"; }

#breadcrumb li:last-child:after {
  content: ""; }

#breadcrumb li a {
  color: #787878; }

.social-icons {
  margin: 0;
  float: left;
  margin-left: 38%;
  margin-right: -100%;
  width: 62%; }

.lt-ie8 .social-icons {
  margin-left: 39%;
  width: 61%; }

#page .social-icons {
  display: none; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #page .social-icons {
      display: block; } }

.social-icons h5 {
  float: left;
  margin: 12px 0 0;
  width: 83%;
  color: #787878;
  font-weight: 500; }

.social-icons ul {
  float: right;
  margin: 6px 0 0;
  padding: 0; }

.social-icons ul li {
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin-left: 5px; }

.social-icons ul li a {
  width: 23px;
  height: 23px;
  display: block;
  margin-right: 17px; }

.social-icons i {
  font-size: 40px; }

.column-wrap {
  margin-top: 2em; }
  .column-wrap.jd {
    margin-top: 0; }

.module {
  background: #fff;
  border: 1px solid #dbdbdb;
  margin-bottom: 0.75em;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

.two-thirds {
  clear: right; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .two-thirds {
      clear: none;
      display: block;
      float: left;
      margin-left: 0%;
      margin-right: -100%;
      width: 65.95745%; } }

.one-third {
  clear: left; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .one-third {
      clear: none;
      display: block;
      float: left;
      margin-left: 68.08511%;
      margin-right: -100%;
      width: 31.91489%; } }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .column-wrap.order-one-two .two-thirds {
    display: block;
    float: left;
    margin-left: 34.04255%;
    margin-right: -100%;
    width: 65.95745%; } }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .column-wrap.order-one-two .one-third {
    display: block;
    float: left;
    margin-left: 0%;
    margin-right: -100%;
    width: 31.91489%; } }

.two-thirds .module .module-content {
  padding-left: 14px;
  padding-right: 14px;
  word-break: break-word;
  /*@include media(large) {
		@include padding-desktop;
		word-break: break-all;
	}
	*/ }

.module > h2,
.one-third .module .module-content {
  padding-left: 14px;
  padding-right: 14px; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .module > h2,
    .one-third .module .module-content {
      padding-left: 20px;
      padding-right: 20px; } }

.module > h2,
.one-third .module .module-content.open {
  display: block; }

.module > h2 {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.module-heading {
  font-size: 0.875em;
  margin: 0 0 1em;
  padding-top: 1.4em;
  padding-bottom: 1em;
  letter-spacing: 1px;
  font-weight: 500;
  text-transform: uppercase;
  border-bottom: 3px solid #11bff3; }

.heading-light {
  color: #323232; }

.heading-dark {
  color: #fff;
  background: #323232; }

.module-column {
  width: 100%; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .module-column {
      width: 48%; } }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .module-column.left {
    float: left; } }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .module-column.right {
    float: right; } }

.module-column img {
  max-width: 260px; }

.module h4 {
  font-size: 0.875em;
  line-height: 1.6;
  margin: 0 0 0.6em 0; }

.complete-your-profile {
  display: none; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .complete-your-profile {
      display: block; } }

.complete-your-profile ul {
  margin: 0 0 1.25em 0;
  padding: 0;
  font-size: 1em;
  list-style: none; }

.complete-your-profile .button {
  display: block;
  margin-right: 20px; }

.button:hover {
  background-color: #0a9bc7; }

.lt-ie9 .complete-your-profile .button {
  margin-right: 10px; }

.button {
  display: inline-block;
  zoom: 1;
  *display: inline;
  padding: 0.6em;
  margin: 0 0 0.5em 0;
  font-weight: 700;
  text-decoration: none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

.btn-default-blue {
  border: none;
  position: relative;
  display: block;
  margin: 15px auto 0;
  background: #11bff3;
  color: white;
  font-size: 20px;
  border-radius: 5px;
  min-height: 44px;
  max-height: 44px;
  width: 100%;
  padding: 10px 15px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: background 0.1s linear;
  -moz-transition: background 0.1s linear;
  -ms-transition: background 0.1s linear;
  -o-transition: background 0.1s linear;
  transition: background 0.1s linear;
  text-transform: none;
  box-sizing: border-box;
  text-align: center;
  line-height: normal; }
  .btn-default-blue:hover {
    background-color: #0a9bc7;
    cursor: pointer; }

.btn-default-blue-inline {
  border: none;
  position: relative;
  display: block;
  margin: 15px auto 0;
  background: #11bff3;
  color: white;
  font-size: 20px;
  border-radius: 5px;
  min-height: 44px;
  max-height: 44px;
  width: 100%;
  padding: 10px 15px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: background 0.1s linear;
  -moz-transition: background 0.1s linear;
  -ms-transition: background 0.1s linear;
  -o-transition: background 0.1s linear;
  transition: background 0.1s linear;
  text-transform: none;
  box-sizing: border-box;
  text-align: center;
  line-height: normal;
  display: inline-block;
  width: auto;
  min-width: 120px;
  margin: 0; }
  .btn-default-blue-inline:hover {
    background-color: #0a9bc7;
    cursor: pointer; }

.cv-tips {
  color: #fff;
  background: #11bff3 url(../img/icons/notepad.png) no-repeat 10px center;
  padding-left: 45px; }

.interview-tips {
  color: #fff;
  background: #11bff3 url(../img/icons/speech-bubble.png) no-repeat 10px center;
  padding-left: 45px; }

.ask-the-experts {
  color: #fff;
  background: #11bff3 url(../img/icons/info.png) no-repeat 10px center;
  padding-left: 45px; }

.arrow-white {
  background: url(../img/icons/arrow-white.png) no-repeat;
  width: 10px;
  height: 8px;
  margin-left: 5px;
  display: inline-block;
  zoom: 1;
  *display: inline; }

.latest-news .module-column {
  padding-left: 110px;
  width: auto;
  margin-bottom: 1em;
  margin-bottom: 12px;
  border-bottom: 1px solid #dbdbdb; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .latest-news .module-column {
      width: 75%; } }
  .latest-news .module-column a {
    color: #333333; }

.latest-news .module-column:last-child {
  border-bottom: 0px; }

.latest-news .news-image {
  float: left;
  width: 110px;
  margin-left: -110px; }

.latest-news .news-image img {
  max-width: 100px; }

.latest-news .news-copy {
  width: 100%;
  float: right; }

.job-listings-container {
  display: none; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .job-listings-container {
      display: block; } }

ul.job-listings {
  list-style: none;
  margin: 0;
  padding: 0; }

ul.job-listings li {
  margin-bottom: 0; }

ul.job-listings li a {
  color: inherit;
  text-decoration: none;
  padding: 1em 5px 1em 110px;
  display: block;
  border-bottom: 1px solid #e7e7e7; }

ul.job-listings li:last-child a {
  border-bottom: 0; }

ul.job-listings li.promoted-job a {
  border: 2px solid #dfeb00; }

ul.job-listings h3 {
  color: #323232;
  font-size: 1.2em;
  line-height: 1.3;
  margin-bottom: 0;
  float: right; }

ul.job-listings p {
  font-size: 1em;
  line-height: 1.5;
  margin: 0; }

ul.job-listings img {
  width: 92px;
  margin-top: 2px;
  margin-left: -105px;
  float: left; }

.arrow-blue {
  background: url(../img/icons/arrow-blue.png) no-repeat;
  width: 10px;
  height: 8px;
  margin-left: 5px;
  display: inline-block;
  zoom: 1;
  *display: inline; }

.arrow-link-blue {
  background: url(../img/icons/arrow-blue.png) no-repeat right center;
  padding-right: 15px; }

.arrow-link-blue:hover {
  padding-right: 17px; }

#jobs-wrap {
  margin-top: 1.5em;
  background: #323232;
  padding: 2.3em 5% 0; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #jobs-wrap {
      padding: 0; } }

#jobs-wrap h3 {
  color: #fff;
  font-size: 0.875em;
  text-transform: uppercase;
  margin: 0 0 1em; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #jobs-wrap h3 {
      margin: 2.3em 0 2em; } }

#jobs-wrap ul {
  font-size: 0.75em;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 14px; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #jobs-wrap ul {
      float: left; } }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .jobs-sector-list ul {
    width: 28.5%;
    margin: 0 3% 0 1.5%; } }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .jobs-location-list ul {
    width: 17.5%;
    margin: 0 1% 0 1.5%; } }

#jobs-wrap ul li {
  margin-bottom: 0.3em; }

#jobs-wrap a {
  color: #c2c3c3;
  text-decoration: none; }
  #jobs-wrap a:hover {
    text-decoration: underline; }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  .jobs-sector {
    padding-bottom: 1.5em;
    border-bottom: 2px solid #444; } }

.jobs-location {
  margin: 0 0 2em; }

.mobile-list {
  padding: 12px 12px 10px;
  background: #707070;
  cursor: pointer; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .mobile-list {
      display: none; } }

.mobile-list .anchor {
  background: #fff url(../img/icons/arrow-dropdown-grey.png) no-repeat 50% 50%;
  width: 42px;
  height: 36px;
  float: right;
  margin: -12px -12px 0 0; }

.jobs-location-list,
.jobs-sector-list {
  display: none; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .jobs-location-list,
    .jobs-sector-list {
      display: block; } }

.jobs-sector-list {
  margin-bottom: 1em; }

.jobs-sector .hide {
  display: none; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .jobs-sector .hide {
      display: inline; } }

#adspace {
  border-bottom: 1px solid #989898;
  background: #e6e6e6; }
  #adspace .container {
    padding: 0; }
  #adspace .adwrap {
    display: block;
    position: relative; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      #adspace .adwrap {
        margin: 0 auto;
        width: 728px; } }
    #adspace .adwrap img {
      display: block; }
    #adspace .adwrap .close-ad {
      font-size: 0.75em;
      line-height: 1.7;
      margin: 1em;
      display: block;
      float: right; }
      @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
        #adspace .adwrap .close-ad {
          position: absolute;
          top: 10px;
          right: -104px;
          cursor: pointer;
          margin: 0;
          float: none; } }
      #adspace .adwrap .close-ad:hover {
        text-decoration: underline; }
      #adspace .adwrap .close-ad .x {
        background: #11bff3 url(../img/icons/x-close.png) no-repeat 50%;
        width: 18px;
        height: 19px;
        margin-right: 5px;
        display: block;
        float: left; }

.hide {
  display: none; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .hide {
      display: block; } }

.mobile.button {
  display: block;
  background: #fff;
  border: 1px solid #dbdbdb;
  text-transform: uppercase;
  font-size: 0.875em;
  font-weight: 400;
  letter-spacing: 1px;
  text-align: center;
  margin-bottom: 0.75em; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .mobile.button {
      display: none; } }

.field-validation-valid {
  display: none; }

.clear {
  clear: both; }

.lt-ie9 #feedback {
  display: none !important; }

#feedback {
  display: none; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    #feedback {
      display: block;
      height: 52px;
      width: 212px;
      position: fixed;
      top: 41%;
      right: 0;
      margin-right: -92px;
      opacity: 0.8;
      filter: alpha(opacity=80);
      z-index: 999;
      transform: rotate(-90deg);
      -webkit-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
      filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
      -ms-filter: progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476); }
      #feedback a {
        border-radius: 6px 6px 0 0;
        display: block;
        background: #11bff3;
        width: 190px;
        padding: 13px 16px;
        color: #fff;
        letter-spacing: 1px;
        font-family: Arial, sans-serif;
        font-size: 17px;
        text-align: center;
        text-decoration: none; }
      #feedback a:hover {
        background: #0a9bc7 !important;
        transition: 0.5s linear; } }

@media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
  #feedback:hover {
    transition: 0.2s linear;
    margin-right: -89px !important; } }

.recruiter-c-btns {
  width: 100%;
  margin: auto;
  text-align: center; }
  .recruiter-c-btns .button {
    margin: 0px 10px 0px 10px;
    background: #11bff2;
    color: #fff; }

/* SKYLIGHT STYLES */
.enhanced-header ul.enhanced-tabs {
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  float: left;
  margin-bottom: 15px;
  margin-left: -14px;
  padding-right: 0;
  width: 618px; }
  .enhanced-header ul.enhanced-tabs li {
    background-color: #eeeeee;
    border-left: 1px solid #ccc;
    border-radius: 0;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    list-style-type: none;
    margin-bottom: 0;
    padding: 0 !important;
    text-align: center;
    text-transform: uppercase;
    width: 205px; }

.enhanced-header ul.enhanced-tabs li:nth-child(1) {
  border-left: none;
  border-radius: 0 !important;
  border-top-left-radius: 5px !important; }

.enhanced-header ul.enhanced-tabs li:nth-last-child(1) {
  border-bottom: none;
  border-top-right-radius: 5px; }

.enhanced-header ul li {
  background: no-repeat top left;
  background-size: 14px;
  list-style-type: none;
  padding-left: 18px;
  display: block;
  float: left;
  width: 43%; }

.enhanced-header ul.enhanced-tabs li a, .enhanced-header ul.enhanced-tabs li a:link, .enhanced-header ul.enhanced-tabs li a:visited {
  background-color: #eee;
  display: block;
  padding: 10px 14px 10px 14px; }

.enhanced-header ul.enhanced-tabs li a:hover {
  background-color: #fff; }

.enhanced-header ul.enhanced-tabs li.active {
  background-color: #fff !important;
  padding: 10px 0 10px 0 !important; }

span.profile-tab {
  display: block; }

span.reviews-tab {
  padding: 10px 0 10px 0 !important; }

li.active span.profile-tab {
  background: #fff !important; }

.enhanced-tabs.default-profile {
  width: 103.2% !important; }

.enhanced-tabs.default-profile li {
  width: 33.26% !important; }

.enhanced-header ul.enhanced-tabs {
  border-bottom: none !important;
  width: calc(100% + 28px) !important; }
  .enhanced-header ul.enhanced-tabs li {
    border-left: 0 !important; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .enhanced-header ul.enhanced-tabs {
      border-bottom: 1px solid #ccc !important;
      margin-left: -15px !important; }
      .enhanced-header ul.enhanced-tabs li {
        border-left: 1px solid #ccc !important; } }

.employerlist {
  margin-bottom: 0; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .employerlist {
      margin-bottom: 20px; } }

.employerlist a, .employerlist a:link, .employerlist a:active, .employerlist a:visited {
  display: block;
  padding: 8px 0;
  margin: 4px 0; }

.company-details {
  margin-top: 1em; }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .company-details {
      margin-top: 0; } }

.terms-definition {
  width: 30%; }

.e-terms-definition {
  width: 20%; }

.terms-subtitle {
  font-size: 0.865em;
  margin: 1.6em 0 0.83em;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px; }

.text-center {
  text-align: center; }

.relative-block {
  position: relative;
  display: block; }

/* Double your Salary inline message styles */
.inline-message {
  background: #fff;
  background-image: none;
  padding: 1em 1em 0.5em 1em; }
  @media only screen and (min-width: 590px) {
    .inline-message {
      background: #fff url("https://www.irishjobs.ie/careeradvice/wp-content/uploads/reviews-mobile-people.png") no-repeat;
      background-position: top 1em right 1em;
      background-size: 140px;
      padding: 1em 160px 0.5em 1em; } }
  @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
    .inline-message {
      background: #fff url("https://www.irishjobs.ie/careeradvice/wp-content/uploads/reviews-mobile-people.png") no-repeat;
      background-position: top 0.7em right 2.1em;
      background-size: 140px;
      padding: 1em 260px 1em 1em; } }

#hse-banner {
  padding: 7px 0;
  position: fixed;
  bottom: 0;
  background: #fff;
  color: #323232;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.35);
  z-index: 999;
  width: 100%; }
  #hse-banner .container {
    padding: 0; }
  #hse-banner p {
    line-height: 1.2;
    font-size: 1rem;
    margin: auto;
    text-align: center; }
    #hse-banner p img {
      width: 36px;
      vertical-align: middle;
      margin-right: 5px; }
      @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
        #hse-banner p img {
          margin-right: 28px; } }
    #hse-banner p a {
      color: #11bff2;
      text-decoration: underline; }
      @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
        #hse-banner p a {
          display: none; } }
  #hse-banner .hse-btn {
    display: none;
    color: #fff;
    background: #11bff2;
    padding: 7px 28px;
    border-radius: 6px;
    text-decoration: none;
    text-align: center;
    margin-left: 28px; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      #hse-banner .hse-btn {
        display: inline-block; } }
    #hse-banner .hse-btn:hover {
      background: #0a9bc7; }

#HseModal {
  padding: 14px; }
  #HseModal .modal-content {
    width: 100%;
    background-image: linear-gradient(to top, white 0%, white 30%, rgba(255, 255, 255, 0.25) 45%), url(../img/logos/HSE_For-a-Career-that-Matters-j-modal-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0px; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      #HseModal .modal-content {
        width: 600px; } }
  #HseModal .modal-header {
    border-bottom: none;
    box-shadow: none;
    background: transparent; }
    #HseModal .modal-header .close {
      -webkit-appearance: none;
      width: 30px;
      height: 30px;
      border: none;
      padding: 0; }
  #HseModal .modal-body h2 {
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: bold;
    text-transform: none;
    text-align: center;
    float: none;
    padding: 70px 15px 15px; }
    @media only screen and (min-width: 767px), screen and (device-height: 1024px) and (orientation: landscape) {
      #HseModal .modal-body h2 {
        padding: 70px 140px 15px; } }
    #HseModal .modal-body h2 img {
      width: auto; }
    #HseModal .modal-body h2 span {
      font-weight: 100; }
    #HseModal .modal-body h2 .btn-default-blue {
      border: none;
      position: relative;
      display: block;
      margin: 15px auto 0;
      background: #11bff3;
      color: white;
      font-size: 20px;
      border-radius: 5px;
      width: 90%;
      padding: 10px 15px;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      -webkit-transition: background 0.1s linear;
      -moz-transition: background 0.1s linear;
      -ms-transition: background 0.1s linear;
      -o-transition: background 0.1s linear;
      transition: background 0.1s linear;
      text-transform: none; }
  #HseModal .modal-body #btnCloseModal {
    color: #787878;
    text-decoration: underline; }

/* End double your Salary inline message styles */
/* share jobs modal fix */
#shareJobModal .modal:before {
  content: "";
  height: 60% !important; }
