.jobstatus {
    position: absolute;
    top: -1rem;
    left: 0.1rem;
    color: #fff;
    padding: 0.25rem 1rem;
    z-index: 5;
}
.jobstatus::before {
    position: absolute;
    content: "";
    top: 2rem;
    left: 0;
    right: -.95rem;
    width: 0;
    height: 0;
    z-index: 5;
    transform: rotateX(180deg);
}
.jobstatus::after {
    left: 100%;
    top: 0;
}
.jobstatus.SAVED {
    background-color: #008000;
}
.jobstatus.APPLIED {
    background-color: #84bd00;
}
.jobstatus.CONTACTED {
    background-color: #68a8de;
}
.jobstatus.INTERVIEWING {
    background-color: #7d55c7;
}
.jobstatus.ARCHIVED {
    background-color: #5b5b5b;
}
.jobstatus.SAVED::before {
    border-bottom: 1rem solid #008000;
    border-left: 1rem solid transparent;
}
.jobstatus.SAVED::after {
    border-top: 1rem solid #008000;
    border-right: 1rem solid transparent;
    border-bottom: 1rem solid #008000;
    left: 100%;
    top: 0;
}
.jobstatus.APPLIED::before {
    border-bottom: 1rem solid #84bd00;
    border-left: 1rem solid transparent;
}
.jobstatus.APPLIED::after {
    border-top: 1rem solid #84bd00;
    border-right: 1rem solid transparent;
    border-bottom: 1rem solid #84bd00;
    left: 100%;
    top: 0;
}
.jobstatus.CONTACTED::before {
    border-bottom: 1rem solid #68a8de;
    border-left: 1rem solid transparent;
}
.jobstatus.CONTACTED::after {
    border-top: 1rem solid #68a8de;
    border-right: 1rem solid transparent;
    border-bottom: 1rem solid #68a8de;
    left: 100%;
    top: 0;
}
.jobstatus.INTERVIEWING::before {
    border-bottom: 1rem solid #7d55c7;
    border-left: 1rem solid transparent;
}
.jobstatus.INTERVIEWING::after {
    border-top: 1rem solid #7d55c7;
    border-right: 1rem solid transparent;
    border-bottom: 1rem solid #7d55c7;
    left: 100%;
    top: 0;
}
.jobstatus.ARCHIVED::before {
    border-bottom: 1rem solid #5b5b5b;
    border-left: 1rem solid transparent;
}
.jobstatus.ARCHIVED::after {
    border-top: 1rem solid #5b5b5b;
    border-right: 1rem solid transparent;
    border-bottom: 1rem solid #5b5b5b;
    left: 100%;
    top: 0;
}
.job-collapse-control {
    font-size: 150%;
}
#JobHeaderOpen, #JobHeaderClose {
    margin-top: -5%;
}
.sticky-top {
    position: sticky;
    top: 0;
    bottom: 1em;

    margin-bottom: 0.5rem;
    z-index: 9;
    opacity: 1;
    background-color: #fff;
}
#myjobspromo.container {
    padding: 0;
}
.popover {
    background-color: #404040;
}
.popover-body {
    width: 186px;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}
.close {
    color: #ffffff;
    opacity: 1;
    font-weight: normal;
    margin-top: -.3rem;
    font-size: 1rem;
}
.bs-popover-bottom .arrow::after {
    border-bottom-color: #404040;
}
.recruiterProfileFull {
    width:350px;
    float:right;
}
.recruiterProfileFull .postedBy {
    font-size:0.9rem;
}
.recruiterProfileFull .recruiterLink {
    font-size:1.4rem;
}
.recruiterProfileMobile img {
    height:44px;
    width:auto;
}
.recruiterProfileFull img {
    height:76px;
    width:auto;
}
.recruiterProfileMobile {
    width:100%;
    min-width:300px;
    max-width:340px;
}
.recruiterProfileMobile .postedBy {
    font-size:0.8rem;
}
.recruiterProfileMobile .recruiterLink {
    font-size:0.9rem;
}
.recruiterProfileFull .rounded, div.recruiterProfileMobile .rounded {
    border-radius:1rem!important;
}
.recruiterDefaultIcon{
    font-size:4.5rem!important;
}
.recruiterProfileMobile .recruiterDefaultIcon {
    font-size:2.5rem!important;
}
.jobContentFrame {
    word-wrap: break-word;
}
@media screen and (min-width: 768px) {
    .sticky-md-top {
        position: sticky;
        top: 0;
        bottom: 1em;
        margin-bottom: 0.2rem;
        z-index: 9;
        opacity: 1;
        background-color: #fff;
    }
    .job-border-md {
        border:1px solid #dee2e6 !important
    }
    .jobstatus::after {
        content: "";
        position: absolute;
        top: 2rem;
        right: 0;
        width: 0;
        height: 0;
    }
}
@media screen and (max-width: 767px) {
    .popover {
        display: none !important;
    }
    .cta-sticky-sm-bottom {
        position: fixed;
        bottom: 0;
        padding-right: 0;
        padding-left: 0;
        left: 0;
        z-index: 9;
        opacity: 1;
        background-color: #fff;
    }

    .job-border-sm {
        border: 0px solid !important
    }
    .jobstatus.SAVED::before {
        border-bottom: 0rem solid transparent;
    }
    .jobstatus.CONTACTED::before {
        border-bottom: 0rem solid transparent;
    }
    .jobstatus.APPLIED::before {
        border-bottom: 0rem solid transparent;
    }
    .jobstatus.INTERVIEWING::before {
        border-bottom: 0rem solid transparent;
    }
    .jobstatus.ARCHIVED::before {
        border-bottom: 0rem solid transparent;
    }
    .jobstatus::after {
        content: "";
        position: absolute;
        top: 2rem;
        right: 0;
        width: 0;
        height: 0;
    }
}
.btn-outline-disabled {
    color: #999999;
    color: var(--gray600);
    border-color: #999999;
    border-color: var(--gray600);
    background-color: #ffffff;
    background-color: var(--white);
}
.btn-job-cta {
    height: 44px;
    font-size: 18px !important;
}
i.fa.fa-star {
    color:gold;
}
i.fa.fa-star.hide {
    position: absolute;
    top: -9999px;
    left: -9999px;
}
i.fa.fa-star.show {
}