:root {
    --color-black-70: #444444;
    --color-black-50: #4c4c4c;
    --color-black-25: #747474;
    --color-black-10: #929292;
    --color-grey-light: #4a4a4a;
    --color-grey-lightish: #4a4a4a;
    --color-error: #ec022c;
}

.jt-container .register__back--text {
    color: var(--color-white);
}
/* Safdar CSS  Start */
@media (min-width: 992px) {
    .jt-container .navbar-primary {
        padding: 16px 30px 10px 40px;
    }

    .jt-container .form-group input, .form-group textarea, .form-group select {
        font-size: 16px;
    }

    .form-group .form-control--color, .form-group input, .form-group select, .form-group textarea {
        font-size: 16px !important;
    }
}

@media (min-width: 768px) and (min-width: 992px) {
    .jt-container .jt-ce-modal__header-title {
        font-size: 18px;
    }
}

.jt-container #search-filters #searchFilterDistance, .jt-container #search-filters #searchFilterDate, .jt-container #homeSearchDistance {
    height: auto !important;
}

@media (min-width: 768px) {
    .jt-container .jt-cd__panel-tabs .nav-link[data-toggle=tab] {
        font-size: 16px !important;
    }
}

#search-filters .select2-selection--multiple {
    font-size: 16px !important;
}

@media (min-width: 992px) {
    .jt-container .job-table__label {
        font-size: 16px;
    }

    .jt-container .job-table__value {
        font-size: 16px;
    }
}
/* Safdar CSS  End */

/* Farooq CSS  start*/
/* ===================================================================== */

.jt-container.job-jobdetail a[href]:not([class]) {
    font-weight: 500;
    text-decoration: underline;
    text-decoration-thickness: max(1px, 0.0625rem);
    text-underline-offset: 0.1578em;
}

.jt-container.job-jobdetail a[href]:hover:not([class]) {
    text-decoration-thickness: max(3px, 0.1875rem, 0.12em);
}


.jt-container .select2-container--focus .select2-selection,
.jt-container .select2-container--default.select2--focus .select2-selection--multiple {
    border: 2px solid #000000 !important;
    background-color: var(--color-white) !important;
}





.btn-primary:focus, .job-card__apply-btn:focus {
    background-color: #fd0 !important;
    border-color: #fd0 !important;
    color: var(--color-black-70) !important;
}
.jt-container .navbar-expand-lg .navbar-nav li .nav-link:focus {
    background-color: #fd0 !important;
    border-color: #fd0 !important;
    color: #0b0c0c !important;
}
.jt-container .btn-white:hover,
.jt-container .job-card--in-progress .job-card__apply-btn:hover {
    background-color: #fd0 !important;
    border-color: #fd0 !important;
    color: var(--color-actual-black) !important;
}
.jt-container .btn-white:focus,
.jt-container .job-card--in-progress .job-card__apply-btn:focus,
.btn-default:focus {
    background-color: #fd0 !important;
    border-color: #fd0 !important;
    color: var(--color-actual-black) !important;
    outline: #000000 solid 2px !important;
}

.jt-container .input-group input:focus,
.jt-container .input-group input:focus-visible {
    outline: none !important;
    box-shadow: none !important;
    background-color: #fd0 !important;
    padding: 1px;
    border-width: 1.5px;
    border-radius: 3px;
}


 .form-group input:active:not(:disabled), .form-group input:active:focus:not(:disabled), .form-group textarea:focus:not(:disabled), .form-group textarea:active:not(:disabled), .form-group textarea:active:focus:not(:disabled), .form-group select:focus:not(:disabled), .form-group select:active:not(:disabled), .form-group select:active:focus:not(:disabled), .input-group input[type="search"]:active:focus:not(:disabled), .form-control:focus:not(:disabled) {
    outline: none;
    border: 2px solid #000000 !important;
    background-color: var(--color-white) !important;
}
#searchFilterModal .form-group input:active:focus,
#searchFilterModal .form-group input:active:focus:focus {
    outline: none !important;
    border: none !important;
}

.jt-container .form-group input:focus:not(:disabled)
{
    background-color: var(--color-white) !important;
}
.jt-container .input-group:focus-within {
    background-color: #000000 !important;
    outline: 2px solid #000000 !important;
}



.jt-container .btn-outline.btn-disabled {
    color: var(--color-actual-black) !important;
}

.jt-container .toggle .slider {
    background-color: var(--color-grey-dark) !important;
}

#clearSignature {
    background-color: var(--color-primary-dark) !important;
    border-color: var(--color-primary-dark) !important;
    color: var( --color-white) !important;
}

.jt-container .jt-compliance-container .custom-checkbox .custom-control-input.is-valid ~ .custom-control-label:hover::before, .jt-container.onboarding-index .custom-checkbox .custom-control-input.is-valid ~ .custom-control-label:hover::before, .custom-radio .custom-control-input.is-valid ~ .custom-control-label:hover::before {
    border-color: var(--color-green-accessibility) !important;
}

.jt-container .complianceonboarding-previewonboardingform .custom-checkbox .custom-control-input.is-valid ~ .custom-control-label:hover::before, .custom-radio .custom-control-input.is-valid ~ .custom-control-label:hover::before {
    border-color: var(--color-green-accessibility) !important;
}

.jt-container .complianceonboarding-uploadcompliancedocument .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
    box-shadow: none !important
}

.jt-container .complianceonboarding-uploadcompliancedocument .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
    box-shadow: none !important
}

.jt-container.complianceonboarding-onboardingform .jt-compliance-container .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none !important;
}

.jt-container .jt-compliance-container .custom-checkbox .custom-control-input.is-valid:checked ~ .custom-control-label::before, .jt-container.onboarding-index .custom-checkbox .custom-control-input.is-valid:checked ~ .custom-control-label::before, .custom-radio .custom-control-input.is-valid:checked ~ .custom-control-label::before {
    background-color: var(--color-green-accessibility);
}

.jt-container .jt-compliance-container .jt-compliance-container .custom-control-input:focus ~ .custom-control-label::before, .jt-container.onboarding-index .custom-control-input:focus ~ .custom-control-label::before {
    border-color: var(--color-green-accessibility);
}

.jt-container .complianceonboarding-onboardingform .form-group input, .jt-container.onboarding-index .form-group input, .form-group textarea, .form-group select {
    color: var(--color-actual-black);
}

.jt-container.complianceonboarding-onboardingform .custom-checkbox .custom-control-label::before, .jt-container.onboarding-index .custom-checkbox .custom-control-label::before, .custom-radio .custom-control-label::before {
    border-color: var(--color-actual-black);
}

.jt-container.complianceonboarding-onboardingform .custom-checkbox .custom-control-label::before, .jt-container.onboarding-index .custom-checkbox .custom-control-label::before, .custom-radio .custom-control-label::before {
    border-color: var(--color-actual-black);
}

.jt-container.complianceonboarding-onboardingform .form-group label, .jt-container.onboarding-index .form-group label {
    color: var(--color-actual-black);
}

.jt-container.complianceonboarding-onboardingform .form-group input, .jt-container.onboarding-index .form-group input, .form-group textarea, .form-group select {
    border-color: var(--color-actual-black);
}

#homeSearchWhat::placeholder, #homeSearchWhere::placeholder {
    color: var(--color-actual-black);
}

.jt-container .was-validated .custom-control-input:valid ~ .custom-control-label, .jt-container.was-validated .custom-control-input:valid .custom-control-input.is-valid ~ .custom-control-label, .jt-container.was-validated .custom-control-input:valid ~ .valid-feedback {
    color: var(--color-green-accessibility);
}

.jt-container .JT-password-hints .JT-pwpass #capitalStatus, .jt-container .JT-password-hints .JT-pwpass #lowerStatus, .jt-container .JT-password-hints .JT-pwpass #numericStatus, .jt-container .JT-password-hints .JT-pwpass #passwordSymbolStatus, .jt-container .JT-password-hints .JT-pwpass #moreInTotalStatus {
    background-color: var(--color-green-accessibility);
    font-size: 16px;
}

.jt-container .JT-password-hints #capitalStatus, .jt-container .JT-password-hints #lowerStatus, .jt-container .JT-password-hints #numericStatus, .jt-container .JT-password-hints #passwordSymbolStatus, .jt-container .JT-password-hints #moreInTotalStatus {
    background-color: var(--danger-accessibility);
    font-size: 16px;
}

.jt-container .was-validated .custom-control-input:invalid ~ .custom-control-label::before,
.jt-container .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before,
.custom-control-input.is-valid:checked ~ .custom-control-label::before {
    box-shadow: none !important;
}

.jt-container .was-validated .form-control:invalid ~ .invalid-feedback {
    font-size: 16px;
}

.jt-container .custom-checkbox .custom-control-input.is-valid:checked ~ .custom-control-label::before, .custom-radio .custom-control-input.is-valid:checked ~ .custom-control-label::before {
    background-color: var(--color-green-accessibility);
}

.jt-container .form-group input:disabled, .form-group textarea:disabled, .form-group select:disabled {
    color: var(--color-actual-black);
    border-color: var(--color-actual-black);
}

.jt-container .custom-control-input:disabled ~ .custom-control-label {
    color: var(--color-actual-black);
}

a#clearSignature:focus {
    background-color: #fd0 !important;
    border-color: #000000 !important;
    color: var(--color-actual-black) !important;
}

#universityTable .form-control {
    border-color: var(--color-grey-light);
}

#alertForm .jt-ce-modal__body .select2-selection--multiple {
    border-color: var(--color-grey-light);
}

body,
.jt-container .page-header__link,
.jt-container .inner.cover .nav-link,
.jt-container .my-jobs .nav-link,
.jt-container .email-index .nav-link,
.jt-container .action-pageback-ground span,
.jt-container p.jobdetailsitem,
.jt-container #searchFilterModal .jt-ce-modal__header-link,
.jt-container .register__link,
.jt-container .small-bold,
.jt-container .register__back--text,
.jt-container .text-black-70,
.jt-container #navbarNav1 .dropdown-item,
.jt-container .alert-container .alert,
.jt-container .reciteme,
.jt-container .booking-info__location,
.jt-container #applicationAccordion small.text-primary,
.jt-container #date-picker-container .font-small__14,
.jt-container .applicationdetail-viewdetail .job-row__details small,
.jt-container .applicationdetail-viewdetail .job-row__details span,
.jt-container .invalid-feedback,
.jt-container .applicationdetail-viewdetail .container.container--small .d-flex.flex-column.px-10.px-md-0.py-15 a {
    font-size: 16px;
}

    .jt-container .my-jobs .nav-link.active,
    .jt-container .email-index .nav-link.active,
    .jt-container .reciteme {
        font-weight: 700;
    }

.jt-container input::placeholder {
    color: var(--color-black-70) !important;
}

.jt-container .footer__list li a {
    text-decoration: underline !important;
}

    .jt-container .footer__list li a:hover {
        text-decoration: none !important;
    }

.jt-container .was-validated .custom-control-input:invalid .custom-control-label::before,
.jt-container .was-validated .custom-control-input:valid:checked .custom-control-label::before,
.custom-control-input.is-valid:checked ~ .custom-control-label::before {
    box-shadow: none;
    border-color: #fd0;
}

.jt-container .custom-checkbox .custom-control-input:focus ~ .custom-control-label::before,
.custom-radio .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none;
    border-color: #fd0;
}

.jt-container .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    border: none;
}

.cc-animate.cc-revoke.cc-active.cc-bottom:focus,
.jt-container .btn-group-toggle--check .btn:focus {
    box-shadow: 0 0 0 3px #fd0 inset;
    color: #fff;
}


/*accessbility css end*/
body {
    margin-bottom: 0px !important;
}
.image-container {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.jt-footer-container#footer .client-custom-footer-container {
    margin: 0px 10px 0px 10px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.image-container img {
    max-width: 200px;
    max-height: 250px;
}

footer.footer {
    position: relative;
}

.jt-container .footer {
    border: 0px
}

#searchResultsItems .jt-vac-logo {
    background-image: url("../clientimages/logos/uor.png");
    height: 92px;
    background-repeat: no-repeat;
    /*background-size: 100% 67px;*/
    max-width: 250px;
}

    #searchResultsItems .jt-vac-logo.id_3,
    #searchResultsItems .jt-vac-logo.id_8 {
        background-image: url("../clientimages/logos/henley.png");
        height: 92px;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        max-width: 250px;
    }

    #searchResultsItems .jt-vac-logo.id_5 {
        background-image: url("../clientimages/logos/malaysia.png");
        height: 92px;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        max-width: 250px;
    }
.jt-container .btn-primary:hover,
.jt-container .job-card__apply-btn:hover,
.jt-container .btn-primary:focus,
.jt-container .job-card__apply-btn:focus {
    background-color: #A82768;
    border-color: #A82768;
    color: #fff;
    outline: #000000 solid 2px !important;
}
.jt-container .navbar-expand-lg .navbar-nav:first-child .nav-link:hover {
    background-color: #A82768;
    border-color: #A82768;
    outline: #000000 solid 2px !important;
}
.jt-container .footer__list li .btn-icon {
    box-shadow: 0 0 0 2px var(--color-primary) inset !important;
}

    .jt-container .footer__list li .btn-icon svg .icon-fill {
        fill: var(--color-primary);
    }
.jt-container .footer__list li a, .jt-container .job-card__favourite button i, .jt-container .password-icon i, .jt-container .modal-body p, .jt-container .text-primary-50 {
    color: var(--color-primary) !important;
}
.jt-container .navbar-expand-lg .navbar-nav li .nav-link:focus {
    outline: #000000 solid 2px;
}
.jt-container .footer__list li .btn-icon:hover,
.jt-container .footer__list li .btn-icon:focus, 
.jt-container .register__social:hover, 
.jt-container .register__social:focus, 
.jt-container .btn:focus, 
.jt-container .btn-group-toggle--radio .btn:hover,
.jt-container .btn-group-toggle--radio .btn:focus, 
.jt-container .btn-group-toggle--check .btn:hover,
.jt-container .btn-group-toggle--check .btn:focus {
    box-shadow: 0 0 0 3px #000000 inset !important;
    color: var(--color-black-dark) !important;
}

.jt-container .footer__list li .btn-icon:hover, .jt-container .footer__list li .btn-icon:focus, .jt-container .register__social:hover, .jt-container .register__social:focus,.jt-container .btn:focus, .jt-container .btn-group-toggle--radio .btn:hover, .jt-container .btn-group-toggle--radio .btn:focus, .jt-container .btn-group-toggle--check .btn:hover, .jt-container .btn-group-toggle--check .btn:focus {
    box-shadow: 0 0 0 3px #000000 inset !important;
}

.jt-container .footer__list li a:hover,
.jt-container .job-card__link:hover,
.page-header--primary .page-header__link:hover {
    border-bottom: 2px solid #000000;
}
.jt-container jt-footer-container
{
    margin-left : 10px;
    margin-right : 10px;
}
.jt-container .job-card {
    box-shadow: unset;
}
.jt-container .job-row__details a:hover {
    text-decoration: none !important;
}
.jt-container .job-card__link {
    text-decoration: underline !important;
}
#default-id a:hover {
    border-bottom: 2px solid #fff;
}
#signInForm .material-icons-outlined.not-visible:hover,
#signInForm .material-icons-outlined.visible:hover {
    color: #000000 !important;
}
.jt-container .footer__list li .btn-icon svg path {
    fill: var(--color-primary);
}
.cc-btn.cc-allow {
    background-color: var(--color-primary) !important;
    color: #fff !important;
}
.jt-container .jt-ce-modal__header-link:hover, .jt-container .jt-ce-modal__header-link:focus {
    color: var(--color-primary);
    cursor: pointer;
    text-decoration: none;
    border-bottom: 2px solid #000000;
}
@media (max-width: 1070px) {
    .jt-container .vacancies_logo_left .jt-vac-logo {
        width: 205px !important;
        width: 100% !important;
    }
}
.jt-container .job-card__favourite button i:hover {
    outline: #000000 solid 2px !important;
}
.jt-container .job-row__details a:focus,
.jt-container .job-card__link:focus,
.jt-container .about-company-card a:focus {
    outline: 3px solid #000000 !important;
}
/*#homeSearchWhere {
    outline: 3px solid #000000 !important;
}*/
.jt-container .btn-outline {
    box-shadow: 0 0 0 2px #C74486 inset;
}

    .jt-container .btn-outline:hover {
        background-color: #ECECEC;
        box-shadow: 0 0 0 2px #C74486 inset;
    }
    .jt-container .btn-outline:focus {
        background-color: #ECECEC;
        box-shadow: 0 0 0 2px #A82768 inset;
    }
    .skip-to-main-content-link:focus {
        color: #fff;
        outline: 3px solid #fff;
        background-color: #000000;
    }
#mobileNavMenu .nav-mob__icon:hover,
#mobileNavMenu .nav-mob__icon:focus {
    outline: 2px solid #000000 !important;
}

.jt-container ol li, .jt-container ul li, .jt-container p, .jt-container > span {
    font-size: 16px;
}
.jt-container #mobileNavMenu .nav-mob__link:hover,
.jt-container #mobileNavMenu .nav-mob__link:active {
    box-shadow: 0 0 0 2px #000000 inset;
    background-color: #000000;
}
.jt-container #mobileNavMenu .nav-mob__link:focus {
    box-shadow: 0 0 0 2px #000000 inset;
}

:focus-visible {
    outline: 2px solid #000000;
    box-shadow: none;
}

.jt-container #searchFilterModal .select2-search__field:focus-visible,
.jt-container #searchFilterModal .select2-search__field:active,
.jt-container #searchFilterModal .select2-search__field:focus {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}
.jt-container .job-row__details a {
    position: relative;
    display: inline-block;
}

.jt-container .job-row__details a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #000000;
    transform: scaleX(0);
    border-bottom: 2px solid #000000;
}

.jt-container .job-row__details a:hover::after {
    transform: scaleX(1);
}
@media (max-width: 577px) {
    .jt-container .JT-reciteme {
        padding-bottom: 60px;
        margin-bottom: 30px;
    }
}
@media (max-width: 1070px) {
    .jt-container .footer__list.flex-column {
        display: block;
    }
}

.jt-container .job-search__results.divsection {
    padding: 15px 15px !important;
    padding-left: 0px !important;
}
@media (min-width: 256px) {
    .jt-container .job-search__results-items.onecardperline .job-card {
        width: 98.5%;
    }
}