/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 td.hrjob-red {
    color: red;
}
td.hrjob-green {
    color: green;
}
td.hrjob-grey {
    color: grey;
}
td.hrjob-blue {
    color: blue;
}

td.hrjob-red span {
    background-color: #ffe5e7;
    border-radius: 5px;
    padding: 3px;
}
td.hrjob-green span {
    background-color: #eafaf1;
    border-radius: 5px;
    padding: 3px;
}
td.hrjob-grey span {
    background-color: #f2f2f2;
    border-radius: 5px;
    padding: 3px;
}
td.hrjob-blue span {
    background-color: #eaeefa;
    border-radius: 5px;
    padding: 3px;
}

.download-button {
    cursor: pointer;
}

span.hrjob-green {
    color: green;
    background-color: #eafaf1;
    border-radius: 5px;
    padding: 3px;
    margin-left: 2px;
    font-size: smaller;
}
span.hrjob-red {
    color: red;
    background-color: #ffe5e7;
    border-radius: 5px;
    padding: 3px;
    margin-left: 2px;
    font-size: smaller;
}


/* pagination */
.job-description-pagination {
    list-style-type: none;
    padding: 10px 0;
    display: inline-flex;
    justify-content: space-between;
    box-sizing: border-box;
}

.job-description-pagination li {
    box-sizing: border-box;
    padding-right: 10px;
}

.job-description-pagination li a {
    box-sizing: border-box;
    background-color: #e2e6e6;
    padding: 8px;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    color: #616872;
    border-radius: 4px;
}

.job-description-pagination li a:hover {
    background-color: #d4dada;
}

.job-description-pagination .next a,
.job-description-pagination .prev a {
    text-transform: uppercase;
    font-size: 12px;
}

.job-description-pagination .currentpage a {
    background-color: #518acb;
    color: #fff;
}

.job-description-pagination .currentpage a:hover {
    background-color: #518acb;
}
.job-description-pagination-div {
    margin-top: 20px;
}

#hrjobsparttime tbody tr .hrjob-blue span {
    color: #2845AD;
    padding: 4px 8px !important;
}

#hrjobsfulltime tbody tr .hrjob-blue span {
    color: #2845AD;
    padding: 4px 8px !important;
}

#hrjobsfulltime th a {
    color: #171A1C;
}
/* to change the font 'view job' button */
td.download-button a {
    font-family: sans-serif !important;
}