/*
==================== JOB FEED STYLES ====================
*/

/* CONTAINER STYLES */

#ditto-jobs-feed-container {
    padding-top: 0;
}

/* Change border colour here */
.ditto-jobs-job-card {
    background-color: white !important;
    margin: 15px 0 !important;
    padding: 15px 15px 15px 0 !important;
    /*     border-top: 2px solid #6599f3; */
}

.ditto-jobs-job-card.hidden {
    display: none;
}
sl
.ditto-jobs-job-card:last-child {
    margin-bottom: 0;
}

/* DESCRIPTION SECTION STYLES */

.ditto-jobs-job-card section {
    padding: 10px 0 0 15px !important;
}

.ditto-jobs-job-card span {
    margin-bottom: 6px;
    font-size: 12px;
}

.ditto-jobs-job-card h2 {
    font-size: 18px !important;
    margin: 0 0 5px 0 !important;
}

/* Change headings colour here */
.ditto-jobs-job-card h2 a {
    color: #0000ff !important;
    height: 10px !important;
}

.ditto-jobs-job-card a {
    text-decoration: none;
}

.ditto-jobs-job-card section .area_region {
    padding-bottom: 0 !important;
    font-style: italic;
}

/* Change industries colour here */
.ditto-jobs-job-card section .industries label {
    display: inline-block;
    border: 1px solid #1A97F6;
    border-radius: 3px;
    background: #fff;
    font-size: 10px;
    padding: 6px 8px 4px;
    white-space: nowrap;
    height: auto;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 6px 6px 6px 0;
    color: #1A97F6 !important;
}

.ditto-jobs-job-card .description_snippit {
    font-size: 16px !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin: 6px 0 !important;
}

.ditto-jobs-job-card section .salary_range {
    font-size: 16px !important;
    font-weight: bold !important;
}

.ditto-jobs-job-card section .salary_type {
    font-size: 16px !important;
}

/* BUTTON SECTION STYLES */

.ditto-jobs-job-card aside {
    padding: 0 0 0 15px !important;
    margin-top: 10px !important;
}

/* Change view button colour here */
.ditto-jobs-job-card aside .apply-button .button {
    font-size: 16px !important;
    display: inline-block !important;
    padding: 6px 12px !important;
    border-radius: 4px !important;
    position: relative;
    background-color: #0000ff !important;
    color: white !important;
}

/*
==================== JOB FEED SEARCH STYLES ====================
*/

.ditto-jobs-job-search-filter {
    display: block;
    background-color: white !important;
    margin: 15px 0;
    padding: 20px 10px 10px 10px;
}

/* SEARCH BAR STYLES */

.ditto-jobs-job-search-filter .search {
    width: 99% !important;
    position: relative;
}

.ditto-jobs-job-search-filter .search .searchTerm {
    border: 1px solid #000;
    padding: 20px 15px;
    height: 1px !important;
    border-radius: 4px;
    background: white;
    width: 96.5% !important;
}

/* FILTERS STYLES */

.ditto-jobs-job-search-filter .filters-boxes {
    width: 100%;
    padding: 15px 0;
    float: left;
}

.ditto-jobs-job-search-filter .filters-boxes .select {
    position: relative;
    display: inline-block;
    width: 49%;
    height: 2em;
    background: white;
    border: 1px solid;
    overflow: hidden;
    border-radius: .25em;
}

.ditto-jobs-job-search-filter .filters-boxes .select::after {
    content: '\25BC';
    position: absolute;
    top: 5%;
    right: 0;
    font-size: 10px;
    bottom: 0;
    padding: 0 1em;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}

.ditto-jobs-job-search-filter .filters-boxes select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    outline: 0;
    box-shadow: none;
    border: 0 !important;
    background: white;
    font-size: 12px;
    width: 100%;
    height: 100%;
    margin-right: 5px;
    padding: 0 10px 0 5px;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.ditto-jobs-job-search-filter .filters-boxes select::-ms-expand {
    display: none;
}

/* RESET BUTTON STYLES */

.ditto-jobs-job-search-filter .reset-filters {
    padding: 20px 0 15px;
}

/* Change clear filters button colour here */
.ditto-jobs-job-search-filter .reset-filters button {
    font-size: 16px !important;
    display: inline-block;
    padding: 6px 12px;
    border-radius: 4px;
    position: relative;
    background-color: #0000ff !important;
    color: white !important;
}

/*
==================== JOB VIEW STYLES ====================
*/

/* CONTAINER STYLES */

.ditto-jobs-job-view section {
    padding: 0;
}

.ditto-jobs-job-view table, .ditto-jobs-job-description {
    background-color: white !important;
    margin: 15px 0;
    padding: 5px 20px !important;
    font-size: 16px;
}

/* APPLY BUTTON STYLES */

.ditto-jobs-job-view .apply-button {
    text-align: center;
}

/* Change apply button colour here */
.ditto-jobs-job-view .apply-button a {
    font-size: 14px !important;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 4px;
    position: relative;
    background-color: #0000ff !important;
    color: white !important;
}

/*  TABLE STYLES */

.ditto-jobs-job-view table {
    border-collapse: separate !important;
    border: none !important;
    width: 100% !important;
}

.ditto-jobs-job-view table .ditto-jobs-table-title {
    font-weight: bold;
}

.ditto-jobs-job-view table tr {
    border: none !important
}

.ditto-jobs-job-view table td {
    border: none !important;
    border-bottom: 1px solid #ccc !important;
    padding: 10px;
    text-align: left !important;
}

.ditto-jobs-job-view table tr:last-child td {
    border: none !important;
}

/*  JOB DESCRIPTION STYLES */

/* Change heading colour here */
.ditto-jobs-job-view h3 {
    font-size: 24px !important;
    margin: 12px 0 !important;
    color: #0000ff !important;
}

.ditto-jobs-job-view .ditto-jobs-job-description {
    padding-bottom: 20px !important;
}

.ditto-jobs-job-view h4 {
    font-size: 16px !important;
    margin: 16px 0 12px 0 !important;
}

.ditto-jobs-job-view .job-description {
    margin-top: 10px !important;
    margin-bottom: 20px !important;
}

.ditto-jobs-job-view .job-description ul {
    margin-bottom: 10px !important;
}

/* Change industries and skills colour here */
.ditto-jobs-job-view .industries label {
    display: inline-block;
    border: 1px solid #1A97F6;
    border-radius: 3px;
    background: #fff;
    font-size: 10px;
    padding: 6px 8px 4px;
    white-space: nowrap;
    height: auto;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 6px 6px 6px 0;
    color: #1A97F6 !important;
}