﻿.job-brief_item svg {
    width: 16px;
    height: 16px;
    margin-right: 10px;
}

/* =========================== */
/* Job Info Detail */
.job-info-detail-container {
    border-radius: 5px;
    border: 1px solid var(--dark-light-gray);
    overflow: hidden;
}
.job-info-detail-container .header-wrap{
    background: #B7BABF;
}
.job-info-detail-container .info-img{
    height: 20px;
    margin: 0 10px 0 0;
}
.job-info-detail-container .info-detail{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0 0 .35em 0;
}
.job-info-detail-container .info-detail-wrap p,
.job-info-detail-container .header-wrap p{
    margin: unset;
}
.job-info-detail-container .header-wrap {
    padding: .35em .75em;
    margin: 0 0 .5em 0;
}
.job-info-detail-container .info-detail-wrap {
    padding: .25em .75em;
    margin: 0 0 .35em 0;
}
    .job-info-detail-container .info-detail:first-of-type{
        margin: unset;
    }

/* ========================== */
/* Related Jobs */
.related-job-wrap {
    border-bottom: 1px solid var(--dark-light-gray);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 0 .75em 0;
    padding: .5em 0;
}
    .related-job-wrap:last-of-type{
        border-bottom: unset;
    }
.related-job-wrap p{
    margin: unset;
    text-overflow: ellipsis;
    width: 190px;
    overflow: hidden;
    white-space: nowrap;
}
.related-job-wrap .related-detail{
    display: flex;
    flex-direction: row;
    align-items: center;
}
    .related-job-wrap .related-detail h4{
        font-size: 1rem;
    }
    .related-job-wrap .related-detail p{
        font-size: .9rem;
    }
.related-job-wrap .info-img{
    height: 16px;
    margin: 0 .35em 0 0;
}
.related-job-wrap .related-job-button{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}
    .related-job-wrap .related-job-button .btn {
        padding: 3px 13px;
    }
    .related-job-wrap .related-job-button .btn span{
        font-size: 14px;
    }
.job-detail-related-list{
    margin-top: 2.5rem;
}