/* myJobs */
#page-myJobs {
    text-align: center;
}

#page-myJobs>h1 {
    margin-bottom: 4rem;
    margin-top: 2rem;
}

.job {
    background-color: var(--bs-white);
    text-align: left;
    cursor: pointer;
}

.job>*:first-child {
    flex: 1 0 auto
}

.job>*:last-child {
    color: var(--bs-gray-400);
}

#btn-newJob {
    margin-top: 2em;
}

/* Job (Edit & New) */
.form-group {
    width: 100%;
    overflow: hidden;
}

#form-group-banner {
    padding-bottom: 20.4082%;
    border-radius: 0.5rem 0.5rem 0px 0px;
    background-position: 50% center;
    background-size: contain;
    background-repeat: no-repeat;
}

.form-group-submit {
    margin-top: 2rem;
    display: flex;
    align-items: center;
}

#form-Job.group-active-0 #banner {
    margin-bottom: 2rem;
}

#form-Job.group-active-0 .btn {
    width: 23%;
}

#form-Job.group-active-0 #continue {
    display: none;
}

#form-Job.group-active-0 #jobBtn {
    width: 45%;
}

#form-Job.group-active-1 #form-group-banner,
#form-Job.group-active-1 #form-group-location,
#form-Job.group-active-1 #form-group-numbers,
#form-Job.group-active-1 #form-group-description,
#form-Job.group-active-1 [type=submit],
#form-Job.group-active-1 [data-bs-target="#jobDeleteModal"] {
    display: none;
}

#form-Job.group-active-2 #form-group-banner,
#form-Job.group-active-2 #form-group-title,
#form-Job.group-active-2 #form-group-numbers,
#form-Job.group-active-2 #form-group-description,
#form-Job.group-active-2 [type=submit],
#form-Job.group-active-2 [data-bs-target="#jobDeleteModal"] {
    display: none;
}

#form-Job.group-active-3 #form-group-banner,
#form-Job.group-active-3 #form-group-title,
#form-Job.group-active-3 #form-group-location,
#form-Job.group-active-3 #form-group-description,
#form-Job.group-active-3 [type=submit],
#form-Job.group-active-3 [data-bs-target="#jobDeleteModal"] {
    display: none;
}

#form-Job.group-active-4 #form-group-banner,
#form-Job.group-active-4 #form-group-title,
#form-Job.group-active-4 #form-group-location,
#form-Job.group-active-4 #form-group-numbers,
#form-Job.group-active-4 #continue,
#form-Job.group-active-4 [data-bs-target="#jobDeleteModal"] {
    display: none;
}

#form-Job.group-active-1 .btn,
#form-Job.group-active-2 .btn,
#form-Job.group-active-3 .btn,
#form-Job.group-active-4 .btn {
    width: 45%;
}

#form-Job .form-group-submit #continue,
#form-Job .form-group-submit [type=submit] {
    float: right;
}

#form-group-description {
    border-radius: 20px;
    border: 1px solid var(--bs-mywork-blue);
}

/* fields */
#city,
#amountOpenJobs,
#salary {
    flex: 1 0 50%;
}

#zipcode,
#jobType,
#sType {
    flex: 0 0 30%;
}

/* #description {
    min-height: 13.25rem;
    resize: none;
    border: unset;
} */

/* CK Editor */
.ck.ck-editor {
    width: 100% !important;
}

.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content {
    border: none !important;
    border-bottom: 1px solid var(--bs-mywork-blue) !important;
}

.ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable, .ck.ck-editor__main>.ck-editor__editable.ck-rounded-corners {
    min-height: 16rem;
    max-height: 32rem;
    border: none !important;
    box-shadow: none !important;
}

.ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable) {
    border: none !important;
}

.ck.ck-balloon-panel.ck-powered-by-balloon[class*=position_border] {
    display: none !important;
}

@media screen and (max-width: 768px) {
    #form-group-banner {
        padding-bottom: 40%;
    }

    #page-myJobs button{
        width: 100%;
    }

    #page-Job button{
        width: 100%;
    }
    #form-Job.group-active-0 #jobBtn{
        width: 100%;
    }

    #page-Job .form-group-submit{
        display: flex;
        gap: 10px;
        flex-direction: column;
    }
}