#cropImagePop .modal-body{
    height: 250px !important; 
}

.ui-menu{
    max-height: 15rem !important;
    overflow-y: scroll;
    overflow-x: hidden;
}

#PreviewJob {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr);
    row-gap: 40px;
}

.hiringForm__Section {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.formSection__Inner_Wrapper,
.hiding__Form_Container {
    --grid-columns: 2;
    display: grid;
    grid-template-columns: repeat(var(--grid-columns), 1fr);
    column-gap: 1rem;
    row-gap: 1.5rem;
}

.form__Input_Wrapper {
    display: flex;
    flex-direction: column;
    position: relative;
}


.submitButton {
    mask-image: url(/DesktopModules/WB_Recruitment/Images/submit.svg);
    -webkit-mask-image: url(/DesktopModules/WB_Recruitment/Images/submit.svg);
    background: var(--success);
}

.editButton {
    mask-image: url(/DesktopModules/WB_Recruitment/Images/edit.svg);
    -webkit-mask-image: url(/DesktopModules/WB_Recruitment/Images/edit.svg);
    background: var(--tc1);
}

.deletButton {
    mask-image: url(/DesktopModules/WB_Recruitment/Images/delet.svg);
    -webkit-mask-image: url(/DesktopModules/WB_Recruitment/Images/delet.svg);
    background: var(--error);
    margin-right: 0.5rem;
    padding-top: 0.5rem;
    border-right: solid 1px var(--mc4);
}

@media (max-width:992px) {
    .formSection__Inner_Wrapper {
        --grid-columns: 1;
    }
}