/*Custom CSS*/
/*------------------------------------------------
----------------- Custom Font Styles ----------------
------------------------------------------------*/
/*------------------------------------------------*/
/*Fonts*/
:root {
    --main-colour: #273783;
    --second-colour: #001329;
    --btn-second-colour: #ffc800;

    --header-background: #fff;
    --header-border-colour: #012169;

    --top-navbar-background: #001329;
    --top-navbar-border: #273783;

    --banner-colour: #012169;
    --banner-opacity: #273783bb;

    --dark-blue: #001329;

    --a-skip-colour: #1e2f48;
    --a-skip-background: #fd0;


    --light-grey: #eaeaea;
    --border-grey: #ededed;
    --shade-grey: #f2f6f6;


    --main-font: "Roboto", sans-serif;
    --secondary-font: "Roboto", sans-serif;

    --border-radius: 0px;

}

/*------------------------------------------------
----------------- Body Styles ----------------
------------------------------------------------*/
body,
#widget-stats,
input,
textarea,
select,
option {
    color: var(--text-colour);
}

h1,
h2,
h3,
h4 {
    color: #333;
}

a {
    color: var(--main-colour);
}

p {
    font-family: var(--secondary-font), sans-serif;
    font-weight: 400;
}

a:focus,
a:hover {
    color: var(--main-colour);
    text-decoration: underline;
}

a.skip:focus,
a.skip:active {
    color: var(--a-skip-colour);
    background: var(--a-skip-background);
}

.theme-text {
    color: var(--text-colour);
}

.theme-color {
    color: var(--main-colour);
}

.theme-bg {
    color: var(--main-colour);
    border-color: var(--main-colour);
    transition-duration: 0.4s;
}

.theme-bg:hover {
    background-color: var(--main-colour);
    transition-duration: 0.4s;
    color: #fff;
}

.theme-bg:hover ~ p {
    text-decoration: underline;
}

.theme-bg ~ p {
    font-family: var(--main-font), sans-serif;
    margin: 12px 0 0 0;
}

.circle.theme-hover,
.ISlink {
    border: solid 1px var(--main-colour);
}

.theme-hover:hover,
.theme-hover:focus,
.ISlink:hover,
.ISlink:focus {
    color: var(--main-colour);
}

.theme-border {
    border: 1px solid var(--border-grey);
}

.theme-lt-grey-bg {
    background: var(--light-grey) none repeat scroll 0 0;
    padding-bottom: 40px;
}

.theme-heading {
    color: var(--main-colour);
    font-family: var(--main-font), sans-serif;
    margin: 25px 0;
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    padding-bottom: 20px;
    border-bottom: 1px solid #dcdcdc !important;
    padding-left: 0;
}

.theme-tagline {
    font-family: var(--main-font), sans-serif;
    font-size: 1.5rem;
}

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

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

h3.panel-title {
    font-size: 18px;
    color: var(--text-colour);
}

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

@media (max-width: 767px) {
    .theme-heading {
        font-size: 2rem;
        line-height: 3rem;
    }
}

/*------------------------------------------------
----------------- Header tags ----------------
------------------------------------------------*/
h1,
.h1 {
    font-size: 3rem;
    margin-bottom: 1.875rem;
    line-height: 3.2rem;
    font-weight: 700;
    font-family: var(--main-font), sans-serif;
}

h2,
.h2 {
    font-size: 2rem;
    line-height: 2.2rem;
    margin-bottom: 1.25rem;
    font-weight: 700;
    font-family: var(--main-font), sans-serif;
}

h3,
.h3 {
    font-size: 1.625rem;
    line-height: 1.875rem;
    margin-bottom: 0.625rem;
    font-weight: 700;
    font-family: var(--main-font), sans-serif;
}

h4,
.h4 {
    font-size: 1.3rem;
    line-height: 1.5rem;
}

h5,
.h5 {
    font-size: 1.125rem;
    line-height: 1.375rem;
}

h6,
.h6 {
    font-size: 1rem;
    line-height: 1.25rem;
}

@media (max-width: 736px) {

    h1,
    .h1 {
        font-size: 2rem;
        line-height: 2.2rem;
        margin-bottom: 1.25rem;
    }

    h2,
    .h2 {
        font-size: 1.625rem;
        line-height: 1.875rem;
        margin-bottom: 0.625rem;
    }

    h3,
    .h3 {
        font-size: 1.3rem;
        line-height: 1.5rem;
    }

    h4,
    .h4 {
        font-size: 1.125rem;
        line-height: 1.375rem;
    }

    h5,
    .h5 {
        font-size: 1rem;
        line-height: 1.25rem;
    }

    h6,
    .h6 {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
}

h1,
h2,
h3,
h4,
h5 a {
    font-family: var(--main-font), sans-serif;
}

.mandatory {
    color: red;
    font-size: 18px !important;
    font-weight: normal;
}

.mandatory-asterisk {
    font-size: 18px !important;
    left: 3px !important;
}

input.form-control,
main #widget-content .form-group .col-md-6 .input-field,
main #widget-content .form-group .col-md-6 a:not(.theme-color) {
    padding: 8px 15px !important;
    height: 40px !important;
    min-height: unset !important;
    display: block !important;
    width: 100% !important;
    border: 1px solid #dcdcdc !important;
    background-color: white;
    border-radius: 5px;
    margin: 0 !important;
}

#rs-btn-search {
    width: 100px;
    background-color: #273783;
    background-size: 200% auto;
    background-position: 100%;
    transition: .5s;
    font-weight: 600;
    font-size: 18px;
    padding: 0;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: .3rem;
    color: #ffffff;
    border: none;
    margin: 0 0 0 -1px !important;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 400;
    height: 40px;
}

select.form-control:not(form[name="emailform"] select.form-control) {
    padding: .375rem 2.25rem .375rem 15px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 40px !important;
    width: 100% !important;
    min-height: unset !important;
    margin: 0 !important;
}

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

.border-top-split {
    border-top: solid 1px var(--border-grey);
}

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

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

/*------------------------------------------------
------------------- Section -------------------
------------------------------------------------*/
.section-shade {
    background-color: var(--shade-grey);
}

.section-subtitle {
    color: var(--text-colour);
}

/*------------------------------------------------
------------------- Buttons -------------------
------------------------------------------------*/

.rasp_button,
html .btn.btn-success,
.btn-primary,
#hSearchModal .search-hierarchy-dialog .modal-footer .btn.btn-success {
    background-color: var(--main-colour);
    border: 1px solid var(--main-colour);
    color: #fff !important;
    margin: 0 0 0 10px !important;
}

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

.btn {
    padding: 8px 18px !important;
    font-size: 14px !important;
    margin: 0 0 0 10px !important;
    border-radius: 4px !important;
}

a.ui-priority-secondary {
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    padding: 8px 18px !important;
    font-size: 14px !important;
    margin: 0 0 0 10px !important;
    border-radius: 4px !important;
}

.rasp_button:hover,
.rasp_button:focus,
.rasp_button:active,
.rasp_button.focus,
.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,
#hSearchModal .search-hierarchy-dialog .modal-footer .btn.btn-success:hover,
#hSearchModal .search-hierarchy-dialog .modal-footer .btn.btn-success:focus {
    background-color: var(--btn-second-colour);
    border-color: var(--btn-second-colour);
}

.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,
.buttons:hover,
.buttons:focus {
    background-color: var(--main-colour);
    border-color: var(--main-colour);
    color: #fff !important;
}

.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: var(--main-colour);
    border-color: var(--main-colour);
}

.btn.btn-default,
#hSearchModal .search-hierarchy-dialog .modal-footer .btn.btn-default,
.buttons,
a.ui-priority-secondary {
    background-color: transparent;
    border: 1px solid var(--main-colour);
    color: var(--main-colour) !important;
}

.button:active,
.button:focus,
.button:hover {
    background: none repeat scroll 0 0 var(--main-colour);
    border-color: var(--main-colour);
    color: #fff;
}

.left-column i {
    color: var(--main-colour);
}

input.view,
input.storenext,
input.refine,
input.expire,
input.reset,
input.editprofile,
input.deleteprofile,
input.saveprofile,
input.test,
input.sendpwd,
input.apply {
    background: var(--main-colour) none repeat scroll 0 0;
    width: inherit;
}

.btn-default.active,
.btn-default.focus,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
#hSearchModal .search-hierarchy-dialog .modal-footer .btn.btn-default:hover,
#hSearchModal .search-hierarchy-dialog .modal-footer .btn.btn-default:default,
.open > .dropdown-toggle.btn-default,
a.ui-priority-secondary:hover,
a.ui-priority-secondary:focus,
a.ui-priority-secondary:active {
    background-color: var(--main-colour);
    color: #fff !important;
}

@media (max-width: 767px) {
    .btn-cta {
        border-radius: 20px;
        padding: 10px 15px;
    }
}

/*------------------------------------------------
-------------------- Header --------------------
------------------------------------------------*/
#header {
    background-color: var(--header-background);
    border-bottom: 1px solid var(--header-border-colour);
}

.logo-holder {
    width: 179px;
    padding: 20px 0;
    margin-top: -20px;
    margin-left: 0;
}

.logo {
    /* background: rgba(0, 0, 0, 0) url("../shared-assets/images/logo_1.png") no-repeat scroll 0 0; */
    height: 66px;
    margin: 20px 0;
    width: 200px;
}

#header .navbar-header .logo-holder img {
    height: 50px;
    width: 165px;
}

#top-navbar {
    display: flex;
    align-items: center;
    background: var(--top-navbar-background);
    border-top: 5px solid var(--top-navbar-border);
    padding: 12px 0px;
}

#top-navbar .row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    color: var(--banner-colour);
    var(--banner-colour);
    font-weight: normal;
}

#top-navbar a {
    text-decoration: underline;
}

#top-navbar > div {
    justify-content: flex-end;
}

.top-navbar-right {
    display: flex;
    justify-content: end;
}

.top-navbar-right .nav {
    margin-top: 0;
}

#menu_sign_in,
#menu_register {
    padding: 7px 22px !important;
    background-color: #012169 !important;
    border-color: var(--main-colour);
    color: #fff;
    text-transform: uppercase;
    text-decoration: none !important;
    font-weight: 600;
    border-radius: 0 !important;
    font-size: 13px !important;
    line-height: normal;
}

#AllJobsSection .refine-search-container #btn-search {
    border: 0 !important;
    border-left-width: 0px;
    border-left-style: none;
    border-left-color: currentcolor;
    top: 1px;
    border-left: 1px solid #dcdcdc !important;
    border-radius: 0 !important;
    background: #fbfbfb;
    height: 38px;
    right: 4px;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}
}

#menu_sign_in:hover,
#menu_sign_in:focus,
#menu_register:hover,
#menu_register:focus {
    background-color: #012169 !important;
    border-color: var(--main-colour);
    color: #fff;
}

#menu_register {
    margin: 0 0 0 15px;
}

.signin-link {
    padding: 5px;
}

/*dropdown nav*/
.navbar-right .profile-dropdown .dropdown-toggle .fa {
    border: 1px solid #fff;
    font-size: 17px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px;
    margin: -20px 4px;
}

.navbar-right .profile-dropdown .dropdown-toggle:hover .fa {
    border: 1px solid #613790;
}

.navbar-right .profile-dropdown .dropdown-menu {
    min-width: 200px;
    padding: 0;
}

.navbar-right .profile-dropdown .dropdown-menu li {
    margin-left: 0 !important;
}

.navbar-right .profile-dropdown > .dropdown-menu > li > a {
    color: #293035 !important;
    font-size: 16px;
    padding: 8px 20px;
    background: #fff !important;
}

.navbar-right .profile-dropdown .dropdown-menu a:hover {
    background: #f5f5f5 !important;
}

.navbar-right .profile-dropdown .dropdown-menu a .fa {
    color: #293035;
    font-size: 20px;
    margin-right: 10px;
    opacity: .8;
}

.signin-link-icon {
    position: absolute;
    right: -17px;
    top: 0;
    font-size: 17px;
    line-height: 2;
}

@media only screen and (max-width: 767px) {
    header#header .navbar-header .flex-container {
        margin: 0;
    }

    .container-custom .widget-banner {
        margin-bottom: 40px;
    }

    .container-custom section#nav-application {
        padding: 0 15px;
    }
}

@media(max-width: 1024px) {
    .logo-holder {
        width: 142px;
    }

    .navbar-header {
        padding: 10px;
    }

    #header .bottom-navbar .navbar-nav.navbar-right > li > a {
        padding: 10px !important;
    }
}

@media (max-width:1200px) {
    #top-navbar > div {
        width: 100%;
    }
}

/*------------------------------------------------
------------------- Navigation -------------------
------------------------------------------------*/
.flex-container .nav.navbar-nav {
    flex-wrap: wrap;
}

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

nav#navbar .nav-pills > li.active > a,
nav#navbar .nav-pills > li.active > a:hover,
nav#navbar.nav-pills > li.active > a:focus {
    background-color: var(--main-colour);
}

nav#navbar .navbar-nav > .active > a,
nav#navbar .navbar-nav > .active > a:focus,
nav#navbar .navbar-nav > .active > a:hover {
    border-bottom: solid 3px transparent;
    color: #fff !important;
}

#navbar.navbar .btn.btn-cta {
    background-color: var(--main-colour);
    border: 1px solid var(--main-colour);
}

#navbar.navbar .btn.btn-cta:hover,
#navbar.navbar .btn.btn-cta:focus {
    border: 1px solid var(--main-colour);
    color: var(--main-colour);
}

.navbar a {
    text-decoration: none;
    color: #fff;
}

nav#navbar {
    background-color: #fff;
}

/*Menu items colour*/
#navbar.navbar .navbar-nav > li > a,
#navbar.navbar .navbar-nav > li > button {
    color: var(--second-colour);
    font-family: var(--main-font), arial;
    font-weight: 600;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    text-transform: uppercase;
    line-height: 18px;
    padding: 38px 0;
    font-size: 15px;
    font-weight: 500;
}

/*Menu colour*/
nav#navbar .navbar-toggle .icon-bar {
    background-color: var(--main-colour);
}

.navbar-toggle .icon-bar {
    background-color: var(--main-colour);
}

nav#navbar .navbar-nav.navbar-right > li > a i {
    font-size: 16px;
    vertical-align: unset;
    margin-right: 5px;
}

#navbar.navbar .navbar-nav > li > a:focus,
#navbar.navbar .navbar-nav > li > a:hover,
nav#navbar .navbar-collapse li.dropdown button.dropdown-toggle.signin-link:hover,
nav#navbar .navbar-collapse li.dropdown button.dropdown-toggle.signin-link:focus {
    border-top: 3px solid var(--main-colour);
    color: var(--main-colour);
    border-bottom: 3px solid transparent;
}

#navbar.navbar .navbar-nav > .active > a,
#navbar.navbar .navbar-nav > .active > a:focus,
#navbar.navbar .navbar-nav > .active > a:hover {
    border-bottom: 3px solid transparent;
}

#navbar.navbar .navbar-collapse.in li a,
#navbar.navbar .navbar-collapse.in li a:hover,
#navbar.navbar .navbar-collapse.in li a:focus,
#navbar.navbar .navbar-collapse.in li a,
#navbar.navbar .navbar-collapse.collapsing li a,
#navbar.navbar .navbar-collapse.in li button,
#navbar.navbar .navbar-collapse.collapsing li button {
    border-top: 3px solid transparent;
    background: transparent;
    padding-left: 0;
}

#navbar.navbar .navbar-collapse li.dropdown .dropdown-menu li a:hover,
#navbar.navbar .navbar-collapse li.dropdown .dropdown-menu li a:focus {
    color: var(--main-colour);
}

@media(max-width:1024px) {

    .navbar-collapse .navbar-nav li:hover,
    .navbar-collapse .navbar-nav li:focus,
    .navbar-collapse .navbar-nav li.active,
    .dropdown-menu > .active > a,
    .dropdown-menu > .active > a:hover,
    .dropdown-menu > .active > a:focus {
        background: transparent;
    }

}

@media(min-width:1025px) {
    #navbar {
        min-height: 40px;
    }

    #navbar.navbar .navbar-nav > li {
        margin: 0 0 0 .5rem;
    }
}

@media (max-width: 1200px) {
    .flex-container {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
}

/*------------------------------------------------
--------------------- Banner ---------------------
------------------------------------------------*/
.widget-banner {
    background: var(--main-colour);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.widget-banner img.img-responsive {
    width: 100%;
    height: 420px;
    object-fit: cover;
    object-position: center center;
}

.widget-banner .hero-wrap-home {
    position: absolute;
    color: #fff;
    width: 100%
}

.widget-banner .hero-wrap-home h1 {

    color: #fff;
    margin-top: 0;
}

.widget-banner .hero-wrap-home .hero-controls-home {
    background-color: var(--banner-opacity);
    padding: 40px 100px;
}

.widget-banner .hero-controls-home p {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 48px;
}

.widget-banner .hero-controls-home .btn,
.widget-banner .hero-controls-home .btn:hover,
.widget-banner .hero-controls-home .btn:focus {
    background-color: #fff;
    color: var(--main-colour);
    border-color: transparent;
    font-weight: 500;
    border-radius: 0;
    font-size: 15px;
    padding: 15px 50px 15px 50px;
}

.widget-banner .hero-wrap-home form {
    /* display: flex; */
    z-index: 999999;
}

.widget-banner .hero-wrap-home form input {
    border-radius: 0;
}

.widget-banner .hero-wrap-home form button {
    border-radius: 0;
    border: 0;
}

@media only screen and (max-width: 1507px) {
    .hero-controls-home h1 {
        font-size: 35px;
    }
}

@media only screen and (max-width: 1189px) {
    .hero-controls-home h1 {
        font-size: 25px;
    }
}

@media only screen and (max-width: 945px) {
    .hero-controls-home h1 {
        font-size: 20px;
    }
}

@media only screen and (max-width:581px) {
    .widget-banner .hero-wrap-home form {
        flex-direction: column;
        gap: 5px;
    }

    .widget-banner .hero-wrap-home .hero-controls-home {
        padding: 10px 10px;
    }
}

@media only screen and (min-width: 1441px) and (max-width: 1920px) {
    .widget-banner img.img-responsive {
        height: 650px;
    }
}

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

#content-panels .panel-1 {
    margin: 10px 0 35px;
    padding: 56.25% 0 0 0;
    position: relative;
}

#content-panels .panel-2 {
    margin: 10px 0 35px;
    padding: 56.25% 0 0 0;
    position: relative;
}

#content-panels .panel-1 img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#content-panels .panel-2 img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#content-panels .panel-3 {
    margin: 35px 0 35px;
    padding: 56.25% 0 0 0;
    position: relative;
}

#content-panels .panel-3 img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* talent communtiy */
.join-talent-comm {
    background-color: var(--banner-colour);
    padding: 20px 0px;
    text-align: center;
}

.join-talent-comm .content-join {
    padding: 60px 0px;
}

.join-talent-comm .content-join h4 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 48px;
    color: #fff;
}

.join-talent-comm .content-join a {
    background: #ffffff;
    color: var(--banner-colour);
    padding: 15px 50px 15px 50px;
    font-size: 15px;
    border-radius: 0;
    font-weight: 600;
}

/*GY EQUAL OPPORTUNITY CSS*/
.gy-equal-opportunity-employer-block {
    padding: 40px 0;
}

.gy-equal-opportunity-employer-block p a {
    color: var(--main-colour);
    text-decoration: underline;
    font-weight: bold;
}

.gy-equal-opportunity-employer-block #militaryForbesImages {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}

.gy-equal-opportunity-employer-block #militaryForbesImages img {
    max-width: 100%;
}

@media only screen and (max-width: 767px) {
    .gy-equal-opportunity-employer-block #militaryForbesImages {
        gap: 12px;
    }

    .gy-equal-opportunity-employer-block #militaryForbesImages img {
        max-width: 150px;
    }
}

/*GY EQUAL OPPORTUNITY CSS ENDS HERE*/

/*------------------------------------------------
-------------- Smart/Quick Search --------------
------------------------------------------------*/
.widget-quick-search {
    background: transparent;

}

.widget-banner .widget-quick-search {
    width: 100%;
}

.widget-banner .widget-quick-search .container {
    width: 100%;
}

.widget-banner .widget-quick-search .container .row.multi-level {
    width: 100%;
}

.widget-quick-search h2 {
    color: var(--main-colour);
}

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

.widget-banner .quick-search-widget {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
}

.quick-search-widget .form-group {
    width: auto;
    padding: 0;
    margin: 0;
}

@media only screen and (max-width: 767px) {
    .quick-search-widget {
        flex-wrap: wrap;
        gap: 6px;
    }
}

@media screen and (max-width:992px) {
    .widget-banner .widget-quick-search .row.multi-level {
        display: flex;
        flex-direction: column;
        width: 100%;

        justify-content: center;
    }

    .widget-banner .widget-quick-search form {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

@media(min-width: 1025px) {
    .widget-banner .widget-quick-search {
        position: relative;
        top: 0;
        z-index: 100;
        width: 100%;
        background: transparent;
    }
}

/*-----------------------------------------------
------------------ Nav 
------------------------------------------------*/

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

#nav-jobdetails .jobDesc p,
#nav-jobdetails .jobDesc li {
    color: var(--text-colour);
}

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

table#rasp_jobdetails {
    width: 100%;
}

#JobAdv .section-heading,
#JobAdv .section-subheading {
    border: 0;
}

#JobAdv .section-heading ~ .section-line {
    border: 0;
}

#JobAdv .section-footer {
    padding-bottom: 64px;
}

@media only screen and (max-width: 767px) {
    #JobAdv .section-footer {
        padding-bottom: 24px;
    }
}

/*------------------------------------------------
------------------ Job listings  -----------------
------------------------------------------------*/
.jobs-list .job-item:hover {
    background-color: #fbfbfb;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12), 0 0 1px rgba(0, 0, 0, 0.24) !important;
}

@media only screen and (max-width: 767px) {
    ul.jobs-list {
        padding: 0;
    }
}

/*------------------------------------------------
------------------ Job Subscription  -----------------
------------------------------------------------*/
.notify-jobs-content .input-group input:hover,
.notify-jobs-content .input-group input:focus {
    border-color: var(--main-colour);
}

/*------------------------------------------------
----------------- login template -----------------
------------------------------------------------*/
.main-paragraph {
    color: var(--text-colour);
}

#jobs-heading.main-paragraph {
    color: var(--text-colour);
    margin-top: 0;
    padding: 10px;
    color: #31708f;
    border-color: #bce8f1;
    border: 1px solid transparent;
    background-color: #d9edf7;
    border-radius: 4px;
}

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

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

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

.video-wrapper {
    text-align: center;
    width: 100%;
}

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

/*Legacy Register*/
.register-checkbox-container {
    overflow: hidden;
}

.registration-acknowledgement {
    width: 80%;
}

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

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

.box-item--left i {
    color: var(--main-colour);
}

/*------------------------------------------------
------------------- onboarding -------------------
------------------------------------------------*/
.candidate_portal .job-panel-container .ui-accordion-header {
    background-color: var(--main-colour);
    border-top: solid 3px var(--main-colour);
}

.candidate_portal .job-panel-container .ui-accordion-header .ui-icon.ui-icon-triangle-1-s::before {
    color: var(--main-colour);
}

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

.candidate_portal h3 {
    color: var(--text-colour);
}

.onboarding .right-column {
    border-radius: var(--border-radius);
}

.onboarding .right-column a {
    background-color: var(--main-colour);
    border-radius: var(--border-radius);
    color: #fff;
}

/*------------------------------------------------
------------------- App form -------------------
------------------------------------------------*/
#appform_wrapper .jobTitleWrapper .theme-heading {
    margin: 40px 0 40px 0;
}

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

#nav-profile #widget-content.candidate_portal a.btn-primary:hover {
    background: var(--main-colour);
}

/*------------------------------------------------
------------------- General Forms -------------------
------------------------------------------------*/
div.form-group div.sub-heading {
    color: var(--main-colour);
}

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

/*Above footer*/
.footer-top-block {
    color: #4a4a4a;
    padding: 48px 0;
    background: #fff;
}

.footer-top-block h3 {
    margin-bottom: 24px;
    font-family: var(--main-font), Arial;
    font-size: 22px;
    font-weight: 500;
    line-height: 27px;
    color: #555759
}

.footer-top-block p {
    line-height: 26px;
}

footer {
    background-color: transparent;
    color: #fff;
    font-family: var(--main-font), sans-serif;
    border-top: 41px solid #012169;
    padding: 0 !important;
}

footer .footer-upper {
    border-bottom: 1px solid #ffffff40;
    align-items: end;
}

footer .footer-nav.footer-item li a {
    color: #fff;
    font-family: var(--main-font), sans-serif;
}

footer .footer-bottom {
    padding: 24px 0 24px 0;
}

footer .poweredby a::before {
    color: #fff;
}

footer .poweredby {
    border-top: 1px solid #ffffff40;
}

footer .poweredby img {
    filter: invert(100%) contrast(100%) brightness(200);
}

footer .btn-social-icon i {
    color: #fff;
}

.footer-social ul li {
    margin-left: 30px;
}

footer .footer-breaker {
    padding: 48px 0;
    background-color: var(--main-colour);
}

footer .footer-wrap {
    padding-bottom: 40px;
}

footer .footer-wrap .footer-box h4 {
    text-align: center;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 40px;
    font-family: "robotoregular", Arial, sans-serif;
}

footer .footer-wrap #registerFooter {
    line-height: 22px;
    transition: .5s;
    text-decoration: none;
    text-align: center;
    display: grid;
    align-items: center;
    margin: 0 auto !important;
    justify-content: center;
    max-width: fit-content;
    background: #ffffff;
    color: #012169 !important;
    padding: 13px 50px 13px 50px !important;
    font-size: 16px !important;
    font-family: 'robotoregular', sans-serif;
    border-radius: 0 !important;
    font-weight: 600;
    border: 1px solid #012169 !important;
}

footer .footer-wrap #registerFooter:hover {
    transition: .5s;
    background-position: 0%;
    /*background: #012169;
    color: #fff !important;
    border: 1px solid #fff !important;*/
}

footer .footer-wrap .footer-logo-block .footer-image {
    margin-bottom: 16px;
}

footer .footer-wrap p + p {
    margin-top: 24px;
}

footer .footer-wrap .footer-nav h3 {
    text-transform: uppercase;
    margin-bottom: 24px;
}

footer .footer-wrap .footer-nav ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

footer .footer-wrap .footer-nav ul li a {
    color: white;
    line-height: 1.6 !important;
}

footer .footer-wrap .footer-nav ul li a:hover,
footer .footer-wrap .footer-nav ul li a:focus {
    line-height: 1.6 !important;
    text-decoration: none !important;
}

footer .footer-wrap-copyright-social {
    background-color: #464646;
    padding: 32px 0px;
    font-size: 16px;
}

footer .footer-wrap-copyright-social .footer-social-block {
    display: flex;
    gap: 24px;
    align-items: center;
    justify-content: flex-end;
}

footer .footer-wrap-copyright-social .copytext-block li {
    padding-bottom: 0px;
    padding-right: 8px;
}

footer .footer-wrap-copyright-social .copytext-block li a {
    margin-bottom: 8px;
    padding-right: 12px;
    border-right: 1px solid;
    text-decoration: none;
}

footer .footer-wrap-copyright-social .copytext-block li a:hover,
footer .footer-wrap-copyright-social .copytext-block li a:focus {
    text-decoration: none;
}

footer a:hover,
footer a:focus {
    color: #551A8B !important;
}

footer .footer-wrap-copyright-social .copytext-block li:last-child a {
    border-right: none;
}

footer .footer-wrap-copyright-social .copytext-block p {
    margin: 0px;
    padding-bottom: 16px;
}

footer .footer-wrap-copyright-social .footer-social-block li a {
    color: white;
    font-size: 25px;
    line-height: 52px;
}

footer .footer-wrap-copyright-social .footer-social-block li a:hover,
footer .footer-wrap-copyright-social .footer-social-block li a:focus {
    color: #fff !important;
}

footer .footer-wrap p a {
    color: white;
    text-decoration: underline;
}

footer .social-media {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    gap: 24px;
}

footer .footer-wrap p a:hover {
    color: var(--main-colour);
}

footer .privacy-links li a {
    color: white;
    text-decoration: underline;
}

footer .privacy-links li a:hover {
    color: #fff
}

/* My Profile */
#nav-profile.active-template #widget-content.candidate_portal #profileContent .panel-heading {
    background-color: #efefef;
    border-left: 1px solid #d3dfe5 !important;
    border-right: 1px solid #d3dfe5 !important;
    border-top: 1px solid #d3dfe5 !important;
    color: #000;
    padding: 16px !important;
    width: 100%;
}

#nav-profile.active-template #widget-content.candidate_portal #profileContent .panel-primary {
    padding: 0 !important;
    border: 0 !important;
}

#nav-profile.active-template #widget-content.candidate_portal #profileContent .panel-primary .panel-body {
    margin: 0 !important;
    border: 1px solid #d3dfe5 !important;
}

#nav-profile.active-template #widget-content.candidate_portal #profileContent .panel-heading h3.panel-title,
#nav-profile.active-template #widget-content.candidate_portal #profileContent .panel-heading h3.panel-title i {
    font-size: 18px !important;
    color: #425563 !important;
    text-transform: capitalize !important;
    line-height: 1;
}

#nav-profile.active-template #widget-content.candidate_portal .profile-actions {
    max-width: 100% !important;
    display: flex;
    flex-flow: row-reverse;
    align-items: center;
}

form[name="emailform"] .section-subheading,
form[name="emailform"] .section-line {
    border: 0 !important;
}

form[name="emailform"] .section-body.bg-clear {
    padding: 0 !important;
}

#nav-profile #widget-content.candidate_portal,
#nav-profile #widget-content.candidate_portal .login-panel .btn {
    margin: 0 !important;
}

#widget-content .form-group label,
section .form-group .control-label {
    font-size: 15px !important;
    color: #333 !important;
    font-weight: normal !important;
}

#nav-profile #widget-content.candidate_portal .login-panel input[id*="candidateEmail"],
#nav-profile #widget-content.candidate_portal .login-panel input[id*="candidatePassword"] {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

#AllJobsSection #widget-content .jobs-list .job-item .row .view-job-btn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    margin-bottom: 10px;
}

#nav-profile #widget-content.candidate_portal .login-panel small a,
#nav-profile #widget-content.candidate_portal .login-panel .right a {
    font-size: 14px;
    font-style: italic;
    color: #878787;
    text-decoration: underline;
    display: flex !important;
    justify-content: flex-end;
    margin-top: 3px;
    margin-left: 5px;
}

#test-results.theme-heading {
    margin: 0 auto;
}

#jobAlert-List .section-body.section-line {
    padding: 0;
}

#jobAlert-List .section-body.section-line #nav-jobdetails {
    padding: 0;
}

form[action*="JnCustomDailyEmail.searchResults"] .section-footer {
    display: none;
}

#nav-profile #widget-content.candidate_portal .login-panel .right a {
    margin-top: 0;
}

#nav-profile #widget-content.candidate_portal .login-panel .right {
    display: flex;
    align-items: center;
}

#nav-profile #widget-content.candidate_portal .login-panel .right span {
    font-size: 15px;
}

.candidate_portal .login-actions .actions-wrapper {
    padding: 0 !important;
}

#copyApp_content .btn.btn-primary,
#copyApp_content .btn.btn-social.btn-previousapp {
    background-color: var(--main-colour) !important;
    border: 1px solid var(--main-colour) !important;
    color: #fff !important;
    margin: 0 !important;
}

#copyApp_content .btn.btn-social.btn-previousapp {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content !important;
}

#copyApp_content .btn.btn-social.btn-previousapp .prefillApptext {
    padding-left: 20px !important;
}

#copyApp_content .col-md-4 {
    width: fit-content !important;
}

#copyApp_content .btn.btn-social.btn-previousapp .fa {
    font-size: 16px !important;
}

#copyApp_content .btn.btn-primary:hover,
#copyApp_content .btn.btn-primary:focus,
#copyApp_content .btn.btn-social.btn-previousapp:hover,
#copyApp_content .btn.btn-social.btn-previousapp:focus {
    background-color: var(--btn-second-colour) !important;
    border-color: var(--btn-second-colour) !important;
}

#nav-application form#appform .form-group,
form[name="emailform"] .section-body .form-group {
    display: flex;
    flex-flow: column;
    padding: 0;
    margin: 0 0 20px 0;
    flex-flow: column;
    width: 100%;
    max-width: calc(50% - 15px) !important;
    position: relative !important;
}

#nav-application form#appform .form-group > *,
form[name="emailform"] .section-body .form-group > * {
    width: 100%;
}

#nav-application form#appform .form-group > .col-sm-6:not(.control-label),
form[name="emailform"] .section-body .form-group > .col-sm-6:not(.control-label) {
    margin-bottom: 0;
}

form[name="emailform"] .section-body .form-group.keyword-info-field,
form[name="emailform"] .section-body .form-group.button-section {
    width: 100%;
    max-width: 100% !important;
    position: relative !important;
}

form[name="emailform"] .section-body > .container {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}

form[name="emailform"] .section-body .form-group .col-md-6,
form[name="emailform"] .section-body .form-group .col-md-12 {
    padding: 0;
}

form[name="emailform"] .section-body .form-group.keyword-info-field .col-md-12 {
    display: flex
}

form[name="emailform"] .section-body .form-group .col-md-6 {
    width: 100% !important;
}

#nav-application form#appform .form-group.app-form-footer {
    display: flex;
    width: 100%;
    max-width: 100% !important;
}

#nav-application form#appform .form-group.app-form-footer input#apply {
    order: 1;
}

#nav-application form#appform .form-group.app-form-footer input#save {
    order: 2;
}

#nav-application form#appform #attachFiles,
#nav-application form#appform #attachFiles .col-md-12 {
    padding: 0;
}

#nav-application form#appform #attachFiles #view-btn .attached-doc-list,
#nav-application .job-info {
    background-color: #f5f5f5 !important;
    border: 1px solid #cdcdcc !important;
    padding: 15px !important;
}

#nav-application form#appform #attachFiles {
    position: relative;
}

#nav-application form#appform #attachFiles .col-md-6 {
    position: absolute;
    text-align: right;
    right: 0;
    width: fit-content;
    padding: 0;
}

#nav-application form#appform .form-group .col-md-6 {
    display: flex;
    align-items: center;
    padding: 0 !important;
    width: 100% !important;
}

#nav-application form#appform fieldset {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}

#nav-application .job-info {
    margin-bottom: 0;
}

#nav-application .job-info span {
    font-weight: 500 !important;
    margin-right: 4px !important;
}

/* My Details */
fieldset legend.form-sub-head {
    border-bottom: 1px solid #dcdcdc !important;
    font-size: 20px !important;
    margin-bottom: 20px !important;
    margin-top: 15px !important;
    padding-bottom: 10px !important;
    font-weight: 500 !important;
    letter-spacing: .5px;
    width: 100% !important;
    color: #555759;
    padding-left: 0;
    padding-right: 0;
}

img.trigger.datepick-trigger {
    display: none;
}

#nav-details .section-body form#userdetails[action*="jncustomlogin.UpdateSettings"] fieldset .row .col-sm-7 {
    width: 100% !important;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}

#nav-details .section-body form#userdetails[action*="jncustomlogin.UpdateSettings"] fieldset .row .col-sm-7 .form-group {
    display: flex;
    padding: 0;
    margin: 0 0 20px 0;
    flex-flow: column;
    width: 100%;
    max-width: calc(50% - 15px) !important;
    position: relative !important;
}

#nav-details .section-body form#userdetails[action*="jncustomlogin.UpdateSettings"] > .form-group > .controls {
    border: 0;
    text-align: unset;
    margin: 20px 0;
    padding: 0;
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: flex-end;
}

.form-group > .controls {
    border: 0 !important;
    text-align: unset;
    margin: 20px 0;
    padding: 0;
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: flex-end;
}

#nav-details .section-body form#userdetails[action*="jncustomlogin.UpdateSettings"] > .form-group > .controls .btn-success {
    order: 1;
}

.combo-search-widget .combo-search-group .skills-field > input#rs_in_skills1 {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

#nav-details .section-body {
    padding-top: 0 !important;
}

#nav-app-summary .section-body .alert-warning.alert {
    margin-top: 0 !important;
}

.section-heading {
    border: 0 !important;
}

.jobs-list.applications {
    display: flex;
    flex-flow: wrap;
    align-items: center;
}

#main section .footer-top-block {
    display: none;
}

#nav-app-summary form.filter-form {
    display: none;
}

#nav-app-summary form#appform .controls input.btn.withdraw {
    pointer-events: none;
    color: #666;
    border-color: #ccc;
    background: #eee;
    opacity: .7;
}

#nav-app-summary form#appform .controls input.btn.withdraw.btn-success {
    pointer-events: auto;
    background-color: var(--main-colour);
    border: 1px solid var(--main-colour);
    color: #fff !important;
    opacity: 1;
}

#nav-app-summary form#appform .controls input.btn.withdraw.btn-success:hover,
#nav-app-summary form#appform .controls input.btn.withdraw.btn-success:focus {
    background-color: var(--btn-second-colour);
    border-color: var(--btn-second-colour);
}

#copyApp_content .panel-heading {
    font-size: 15px !important;
    padding: 15px !important;
}

.jobs-list.applications .job-item {
    width: 100% !important;
    padding: 15px !important;
    border: 1px solid #ccc;
}

.jobs-list.applications .job-header {
    padding: 0;
    display: flex;
    align-items: center;
    position: relative;
}

.jobs-list.applications .job-header .job-withdraw {
    position: absolute;
    top: 5px;
    z-index: 2;
}

.jobs-list.applications .job-header .job-withdraw:before {
    content: "";
    border: 2px solid #8f8f9d;
    background-color: #f5f5f5;
    pointer-events: none;
    padding: 5px;
    z-index: 1;
    position: absolute;
    top: 4px;
    width: 15px;
    height: 15px;
    display: block;
    border-radius: 2px;
    opacity: .5;
}

.jobs-list.applications .job-header .job-withdraw input[type="checkbox"] {
    width: 15px;
    height: 15px;
    position: absolute;
    z-index: 9;
}

.jobs-list.applications .job-header .job-status[data-date-applied*="Draft"] {
    background-color: #6c757d !important;
    color: #fff;
}

.job-item .job-status[data-date-applied="Draft"]::before {
    color: #fff;
}

.jobs-list.applications .job-header .job-status {
    background-color: #28a745;
    color: #fff;
    margin-left: auto;
}

.jobs-list.applications .job-header .job-status.Withdrawn {
    background-color: rgb(255, 193, 7);
}

.jobs-list.applications .job-header .job-title h2.h3 {
    width: fit-content !important;
    flex: unset !important;
}

.jobs-list.applications .job-header .job-title {
    width: 100% !important;
    max-width: calc(100% - 140px) !important;
    flex: unset !important;
    padding-left: 25px;
}

.jobs-list.applications .job-info {
    margin: 0 !important;
}

.jobs-list.applications .job-info > div span {
    color: #666 !important;
}

.jobs-list.applications .job-info > div span:first-of-type {
    font-weight: 500 !important;
}

.jobs-list.applications .job-header .job-title h2.h3 a {
    font-size: 22px !important;
    font-weight: 500;
}

.jobs-list.applications .job-header .job-title h2.h3 a:hover {
    text-decoration: none !important;
}

.job-item .job-status[data-date-applied="Draft"] {
    display: flex;
    align-items: center;
}

#forgottenPwd .modal-dialog {
    max-width: 400px !important;
    width: 100% !important;
}

#forgottenPwd .modal-dialog .modal-content form#sendPasswordForm .modal-body .form-group,
#forgottenPwd .modal-dialog .modal-content form#sendPasswordForm .modal-body .form-group .col-md-12 {
    padding: 0 !important;
    margin: 0 !important;
}

#forgottenPwd .modal-dialog .modal-content form#sendPasswordForm .modal-footer input.btn {
    margin: 0 !important;
    width: fit-content !important;
}

#forgottenPwd .modal-dialog .modal-content .modal-header button.close::after {
    width: 18px !important;
}

#widget-content.candidate_portal .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon.ui-icon-triangle-1-s::before {
    margin-left: 9px;
}

#forgottenPwd .modal-dialog .modal-content .modal-header button.close {
    padding: 15px;
    position: absolute;
    right: 15px !important;
    top: 15px !important;
}

#forgottenPwd .modal-dialog .modal-content .modal-header button.close::before {
    width: 18px !important;
}

/* Footer - TK */
footer .footer-block {
    padding: 40px 0;
}

footer .footer-block h3 {
    margin-bottom: 24px;
    font-family: 'robotomedium', sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 27px;
    color: #555759;
    text-align: center;
}

footer .footer-block a,
footer .footer-block p {
    font-family: 'robotoregular', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}

footer .footer-block a {
    color: #012169;
}

footer .footer-block a:hover {
    color: #012169 !important;
}

footer .footer-block p {
    color: #4a4a4a;
}

footer .d-flex {
    display: flex;
}

footer .align-items-center {
    align-items: center;
}

footer .footer-wrap {
    background: #3e3e3e;
    padding: 40px 0px;
}

footer .footer-wrap.footer-wrap-join {
    background: #012169;
    padding: 40px 0px;
}

/* Footer - TK end */
#header .top-navbar {
    font-family: 'robotoregular', sans-serif;
    background: #ffffff;
    color: var(--banner-colour);
    display: flex;
    align-items: center;
    padding: 15px 0;
    font-weight: 400;
}

#header .top-navbar > .container > .row {
    display: flex;
    align-items: center;
}

#header .top-navbar .lang-list {
    display: flex;
    align-items: center;
    margin-right: 14px;
}

#header .top-navbar .lang-list .dropdown.open ul.dropdown-menu {
    background: white;
    width: 100%;
    padding: 0;
    border: 1px solid #ddd;
    border-radius: 0;
}

#header .top-navbar .lang-list .dropdown a.dropdown-toggle {
    text-decoration: underline;
}

#header .top-navbar .lang-list .dropdown.open ul.dropdown-menu li a {
    padding: 10px;
    background: none;
    color: #262626;
    font-size: 16px;
    width: 100%;
    border-bottom: 1px solid #ddd;
}

#header .bottom-navbar {
    background-color: #012169;
    margin-bottom: 0px;
    box-shadow: none;
    z-index: -1;
}

#header .bottom-navbar > .container {
    padding: 0 !important;
}

#header .bottom-navbar .d-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#header .bottom-navbar .navbar-nav li {
    margin-left: 25px;
}

#header .bottom-navbar .navbar-nav.navbar-right > li > a {
    color: #fff !important;
    position: relative;
    font-weight: 400 !important;
}

#header .bottom-navbar .navbar-nav a:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 3px;
    top: -2px;
    left: 0;
    background: #ffc800;
    opacity: 0;

}

#navbar.navbar .navbar-nav .dropdown-toggle::after {
    display: none;
}

#header .bottom-navbar .navbar-nav.navbar-right > li:hover > a {
    color: #ffc800 !important;
}

#header .bottom-navbar .navbar-nav.navbar-right > li:hover > a:before {
    opacity: 1;
}

#navbar.navbar .navbar-nav .dropdown-menu > li > a {
    margin: 0;
}

.register-initial-step #widget-content.candidate_portal .form-group {
    padding-bottom: 15px !important;
}

.job-description#job-info-container .job-details-wrap + .sidebar.col-md-3 {
    display: none;
}

.job-description#job-info-container .job-details-wrap {
    width: 100% !important;
}

.job-description#job-info-container .active-template.nav-jobdetails .jobDetails > .row {
    /*! margin: 0 !important; */
}

.job-description#job-info-container .active-template.nav-jobdetails .jobDetails .col-md-4 {
    display: flex !important;
    flex-flow: column;
    padding-bottom: 35px;
}

.job-description#job-info-container .active-template.nav-jobdetails .jobDetails .col-md-4 > span {
    color: #666 !important;
    font-weight: 600 !important;
    margin: 0 !important;
    font-size: 16px !important;
}

.job-item span.label {
    color: #666 !important;
    font-weight: 600 !important;
    margin: 0 0 5px 0 !important;
    font-size: 16px !important;
}

#location-modal.modal-window {
    z-index: 9999 !important;
}

#nav-application form#appform button.lov-list {
    height: 40px !important;
    border-radius: 0 !important;
    margin-left: -2px;
}

#nav-application form#appform button.lov-reset {
    height: 40px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    margin-left: -2px;
}

.job-description#job-info-container .active-template.nav-jobdetails .jobDetails .col-md-4 > span .fa,
.job-item span.label .fa {
    opacity: .5;
    margin-right: 3px;
    font-size: 14px !important;
}

.job-item span.label + .load-place {
    margin-top: 3px;
    font-size: 16px !important;
}

.job-description#job-info-container .active-template.nav-jobdetails .jobDetails .jobDesc > h1 {
    margin: 0 !important;
}

.job-description#job-info-container .active-template.nav-jobdetails .jobDetails .jobDesc > h1 + p {
    padding: 20px 0;
    margin: 0;
}

.job-description#job-info-container .active-template.nav-jobdetails .jobDetails .jobDesc + .form-group .controls {
    display: flex !important;
    margin: 20px 0 40px 0 !important;
}

.job-description#job-info-container .active-template.nav-jobdetails .jobDetails .jobDesc + .form-group .controls input.rasp_button.apply {
    width: fit-content !important;
}

/*new home page css*/
.banner {
    position: relative;
}

.banner #widget-content {
    position: absolute;
    opacity: 0.7;
}

.banner .widget-quick-search {
    background-color: rgba(0, 0, 0, 0.55);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.13);
    border-radius: 4px;
    padding: 32px;
    max-width: 1050px;
    margin: 0 auto;
}

.banner h1 {
    font-family: 'robotoregular', Arial, sans-serif;
    font-size: 38px;
    font-weight: bolder;
    line-height: 36px;
    letter-spacing: -.5px;
    margin: 0px;
    color: #fff;
}

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

.banner form .smart-search-widget {
    width: 95%;
    max-width: 100%;
    background-color: unset !important;
}

.banner form .btn.btn-success {
    display: inline-block !important;
    margin-left: -4px !important;
    background-color: var(--main-colour) !important;
    color: #ffffff !important;
    border-radius: 0px !important;
    padding: 5px 8px !important;
    width: 160px !important;
    height: 40px !important;
    font-size: 16px !important;
    font-family: 'robotoregular', sans-serif !important;
    line-height: 18px !important;
}

.banner form .btn.btn-success:hover {
    background-color: var(--btn-second-colour) !important;
}

#content-panels-video {
    padding: 30px 0px;
}

#content-panels-video .videoPlayer {
    display: block;
    width: 100%;
}

#content-panels-video .col-xs-10.col-sm-12 {
    display: block;
    width: 100%;
}

.jobs-list.applications [data-expired] .job-header::before {
    display: none;
}

.jobs-list.applications .job-item[data-expired]:before {
    content: "This job ad has expired";
    margin-left: auto;
    display: block;
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: rgb(169, 68, 66);
    background-color: unset;
    border: 1px solid #a94442 !important;
    padding: 5px 12px;
    border-radius: 4px;
}

section.content-panels {
    padding: 35px 0px;
}

section.content-panels h3 {
    margin-bottom: 24px;
    color: #696969;
    font-size: 22px;
}

section.content-panels p {
    color: #696969;
    font-family: 'robotoregular', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}

section.content-panels h2 {
    padding-bottom: 32px;
    color: #595959;
    font-size: 26px;
    line-height: 37px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
}

section.content-panels .itemLink {
    display: block;
    cursor: pointer;
    position: relative;
    border: 1px solid #f2eeee;
    text-align: left;
    padding: 112px 24px;
    background: #012169;
    height: auto;
    border-radius: 1px;
    margin: 0 0 32px;
    font-family: 'roboto-regular';
    overflow: hidden;
    min-height: 250px;
}

section.content-panels .itemLink img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.35;
    height: 100%;
    max-width: none;
    min-width: 100%;
}

section.content-panels .itemLink:hover img {
    opacity: 1;
}

section.content-panels .itemLink .info {
    position: absolute;
    bottom: 0px;
    left: 0px;
    display: inline-block;
    padding: 20px 25px;
    width: 100%;
    background: #012169;
}

section.content-panels .itemLink .info .title {
    color: #fff;
    font-family: 'robotolight', sans-serif;
    font-size: 20px;
}

#AllJobsSection {
    padding: 10px 0 20px;
}

#AllJobsSection #widget-content {}

#AllJobsSection #widget-content .combo-search-group {
    display: flex;
    align-items: center;
}

#AllJobsSection #widget-content .combo-search-group .locations-field,
#AllJobsSection #widget-content .combo-search-group .skills-field {
    max-width: calc(50% - 50px);
    width: 100%;
}

#AllJobsSection #widget-content .combo-search-group .locations-field input.form-control {
    border-radius: 0px !important;
    margin-left: -1px !important;
}

#AllJobsSection #widget-content .combo-search-group .skills-field input {
    border-radius: 4px 0px 0px 4px !important;
}

#AllJobsSection #widget-content .combo-search-group .search-btn .btn {
    border-radius: 0px 4px 4px 0px !important;
    margin-left: -1px !important;
    border: none;
}

#AllJobsSection #widget-content .jobs-list .job-item {
    padding: 10px;
    margin-bottom: 20px;
}

#AllJobsSection #widget-content .jobs-list .job-item .load-place a {
    font-size: 20px !important;
    font-weight: 500;
    color: var(--main-colour);
}

#AllJobsSection #widget-content .jobs-list .job-item .row {
    display: flex;
    align-items: center;
    flex-flow: wrap;
}

#AllJobsSection #widget-content .jobs-list .job-item .row .view-job-btn .jobContainer-viewJob a {
    color: #ffffff;
    border: none;
    background: #273783;
    font-weight: 300;
    border-radius: 0;
    border: none;
    box-shadow: none;
    padding: 7px 10px;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    font-size: 14px;
    border-radius: 4px !important;
}

.loading-progress .jobContainer-viewJob a,
.loading-progress .jobContainer-viewJob,
.loading-progress .load-place a{
    color: #ddd !important;
    background: #ddd !important;
}

#AllJobsSection #widget-content .jobs-list .job-item .row .view-job-btn .jobContainer-viewJob a:hover,
#AllJobsSection #widget-content .jobs-list .job-item .row .view-job-btn .jobContainer-viewJob a:focus {
    text-decoration: none !important;
}

#AllJobsSection #widget-content .label {
    color: #666 !important;
    font-weight: 600 !important;
    font-size: 15px;
}

#AllJobsSection #widget-content .jobs-list .job-item .row h3.load-place {
    margin-bottom: 30px;
}

#AllJobsSection #widget-sidebar {
    position: relative;
}

#AllJobsSection #widget-content .label .fa {
    opacity: .5;
    margin-right: 5px;
    font-size: 14px;
}

#AllJobsSection #widget-sidebar {
    position: relative;
}

#AllJobsSection #widget-sidebar .panel .panel-heading {
    padding: 11px 15px;
}

#AllJobsSection #widget-sidebar label {
    font-size: 14px;
    display: block;
    margin-bottom: 2px;
}

#AllJobsSection #widget-sidebar .btncollapse-action {
    font-size: 17px;
    display: block;
    font-weight: 500;
}

#AllJobsSection #widget-sidebar .form-group.col-xs-12 {
    margin-bottom: 0 !important;

}

#AllJobsSection #widget-sidebar .btn-clear {
    padding: 7px 17px !important;
    font-size: 15px !important;
    background-color: var(--main-colour) !important;
    border: 1px solid var(--main-colour) !important;
    color: #fff !important;
    margin-left: 0 !important;
}

#AllJobsSection #widget-sidebar .btn-clear:hover {
    background-color: var(--btn-second-colour) !important;
    border-color: var(--btn-second-colour) !important;
}

.top-navbar-left,
.top-navbar-right {
    padding: 0 !important;
}

.application-form .container {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.application-form .attached-doc-list {
    padding: 15px;
    background: #f9f9f9;
    border: 1px solid #ccc;
}

.application-form .attached-doc-list p {
    font-weight: 500;
}

.application-form .attached-doc-list ul {
    margin: 0;
    padding-left: 30px !important;
}

.application-form .attached-doc-list ul li {
    font-size: 15px;
    opacity: .9;
    margin-top: 6px;
}

.application-form #appform {
    margin-top: 15px;
}

.application-form fieldset:not(.row) > * {
    margin-bottom: 15px !important;
}

.application-form div:not(.row) > *,
.application-form fieldset:not(.row) > * {
    padding-left: 0;
    padding-right: 0;
}


/* Responsive CSS */

@media (max-width: 767px) {
    footer {
        padding: 24px 0 0 0;
    }

    footer .footer-wrap-copyright-social .footer-social-block {
        margin-top: 40px;
        justify-content: flex-start;
    }

    footer .footer-wrap .footer-nav h3 {
        margin-bottom: 8px;
    }

    .footer-wrap-copyright-social > div {
        display: block;
        text-align: center;
    }

    footer .social-media {
        justify-content: center;
    }
}

@media (max-width: 1200px) {

    footer .txt-footer {
        text-align: center !important;
        width: 100% !important;
    }

    footer .txt-footer a {
        display: inline-block !important;
    }

    .onboarding_wrapper {
        margin-bottom: 220px;
    }

}

@media (max-width: 1024px) {
    #nav-application #appform .form-control {
        width: 370px;
    }

    /*For mobile menu*/
    nav#navbar.navbar-collapse li:last-child a {
        border-width: 0;
    }

    #header .bottom-navbar .d-flex {
        display: block !important;
    }

    #header .bottom-navbar .navbar-nav li {
        margin-left: 0 !important;
    }

    nav#navbar.navbar-collapse li.active a {
        background-color: transparent;
    }

    .top-navbar .top-navbar-right {
        width: 100% !important;
        padding: 0 10px !important;
    }

    .navbar-toggle .icon-bar {
        background: #fff !important;
    }

    .banner-overlay h2,
    .banner-overlay h1 {
        color: #fff;
    }

    .navbar-toggle .icon-bar {
        background: #613790;
    }

    .navbar-toggle {
        float: right;
        margin-bottom: -9px;
    }

    .nav.navbar-nav.navbar-clear,
    .nav-searchresult .img-responsive {
        display: none;
    }

    .nav-searchresult.show-mobile {
        display: inline-block;
        height: 50px;
        padding: 5px;
    }

    .nav-searchresult.show-mobile .img-responsive {
        display: block;
        height: 45px;
    }

    .bottom-nav,
    .top-navbar {
        position: relative;
        top: 0;
    }

    .navbar-inverse .navbar-nav.navbar-right > li > a {
        padding: 10px 0;
    }

    .navbar-inverse .navbar-nav.navbar-right {
        padding: 10px 0;
        margin-bottom: 20px;
    }

    .img-responsive.banner .banner-overlay {
        width: 90%;
    }

    .show-mobile.navbar-brands {
        padding: 8px 0px;
        display: inline-block;
        width: auto;
    }

    .show-mobile.navbar-brands .img-responsive {
        height: 40px;
        width: auto;
    }

    .hide-mobile {
        display: none;
    }

    .show-mobile {
        display: block;
    }
}

@media (max-width: 991px) {
    #nav-application #appform .form-control {
        width: 300px;
    }

    #nav-searchresult #job-info-container .sidebar {
        width: 100%;
    }

    #searchBox.active-filter {
        margin-bottom: 20px;
    }

    #searchBox .refine-search-container .btn.btn-clear {
        right: 40px;
    }

    #searchBox .panel-heading .pull-right.clickable {
        display: block;
        margin-right: 5px;
    }

    #searchBox .panel-body {
        display: block;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
        max-height: unset !important;
    }

    #searchBox.active-filter .panel-body {
        max-height: 250px;
        overflow: auto;
        overflow-x: hidden;
    }

    #searchBox:not(.active-filter) .panel-heading .clickable {
        transform: rotate(180deg);
    }

    .top-navbar .top-navbar-right li h6,
    .top-navbar .top-navbar-left {
        display: none;
    }

    .top-navbar .top-navbar-right {
        padding: 0;
    }

    .top-navbar .top-navbar-right > ul {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .top-navbar .row {
        justify-content: flex-end;
    }

    .combo-search-widget .combo-search-group .skills-field,
    .combo-search-widget .combo-search-group .locations-field {
        max-width: 100% !important;
    }

    #AllJobsSection #widget-content .combo-search-group .skills-field input {
        border-radius: 4px !important;
    }

    .combo-search-widget .combo-search-group .search-btn {
        justify-content: flex-end;
    }

    .combo-search-widget .combo-search-group {
        align-items: flex-end !important;
    }

    #AllJobsSection #widget-content .combo-search-group .search-btn .btn {
        border-radius: 4px !important;
    }

    #AllJobsSection #widget-content .jobs-list .job-item .row {
        flex-flow: wrap;
    }

    .jobs-list.applications .job-header .job-title {
        max-width: 100% !important;
    }

    #nav-details .section-body form#userdetails[action*="jncustomlogin.UpdateSettings"] fieldset .row .col-sm-7 .form-group {
        max-width: 100% !important;
    }

    #nav-application form#appform .form-group,
    form[name="emailform"] .section-body .form-group {
        max-width: 100% !important;
    }

    #navbar.navbar .navbar-nav .dropdown-menu > li > a {
        padding: 10px !important;
    }

    .combo-search-widget .combo-search-group {
        flex-flow: unset !important;
    }

    .combo-search-widget .combo-search-group .skills-field > input {
        margin-right: -2px !important;
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

    .combo-search-widget .combo-search-group .locations-field > input {
        margin-left: -1px !important;
        border-radius: 0 !important;
    }
}

@media (max-width: 767px) {
    .container {
        width: 100%;
    }

    .img-responsive.banner .img-responsive {
        display: block;
        min-height: 350px;
        width: auto;
        max-width: unset;
        min-width: 100%;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        transform: translate(30%, 5%);
    }

    #header .top-navbar .lang-list {
        margin-right: 5px !important;
    }

    #header .top-navbar .lang-list .dropdown a {
        display: flex !important;
    }

    .banner form .smart-search-widget .input-group {
        justify-content: flex-end;
    }

    .smart-search-widget .input-group-append {
        margin-top: 20px;
    }

    #AllJobsSection #widget-content .jobs-list .job-item .row .col-sm-4,
    #AllJobsSection #widget-content .jobs-list .job-item .row .col-sm-12 {
        width: 100% !important;
    }

    .login-to-apply-wrap #nav-profile.active-template #widget-content.candidate_portal .form-group {
        max-width: 100% !important;
    }

    #nav-application #appform .form-control {
        width: 85%;
    }

    .application-temp .btn-links .controls {
        margin-top: 10px;
    }

    #widget-content form .form-group,
    #nav-alert .form-group {
        max-width: calc(100% - 15px) !important;
    }

    #header {
        padding: 0;
    }

    #header .container-fluid {
        padding: 0px 10px;
    }

    .grid-row {
        margin: 0 auto;
        max-width: 400px;
    }

    /*for any screen less than 768*/
    footer div.txt-footer {
        text-align: center;
        padding: 10px 0 8px;
    }

    footer div.home-footer-social {
        clear: both;
        float: none !important;
        padding: 5px 0 20px;
    }

    .widget-section .theme-heading {
        font-size: 40px;
    }

    .btn-cta {
        border-radius: 20px;
        padding: 10px 15px;
    }

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

    .bottom-nav {
        border-top: 5px solid #613790;
    }

    .top-navbar .container {
        margin-right: 0;
        margin-left: 0;
    }

    .top-navbar-right {
        position: static;
    }

    .top-navbar .top-navbar-right li h6,
    .top-navbar .top-navbar-left {
        display: none;
    }

    .top-navbar .top-navbar-right {
        padding-right: 0;
        display: flex;
        flex-flow: wrap;
    }

    .bottom-nav .container {
        display: flex;
        flex-wrap: wrap;
    }

    .bottom-nav .container > a {
        order: 2;
        margin-right: calc(49% - 50px);
    }

    .bottom-nav .container > button {
        order: 1;
        margin-right: auto;
        padding-left: 0;
    }

    nav.navbar-collapse#navbar {
        width: 100%;
        order: 3;
    }

    .img-responsive.banner h2 {
        font-size: 25px;
        line-height: 36px;
        padding: 0;
    }

    #content-panels .align-items-center {
        flex-direction: column;
    }

    #content-panels .align-items-center > div {
        width: 100%;
    }

    #content-panels .content-section {
        padding: 0px 10px;
    }

    .itemLink img {
        width: 155%;
        height: 100%;
    }

    .itemLink img[src*="supervisor"] {
        left: 0px;
    }

    .footer-wrap-copyright .align-items-center {
        flex-flow: column;
        align-items: flex-start !important;
    }

    .footer-wrap-copyright {
        padding: 40px 0 32px 0px;
    }

    .footer-wrap-copyright .align-items-center .footer-social-block {
        margin-top: 20px;
    }

    .banner .banner-overlay form .smart-search-widget #in_skills.form-control {
        width: calc(100% - 85px);
        min-width: 100px;
    }

    .banner .banner-overlay form .smart-search-widget .input-group-append .btn {
        width: 80px;
    }

    .home-footer-social i {
        font-size: 18px;
    }

    .home-footer-social {
        gap: 15px;
    }

    .jobs-listing .jobContainer .jobContainer-left .jobContainer-position {
        height: auto;
    }

    .jobs-listing .jobContainer .jobContainer-right {
        flex-flow: row;
        align-items: center;
        height: auto;
        min-height: 0px;
        padding: 0;
        margin-top: 20px;
    }

    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 25px;
    }

    .jobs-listing .jobContainer .jobContainer-left .job-info-wrap > div {
        max-width: 100%;
        margin-bottom: 5px;
    }

    /* Prevent zooming on inputs by ensuring font-size is 16px or larger */
    input,
    textarea,
    select,
    form input,
    form textarea,
    form select,
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    textarea {
        font-size: 16px !important;
    }

    .table-responsive > .table > tbody > tr > td {
        white-space: normal;
        min-width: 200px;
    }
}

@media (max-width: 550px) {

    table.job_results tr td:nth-of-type(2),
    table.job_results tr td:nth-of-type(3),
    table.job_results thead th:nth-of-type(2),
    table.job_results thead th:nth-of-type(3) {
        display: none;
    }

    /* ------------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-brands.pull-left {
        max-width: 190px !important;
        margin: 5px 0 8px 5px;
    }

    .combo-search-widget .combo-search-group {
        display: block !important;
    }

    .combo-search-widget .combo-search-group .locations-field > input,
    .combo-search-widget .combo-search-group .search-btn input {
        border-radius: 4px !important;
    }

    .combo-search-widget .combo-search-group .search-btn {
        justify-content: flex-end !important;
    }

}

@media (max-width: 500px) {
    .img-responsive.banner .banner-overlay {
        height: 220px
    }

    footer .txt-footer {
        width: 100% !important;
    }

    footer .footer-text-main {
        margin: 10px auto 0 auto;

    }
}

.mandatory-js,
.col-md-12 {
    width: 100%;
}

#AllJobsSection .rasp_field .input-group{
    width: 100%;
    border-radius: 0 4px 4px 0;
}


/*End of New Css*/