@import '../../scss/variables.scss';

.search-form {
    position: relative;

    input {
        background-color: transparent;
        border: 1px solid #999;
        border-radius: 2px;
        font-size: 14px;
        padding: 4px 30px 4px 8px;
        width: 250px;
    }

    i {
        position: absolute;
        opacity: 0.5;
        right: 8px;
        top: 8px;
    }
}

.job-wrapper {
    .job-status {
        background-color: #ececec;

        .featured-status {
            i {
                cursor: pointer;

                &.featured {
                    color: #F7A000;
                }
            }
        }
    }

    .job-details {
        background-color: #f8f8f8;

        .job-approved-status {
            &.pending {
                color: #fcd116;
            }
            
            &.approved {
                color: #53b427;
            }
        }
    }
}