:root {
  --color-primary: #002e5a;
  --color-secondary: #fe6d73;
  --color-tertiary: #fde21c; }

.search-form {
  position: relative; }
  .search-form input {
    background-color: transparent;
    border: 1px solid #999;
    border-radius: 2px;
    font-size: 14px;
    padding: 4px 30px 4px 8px;
    width: 250px; }
  .search-form i {
    position: absolute;
    opacity: 0.5;
    right: 8px;
    top: 8px; }

.job-wrapper .job-status {
  background-color: #ececec; }
  .job-wrapper .job-status .featured-status i {
    cursor: pointer; }
    .job-wrapper .job-status .featured-status i.featured {
      color: #F7A000; }

.job-wrapper .job-details {
  background-color: #f8f8f8; }
  .job-wrapper .job-details .job-approved-status.pending {
    color: #fcd116; }
  .job-wrapper .job-details .job-approved-status.approved {
    color: #53b427; }