/*  Phoenix ATS 
 *	Recruitment Software solution from Capital Software
 *	version 5
 *	http://www.phoenixats.com/
 */
html, body {
  height: 100%; }

body {
  display: flex;
  flex-direction: column; }

nav.navbar {
  flex: 0 0 auto; }

main.body-content {
  flex: 1 0 auto; }

footer.site-footer {
  flex: 0 0 auto; }

.btn {
  border: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }
  .btn:hover, .btn:focus {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }

.btn-social-icon {
  min-width: initial; }

.btn-default {
  background: #fff;
  border: 0; }
  .btn-default:hover, .btn-default:focus {
    background: #fff;
    border-color: #4f93ce; }
  .btn-default:focus {
    -webkit-box-shadow: 0, 0, 0, #fff;
    -moz-box-shadow: 0, 0, 0, #fff;
    box-shadow: 0, 0, 0, #fff; }

.btn-primary, .btn-info {
  background: #337ab7; }
  .btn-primary:hover, .btn-info:hover, .btn-primary:focus, .btn-info:focus {
    background-color: #4f93ce;
    -webkit-transition: all, 0.1s, ease-in-out;
    -moz-transition: all, 0.1s, ease-in-out;
    -ms-transition: all, 0.1s, ease-in-out;
    -o-transition: all, 0.1s, ease-in-out;
    transition: all, 0.1s, ease-in-out; }

a.btn {
  display: inline-block\9;
  margin-bottom: 3px\9; }

.main-content .search-jobs .control-label {
  font-size: 16px;
  font-size: 1.6rem; }

.form-control {
  border-color: #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }
  .form-control:hover, .form-control:focus {
    border-color: #c4c4c4; }
  .form-control:focus {
    -webkit-box-shadow: 0 0 5px #ddd;
    -moz-box-shadow: 0 0 5px #ddd;
    box-shadow: 0 0 5px #ddd; }

.thumbnail .caption {
  color: #777; }

.alert {
  margin: 20px 0;
  font-weight: bold; }

.alert-danger {
  background-color: #ffdcda;
  border-color: #f44336;
  color: #f44336; }

.pagination .active > a, .pagination .active > a:hover, .pagination .active > a:focus,
.pagination .active > span, .pagination .active > span:hover, .pagination .active > span:focus {
  background-color: #337ab7;
  border-color: #337ab7; }
.pagination li > a:hover, .pagination li > a:focus,
.pagination li > span:hover, .pagination li > span:focus {
  border-color: #ddd; }
.pagination li > a, .pagination li > span,
.pagination .disabled > a, .pagination .disabled > a:hover {
  color: #337ab7;
  border-color: #ddd; }

i#social {
  opacity: 0.85; }
  i#social:hover, i#social:focus {
    -webkit-transition: all, 0.2s, ease-in-out;
    -moz-transition: all, 0.2s, ease-in-out;
    -ms-transition: all, 0.2s, ease-in-out;
    -o-transition: all, 0.2s, ease-in-out;
    transition: all, 0.2s, ease-in-out;
    opacity: 1; }

.linkedinimport {
  font-family: Roboto, Arial, sans-serif;
  padding-left: 50px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px; }
  .linkedinimport i.fa-linkedin {
    line-height: 32px; }

ul.nav-wizard {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }
  ul.nav-wizard li:before {
    border-left-color: #fff; }

ul.nav-wizard li a {
  color: #000; }
ul.nav-wizard li.active {
  color: #fff;
  background: #337ab7; }
  ul.nav-wizard li.active a, ul.nav-wizard li.active a:active, ul.nav-wizard li.active a:focus, ul.nav-wizard li.active a:visited {
    color: #fff;
    background: #337ab7; }

ul.nav-wizard li.active:after {
  border-left-color: #337ab7; }

.thumbnail {
  border-color: #eee; }
  .thumbnail:hover {
    border-color: #ddd; }

#JobNumberOrTitle.k-textbox {
  width: 100%; }

.k-textbox {
  border-color: #ddd;
  max-width: 100%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }
  .k-textbox:hover, .k-textbox:focus {
    border-color: #c4c4c4; }
  .k-textbox:focus {
    -webkit-box-shadow: 0 0 5px #ddd;
    -moz-box-shadow: 0 0 5px #ddd;
    box-shadow: 0 0 5px #ddd; }

.k-textbox:focus, .k-autocomplete.k-state-focused, .k-picker-wrap.k-state-focused,
.k-numeric-wrap.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-multiselect.k-header.k-state-focused {
  -webkit-box-shadow: 0 0 5px #ddd;
  -moz-box-shadow: 0 0 5px #ddd;
  box-shadow: 0 0 5px #ddd; }

.k-autocomplete.k-state-default, .k-picker-wrap.k-state-default, .k-numeric-wrap.k-state-default,
.k-dropdown-wrap.k-state-default, .k-multiselect.k-header, .k-state-default > .k-select {
  border-color: #ddd; }

.k-state-hover span {
  background-color: #ddd; }

.k-calendar .k-header, .k-calendar .k-footer, .k-calendar .k-footer .k-nav-today {
  background-color: #ddd; }

.k-calendar .k-footer .k-nav-today:hover, .k-calendar .k-footer .k-nav-today.k-state-hover,
.k-link.k-state-hover, .k-state-hover, .k-state-hover:hover,
.k-calendar .k-link.k-nav-fast.k-state-hover, .k-state-focused {
  background-color: #ddd; }

.k-calendar .k-footer .k-nav-today:active,
.k-calendar .k-footer .k-nav-today:active,
.k-heade .k-link:active,
.k-calendar .k-link.k-nav-fast:active {
  color: #000;
  background-color: #ddd; }

::-moz-selection {
  background: #337ab7;
  color: #000; }

::selection {
  background: #337ab7;
  color: #000; }

.username {
  color: #ddd; }

hr {
  border-color: #ddd; }

body {
  font-family: Roboto, Arial, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  color: #777; }

p {
  font-family: Roboto, Arial, sans-serif; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  color: #000;
  font-family: Roboto, Arial, sans-serif;
  font-weight: bold; }
  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
  .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {
    color: #000; }
    h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus, h4 a:hover, h4 a:focus, h5 a:hover, h5 a:focus, h6 a:hover, h6 a:focus,
    .h1 a:hover,
    .h1 a:focus, .h2 a:hover, .h2 a:focus, .h3 a:hover, .h3 a:focus, .h4 a:hover, .h4 a:focus, .h5 a:hover, .h5 a:focus, .h6 a:hover, .h6 a:focus {
      color: #000; }

h1, .h1 {
  font-size: 36px;
  font-size: 3.6rem;
  font-family: Roboto, Arial, sans-serif; }
  @media (max-width: 767px) {
    h1, .h1 {
      font-size: 25px;
      font-size: 2.5rem; } }

h2, .h2 {
  font-size: 30px;
  font-size: 3rem; }
  @media (max-width: 767px) {
    h2, .h2 {
      font-size: 20px;
      font-size: 2rem; } }

h3, .h3 {
  font-size: 21px;
  font-size: 2.1rem; }
  @media (max-width: 767px) {
    h3, .h3 {
      font-size: 17px;
      font-size: 1.7rem; } }

h4, .h4 {
  font-size: 18px;
  font-size: 1.8rem; }
  @media (max-width: 767px) {
    h4, .h4 {
      font-size: 16px;
      font-size: 1.6rem; } }

h5, .h5 {
  font-size: 16px;
  font-size: 1.6rem; }

a {
  color: #337ab7; }
  a:hover, a:focus {
    color: #337ab7;
    text-decoration: underline; }

.table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th,
.table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td,
.control-label,
.k-textbox,
.k-picker-wrap, .k-calendar-container table {
  font-size: 14px;
  font-size: 1.4rem; }

.logo-nav-header {
  float: left;
  min-height: 65px;
  display: flex;
  align-items: center; }
  @media (max-width: 767px) {
    .logo-nav-header .logo {
      margin-left: 15px; } }

.navbar-default .navbar-brand {
  color: #337ab7; }
  .navbar-default .navbar-brand:hover {
    color: #2d6da3; }
.navbar-default .navbar-nav > li > a {
  color: #337ab7;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 16px;
  line-height: 1.6rem; }
  .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #285f8f; }
.navbar-default .navbar-toggle {
  margin-right: 0; }
  @media (max-width: 767px) {
    .navbar-default .navbar-toggle {
      margin-right: 15px; } }

.desktop-nav {
  display: flex;
  align-items: center;
  min-height: 65px; }

.mobile-nav-btn {
  float: right;
  display: flex;
  align-items: center;
  min-height: 65px; }

.sidebar {
  margin-top: 20px; }

.careernav p {
  margin-bottom: 0; }
.careernav a {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 8px 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .careernav a:hover, .careernav a:focus {
    background-color: #337ab7;
    color: #fff;
    text-decoration: none;
    padding-left: 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }

.panel-default {
  border-color: #337ab7; }
  .panel-default .panel-heading {
    background-color: #337ab7;
    color: #fff; }

.team-grid .member:hover:after {
  background: #337ab7; }

footer {
  text-align: center;
  border-top: 1px solid #ddd;
  padding-top: 10px; }

/* ============================================================
   Airport Development Group theme
   Palette: navy #0F2A44 | teal #0FA3B1 | orange #E8891C (RSS only)
   body #3C4C5C | muted #5B6B7A | border #DBE3EA | input #C3CFDA
   ============================================================ */

/* ---------- Typography ---------- */
body {
  font-family: 'Moderat', Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #3C4C5C; }

p {
  font-family: 'Moderat', Arial, Helvetica, sans-serif; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Moderat', Arial, Helvetica, sans-serif;
  font-weight: 700;
  color: #0F2A44; }
  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #0F2A44; }

h1, .h1 {
  font-size: 34px; }
  @media (max-width: 767px) {
    h1, .h1 {
      font-size: 26px; } }

a {
  color: #0FA3B1; }
  a:hover, a:focus {
    color: #0C8590; }

::-moz-selection {
  background: #0FA3B1;
  color: #fff; }

::selection {
  background: #0FA3B1;
  color: #fff; }

/* ---------- Header ---------- */
.adg-header {
  background: #0F2A44; }

.adg-header--rule {
  border-bottom: 6px solid #0FA3B1; }

.adg-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 48px; }

.adg-header__logo img {
  height: 44px;
  width: auto; }

.adg-nav {
  display: flex;
  align-items: center;
  gap: 30px; }

.adg-nav a {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-decoration: none;
  transition: color 0.2s ease-in-out; }
  .adg-nav a:hover, .adg-nav a:focus {
    color: #0FA3B1;
    text-decoration: none; }

.adg-nav__cta {
  background: #0FA3B1;
  padding: 10px 22px;
  border-radius: 3px;
  transition: background 0.2s ease-in-out, color 0.2s ease-in-out; }
  .adg-nav__cta:hover, .adg-nav__cta:focus {
    background: #fff;
    color: #0F2A44; }
  .adg-nav .adg-nav__cta:hover, .adg-nav .adg-nav__cta:focus {
    color: #0F2A44; }

.adg-nav-toggle {
  display: none;
  margin: 0;
  border-color: #fff; }
  .adg-nav-toggle .icon-bar {
    background-color: #fff; }
  .adg-nav-toggle:hover, .adg-nav-toggle:focus {
    background-color: #0FA3B1; }

.adg-mobile-nav {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  box-shadow: none; }
  .adg-mobile-nav .nav > li > a {
    color: #fff;
    font-size: 14px;
    font-weight: 700; }
    .adg-mobile-nav .nav > li > a:hover, .adg-mobile-nav .nav > li > a:focus {
      color: #0FA3B1;
      background-color: transparent; }

/* Bootstrap forces .navbar-collapse.collapse visible from 768px with !important;
   these selectors must out-rank it (3+ classes) because the skin CSS can load first */
@media (min-width: 768px) {
  .adg-mobile-nav.navbar-collapse.collapse {
    display: none !important; } }

/* ADG collapses at 900px, so the toggled menu stays usable in the 768-899px band */
@media (min-width: 768px) and (max-width: 899px) {
  .adg-mobile-nav.navbar-collapse.collapse.in {
    display: block !important; } }

@media (max-width: 899px) {
  .adg-nav {
    display: none; }
  .adg-nav-toggle {
    display: block; }
  .adg-header__inner {
    padding: 16px 20px; }
  .adg-header__logo img {
    height: 36px; } }

/* ---------- Banner and breadcrumb ---------- */
.adg-banner {
  border-bottom: 6px solid #0FA3B1; }
  .adg-banner img {
    display: block;
    width: 100%;
    height: auto; }

.adg-breadcrumb {
  padding: 16px 48px 0;
  font-size: 12px;
  color: #5B6B7A; }
  .adg-breadcrumb a {
    color: #5B6B7A;
    text-decoration: none; }
    .adg-breadcrumb a:hover, .adg-breadcrumb a:focus {
      color: #0FA3B1; }
  .adg-breadcrumb__sep {
    margin: 0 6px; }
  .adg-breadcrumb__current {
    color: #0F2A44;
    font-weight: 700; }

@media (max-width: 767px) {
  .adg-breadcrumb {
    padding: 12px 20px 0; } }

/* ---------- Main layout ---------- */
main.body-content {
  padding-top: 44px;
  padding-bottom: 56px; }

.sidebar {
  margin-top: 0; }

.careernav a {
  color: #0F2A44;
  font-weight: 700;
  border-bottom: 1px solid #E2E8EE; }
  .careernav a:hover, .careernav a:focus {
    background-color: #0FA3B1;
    color: #fff; }

.sidebar .searchjob .control-label,
.sidebar .searchjob label {
  font-size: 13px;
  font-weight: 700;
  color: #0F2A44; }

/* ---------- Forms ---------- */
.form-control {
  border-color: #C3CFDA;
  height: 38px;
  font-size: 14px; }
  .form-control:hover {
    border-color: #0FA3B1; }
  .form-control:focus {
    border-color: #0FA3B1;
    box-shadow: 0 0 4px rgba(15, 163, 177, 0.4); }

textarea.form-control {
  height: auto; }

.control-label {
  font-size: 13px;
  font-weight: 700;
  color: #0F2A44; }

.k-textbox {
  border-color: #C3CFDA; }
  .k-textbox:hover, .k-textbox:focus {
    border-color: #0FA3B1; }

/* ---------- Buttons ---------- */
.btn {
  font-family: 'Moderat', Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 700; }

/* !important because bootstrap.css loads after this file in the Core layout
   and redefines .btn-primary at equal specificity */
.btn-primary, .btn-info {
  background: #0F2A44 !important;
  color: #fff !important;
  border: 1px solid #0F2A44 !important; }
  .btn-primary:hover, .btn-info:hover, .btn-primary:focus, .btn-info:focus {
    background: #0FA3B1 !important;
    border-color: #0FA3B1 !important;
    color: #fff !important; }

.btn-default {
  background: #fff;
  color: #0FA3B1;
  border: 1px solid #0FA3B1; }
  .btn-default:hover, .btn-default:focus {
    background: #0FA3B1;
    border-color: #0FA3B1;
    color: #fff; }

/* Job card actions render as teal outline buttons (mockup); !important so the
   higher-specificity selectors beat the navy .btn-primary !important above */
.job-buttons .btn-primary, .job-buttons .btn-info,
.job-options .btn-primary, .job-options .btn-info,
.job-ad-buttons .btn-primary, .job-ad-buttons .btn-info {
  background: #fff !important;
  color: #0FA3B1 !important;
  border: 1px solid #0FA3B1 !important; }
  .job-buttons .btn-primary:hover, .job-buttons .btn-info:hover,
  .job-buttons .btn-primary:focus, .job-buttons .btn-info:focus,
  .job-options .btn-primary:hover, .job-options .btn-info:hover,
  .job-options .btn-primary:focus, .job-options .btn-info:focus,
  .job-ad-buttons .btn-primary:hover, .job-ad-buttons .btn-info:hover,
  .job-ad-buttons .btn-primary:focus, .job-ad-buttons .btn-info:focus {
    background: #0FA3B1 !important;
    color: #fff !important; }

/* .btn doubled in so this out-ranks global.css .btn[class*="btn-share"] */
.share-buttons .btn.btn-share--front {
  background: #0F2A44;
  color: #fff;
  border: 1px solid #0F2A44; }
  .share-buttons .btn.btn-share--front:hover, .share-buttons .btn.btn-share--front:focus {
    background: #0FA3B1;
    border-color: #0FA3B1;
    color: #fff; }

/* ---------- Vacancy list ---------- */
.vacancies-wrapper .vacancy-item .thumbnail,
.thumbnail.vacancy-box {
  border: 1px solid #DBE3EA;
  border-radius: 3px;
  background: #fff;
  padding: 22px 24px;
  margin-bottom: 18px; }
  .vacancies-wrapper .vacancy-item .thumbnail:hover,
  .thumbnail.vacancy-box:hover {
    border-color: #0FA3B1; }

.thumbnail .caption {
  color: #3C4C5C; }

.vacancy-info h2 {
  font-size: 19px;
  margin-top: 0; }
  .vacancy-info h2 a {
    color: #0FA3B1; }
    .vacancy-info h2 a:hover, .vacancy-info h2 a:focus {
      color: #0F2A44; }

.group-excerpt {
  font-size: 15px;
  color: #3C4C5C; }

.container-job-details .form-group {
  font-size: 14px; }
  .container-job-details .form-group strong {
    color: #0F2A44; }

.feature-job {
  background: rgba(15, 163, 177, 0.2); }
  .vacancies-wrapper .vacancy-item .thumbnail.feature-job {
    background: rgba(15, 163, 177, 0.2); }

/* Accent orange is reserved for the RSS/share icon */
i#social {
  color: #0F2A44; }

.social-share .fa-rss {
  color: #E8891C !important; }

/* ---------- Pagination ---------- */
.pagination li > a, .pagination li > span,
.pagination .disabled > a, .pagination .disabled > a:hover {
  color: #0FA3B1;
  border-color: #DBE3EA; }
.pagination .active > a, .pagination .active > a:hover, .pagination .active > a:focus,
.pagination .active > span, .pagination .active > span:hover, .pagination .active > span:focus {
  background-color: #0F2A44;
  border-color: #0F2A44;
  color: #fff; }

/* ---------- Misc component colours ---------- */
.panel-default {
  border-color: #DBE3EA; }
  .panel-default .panel-heading {
    background-color: #0F2A44;
    color: #fff; }

ul.nav-wizard li.active {
  background: #0F2A44; }
  ul.nav-wizard li.active a, ul.nav-wizard li.active a:active, ul.nav-wizard li.active a:focus, ul.nav-wizard li.active a:visited {
    background: #0F2A44; }

ul.nav-wizard li.active:after {
  border-left-color: #0F2A44; }

hr {
  border-color: #DBE3EA; }

/* ---------- Footer ---------- */
footer.site-footer.adg-footer {
  background: #0F2A44;
  border-top: 0;
  text-align: left;
  padding: 0;
  /* global.css pins footer to 60px at >=1200px for the default skin's footer */
  height: auto; }

.adg-footer__inner {
  padding: 34px 48px; }

.adg-footer__main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px; }

.adg-footer__ack {
  max-width: 620px; }
  .adg-footer__ack p {
    color: #A8BCCD;
    font-size: 13px;
    line-height: 1.6;
    margin: 0; }

.adg-footer__logo {
  height: 36px;
  width: auto;
  display: block;
  margin-bottom: 16px; }

.adg-btn-teal {
  display: inline-block;
  background: #0FA3B1;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  padding: 12px 24px;
  border-radius: 3px;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.2s ease-in-out, color 0.2s ease-in-out; }
  .adg-btn-teal:hover, .adg-btn-teal:focus {
    background: #fff;
    color: #0F2A44;
    text-decoration: none; }

.adg-footer__secondary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  margin-top: 28px;
  padding-top: 18px; }

.adg-footer__links {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 24px; }
  .adg-footer__links a {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none; }
    .adg-footer__links a:hover, .adg-footer__links a:focus {
      color: #0FA3B1; }

.adg-footer__copyright {
  color: #A8BCCD;
  font-size: 13px;
  line-height: 1.6;
  margin: 0; }

.adg-footer .phx-copyright {
  color: #A8BCCD;
  font-size: 12px;
  margin: 0;
  flex-basis: 100%; }

@media (max-width: 767px) {
  .adg-footer__inner {
    padding: 28px 20px; }
  .adg-footer__main {
    flex-direction: column;
    align-items: flex-start; }
  .adg-footer__secondary {
    flex-direction: column;
    align-items: flex-start; } }