html {
  height: 100%;
  overflow-x: hidden; 
}

body,
.jobDesc p,
.jobDesc li,
#widget-stats {
    color: #222;
     font-family: Arial, sans-serif, "Open Sans Bold" ,"Helvetica Neue",Helvetica;
}


body {
  position: relative;
  min-height: 100%;
  background-color: #f7f7f7;
}

#wrapper {
  margin: 0 auto;
  min-height: 100%;  
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  padding-bottom: 150px;
}

@media(max-width:659px){
  #wrapper{
    padding-bottom:300px;
  }
}

.h1,
.h2,
.h3,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.1;
    color: #1d436f;
    font-weight: 500;
    font-family: Arial, sans-serif, "Open Sans Bold" ,"Helvetica Neue",Helvetica;
}

h1,.h1 {
  font-size: 52px;
  line-height: 64.8px;
}
h2, .h2{
  line-height: 40px;
  font-size: 35px;
  text-transform: none;
}
h4,
.h4 {
    color: #333;
}

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

h5 {
    font-size: 18px
}

.main-paragraph,
.profile-message {
  font-family: Arial, sans-serif, "Open Sans Bold", "Helvetica Neue", Helvetica;
  font-size: 24px;
  line-height: 34px;
  margin: 0 0 1em 0;
}

@media (max-width: 736px) {
h1,.h1 {
  line-height: 40px;
  font-size: 35px;
  text-transform: none;
}
h2, .h2{
  line-height: 32px;
  font-size: 28px;
  text-transform: none;
}
h4,
.h4 {
    color: #333;
}

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

h5 {
    font-size: 18px
}
.main-paragraph,.profile-message { 
  font-size: 18px;
  line-height: 24px;
}

}

.text {
    font-size: 1.2em;
}

a {
    color: #000;
}

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

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

.theme-pointer {
    cursor: pointer;
}

.theme-text {
    color: #44494b;
}

.theme-color {
    color: #00767d;
}

.theme-bg {
    color: #1d436f;
    border-color:  #1d436f;
}

circle.theme-hover,
.ISlink {
    border: none;
}

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

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: #000;
    border: medium none;
}

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

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

.home-footer-social a:hover i {
    color: #71c5e8;
}

.theme-heading {
    color: #161f28;
    z-index: 10;
    background-image: linear-gradient(to right, rgb(148, 193, 46), rgb(4, 187, 241), rgb(29, 67, 112));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 900;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

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

.widget-section h2 {
    /*     text-align: center; */
    margin-bottom: 25px;
}

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

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

/* buttons */
.btn{
  border-radius: 0px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn.active.focus {
    outline: 2px dotted #000;
    outline-offset: 0px;
}

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

.rasp_button,
.btn-success,
.btn-primary {
    background-color: #04BBF1;
    color: #ffffff;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    text-decoration: none;
}

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

.btn-cta {
    border-radius: 24px;
    line-height: 18px;
    padding: 10px 25px;
}

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

.rasp_button:hover,
.rasp_button:focus,
.rasp_button.focus,
.rasp_button:active,
.rasp_button.active,
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.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: #1d436f;
    border-color: #1d436f;
}

.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: #1d436f;
    border-color: #1d436f;
}

.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: #1d436f;
    border-color: #1d436f;
}

.btn-default,
.buttons {
    background-color: #fff;
    border-color: #161f28;
    color: #161f28;
    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: none repeat scroll 0 0 #4f5d5c;
    border-color: #4f5d5c;
    color: #ffffff;
}

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


/*Sidebar*/

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


/*Customizing default.css*/

@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;
    }
}

@media (max-width: 768px) {
    /**/
    #header {
        padding: 0;
    }
    #header .container-fluid {
        padding: 0px 10px;
    }
    .grid-row {
        margin: 0 auto;
        max-width: 400px;
    }
}

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

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



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

.candidate_portal .job-panel-container .ui-accordion-header{
    background-color:#1d436f;
    border-top:solid 3px #1d436f !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:#1d436f;
}

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

.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:#000;
}

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: #161f28;
    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: 0px medium transparent;
}

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

#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: 0px medium transparent;
}

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

#navbar {
    min-height: 0px;
    clear: none;
}

.navbar-inverse .navbar-toggle {
    border: none;
}

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

.bottom-nav,
nav#navbar {
    background-color: transparent;
}

#navbar.navbar-inverse .navbar-nav>li>a,
.navbar-inverse .navbar-nav>li>button {
    color: #000;
    background-color: transparent;
    padding: 0;
    margin: 0 24px;
    border: none;
    line-height: 1.5rem;
    font-size: 14px;
    position: relative;
    list-style-type: none;
    font-weight: 700;
    
}
.navbar-nav li{
  border-bottom: 0;
}
.navbar-nav li:hover, .navbar-nav li.active, .navbar-nav li.active:hover {
    border-bottom: 0;
}

nav#navbar .container {
    padding-top: 0;
    padding-bottom: 0;
}

.navbar-toggle .icon-bar {
    width: 25px;
    position: relative;
    transition: transform 0.2s;
    transform-origin: left center;
    transform: rotate(0deg);
    height: 2.5px;
}

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

.icon-bar:nth-of-type(2) {
    height: 2.5px;
    width: 20px;
}

.navbar-toggle.active span:nth-of-type(1) {
    transform: rotate(45deg);
    height: 2.75px;
    width: 24.5px;
}

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

.navbar-toggle.active span:nth-of-type(3) {
    transform: rotate(-45deg);
    margin-top: 6.4px;
    height: 2.75px;
    width: 24.5px;
}

.navbar-header .navbar-toggle .icon-bar {
    background-color: #1d436f;
}


.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{
  background: #fafbfc;
}

#header .navbar-brand {
    float: none;
    height:100%;
    z-index: 1000;
    position: relative;
    padding:0;
    max-width: 212px;
}

#header .navbar-brand > img{
  max-width:100%;
}

.upper-header{
  height: 30px;
  background: #f7f7f7;
  color: #000;
  display: none;
  font-weight:700;
  font-size: 17px;
  line-height: 20px;
  padding-top: 5px;
}

.bottom-header {
  height: 18px;
  background-image: linear-gradient(to right, rgb(148, 193, 46), rgb(4, 187, 241), rgb(29, 67, 112));
  color: #FFF;
  font-weight: 700;
  font-size: 17px;
  padding-top: 0;
}



#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: 20px 0px;
    border-top: none;
    border-bottom: none;
    display: block;
    width: 100%;
    text-align: left;
    text-transform: none;
    font-weight: 400;
    font-size: 15px;
}


.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
  border-color:transparent;
}

nav.bottom-nav{
  padding: 0;
}
header .container-fluid{
    padding:0;
}


ul.navbar-nav {
    margin: 0;
    height: 90px;
    padding-bottom: 26px;
}

@media (max-width:1024px){
  
  #navbar.navbar-inverse .navbar-nav > li {
    background:#FFF;
  }
  
  #navbar.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > button{
     margin:0;
     
  }
  
  .navbar-nav, #navbar{ 
    float:none!important;
    margin-top: 0;
  }
  .navbar-toggle {
    margin: 0;
    padding: 11px 0;
    height: 100%;
    border-radius: 0;
  }
    
  .navbar-toggle.active {
    padding: 9px 0;
  }
  .navbar-nav li, .navbar-nav li:focus, .navbar-nav li:hover, .navbar-nav li:active{
    border-bottom: none;
  }

  .bottom-header{
    position: absolute;
    width: 100%;
    z-index: 1000;
    top: 62px;
  }

  ul.navbar-nav {
    padding-top: 27px;
    height: auto;
    padding-bottom: 0;
  }

  .main-header {
    min-height: 70px;
    border-bottom: 1px solid #CCC;
    margin-top: 10px;
  }

  #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: 10px 0;
    line-height: 20px;
  }

  #navbar.navbar-inverse .navbar-collapse.in li:first-child a, #navbar.navbar-inverse .navbar-collapse.collapsing li:first-child a{
    padding-top: 20px;
  }
   #navbar.navbar-inverse .navbar-collapse.in li:last-child a, #navbar.navbar-inverse .navbar-collapse.collapsing li:last-child a{
    padding-bottom: 20px;
  }


}

@media(max-width:1199px){
  .navbar-brand>img {
    display: block;
    height: 39px;
  }
}

@media(min-width:1025px) and (max-width:1199px){
  #header .navbar-brand {
    margin-top: 29px;
  }

  #navbar.navbar-inverse .navbar-nav>li>a,
  .navbar-inverse .navbar-nav>li>button{
    margin: 0 20px;
  }
}
@media (min-width:1025px){
  ul.navbar-nav {
    height: 84px;
    padding-bottom: 20px;
    display: table;
  }
  .navbar-inverse .navbar-nav > li {
    padding-bottom: 0;
    display: table-cell;
    height: 58px;
    float: none;
    vertical-align: bottom;
  }
  .upper-header{
    display: block;
  }
  .bottom-header__para{
    display: none;
  }
}
@media(min-width:1200px){
  #header .navbar-brand {
    margin-top: 23px;
  }
}




/*------------------------------------------------
  --------------------- Banner ---------------------
  ------------------------------------------------*/

.widget-banner {
  position: relative;
  background: url(../images/banner.jpg) center center no-repeat #EAEAEA;
  height: 500px;
}

.widget-banner .hero-text{
    width: 100%;
    position: absolute;
    top:35%;
    transform:translateY(-50%);
    text-align: right;
    color:#fff;
}

.widget-banner .hero-text .top-text{
    font-size: 72px;
    line-height:64px;
    font-weight: 300;
    color:#fff;
    margin:0;
    font-family: Arial, sans-serif, "Open Sans Bold" ,"Helvetica Neue",Helvetica;
}

.widget-banner .hero-text .top-text strong{
    font-family: Arial, sans-serif, "Open Sans Bold" ,"Helvetica Neue",Helvetica;
    font-weight: 800;
}
.widget-banner .hero-text .h-line-small span{
    display: inline-block;
    height:3px;
    width:60px;
    background-color: #fff;
    margin: 30px 0 26px;
}

.widget-banner .hero-text .bottom-text span{
    display: block;
    font-size:28px;
    line-height: 32px;
    font-weight: 500;
}

@media (max-width: 736px){
  .widget-banner {
    height: 300px;
    background-size: cover;
  }
}
/*------------------------------------------------
  ------------------ Smart Search ------------------
  ------------------------------------------------*/

.widget-quick-search {
    padding: 5px;
    position: absolute;
    top: 75%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
    width: 100%;
}

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

.widget-quick-search .smart-search-widget {
    margin: 0 auto;
    background-color: #fff;
    border-radius: 4px;
    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: 4px!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: 4px;
    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: Arial, sans-serif, "Open Sans Bold" ,"Helvetica Neue",Helvetica;
}

.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;
}

/*For mobile & tablet*/
@media (max-width: 992px){
  main .widget-quick-search {
    top: initial;
    transform: none;
    padding: 20px 0;
    background: #FFF;
    left: initial;
    bottom: 0;
  }
  
  main .widget-quick-search .smart-search-widget {
    max-width: 100%;
  }
}

/*--------------------------------------------------
---------------Login Page Menu----------------------
--------------------------------------------------*/

.left-column i {
    padding: 0;
    color: #000;
    font-size: 27px;
}



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


/*------------------------------------------------
  --------------------- 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 .facebook {
    background: none;
}

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

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

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

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

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

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

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

.share-this .st_plusone, .share-this .st_facebook, .share-this .st_twitter, .share-this .st_linkedin {
    display: none;
}

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


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

#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;
}


.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: #333;
}

.job-item h3 a {
    color: #021f2f;
    font-weight: 600;
    font-size: 21px;
}

.job-item h2,
.job-item h3 {
    margin-top: 0;
    font-size: 21px;
}

.jobs-list>li {
    padding: 10px 0 30px;
}

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

.info-mark, .loc-mark {
    display: inline-block;
    background-color: #F7F7F7;
    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: #333;
    display: block;
    text-align: left;
    margin-bottom: 7px;
}

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

/*------------------------------------------------
  --------------------- footer ---------------------
  ------------------------------------------------*/

footer {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
    background: #fff;
    padding: 0;
    text-align: left;
}

footer #bottom_footer{
    background-color: #1d436f;
    color: #FFF;
    font-size: 14px;
    padding:15px 0;
}

footer #bottom_footer p{
    margin:0;
}


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

footer ul li {
    display: block;
    margin: 10px 2px;  
}

footer ul li a{
    color: #fff;
    text-decoration: none;
}

footer ul li a:focus, footer ul li a:hover, footer ul li a:active{
  color: #fff;
}

footer ul.menu {
  margin: 0;
  display: inline;
}

footer .link-wrapper{
  width: 320px;
  margin: 0 auto;
  font-size: 13px;
}

@media(min-width:660px){
  footer ul li {
    display: inline;
    margin-bottom: 0;
    padding-right: 10px;
  }

  footer .copy-block{
    float: right;
  }

  footer .link-wrapper{
    width: 100%;
    font-size: 11px;
  }
}

/*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: #000;
    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;
}


/*My profile*/

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

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

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

blockquote {
    display: none;
}

.candidate_portal .profile-actions a {
  margin-right: 10px;
}

@media(min-width:320px) and (max-width:480px) {
  main #widget-content.candidate_portal .change-document-link{
    left: -50%;
  }
}

@media(min-width:481px) and (max-width:767px) {
main #widget-content.candidate_portal .change-document-link {
  width: 63% !important;
  left: 10px;
 }
}
/*App form*/

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



@media (max-width: 768px) {
    #nav-application #appform .form-control {
        width: 85%;
    }
}

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


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

iframe {
    max-width: 100%;
}

main .banner img {
    width: 100%;
}


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

#header {
    background-color: #FFF;
}

.logo-holder {
    padding-top: 30px;
    padding-bottom: 30px;
    width: 230px;
    /*! position: relative; */
    background-color: #fff;
    float: left;
}

.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%;
}

#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.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;
}


/* --------- SLI -----------*/


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

#header {
    height: inherit;
    overflow-x: hidden;
    border-bottom: none;
    position: relative;
}

.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;
}

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

@media (max-width: 576px) {
    /* ------------Left aligned logo on mobile, icons hidden showing text only ------------- */
    #top-nav .circle {
        display: none;
    }
    #top-nav .div {
        display: none;
    }
    #top-nav a.fa-sm.theme-color {
        clear: both;
        display: block;
        margin: 0 0 15px 0;
    }
    a.navbar-brand.pull-left {
        max-width: 238px !important;
        margin: 0;
    }
    /* ------------Centred logo and header icons on mobile, icons on new line------------- */
    /*	#top-nav {
   width: 100%; text-align:  center; position: relative; clear:  both; margin-left:  10px;
   }
   header#header {
     height: 180px;
   }
   .container-fluid {
     text-align: center !important; position: relative;
   }	
   .container-fluid a.navbar-brand.pull-left {
     float:  none !important; display:  block ; margin:  0 auto; padding:  30px 0 15px 0;
   }
   */
}


/* Sticky Footer */


/* Sticky footer mobile  */

@media (max-width: 1200px) {
    footer .txt-footer {
        text-align: center !important;
    }
    footer .txt-footer a {
        display: inline-block !important;
    }
    .home-footer-social {
        padding: 0 0 25px 0 !important;
    }
    .onboarding_wrapper {
        margin-bottom: 220px;
    }
}

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

.rasp-custom-uploader img {
    max-width: 100%;
}

.ui-dialog{
  background: #FFF;
}

#appform_wrapper .application-edit-actions .rasp-btn:first-child{
  margin-left: 0px;
}

#appform_wrapper .application-edit-actions .rasp-btn {
    float: left;
}

#appform_wrapper .application-edit-actions {
  float: left;
  width: auto;
  text-align: right;
  margin-top: -55px;
}

/*Flex the bottom buttons*/
main #appform_wrapper .application-edit-actions {
  float: left;
  width: 100%;
  text-align: right;
  margin-top: -55px;
}

main #appform_wrapper .formClient.formio-form .list-inline{
  width: auto;
}

#appform_wrapper .card-header .card-title{
  font-family: Arial, sans-serif, "Open Sans Bold" ,"Helvetica Neue",Helvetica;
}
@media (max-width:730px){
  main #appform_wrapper .application-edit-actions .rasp-btn{
    margin-left: 0px;
  }
  
  main #appform_wrapper .application-edit-actions {
    float: none;
    width: 100%;
    text-align: center;
    margin-top: 0px;
    display: flex;
    justify-content: center;
    flex-direction: column-reverse;
  }
  
  main #appform_wrapper .formClient.formio-form .list-inline > li{
    width: 100%;
  }
  
  main #appform_wrapper .formClient.formio-form .list-inline .btn{
    margin-left: 0px;
    width: 100%;
  }
  
  main .application-edit-actions button {
    width: 100%;
    margin-bottom: 15px;
  }
  
  main #appform_wrapper .formClient.formio-form .list-inline{
    float: none;
  }
  
  
}

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


/*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: Arial, sans-serif, "Open Sans Bold" ,"Helvetica Neue",Helvetica;
}

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: Arial, sans-serif, "Open Sans Bold" ,"Helvetica Neue",Helvetica;
}


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

.formio-component-textarea > label {
    display: block;
}

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

.questionLabel {
  background: #FFF;
  padding: 15px;
  border-radius: 4px;
}
#appform_wrapper .formClient.formio-form{
  padding:0;
}
#appform_wrapper .formClient.formio-form .formio-component-qn{
  padding:0;
}

main #appform_wrapper .formClient.formio-form{
  border: none;
}
main #appform_wrapper #formClient.formClient nav{
  border: none;
  background: transparent;
}

main #appform_wrapper .page-item.active .page-link::before, main #appform_wrapper .page-item .page-link:hover::before, main #appform_wrapper .page-item.active .page-link:hover::before {
  background: #1d436f;
  border-color: #1d436f;
}

main #appform_wrapper .page-item .page-link::before{
  border: 1px solid #1d436f;
  color: #000;
}
main #appform_wrapper .page-item .page-link{
  color: #000;
  text-transform: none;
  font-family: Arial, sans-serif, "Open Sans Bold" ,"Helvetica Neue",Helvetica;
  font-size: 16px;
}

main #appform_wrapper .page-item.active .page-link,
main #appform_wrapper .page-item .page-link:hover,
main #appform_wrapper .page-item.active .page-link:hover{
	background:transparent;
	color:#1d436f;
}

main .card-body input[disabled], main .formio-choices.is-disabled{
  margin-left:0px !important;
  width: 100% !important;
}

main .card-body .formio-disabled-input > label{
  float: none !important;
}

main .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload, main .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload:hover{
  background: #1d436f;
}

.ui-button-text-icon-left .ui-button-text {
    padding: 8px 18px;
    background: #1d436f;
    border: none;
    color: #FFF;
}
/**********************************/


/*    END MAIN APPFORM STYLES     */


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

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

.upload-column .buttons {
    background-image: url("/M_images/btn-upload.jpg") !important;
    background-position: 50% center !important;
    background-repeat: no-repeat !important;
    padding: 6px 15px !important;
    text-indent: -99999px;
    height: auto !important;
    border-radius: 0px;
}

.form-group table .info {
    color: #ffffff;
    font-family: Arial, sans-serif, "Open Sans Bold" ,"Helvetica Neue",Helvetica;
    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 {
   background-color: #fff;
}

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

.section-subtitle {
    margin: 20px 0;
}

.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;
}


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;
}

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

.navbar-inverse .navbar-nav > li{
  padding-bottom: 0;
}

.btn-shadow {
    box-shadow: -1px 1px 0 rgba(0,0,0,.05);
}

@media(max-width:736px){
  .section-body{
    padding-top: 10px;
  }
}
/*------------------------------------------------
  ------------------- Custom -------------------
  ------------------------------------------------*/
.flex-brand, .flex-header {
    display: flex;
    align-items: center;
    top: 0;
}
.flex-header {
    position: fixed;
    height: 72px;
    width: 100%;
    justify-content: flex-end;
    background-color: #fafbfc;
    z-index: 100;
    max-width: 100%;
    border-bottom: 1px solid #f2f2f2;
}


.flex-brand {
    position: absolute;
    left: 0;
    height: 100%;
    padding: 0 20px;
    background: #fff;
}
.flex-navbar-container{
    width: auto;
    height: 100%;
}
.flex-navbar-nav {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
    padding-left: 0;
    height: 100%;
    list-style: none;
}
.flex-navbar-nav .flex-nav-item {
    position: relative;
    display: flex;
    list-style-type: none;
    align-items: center;
    font-family: Arial, sans-serif, "Open Sans Bold" ,"Helvetica Neue",Helvetica;
    font-weight: 500;
}



#widget-recent-jobs {
  background: #F7F7F7;
}

main .right-column > h4 {
  margin-top: 0px;
}

.mandatory{
  font-family: Arial, sans-serif, "Open Sans Bold" ,"Helvetica Neue",Helvetica;
}

.social-section.form-group {
    text-align: center;
}


div#fb-root, div#linkedIn, div#googleWrapper {
    background: #FFF!important;
}

.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
  background-color: #CCC;
  border-color: #BBB;
  color: #000;
}

#load-more.disabled{
  display: none;
}

.candidate_portal .social-buttons {
  color: #FFF;
}


/**************/
/*Linked social media account layout*/
#fbImage::before {
  content: "Facebook";
}

table.ss_linked_account{
  width: 100%;
}

@media (max-width:992px) {
 table.ss_linked_account tr td:nth-child(1), table.ss_linked_account tr td:nth-child(2), table.ss_linked_account tr td:nth-child(1), table.ss_linked_account tr td:nth-child(3), table.ss_linked_account tr td:nth-child(4) {
      display: block;
  }
  table.ss_linked_account tr td:nth-child(4), table.ss_linked_account tr td:nth-child(5) {
      display: inline;
      margin-right: 10px;
      padding-bottom: 40px;
  }
  table.ss_linked_account tr td:nth-child(3) {
      display: none;
  }
}



/**/
#nav-profile #widget-content.candidate_portal .login-seperator div span{
  font-size: 14px;
}
#nav-profile #widget-content.candidate_portal a.btn.btn-social{
  color: #333;
}
#nav-profile #widget-content.candidate_portal a.btn.btn-social:hover,
#nav-profile #widget-content.candidate_portal a.btn.btn-social:active,
#nav-profile #widget-content.candidate_portal a.btn.btn-social:focus{
  color: #fff;
}