/*
.job-search__results .job-search__results-items .job-row__extra.d-flex.flex-column {
    background-color: #00bfb3;
}
*/
.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-black) !important;
}


.jt-container .job-card__favourite button:hover i {
    color: var(--color-black) !important;
}

.jt-container .register__social {
    box-shadow: 0 0 0 2px var(--color-black) inset;
}

.jt-container .register__back--text, .jt-container .register__back__icon {
    color: #fff
}

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

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


/* Logo */
.jt-container .register__image {
    width: 250px;
}

.jt-container .register__image--margin {
    margin: 0;
}


/* Nav */
.jt-container .navbar-expand-lg .navbar-nav li:first-child {
    margin-left: 20px;
}

.jt-container .navbar-expand-lg .navbar-nav li .nav-link {
    background-color: #220051;
    border-color: #220051;
    color: #fff !important;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border: 1.5px solid transparent;
    padding: 8px 12px;
    font-weight: 500;
    white-space: nowrap;
    word-break: break-word;
    flex-wrap: nowrap;
    font-size: 16px;
    line-height: 1.05em;
    max-width: 100%;
    border-radius: 90px;
}

.jt-container .navbar-expand-lg .navbar-nav li:first-child .nav-link:hover {
    background-color: #220051;
    border-color: #220051;
}

.jt-container .navbar ul.navbar-nav li.nav-item {
    margin-right: 5px
}

@media (min-width: 768px) {
    .jt-container .page-header {
        padding-left: 40px;
    }
}




/*map*/

.job-jobdetail .px-10.px-md-40.mb-30.find-us {
    display: none;
}

.job-jobdetail .jt-container .w-100 {
    width: 330px !important;
}

.job-jobdetail .jt-container .bg-black-10 {
    background-color: initial !important;
}

.job-jobdetail .jt-container .job-detail-body .job-detail-label {
    margin-bottom: 0 !important;
}



/*fonts*/



@media (min-width: 992px) {
    .jt-container .form-group label {
        font-size: 14px;
    }

    .jt-container .btn {
        font-size: 14px;
    }

    .jt-container .job-detail-body .job-detail-label {
        font-size: 14px !important;
    }

    .jt-container ol li, .jt-container ul li, .jt-container p, .jt-container > span {
        font-size: 14px;
    }

    .job-jobdetail h1.h3.jt-page-title {
        text-align: center;
        font-size: 24px;
        margin-left: -40px;
    }

    .jt-container .jt-cd__panel-tabs .nav-link {
        font-size: 14px;
    }

    .jt-container small, .jt-container .small {
        font-size: 12px;
    }
}

@media (min-width: 1281px) {
    .jt-container .form-group label {
        font-size: 16px;
    }

    .jt-container .btn {
        font-size: 16px;
    }

    .jt-container .job-detail-body .job-detail-label {
        font-size: 16px !important;
    }

    .jt-container ol li, .jt-container ul li, .jt-container p, .jt-container > span {
        font-size: 16px;
    }

    .job-jobdetail h1.h3.jt-page-title {
        text-align: center;
        font-size: 36px;
        margin-left: -40px;
    }

    .jt-container .jt-cd__panel-tabs .nav-link {
        font-size: 16px;
    }

    .jt-container small, .jt-container .small {
        font-size: 14px;
    }
}

/* application */

.jt-container .jt-cd__panel-frame {
    max-width: 90%;
    margin: auto;
}

.jt-container .form-group {
    width: 100%;
}

.jt-container .text-black-50 {
    color: var(--color-black) !important;
}

.jt-container .invalid-feedback {
    color: var(--color-black) !important;
}

.jt-container .bg-white {
    color: var(--color-black) !important;
}

.jt-container .register__content .form-group .intro a {
    text-decoration: revert;
}


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

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

.jt-container.complianceonboarding-onboardingform .mandatory-question {
    color: #87081F !important;
}


.jt-container.complianceonboarding-uploaddocument .JT-ui.JT-segment.JT-upload-area p {
    color: #424242;
}

.jt-container .btn-disabled, .jt-container .btn-disabled[disabled] {
    opacity: 1;
}
.jt-container .accordion .collapsible .material-icons,
.jt-container .material-icons.accordion__icon {
    color: var(--color-black) !important;
}

.jt-container .jt-cd__panel-tabs .nav-link span {
    color: var(--color-black);
}
.jt-container.cms-cmspage .text-white.font-italic {
    background-color: black;
}

.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-danger:focus, .jt-container .reciteme:focus {
    background-color: #fd0 !important;
    border-color: #fd0 !important;
    color: #0b0c0c !important;
}

#preAssesmentQuestions p.intro.mb-40.px-15.w-100.text-center {
    text-align: left !important;
}

button#btnSaveExistAssessmentForm {
    margin-bottom: 10px !important;
}
/* 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);
    text-decoration-skip-ink: none;
    text-decoration-skip: none;
}
.jt-container.job-jobdetail .favourite__job-ad:focus,
.jt-container.job-jobdetail .favourite__job-ad span:focus,
.jt-container.job-jobdetail #favouritJobsIcon: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, .jt-container .btn-white:focus, .jt-container .job-card--in-progress .job-card__apply-btn:focus {
    background-color: #fd0 !important;
    border-color: #fd0 !important;
    color: #0b0c0c !important;
}

.jt-container .footer__list li .btn-icon:hover, .jt-container .footer__list li .btn-icon:focus {
    box-shadow: 0 0 0 3px #fd0 inset;
}

:focus-visible {
    outline: #220051 auto 1px;
}


/* ===================================================================== */
/* Farooq CSS  End */
footer img.autowide {
    max-height: 120px;
}

.jt-container .logoShawTrust.disability-confident {
    margin-left: 15px;
}
#clearSignature {
    color: #220051;
}
.jt-container .btn-outline.btn-disabled {
    color: var(--color-actual-black) !important;
}


/*custom css for color-contrast */
#homeSearchWhat::placeholder, #homeSearchWhere::placeholder {
    color: var(--color-actual-black);
}



#search-filters .select2-selection--multiple {
    border-color: var(--color-actual-black);
}


input[type='radio']:hover {
    accent-color: var(--red) !important;
}



  


/*for compliance onboarding*/

.jt-container .toggle .slider {

    background-color: var(--color-grey-dark);
}

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

/*.jt-container .complianceonboarding-onboardingform .form-group input, .form-group textarea, .form-group select {
    color: var(--color-actual-black);
}
.jt-container.complianceonboarding-onboardingform .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, .custom-radio .custom-control-label::before {
    border-color: var(--color-actual-black);
}
.jt-container.complianceonboarding-onboardingform .form-group label {
    color: var(--color-actual-black);
}
.jt-container.complianceonboarding-onboardingform .form-group input, .form-group textarea, .form-group select {
    border-color: var(--color-actual-black);
}

.jt-container.complianceonboarding-onboardingform .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.complianceonboarding-onboardingform .jt-compliance-container .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none !important;
    border-color: var(--color-green-accessibility);
}
.jt-container.complianceonboarding-onboardingform .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);
}
.jt-container.complianceonboarding-onboardingform .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);
}
.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 .form-group input, .form-group textarea, .form-group select {
    border-color: var(--color-actual-black);
}

    .jt-container.complianceonboarding-onboardingform .form-group input:focus:not(:disabled), .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) {
        border-color: var(--color-actual-black);
    }
.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  .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);
}*/



.job-card__favourite .material-icons-outlined:focus, .jt-container .job-card__favourite button i:hover, .register__link:hover, .register__link:focus {
    outline: 3px solid var(--color-primary-dark);
}

.jt-container #lnkHeaderLogo:focus, .jt-container #lnkFooterLogo:focus {
    outline: 0.125rem solid #220051 !important;
}

.jt-container .jt-ce-modal__header-link:hover, .jt-container .jt-ce-modal__header-link:focus {
    outline: 2px solid var(--color-primary-dark) !important;
    cursor: pointer;
}

.jt-container .form-group input:focus:not(:disabled), .jt-container .form-group input:active:not(:disabled), .jt-container .form-group input:active:focus:not(:disabled), .jt-container .form-group textarea:focus:not(:disabled), .jt-container .form-group textarea:active:not(:disabled), .jt-container .form-group textarea:active:focus:not(:disabled), .jt-container .form-group select:focus:not(:disabled), .jt-container .form-group select:active:not(:disabled), .jt-container .form-group select:active:focus:not(:disabled), .jt-container .input-group input[type="search"]:active:focus:not(:disabled), .jt-container .form-control:focus:not(:disabled), .jt-container .select2-container--focus .select2-selection, .jt-container .select2-container--default.select2--focus .select2-selection--multiple {
    background-color: var(--color-white) !important;
    border-color: unset !important;
    border: 2px solid #220051 !important;
}

.material-icons-outlined:focus, .material-icons-outlined:hover, .material-icons.text-primary:hover, .material-icons.text-primary:focus {
    outline: 2px solid #220051 !important;
    box-shadow: none !important;
}

.jt-container .btn-outline:hover, .jt-container .btn-outline:focus {
    border: 2px solid white !important;
    outline: 2px solid #220051 !important;
    box-shadow: 0 0 0 3px #220051 inset !important;
}
.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 .footer__list.flex-column li a:focus, .jt-container #applicationAccordion .collapsible:focus, .jt-container .no-print:focus {
    outline: 2px solid #220051 !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 #220051 inset !important;
}
.jt-container .applicationdetail-viewdetail .container--small .btn-secondary:focus {
    outline: 3px solid #220051 !important;
}
.jt-container .jt-ce-modal__header .close i:focus {
    outline: none;
}
.jt-container .modal-content .modal-header.text-center button i:focus,
.jt-container #navbarNav1 .dropdown-item:focus,
#body-content > div > div:nth-child(1) > div > a > strong:focus,
.jt-container .job-advert__value:focus,
#alertForm > div.jt-ce-modal__body.py-40 > div > div > div > div:nth-child(12):focus,
#alertForm > div.jt-ce-modal__footer.px-15.py-20.pt-md-0.pb-md-40:focus,
#step_1 > div:nth-child(6) > div > label > a:focus,
.jt-container .form-group .jobAlertExpiry:focus,
.jt-container .jt-ce-modal__header .close a:focus,
.jt-container .account-myaccount .heading .text-decoration-plain:focus,
.jt-container .toggle:focus,
.jt-container .account-myaccount .accordion .collapsible.collapsed:focus, 
.jt-container .account-myaccount .accordion .collapsible.collapsed:hover {
    outline: 2px solid #220051 !important;
}
.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: #220051 !important;
}
.jt-container.faqs-index .JT-faq-decs a:focus {
    text-decoration: none !important;
    outline: 2px solid #220051 !important;
}
.jt-container.faqs-index .text-decoration-plain:focus {
    outline: 2px solid #220051 !important;
    box-shadow: none !important;
    border-color: unset !important;
}
.nav-masthead .nav-link:focus-visible {
    background-color: #fd0 !important;
    border-color: #fd0 !important;
    color: #0b0c0c !important;
    padding: 4px 12px;
    border-radius: 3px;
    outline: #000000 solid 2px;
}

.JT-logo .masthead-brand:focus-visible {
    outline: 0.125rem solid var(--purple-dark) !important;
}
/* Focus style for the checkbox itself */
.complianceonboarding-onboardingform .custom-control-input:focus-visible,
.complianceonboarding-previewonboardingform .custom-control-input:focus-visible {
    outline: 2px solid var(--purple-dark);
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

    .complianceonboarding-onboardingform .custom-control-input:focus-visible + .custom-control-label,
    .complianceonboarding-previewonboardingform .custom-control-input:focus-visible + .custom-control-label {
        outline: 2px solid var(--purple-dark);
        background-color: #f0f0f0;
    }
.jt-container div.box__input:hover div.browser label {
    background-color: var(--purple-dark) !important;
    color: var(--color-white) !important;
}

.js-font-size-greater-than-145 .jt-container .footer__list li a {
    margin: 5px !important;
}
.application-preassessment div.btn-group-toggle--radio label.btn:focus, .application-preassessment div.btn-group-toggle--radio label.btn:hover,
.jt-container div.btn-group-toggle--radio label.btn:focus, .jt-container div.btn-group-toggle--radio label.btn:hover {
    outline: 1px solid var(--purple-dark) !important;
    border: none !important;
}

.jt-container .job-row__details a:focus, .jt-container .job-card__link:focus {
    outline: 2px solid #fd0 !important;
}

.jt-container .btn-group-toggle--radio .radio-focused {
    outline: 4px solid var(--purple-dark) !important;
    border: none !important;
}

    .jt-container .btn-group-toggle--radio .radio-focused.active {
        box-shadow: none !important;
        outline: 1px solid var(--purple-dark) !important;
        border: none !important;
    }

.application-aboutyou .jt-container .btn-group-toggle--radio label.active:focus {
    background-color: #fd0 !important;
    outline: 2px solid var(--purple-dark) !important;
}

.jt-container .job-advert__value:focus, .jt-container .about-company-card .card-body .text-underline:focus {
    border-bottom: var(--purple-dark);
}
.jt-container.job-jobdetail .favourite__job-ad:focus {
    border-color: var(--color-white) !important;
}
.jt-container #searchFilterModal .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--color-black-70);
}
.jt-bb-page-header__search .input-group:focus-within {
    box-shadow: 0 0 0 2px var(--purple-dark) inset !important;
    border-radius: 3px;
    border: 2px solid var(--purple-dark) !important;
    outline: 2px solid var(--color-white) !important;
}
.jt-bb-page-header__search #homeSearchWhat:focus, .jt-container .jt-bb-page-header__search .select2-selection.select2-selection--single:focus {
    border: 2px solid var(--purple-dark) !important;
    outline: 2px solid #e6e2ea !important;
}
#favouritJobs:focus {
    border-color: var(--color-white) !important;
}