Jobhunt Job Type Color Fix

style.css

.job-type.part-time {
    color: #007bff;
    border-color: #007bff;
}
.job-type.part-time:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
.job-type.part-time:focus, .job-type.part-time.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.job-type.part-time.disabled, .job-type.part-time:disabled {
    color: #007bff;
}
.job-type.part-time:not(:disabled):not(.disabled):active, .job-type.part-time:not(:disabled):not(.disabled).active,
.show > .job-type.part-time.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
.job-type.part-time:not(:disabled):not(.disabled):active:focus, .job-type.part-time:not(:disabled):not(.disabled).active:focus,
.show > .job-type.part-time.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}


.job-type.freelance {
    color: #3d9cd2;
    border-color: #3d9cd2;
}
.job-type.freelance:hover {
    color: #fff;
    background-color: #3d9cd2;
    border-color: #3d9cd2;
}
.job-type.freelance:focus, .job-type.freelance.focus {
    box-shadow: 0 0 0 0.2rem rgba(61, 156, 210, 0.5);
}
.job-type.freelance.disabled, .job-type.freelance:disabled {
    color: #3d9cd2;
}
.job-type.freelance:not(:disabled):not(.disabled):active, .job-type.freelance:not(:disabled):not(.disabled).active,
.show > .job-type.freelance.dropdown-toggle {
    color: #fff;
    background-color: #3d9cd2;
    border-color: #3d9cd2;
}
.job-type.freelance:not(:disabled):not(.disabled):active:focus, .job-type.freelance:not(:disabled):not(.disabled).active:focus,
.show > .job-type.freelance.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(61, 156, 210, 0.5);
}


.job-type.full-time {
    color: #0f834d;
    border-color: #0f834d;
}
.job-type.full-time:hover {
    color: #fff;
    background-color: #0f834d;
    border-color: #0f834d;
}
.job-type.full-time:focus, .job-type.full-time.focus {
    box-shadow: 0 0 0 0.2rem rgba(15, 131, 77, 0.5);
}
.job-type.full-time.disabled, .job-type.full-time:disabled {
    color: #0f834d;
}
.job-type.full-time:not(:disabled):not(.disabled):active, .job-type.full-time:not(:disabled):not(.disabled).active,
.show > .job-type.full-time.dropdown-toggle {
    color: #fff;
    background-color: #0f834d;
    border-color: #0f834d;
}
.job-type.full-time:not(:disabled):not(.disabled):active:focus, .job-type.full-time:not(:disabled):not(.disabled).active:focus,
.show > .job-type.full-time.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(15, 131, 77, 0.5);
}


.job-type.internship {
    color: #6033cc;
    border-color: #6033cc;
}
.job-type.internship:hover {
    color: #fff;
    background-color: #6033cc;
    border-color: #6033cc;
}
.job-type.internship:focus, .job-type.internship.focus {
    box-shadow: 0 0 0 0.2rem rgba(96, 51, 204, 0.5);
}
.job-type.internship.disabled, .job-type.internship:disabled {
    color: #6033cc;
}
.job-type.internship:not(:disabled):not(.disabled):active, .job-type.internship:not(:disabled):not(.disabled).active,
.show > .job-type.internship.dropdown-toggle {
    color: #fff;
    background-color: #6033cc;
    border-color: #6033cc;
}
.job-type.internship:not(:disabled):not(.disabled):active:focus, .job-type.internship:not(:disabled):not(.disabled).active:focus,
.show > .job-type.internship.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(96, 51, 204, 0.5);
}


.job-type.temporary {
    color: #dc3545;
    border-color: #dc3545;
}
.job-type.temporary:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
.job-type.temporary:focus, .job-type.temporary.focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.job-type.temporary.disabled, .job-type.temporary:disabled {
    color: #dc3545;
}
.job-type.temporary:not(:disabled):not(.disabled):active, .job-type.temporary:not(:disabled):not(.disabled).active,
.show > .job-type.temporary.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
.job-type.temporary:not(:disabled):not(.disabled):active:focus, .job-type.temporary:not(:disabled):not(.disabled).active:focus,
.show > .job-type.temporary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}