/*!
 * Use this file to override default css.
 */
@import "/fonts/client-fonts/ZillaSlab.css";
@import "/fonts/client-fonts/ClearSans.css";
body,
.jobDesc p,
.jobDesc li,
#widget-stats {
    color: #323232;
    font-family: "ClearSans", arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
}

html,
body {
  overflow-x: hidden;
}

body {
    background-color: #F5F4F2;  
}

.h1,
.h2,
.h3,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.1;
    color: #323232;
    font-weight: 700;
}

h1 {
    font-size: 35px;
}

h4,
.h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px
}

.text {
    font-size: 1.2em;
}

a {
    color: #00789a;
}

.section-body a{
  text-decoration: underline;
}

a:focus,
a:hover {
    color: #00b4e7;
    text-decoration: underline;
}

a:focus {
    outline: 2px dotted;
    outline-offset: 0px;
}

a.btn,
a.btn:focus,
a.btn:hover,
a:focus:before,
a:hover:before {
  text-decoration: none;
}

.theme-pointer {
    cursor: pointer;
}

.theme-text {
    color: #323232;
}

.theme-color {
    color: #40695b;
}

.theme-bg {
    color: #40695b;
    border-color: #40695b;
}

.circle.theme-hover,
.ISlink {
    border: solid 1px #00b4e7;
}

.box-item--left .ISlink {
    color: #fff;
    background-color: #00b4e7;
}

.box-item--left .ISlink:hover,
.box-item--left .ISlink:focus {
    background-color: #fff;
    color: #00b4e7;
}

.theme-hover:hover,
.theme-hover:focus,
.ISlink:hover,
.ISlink:focus {
    background: #fff none repeat scroll 0 0;
    color: #40695b;
}

#nav-welcome .circle.theme-bg {
    background-color: #00b4e7;
    color: #fff;
}

#nav-welcome .circle.theme-bg:hover,
#nav-welcome .circle.theme-bg:focus {
    background-color: #fff;
    color: #00b4e7;
}

#nav-welcome .circle.theme-hover {
    border: solid 1px #00b4e7;
}

h4 .ISlink,
h5 .ISlink {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    display: inline;
    margin: 0;
    padding: 0;
    text-align: left;
}

h4 .ISlink:hover,
h5 .ISlink:hover {
    background: transparent none repeat scroll 0 0;
    color: #00b4e7;
    border: medium none;
}

.theme-border {
    border: 1px solid #ededed;
}

.theme-lt-grey-bg {
    background: #f1f2f2 none repeat scroll 0 0;
    padding-bottom: 40px;
}

.white-bg{
  background: #FFF none repeat scroll 0 0!important;
}

.theme-heading {
    color: #40695b;
    margin: 40px 0 40px;
    font-size: 60px;
    font-family: "Zilla Slab","ClearSans", arial, sans-serif;
    font-weight: 500;
}
@media(min-width:1200px){
  .theme-heading{
    margin-top:55px;
  }
}

#nav-login .theme-heading {
    text-align: center;
}

.theme-tagline{
  font-family:  "ClearSans", arial, sans-serif;
  font-size: 1.5em;
}

.heading-shade .theme-heading {
    margin: 60px 0 60px;
}

.widget-section h2 {
    margin-bottom: 25px;
}

h3.panel-title {
    font-size: 18px;
    color:#323232;
}

#jobs-heading {
    font-size: 18px;
}

section.cta {
    text-align: center;
    padding: 30px 0;
    background: #F5F4F2;
}

/* buttons */

.rasp_button,
html .btn,
.buttons{
  border-radius: 0;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn.active.focus {
    outline: 2px dotted #0c0707;
    outline-offset: 0px;
}

.buttons.active,
.buttons.focus,
.buttons:active,
.buttons:focus,
.buttons:hover,
.buttons:hover,
.open>.dropdown-toggle.buttons {
    background-color: #47665e;
    color: #fff;
}

.rasp_button,
html .btn.btn-success,
.btn-primary {
    background: #194036;
    border:1px solid #194036;
    color: #ffffff;
    box-shadow: none;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    text-decoration: none;
    text-shadow:none;
}

.btn-primary.btn-outline {
    color: #ffffff;
}

html .btn.btn-cta {
    margin-top: 25px;
    padding: 13px 55px;
    line-height: 26px;
    font-weight: 400;
    font-size: 20px;
}

.btn-default {
    text-decoration: none;
}

.rasp_button:hover,
.rasp_button:focus,
.rasp_button.focus,
.rasp_button:active,
.rasp_button.active,
.btn.btn-success:hover,
.btn.btn-success:focus,
.btn.btn-success.focus,
.btn.btn-success:active,
.btn.btn-success.active,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.rasp_button,
.open>.dropdown-toggle.buttons {
    background-color: #47665e;
    border-color: #47665e;
}

.btn-success:active:hover,
.btn-success.active:hover,
.open>.dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open>.dropdown-toggle.btn-success:focus,
.btn-success.focus:active,
.btn-success.active.focus,
.open>.dropdown-toggle.btn-success.focus {
    background-color: #47665e;
    border-color: #47665e;
}

.btn-primary:active:hover,
.btn-primary.active:hover,
.open>.dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open>.dropdown-toggle.btn-primary:focus,
.btn-primary.focus:active,
.btn-primary.active.focus,
.open>.dropdown-toggle.btn-primary.focus {
    background-color: #47665e;
    border-color: #47665e;
}

.btn.btn-default,
.buttons {
    background-color: transparent;
    border-color: #194036;
    color: #194036;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}

.btn-clear {
    background-color: transparent;
}

.btn-default.active,
.btn-default.focus,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open>.dropdown-toggle.btn-default {
    background: transparent;
    border-color: #47665e;
    color: #47665e;
}

.button:active,
.button:focus,
.button:hover {
    background: none repeat scroll 0 0 #47665e;
    border-color: #47665e;
    color: #ffffff;
}


/*Sidebar*/

.sidebar.rightBar input,
.sidebar.rightBar select,
.sidebar.rightBar textarea,
.sidebar.rightBar .form-control {
    border-width: 0!important;
}


/*Customizing default.css*/

header .nav-pills li a {
    border-radius: 0;
    font-size: 15px;
    padding: 21px 15px;
    text-transform: uppercase;
}

.nav-pills>li+li {
    margin-left: 0;
}


.left-column i{
    color:#00b4e7;
}

/*------------------------------------------------
  ------------------- onboarding -------------------
  ------------------------------------------------*/
.ui-accordion.ui-helper-reset{
    margin-top:10px
}

.candidate_portal .job-panel-container .ui-accordion-header{
    background-color:#40695b;
    border-top:solid 3px #189cd8 !important;
}



.offer-docs-footer{
    padding-left:15px !important;
    padding-right:15px !important;
}

.onboarding li {
    margin-bottom: 30px;
    padding: 16px;
    border: solid 1px #ccc;
    border-radius: 4px;
}

.onboarding li {
    list-style: none;
}

.candidate_portal .job-panel-container .ui-accordion-header .ui-icon.ui-icon-triangle-1-s::before{
    color:#189cd8;
}

.candidate_portal .job-panel-container .ui-accordion-header .ui-icon.ui-icon-triangle-1-e::before{
    color:#189cd8;
}

.candidate_portal a.btn.btn-primary{
    color:#fff;
}

.candidate_portal .btn.btn-primary,
.candidate_portal .btn.btn-success{
    margin-left:10px;
}

.candidate_portal .btn.btn-primary span,
.candidate_portal .btn.btn-success span{
    padding:0;
    line-height:inherit;
}

.candidate_portal h3{
    color:#323232;
}

main .candidate_portal fieldset.rasp_form dd select.doc-type-select {
    height: auto;
    width: 200px;
}

.onboarding .right-column {
    padding-top: 25px;
    border: solid 2px #ededed;
    border-radius: 7px;
}

.onboarding .right-column a {
    background-color: #00789a;
    padding: 8px 16px;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
}


/*------------------------------------------------
  ------------------- Navigation -------------------
  ------------------------------------------------*/

#navbar.bottom-nav .nav>li>a:hover,
#navbar.bottom-nav .nav>li>a:focus,
#navbar.bottom-nav .nav>li>button:hover,
.bottom-nav .nav>li>button:focus {
    border-bottom: solid 3px #FFF;
    color: #FFF;
    background: #133029;
}

.bottom-nav .nav-pills>li.active>a,
.bottom-nav .nav-pills>li.active>a:hover,
.bottom-nav .nav-pills>li.active>a:focus {
    background: #133029;
}

#navbar.navbar-inverse .navbar-nav>.active>a,
#navbar.navbar-inverse .navbar-nav>.active>a:focus,
#navbar.navbar-inverse .navbar-nav>.active>a:hover {
    border-bottom: solid 3px #FFF;
    color: #FFF;
    background: #133029;
}

.logo-holder .navbar-brand {
    padding: 0px;
}

#navbar {
    min-height: 64px;
}

.navbar-inverse .navbar-toggle {
    border: none;
    margin: 10px 0;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    border: none;
    background-color: transparent;
}

.bottom-nav,
nav#navbar {
    background-color: #333;
    margin-bottom: 0;
    position: sticky;
    top: 0;
    z-index: 900;
    padding: 0 15px;
}


#navbar.navbar-inverse .navbar-nav>li>a,
.navbar-inverse .navbar-nav>li>button {
    color: #FFF;
    background-color: transparent;
    padding: 22px;
    border: none;
    border-bottom: solid 3px transparent;
    line-height: 18px;
    font-size: 16px;
}

@media(min-width:1025px) {
  .flex-nav {
    display: flex;
  }
  /*Larger header
  #navbar.navbar-inverse .navbar-nav>li>a,
  .navbar-inverse .navbar-nav>li>button{
    padding-bottom:25px;
  }*/

  #navbar.navbar-inverse .navbar-right {
    margin-left: auto;
  }
}

#navbar.navbar-inverse .navbar-nav li:first-of-type a{
    margin-left: 0;   
}

#navbar.navbar-inverse .navbar-right li:last-of-type a{
    margin-right:0;
}

.navbar-inverse .navbar-nav>li>button:focus {
    outline: 2px dotted;
}

nav#navbar .container {
    padding: 0;
}
@media(min-width:768px){
  nav#navbar .container{
    padding: 0 15px; 
  }
}

.navbar-toggle .icon-bar {
    background-color: #fff;
    width: 29px;
    position: relative;
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    transform-origin: left center;
    transform: rotate(0deg);
    height: 4px;
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 6px;
}

.navbar-toggle.active span:nth-of-type(2) {
    transform: rotate(45deg);
    /*   left:3px; */
}

.navbar-toggle.active span:nth-of-type(3) {
    width: 0%;
    opacity: 0;
}

.navbar-toggle.active span:nth-of-type(4) {
    transform: rotate(-45deg);
    /*   left:3px; */
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #FFF;
}

.navbar-inverse .navbar-nav.navbar-right>li>a i {
    font-size: 15px;
    vertical-align: middle;
    margin-right: 5px;
    padding-bottom: 2px;
}

.navbar a {
    text-decoration: none;
}

#header .navbar-brand {
    float: none;
}
@media(min-width:1025px){
  #navbar-collapse-1.navbar-collapse {
    align-items: flex-end;
    display: flex !important;
    width: 100%;   
    
  }
}


#navbar.navbar-inverse .navbar-collapse.in li a,
#navbar.navbar-inverse .navbar-collapse.collapsing li a,
#navbar.navbar-inverse .navbar-collapse.in li button,
#navbar.navbar-inverse .navbar-collapse.collapsing li button {
    padding: 15px 10px;
    border-top: solid 1px #CCC;
    display: block;
    width: 100%;
    text-align: left;
    margin: 0;
    line-height: 16px;
}


@media(max-width:1024px){
  /*#navbar.navbar-inverse .navbar-collapse.in .navbar-nav, */
  #navbar.navbar-inverse .navbar-nav{
    margin-top: 0px;
  }
  #navbar.navbar-inverse .navbar-nav.navbar-right {
    margin-top: 0px;
  }  
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
  border-color: transparent;
}
/*------------------------------------------------
  --------------------- Banner ---------------------
  ------------------------------------------------*/
.widget-banner {
  position: relative;
  background: url(../images/banner.jpg) top center no-repeat #F5F4F2;
  height: 500px;
  background-size: contain;
}


@media(max-width:1200px) {
  .widget-banner {
    height: 460px;
  }
}

@media(max-width:1024px) {
  .widget-banner {
    height: 400px;
    background-size: cover;
    background-position: top left;
  }
}

@media(max-width:768px) {
  .widget-banner {
    height: 300px;
    background-size: cover;
    background-position: top left;
  }
}

@media(max-width:465px) {
  .widget-banner {
    height: 250px;
    background-size: cover;
    background-position: -20px;
  }
}


/*------------------------------------------------
  --------------------- carousel ---------------------
  ------------------------------------------------*/
.carousel {
  position: inherit;
}

.carousel.slide{
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.carousel-control {
  text-shadow: none;
  background: none !important;
}

.carousel-inner > .item {
  -webkit-transition: transform 1s ease-in-out left;
  -moz-transition: transform 1s ease-in-out left;
  -o-transition: transform 1s ease-in-out left;
  transition: transform 1s ease-in-out left;
}

/*------------------------------------------------
  ------------------ Smart Search ------------------
  ------------------------------------------------*/

.widget-quick-search {
  margin: 25px auto;
}

.widget-quick-search h2 {
    color: #021f2f;
}

.widget-quick-search .smart-search-widget {
    margin: 0 auto;
    background-color: #fff;
    max-width: 903px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    width: 90%;
}

.widget-quick-search .smart-search-widget #in_skills {
    border: none;
    border-radius: 0px !important;
    padding-right: 50px;
}

.widget-quick-search .smart-search-widget button {
    border: none;
    background-color: transparent;
    position: absolute;
    right: 10px;
    z-index: 120;
    padding: 0px;
    top: 50%;
    transform: translateY(-50%);
}

.widget-quick-search .smart-search-widget button i {
    cursor: pointer;
}

.widget-quick-search #smart-search-result {
    border-radius: 0;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    margin-top: 5px;
    border: none;
    transition: all 0.3s ease-in;
}

.widget-quick-search #smart-search-result .smart-filter {
    padding: 0 10px;
}

.widget-quick-search #smart-search-result div h5 {
    background: none;
    font-family:  "ClearSans", arial, sans-serif;
    font-weight: 500;
}

.widget-quick-search #smart-search-result .smart-filter div:first-of-type h5 {
    border-top: none;
}

.refine-search-container #btn-search {
    position: absolute;
    right: 1px;
    z-index: 2;
    top: 0;
    background: none;
}

.refine-search-container #rs_in_skills {
    padding-right: 50px;
}


/*------------------------------------------------
  ------------------ Refine Search -----------------
  ------------------------------------------------*/

.refine-search-checkbox .btncollapse-action:focus {
    outline: dotted 2px;
    outline-offset: 0;
}

.panel.panel-primary {
    background-color: #fff;
    border: solid 1px #ededed;
    margin-bottom: 30px;
}

.panel.panel-default {
    background-color: #fff;
    border: solid 1px #ededed;
    margin-bottom: 30px;
}

.refine-search-container .btncollapse-action.collapsed::before {
    content: '';
    width: 12px;
    height: 2px;
    background-color: #595959;
    position: absolute;
    right: 0;
    top: 5px;
}

.refine-search-container .btncollapse-action.collapsed::after {
    content: '';
    width: 2px;
    height: 12px;
    background-color: #595959;
    position: absolute;
    right: 5px;
    top: 0;
}

.refine-search-container .btncollapse-action::after {
    content: '';
    width: 12px;
    height: 2px;
    background-color: #595959;
    position: absolute;
    right: 0;
    top: 5px;
}

.panel-body .refine-search-container .refine-search-checkbox ul.filter {
    padding-left: 0;
}

#searchBox #btn-search:focus {
    color: #0072CE;
}

#searchBox .panel-body .refine-search-checkbox fieldset {
    border-bottom: 1px solid #ededed;
}

/*------------------------------------------------
  ------------------- User Menu -----------------
  ------------------------------------------------*/
.box-container{
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: flex-start;
}

.box-item {
  display: flex;
  flex: 0 1 100%;
  margin: 1% 0;  
}

.box-item--left {
  padding-right: 12px;
}

.box-item--left i {
  padding: 10px 5px;
/*   color: #fff; */
  font-size: 30px;
}

.box-item--left i:hover,
.box-item--left i:focus {
    color: #00b4e7;
}

@media (min-width: 768px){ 
  .box-item {
    flex: 0 1 46%;
    margin: 2%;
  }
}

@media(min-width: 992px){
  .box-item {
    flex: 0 1 31%;
    margin: 1%;
  }
}

/*------------------------------------------------
  --------------------- Job Ads --------------------
  ------------------------------------------------*/

.share-this {
    text-align: right;
    margin-bottom: 10px;
}

.share-this .stButton {
    width: auto !important;
    margin: 0;
    padding: 0;
}

.share-this .stButton .chicklets {
    padding: 10px 15px;
}
.share-this .stButton .chicklets.email:hover {
    cursor: pointer;
}

.share-this .stButton .facebook {
    background: none;
}

.share-this .stButton .facebook:before {
    content: "\f09a";
    font-family: "fontawesome";
    font-size: 20px;
    color: #00789a;
}

.share-this .stButton .twitter {
    background: none;
}

.share-this .stButton .twitter:before {
    content: "\f099";
    font-family: "fontawesome";
    font-size: 20px;
    color: #00789a;
}

.share-this .stButton .linkedin {
    background: none;
}

.share-this .stButton .linkedin:before {
    content: "\f0e1";
    font-family: "fontawesome";
    font-size: 20px;
    color: #00789a;
}

.share-this .stButton .email {
    background: none;
}

.share-this .stButton .email:before {
    content: "\f0e0";
    font-family: "fontawesome";
    font-size: 20px;
    color: #00789a;
}

.share-this .st_plusone {
    display: none;
}

.share-this .st_sharethis {
    display: none;
}

#nav-jobdetails span.docs br + br{
  display: block;
  margin-top: 5px;
}


/*------------------------------------------------
  ------------------ Job listings  -----------------
  ------------------------------------------------*/

#widget-recent-jobs-body{
  padding-bottom: 15px;
}

#widget-recent-jobs-body .jobs-list {
    padding-left: 0;
}

.jobs-list .job-item {
      list-style: none;
  /*padding-bottom: 25px;*/
}

.jobs-list .job-item:last-of-type{
     padding-bottom: 5px;
}

.jobs-list .job-item > .row {
  margin-bottom: 15px;
}

.job_results>li+li,
.jobs-list>li+li {
  border-top: solid 1px #ebebeb;
  padding-top: 25px;
}

.job_results h2 a {
    color: #161f28;
    font-weight: 600;
    font-size: 21px;
}

.job-item {
    font-size: 14px;
    color: #323232;
}

.job-item h3 a {
    color: #00789a;
    font-weight: 600;
    font-size: 21px;
    text-decoration: none;
}

.job-item h2,
.job-item h3 {
    margin-top: 0;
    font-size: 21px;
    font-family: "ClearSans", arial, sans-serif;
}


.jobs-list>li a:hover {
    color: #00b4e7;
    text-decoration: underline;
}

.loc-mark {
    display: inline-block;
    background-color: #f1f1f1;
    padding: 5px 12px;
    border-radius: 25px;
    position: relative;
    z-index: 10;
}

.loc-mark i {
    margin-right: 5px;
}

.info-mark {
    display: inline-block;
    background-color: #f1f1f1;
    padding: 5px 12px;
    border-radius: 25px;
    position: relative;
    z-index: 10;
}

.info-mark i {
    margin-right: 5px;
}

.job-item span.label {
    text-transform: none;
    font-size: 14px;
    color: #323232;
    display: block;
    text-align: left;
    margin-bottom: 7px;
}

.job-item p {
    font-size: 14px;
}

.job-item .fa {
  margin-right: 7px;
  font-size: 16px;
}


/*------------------------------------------------
  --------------------- footer ---------------------
  ------------------------------------------------*/
/*
Sticky footer
*/
  html,
  body {
    min-height:100vh;
    height: auto;
  }
  #wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: 100vh;
  }

  nav#navbar {
    flex-shrink: 0;
  }

  main#main {
    flex: 1 0 auto;
  }

  footer {
    flex-shrink: 0;
  }


/*End*/
footer {
  padding: 0;
  background: #194036;
  color: #FFF;
}
footer nav {
  background: transparent;
}

footer ul{
  list-style: none;
  padding: 0;
  margin: 0;
}

footer a{
  text-decoration: none;
}

footer ul li a{
  color: #FFF;
  font-size: 14px;
}

footer ul li a:hover {
  text-decoration: underline;
  color: #FFF;
}

footer ul#social-media-links{
  margin-top: 20px;
  margin-bottom: 30px;
  display: inline-block;
}

footer ul#social-media-links li{
  margin: 10px 0;
}

footer ul#social-media-links li a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: bold;
  padding: 5px 0px;
}

footer ul#social-media-links li:last-child a span {
  margin-left: 45px;
}

footer ul#social-media-links img {
  width: 20px;
  height: 20px;
  margin-right: 25px;
}

footer .nav-links .page-nav {
  border-bottom: 1px solid #47665e;
  padding-bottom: 30px;
  padding-top:30px;
  border-top: 1px solid #47665e;
}

footer .nav-links ul li a{
  font-size: 12px;
}

footer .nav-links .other-links li{
  margin-right: 10px;
  display: inline-block;
}

footer .nav-links .footer-logo {
  display: block;
  clear: both;
  margin: 30px 0;
}

footer .nav-links .privacy-links{
  margin-bottom: 30px;
}

footer ul#social-media-links li:last-child {
  border-right: 0;
}


@media(min-width:768px){
  footer ul#social-media-links li a {
  justify-content: center;
  padding: 5px 20px;
  }

  footer ul#social-media-links li:first-child a {
    justify-content: flex-start;
    padding: 5px 20px 5px 0;
  }

  footer .nav-links nav{
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #47665e;
  }

  footer .nav-links nav div{
    flex: 1 0 auto;
  }

  footer ul#social-media-links {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }

  footer ul#social-media-links li {
    flex: 1 1 auto;
    border-right: 1px solid #47665e;
    text-align: center;
    margin-top: 10px;
  }

  footer ul#social-media-links li:last-child a span {
    margin-left: 0px;
  }

  footer .nav-links .page-nav{
    border: none;
  }

}

@media(min-width:768px) and (max-width:991px){
  footer ul#social-media-links li:nth-last-child(-n+2) {
    flex: 0 0 auto;
  }

  footer ul#social-media-links li:nth-last-child(2) a{
    padding-left: 0;
  }

  footer ul#social-media-links li:last-child{
    border-right: 0;
  }

  footer ul#social-media-links{
    justify-content: flex-start;
  }

  footer .nav-links ul {
    display: flex;
    justify-content: flex-end;
    align-content: center;
    flex: 1;
  }

  footer .nav-links .page-nav {
    order: 2;
    border: 0;
    margin: 0;
    align-self: center;

  }

  footer .nav-links .privacy-links {
    margin-bottom: 30px;
    flex: 1 1 auto;
    order: 3;
  }
}

@media(min-width: 992px){
  footer .nav-links nav {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #47665e;
    align-items: center;
  }

  footer .nav-links .page-nav {
    order: 3;
  }

  footer nav ul {
    display: flex;
    justify-content: center;
  }

  footer ul.with-divider {
    border-right: 1px solid #47665e;
  }

  footer .nav-links .privacy-links {
    margin: 30px 0;
    order: 2;
    margin-left: 20px;
  }

  footer .nav-links .other-links li{
    margin: 0 10px;
  }
}

@media(min-width:1200px){
  footer nav ul{
    justify-content: space-evenly;
  }
}



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

/*login template*/

.grid-row {
    padding-top: 20px;
}

.grid-row .grid-item-content {
    color: #fff;
    padding: 20px;
    position: absolute;
    top: 0;
}

.grid-row .grid-item-content h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 1.75em;
    margin-top: 0;
}

.grid-row .thumbnail {
    border-width: 0;
    padding: 0;
}

.grid-row .thumbnail img {
    vertical-align: top;
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.grid-item-overlay {
    background-color: #0c0707;
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 0.4s ease-in-out 0s;
    -moz-transition: opacity 0.4s ease-in-out 0s;
    -webkit-transition: opacity 0.4s ease-in-out 0s;
    margin: 0 15px 20px;
}

.grid-row .grid-item-overlay:hover {
    opacity: 0.4;
}

.widget-section .quick-search-widget label {
    display: none;
}

.widget-section .quick-search-widget .controls>div {
    text-align: center;
}


/*.widget-section form select{
   color:#999999;
  }
  .widget-section form select:focus{
   color:#44494b;
  }*/

.learn-more {
    margin-top: 30px;
}

.learn-more a+a {
    border-left: solid 1px #999999;
}

.learn-more a {
    padding: 0 10px;
}

.jobSearchForm {
    position: relative;
}

/*Img boxes on home page*/
.boxed-items {
  display: flex;
  justify-content: center;
  gap: 25px;
  margin: 25px 0;
}

.boxed-item {
  min-height: 250px;
  border: solid 1px #ededed;
  flex: 1;
}

.boxed-item a {
  text-decoration: none;
  color: #323232;
}

.boxed-item a:hover h3{
  color: #00b4e7;
  text-decoration: underline;
}

.boxed-img {
  min-height: 180px;
  background: #40695b;
  position: relative;
}

.boxed-img > img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
  left: 0;
  object-position: center 20%;
}

.boxed-img.boxed-img-center > img {
  object-position: center;
}

.boxed-heading {
  text-align: center;
}

.boxed-info {
  padding: 10px 20px 20px;
}

.boxed-info h3 {
  color: #00789a;
  font-weight: 600;
  font-size: 21px;
}

@media(max-width:992px) {
  .boxed-items {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .boxed-item {
    min-height: 200px;
    flex: 0 1 48%;
  }
}

@media(max-width:768px) {
  .boxed-items {
    justify-content: center;
  }

  .boxed-item {
    flex: 1 1 auto;
  }
}

/*Candidate profile + overrides*/

main>#nav-profile {
  overflow: visible;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media(min-width:1105px){
  main>#nav-profile {
    max-width: 100%;
  }
}
main .formError .formErrorContent {
  margin-left: -100px;
}

#nav-profile .candidate_portal {
  width: 97%;
  margin-left: auto;
  margin-right: auto;
  float: none;
}

@media(min-width: 1024px){
  #nav-profile #widget-content.candidate_portal {
    margin-top: 55px;
  }
}

#profileContent .ui-tabs-header.ui-state-default {
    display: none;
}

.candidate_portal .ui-selectonebutton .ui-button.ui-state-default {
    padding-top: 6px;
}

blockquote {
    display: none;
}


#nav-profile #widget-content.candidate_portal a.btn-primary{
    color:#fff;
}

#nav-profile #widget-content.candidate_portal a.btn-primary:hover{
    background:#47665e;
}

#nav-profile #widget-content.candidate_portal a.ui-priority-secondary{
    padding:0 20px;
    display: inline-block;
    margin-bottom:20px;
    vertical-align: middle;
}

@media (min-width: 320px) and (max-width: 480px){
  main #widget-content.candidate_portal .change-document-link {
    left: -49%;
  }
  #widget-content.candidate_portal .form-control.receiveMarketingEmails,
  #widget-content.candidate_portal .form-control.receiveSms {
    height: auto;
  }

  #widget-content.candidate_portal .ui-selectonemenu.form-control{
    min-width: 300px !important;
  }
}

/*App form*/

.datepick-month-header{
  height: auto;
}

.datepick-month a:hover{
  color: #FFF;
}

label br{
  display: block;
}

.datepick-month-header select{
  height: 1.4em;
}

.ui-confirm-dialog{
    background-color:#fff;
}

main #widget-content #nav-application .form-group .mandatory {
    left: 2px;
    top: 0;
}

#nav-application .job-info {
   background-color: #F5F4F2;
   border-radius: 0;
  text-align: left;
  color: #323232;
}

.saveControl.action.col-sm-4 {
    display: block;
    margin-bottom: 10px;
}

#nav-application .jobTitleWrapper .jobRef-text, #nav-application .jobTitleWrapper .jobTextSeparator{
  display: none;
}


/* JV: need to override styles so old validation displays properly */

.valid {
    background-color: #3066a8 !important;
    color: #fff !important;
}

#accordion {
    clear: left;
}

#accordion .panel {
    background: #f0f0f0;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 0;
}

#accordion .panel-heading {
    padding: 0;
}


/* SLI removed uppercase and large font styling */

#accordion h4 {
    font-size: 12px;
}

#accordion h4 a {
    background: #0072ce;
    /* url("/images/accordion_close.png") no-repeat scroll 98% center; */
    border-radius: 4px 4px 0 0;
    color: #fff;
    display: block;
    text-decoration: none;
    padding: 12px;
}

#accordion h4 a.collapsed {
    background: url("/images/accordion_open.png") no-repeat scroll 98% center;
    display: block;
    padding: 12px;
    color: #343741;
    text-decoration: none;
}

#accordion h4 a:hover {
    text-decoration: none;
}

#accordion .panel-body {
    background: #fff;
    border-radius: 0 0 6px 6px;
    padding: 20px;
}

#accordion .panel-body a {
    text-decoration: underline;
    font-weight: bold;
}

#accordion {
    clear: left;
    margin: 0 0 40px;
}

.widget-section .circle.theme-bg {
    margin: 10px auto;
}

.widget-section .statistic .left-column {
    padding-top: 10px;
}

.banner-overlay {
    padding: 24px 0;
}

#nav-searchresult table.table-striped table tr td:first-child {
    width: 40px;
}
.video-wrapper{
  text-align: center;
  width: 100%;
}

iframe {
    max-width: 100%;
}

#header h1 a,
#header h1 a:visited,
#header h1 a:hover {
    color: #474c55 !important;
    text-decoration: none !important;
}

#header {
    background-color: #194036;
}

.header-gold-top {
  background-color: #ffc51d;
  height: 20px;
  width: 100%;
}

.flex-header {
  display: flex;
  align-items: center;
}

.logo-holder {
    width: 168px;
    position: relative;
    background-color: transparent;
}

.navbar-brand{
  height: 62px;
  overflow: hidden;
}

.navbar-brand>img{
  margin: 18px 0;
}

.logo {
    background: rgba(0, 0, 0, 0) url("../images/logo.png") no-repeat scroll 0 0;
    display: block;
    float: left;
    height: 136px;
    margin: 20px 0;
    text-indent: -9999px;
    width: 200px;
}

.logo a {
    display: block;
    height: 100%;
}

#header-nav {
  margin-left: auto;
  font-size: 16px;
  color:#FFF;
}

#header-nav button{
  border: none;
  background: transparent;
}

#header-nav button:hover,
#header-nav button:focus{
 text-decoration: underline;
}

#header-nav a{
  color:#FFF;
}

/*#header-nav a:before{
  content: "|";
  margin: 0 12px 0 6px;
  display: inline-block;
}*/
#header-nav .sign-in~a.sign-in::before {
  content: "|";
  color: #FFF;
  margin: 0 12px 0 6px;
  display: inline-block;
}
#header-nav i{
  margin-right: 5px;
  font-size: 16px;
}

#widget-recent-jobs-body i {
    font-size: 16px;
}

main #widget-content .form-group label,
.panel label,
.inline-panel label {
    font-size: 16px;
}

.quick-search-widget .btn-box {
    height: 74px;
    position: relative;
}

.quick-search-widget .btn-box input {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
}

form#appform table tbody tr td.checkbox input[type="checkbox"] {
    margin-left: 0px;
}

.jobDetails .table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    padding: 15px;
    border-top: solid 1px #ccc;
}

.jobDetails table.table.table-striped th {
    background-color: transparent;
    color: inherit;
    border: none;
}

.panel .secondary {
    font-size: 15px;
}

#nav-jobdetails .jobDesc p,
#nav-jobdetails .jobDesc li {
    color: #343741;
}

p.form-sub-head,
h4.form-sub-head,
legend.form-sub-head{
  color: #40695b;
}

p.message.alert.alert-success {
    color: #3c763d;
    font-weight: bold;
}

input.view,
input.storenext,
input.refine,
input.expire,
input.reset,
input.editprofile,
input.deleteprofile,
input.saveprofile,
input.test,
input.sendpwd,
input.apply {
    background: #00767d none repeat scroll 0 0;
    width: inherit;
}

/* ----------General---------- */

.mandatory-asterisk {
  font-size: 21px;
}

a.skip:focus,
a.skip:active{
  background: #00b4e7;
  color:#FFF;
}

#header {
    height: auto;
    overflow-x: hidden;
}

.values-section {
    /* Add a background gradient and background colour to the values section
   background: url('../images/widget-boxes-bg.png') 0 0 repeat-x #6ab422;
   background-size: 1px 100%; */
    margin-bottom: -30px;
}

.grid-item-overlay {
    max-width: 255px;
    max-height: 255px;
    margin: 20px auto 0 auto !important;
}

.values-section a.thumbnail {
    max-width: 255px;
    margin: 20px auto;
}

#rss {
    display: none;
}

.register-checkbox-container {
    overflow: hidden;
}

.registration-acknowledgement {
    width: 80%;
}

#registerCheckbox {
    float: left;
    line-height: 0.7em;
    padding: 0 10px 0 0;
    width: auto;
}

select.form-control,
form[name="searchform"] #nav-jobsearch select.form-control[name="in_jobDate"],
form[name="searchform"] #nav-jobsearch select.form-control[name="in_orderby"],
form[name=emailform] #nav-alert .form-group select#in_html {
    height: 46px;
}

form[name=searchform] #nav-jobsearch select.form-control,
form[name=emailform] #nav-alert .form-group select.form-control {
    height: auto;
}

form select[multiple] {
    height: auto;
}

.form-group.rasp_field>label {
    font-size: 15px;
}

.word-counter-container {
    font-size: 10pt;
    color: red;
}

.word-count-number-label {
    font-size: 10pt;
    display: inline !important;
    color: red !important;
}

textarea.form-control {
    width: 85%;
}

iframe {
    max-width: 100%;
}

.panel-group {
    margin-top: 30px;
}

.widget-section .circle {
    width: 62px;
    height: 62px;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    background-color: #fff;
}

input.storenext,
input.previous {
    margin: 0 10px;
}


.row.white-wrap .theme-heading {
  margin-top: 10px;
}

.txt-right{
  text-align: right;
}

/**********************************/


/*OVERWRITTING MAIN APPFORM STYLES*/


/**********************************/

div.section-header {
    background: #343741;
}

div.form-group .instructions>* {
    font-size: 12px;
    line-height: 1.5;
    font-weight: normal;
    color: #666666;
    font-family: "ClearSans", arial, sans-serif;
}

div.de-identified label {
    font-family: inherit;
    font-weight: 600;
}

abbr.mandatory {
    font-family: inherit;
}

main #widget-content .form-group .mandatory {
    text-align: left;
}

main #widget-content .form-group label {
    text-align: left;
}

abbr[title],
abbr[data-original-title] {
    border-bottom: 0 none;
    cursor: default;
}

.form-group .info {
    font-size: 12px;
    font-family: "ClearSans", arial, sans-serif;
}


/*Top section*/

#JobApplyingForContent {
    background-color: #f9f9f9;
    color: #666;
    margin: 0;
    padding: 15px;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    clear: both;
}

#JobApplyingForContent>span,
div#JobApplyingFor div.seedetails,
table#rasp_jobdetails tr:nth-child(n+4) {
    display: none;
}

table#rasp_jobdetails tr td.col_1 {
    padding-right: 10px;
    width: 40%;
    font-weight: 600;
}

table#rasp_jobdetails {
    width: 100%;
}

div#JobApplyingFor div.applyingfor {
    color: #3275a4;
    font-size: 30px;
    font-weight: 600;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 15px;
}

div.form-group div.sub-heading {
    color: #3275a4;
}

#rasp_application_tmpl.de-identified .rasp_actions div.actions .btn,
#rasp_application_tmpl.de-identified .buttons {
    height: 30px;
    padding: 5px 20px;
}

#rasp_application_tmpl.de-identified .rasp_actions {
    text-align: center;
}

#rasp_application_tmpl.de-identified div.warning {
    text-decoration: none;
}

#rasp_application_tmpl.de-identified .buttons,
#rasp_application_tmpl.de-identified .rasp_button,
#rasp_application_tmpl.de-identified input.save,
#rasp_application_tmpl.de-identified .rasp_actions .btn {
    margin-bottom: 15px;
}

div.form-group .instructions ol {
    margin-left: 0px;
}


/*Fix prefill button breaking*/

.optOut button.btn,
.prefillApptext {
    white-space: normal;
}

#appform_wrapper .formClient.formio-form .uppy-Dashboard .uppy-Dashboard-inner .uppy-Dashboard-innerWrap{
  margin-left: 0;
  margin-right: 0;
}

#appform_wrapper .card-body.panel-body .card-body.panel-body{
  padding: 0;
}
/**********************************/


/*    END MAIN APPFORM STYLES     */


/**********************************/

.col-sm-12.icons {
    margin: 15px 0;
}

.form-group table .info {
    color: #ffffff;
    font-family: "ClearSans", arial, sans-serif;
    font-size: 11px;
}

.table-responsive select {
    height: 32px;
    margin-bottom: 10px;
}

.form-group table br {
    display: block;
}

.margin-top-20 {
    margin-top: 20px;
}

.asterisk-left::before {
    content: "*";
    display: inline-block;
    width: 12px;
    font-size: 20px;
    color: red;
    padding-right: 4px;
    position: relative;
    top: 3px;
    line-height: 14px;
    margin-left: -12px;
}

.border-top-split {
    border-top: solid 1px #ededed;
}

.section-heading,
.section-subheading {
    border-bottom: solid 1px #ededed;
    background-color: #fff;
    margin-bottom: 20px;
}

.section-title {
    margin: 30px 0 30px;
}

.section-subtitle {
    margin: 20px 0;
    /*! font-style: italic; */
    color: #194036;
    font-family: "Zilla Slab", "ClearSans", arial, sans-serif;
    font-weight: 500;
}

.section-body {
    padding-top: 30px;
    padding-bottom: 30px;
    /*background-color: #fff;*/
}

.section-footer {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #fff;
}

.section-line {
    border-bottom: solid 1px #ededed;
}

.section-body .controls {
    margin-top: 25px;
}

.section-body .main-paragraph {
    margin-top: 0;
}

.main-paragraph {
    font-size: 16px;
    font-family: "ClearSans", arial, sans-serif;
    color: #323232;
    margin: 20px 0;
}

.img-marg-20{
  margin: 20px 0;
}

ul.non-list {
    padding-left: 0;
    list-style: none;
}

ul.non-list li {
    margin: 5px 10px 5px 0;
}

ul.non-list li:last-of-type {
    margin-right: 0;
}

.jobquery {
    font-size: 20px;
    margin-top: 10px;
}

.bottom-margin-30 {
    margin-bottom: 30px;
}

.heading-shade {
    background-color: #f2f6f6;
    position: relative;
    overflow: hidden;
}

.heading-shade::after {
    content: "";
    background-color: transparent;
    position: absolute;
    display: inline-block;
    right: 0;
    top: 0;
    width: 40%;
    height: 100%;
    overflow: hidden;
    border-bottom: solid 450px #66abea;
    border-left: solid 213px transparent;
}

.section-shade {
    background-color: #f2f6f6;
}

.bg-clear {
    background-color: transparent;
}

.candidate_portal.white-wrap{
    margin-top:20px;
    padding-top:0;
}

.white-wrap {
    background-color: #fff;
    padding: 30px 15px 15px;
    border: solid 1px #ededed;
    border-radius: 0;
}

.row.white-wrap {
    margin-left: 0;
    margin-right: 0;
}

nav#navbar li.mobile-menu {
  display: none;
}

@media (max-width: 1024px) {
    /*For mobile menu*/
    nav#navbar.navbar-collapse li:last-child a {
        border-width: 0;
    }
    nav#navbar.navbar-collapse li.active a {
        background-color: transparent;
    }

    nav#navbar li.mobile-menu {
      display: block;
    }

    #header-nav .sign-in{
      display: none;
    }
}

@media (max-width: 767px){  
    #header {
        padding: 0;
    }
    #header .container-fluid {
        padding: 0px 10px;
    }
         
    .grid-row {
        margin: 0 auto;
        max-width: 400px;
    }
    .theme-heading {
        font-size: 50px;
    }
    .btn-cta {
        border-radius: 20px;
        padding: 10px 15px;
    }
    #nav-application #appform .form-control {
        width: 85%;
    }
    .grid-item-overlay {
        max-width: 255px;
        max-height: 255px;
        margin: 20px auto 0 auto !important;
    }
}


@media (max-width: 415px) {
    div.instructions>ul {
        padding-left: 15px;
    }
    body form[name=searchform] #nav-jobsearch select.form-control,
    form[name=emailform] #nav-alert .form-group select.form-control {
        height: 37px;
    }
    #wrapper #appform_wrapper .formClient.formio-form .uppy-Dashboard .uppy-DashboardAddFiles span::before{
      white-space: break-spaces;
    }
}   

/*App summary empty error message
#nav-app-summary .warning p.alert.alert-danger {
  display: none;
}*/

.highlighted-box{
  margin: 12px;
 
  background-color: rgb(233, 233, 233);
  padding: 25px 16px;

  h3{
    font-size: 28px;
    margin-bottom: 22px;
  }

  p{
    font-size: 16px;
  }
}