#jobApplicationDetail .row, #jobOfferDetail .row {
    margin-bottom: 15px;
}

#jobApplicationDetail a.print-link, #jobOfferDetail a.print-link {
    float: right;
    margin-top: 20px;
}

#jobPortalAccount .display-inline {
    display: inline;
}

.mt-5 {
    margin-top: 3rem;
}

.mt-3 {
    margin-top: 2rem;
}

.mb-3 {
    margin-bottom: 2rem;
}

.btn-small {
    padding: 4px 8px;
    font-size: 13px;
}

.mr-1 {
    margin-right: 1rem;
}

@media print {
    header.header {
        display: none;
    }
    section.links {
        display: none;
    }
    footer.footer {
        display: none;
    }
    #contact-form {
        display: none;
    }
}

#jobList .wrapper-blue {
    background-color: #e8e9f7;
    padding: 10px;
}

#jobList .wrapper-blue a, a.print-link {
    color: #2e3678;
}

#jobList .card {
    /* Add shadows to create the "card" effect */
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    padding: 10px;
    background-color: white;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

/* On mouse-over, add a deeper shadow */
#jobList .card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

#jobList .card-left {
    margin-left: 30px;
}

#jobList .card-left i {
    position: relative;
    top: calc(50% - 33px);
    flex-grow: 1;
}

#jobList .card-center {
    flex-grow: 3;
    margin-left: 45px;
    width: -moz-available;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    width: fill-available;
}

#jobList .card-right {
    position: relative;
    width: 15%;
}

#jobList p.valign-bottom {
    position: absolute;
    bottom: 0px;
}

.links .btn.btn-job-portal {
    background: #2e3678;
    border: 1px solid #002060;
    color: #eaeaea;
    width: 100%;
    text-align: left;
}