.resume-section {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5em;
    border: 1px solid black;
    margin: 2em 0;
}

label#subSource-label {
    display: block;
    margin-top: 10px;
}

textarea#subSource {
    min-width: 100%;
}

/*custom styling*/

.error-detail {
    padding-left: 0 !important;
}

.errorList span,
.errorList a,
span.required,
span.checkmark {
    color: #FF0000 !important;
}

.resume-section {
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 2em !important;
}

label {
    color: black !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

.form-group.field.field-string.foo p {
    font-size: 25px !important;
    color: black !important;
    font-weight: 500 !important;
    margin: 10px 0 !important;
}

button#next,
button#previous,
button.btn.primary-button.btn-submit {
    background-color: var(--brand-color-primary) !important;
    border-color: var(--brand-color-primary) !important;
    color: var(--white) !important;
    float: right !important;
    width: 120px !important;
    border-radius: 7px !important;
    font-size: 16px !important;
}

.resume-header {
    color: black !important;
}

.remove-action {
    right: 200px !important;
}

.react-datepicker-wrapper {
    width: 135% !important;
}

#educationData .react-datepicker-wrapper {
    width: 66% !important;
}

.radio span {
    display: flex !important;
}

span.radio-text {
    margin-left: 10px !important;
}

input#applicantAcknowledgment {
    height: 20px !important;
    width: 20px !important;
    margin-top: 5px !important;
    border: var(--input-border-width) solid var(--form-checkbox-stroke) !important;
}

.checkbox label {
    align-items: center !important;
}

.form-group.field.field-string.Heedings p {
    font-size: 25px !important;
    color: black !important;
    font-weight: 500 !important;
    margin: 10px !important;
}

div#I\ currently\ work\ here {
    display: flex !important;
    align-items: center !important;
}

span.checkboxText {
    margin-left: 5px !important;
}

input#experienceData\[0\]\.fromTo\.currentlyWorkHere {
    border: var(--input-border-width) solid var(--form-checkbox-stroke) !important;
}

.summary-title-link {
    margin-left: 10px !important;
}

.object-field.phoneWidget h3,
.object-field.countryRegion h3 {
    display: none !important;
}

h3.array-header.experienceData.Experience {
    margin: 10px 0 !important;
}

.summary-title {
    margin-bottom: 10px !important;
}

#breadcrumb-summary ul li a .title {
    color: black !important;
}

#breadcrumb-summary .slick-list .slick-track li.progress-enable .number {
    background: #FFCD00FF !important;
}

#breadcrumb-summary .progress-enable.progress-complete:after {
    background: #FFCD00FF !important;
}

#breadcrumb-summary .slick-list .slick-track li.progress-current .number {
    background: #FFCD00FF !important;
    color: #FFCD00FF !important;
    box-shadow: 0 0 0 4px #FFCD00FF, 0 0 0 5px #FFCD00FF !important;
    border: 4px solid #FFCD00FF !important;
}


@media screen and (min-width:320px) and (max-width:430px) {
    .resume-group .resume_info {
        padding-left: 0 !important;
    }

    #educationData .react-datepicker-wrapper {
        width: 100% !important;
    }

    .react-datepicker-wrapper {
        width: 65% !important;
    }

    .remove-action {
        right: 80px !important;
    }

    .checkbox label {
        display: flex !important;
    }

    .phw-container>.ph-apply-box .row .col-md-8 {
        grid-column: auto / span 12 !important;
    }

    .react-datepicker-wrapper {
        width: 100% !important;
    }
}

@media screen and (min-width:431px) and (max-width:1024px) {
    .checkbox label {
        display: flex !important;
    }

    .ph-apply-box input.form-control,
    .ph-apply-box select.form-control {
        width: 150% !important;
    }
}

.resume-group .upload-resume-btn {
    text-decoration: none !important;
}

.resume-group .upload-resume-btn:hover {
    font-weight: 600 !important;
}

select#gender,
select#race,
select#veteran {
    width: 170% !important;
}

.ph-apply-box .remove-action {
    right: 50px !important;
    top: -25px !important;
}

span.resume-mandatory {
    color: #FF0000 !important;
}

i.icon.icon-delete {
    margin-left: 6px !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    border: 1px solid #0b0a0a !important;
    position: absolute !important;
    text-align: center !important;
    line-height: 16px !important;
    margin-left: 5px !important;
}

i.icon.icon-delete:before {
    width: 30px !important;
    content: "x" !important;
    color: black !important;
    text-decoration: none !important;
}

div#educationData\[0\]\.schoolName-menu-items,
div#educationData\[1\]\.schoolName-menu-items,
div#educationData\[2\]\.schoolName-menu-items,
div#educationData\[3\]\.schoolName-menu-items,
div#educationData\[4\]\.schoolName-menu-items {
    background-color: white;
    border-left: 1.5px solid black;
    border-bottom: 1.5px solid black;
    z-index: 1;
}

@media screen and (max-width: 1024px) {
    .resume-group .drives .cloud-options-group ul {
        display: flex;
        align-items: center !important;
        list-style: none;
        gap: 20px;
        margin-bottom: 0;
        padding: 0;
        flex-direction: column;
    }

    .ph-apply-box .resume-group .drives {
        width: 100%;
        display: flex;
        gap: 20px;
        align-items: center;
        justify-content: center;
        flex-direction: column !important;
    }

}

@media screen and (min-width: 1024px) {
    .ph-apply-box .resume-group .drives .cloud-options-group ul {
        display: flex;
        align-items: center !important;
        list-style: none;
        gap: 20px;
        margin-bottom: 0;
        padding: 0;
    }

    .ph-apply-box .resume-group .upload-resume-btn {
        min-height: 46px;
        margin-top: 0px !important;
    }

    .ph-apply-box .resume-group .drives li.linkedin-option {
        margin-bottom: -1px;
    }

    .ph-apply-box .cloud-options-group li.linkedin-option {
        margin-top: 0px !important;
        margin-bottom: 0;
    }
}

.ph-apply-box .primary-button {
    color: #0b0a0a !important;
}

.ph-apply-box {

    button#next,
    button#previous,
    button.btn.primary-button.btn-submit {
        background-color: var(--brand-color-primary) !important;
        border-color: var(--brand-color-primary) !important;
        color: #333 !important;
        float: right !important;
        width: 120px !important;
        border-radius: 7px !important;
        font-size: 16px !important;
    }
}

/* ToolTip */
@media screen and (min-width: 1024px) {
    div#tooltip-right {
        width: 49% !important;
        border: 1px solid !important;
        padding: 8px !important;
        margin-left: 10px !important;
        border-radius: 10px !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    div#tooltip-right {
        left: 8px !important;
        width: 43%;
        padding: 5px;
        border: 1px solid;
        border-radius: 10px;
        z-index: 2;
    }
}

@media screen and (max-width: 767px) {
    div#tooltip-right {
        left: -225px !important;
        width: 45%;
        padding: 5px;
        border: 1px solid;
        border-radius: 10px;
        background-color: white;
    }
}

select#disability {
    width: 170% !important;
}

.checkbox label{
    align-items: flex-start !important;
}
 div#optIn label.checkbox-label-item {
    display: flex !important;
}

div#optinsms label.checkbox-label-item {
    display: flex !important;
}

.input-group.phw-input-group button.browse.btn.btn-default.btn-upload-resume.phw-g-btn-default {
    font-weight: normal !important;
    font-family: var(--bs-btn-font-family) !important;
}

button.phw-btn.phw-g-btn-small-primary.crm-btn-submit {
    border: 1px solid #FFCD00FF !important;
    border-radius: 4px !important;
}

#consent .chk-consent {
    height: 14px !important;
}

.event-details-hero h1 {
    color: white !important;
}

.phw-g-widget-event-details-bg {
    background-color: transparent !important;
}

.input-group.phw-input-group button.browse.btn.btn-default.btn-upload-resume.phw-g-btn-default:active {
    padding-top: 9px !important;
    font-weight: normal !important;
    border: none !important;
    font-size: 16px !important;
}

.input-group.phw-input-group button.browse.btn.btn-default.btn-upload-resume.phw-g-btn-default:focus {
    padding-top: 9px !important;
    font-weight: normal !important;
    border: none !important;
    font-size: 16px !important;
}

.input-group.phw-input-group button.browse.btn.btn-default.btn-upload-resume.phw-g-btn-default:focus-visible {
    padding-top: 9px !important;
    font-weight: normal !important;
    border: none !important;
    font-size: 16px !important;
}

.input-group.phw-input-group button.browse.btn.btn-default.btn-upload-resume.phw-g-btn-default:hover{
    transform: none !important;
}

.ph-footer a,
.phw-s-cookie-banner a{
color: #C8102EFF !important;
}
@media only screen and (max-width: 767px){
.apply {
}
}
@media only screen and (max-width: 767px){
.event {
}
}