/**
 * Overwrite semantic css html height.
 * Important: DO NOT REMOVE THIS, IS USED FOR iFrameResizer.
 */
html {
    height: inherit;
}

/**
 * Total.
 */
#total {
    font-size: 18px;
    line-height: 21px;
    color: #333;
    margin-bottom: 22px;
}

/**
 * Forms.
 */
#form-wrapper {
    position: relative;
    overflow: hidden;
    margin-bottom: 60px;
    background: #EAEAEA;
    padding: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#search {
    margin-bottom: 20px;
}

#filter .filter {
    display: inline-block;
    float: left;
    width: 49%;
    margin-bottom: 20px;
    height: 40px;
}

#filter-1,
#filter-3 {
    margin-right: 1%;
}

#filter-2,
#filter-4 {
    margin-left: 1%;
}

@media screen and (max-width: 600px) {
    #filter .filter {
        display: block;
        float: none;
        width: 100%;
    }

    #filter-1,
    #filter-2,
    #filter-3,
    #filter-4 {
        margin-left: 0;
        margin-right: 0;
    }
}

/**
 * Buttons.
 */
#submit-button {
    float: right;
    margin-top: 10px;
}

/**
 * Content.
 */
#content {
    padding-bottom: 100px;
}

/**
 * Jobs.
 */
#jobs .job {
    background: #EAEAEA url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNiAxMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xLjI1LjMyNWMuMjI1IDAgLjM1LjEuNDc1LjI3NUw1LjE1IDUuMDc1Yy4xNzUuMjI1LjI1LjM3NS4yNS41NSAwIC4xNzUtLjA3NS4zMjUtLjI1LjU1TDEuNzI1IDEwLjY1Yy0uMTI1LjE3NS0uMjc1LjI3NS0uNDc1LjI3NS0uMyAwLS41NS0uMjI1LS41NS0uNTI1IDAtLjE1LjA1LS4zLjE1LS40MjVMNCA1LjY1Ljg1IDEuMjc1Qy43NSAxLjEyNS42NzUgMS4wMjUuNy44NWMuMDI1LS4zLjI1LS41MjUuNTUtLjUyNXoiIGZpbGw9IiM2RjZENTgiLz4KPC9zdmc+") no-repeat right 15px center / 22px 22px;
    padding: 10px 50px 10px 18px;
    margin-bottom: 6px;
    position: relative;
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#jobs .job:hover {
    background: #EAEAEA url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNiAxMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMjUuMzI1Yy4yMjUgMCAuMzUuMS40NzUuMjc1TDUuMTUgNS4wNzVjLjE3NS4yMjUuMjUuMzc1LjI1LjU1IDAgLjE3NS0uMDc1LjMyNS0uMjUuNTVMMS43MjUgMTAuNjVjLS4xMjUuMTc1LS4yNzUuMjc1LS40NzUuMjc1LS4zIDAtLjU1LS4yMjUtLjU1LS41MjUgMC0uMTUuMDUtLjMuMTUtLjQyNUw0IDUuNjUuODUgMS4yNzVDLjc1IDEuMTI1LjY3NSAxLjAyNS43Ljg1Yy4wMjUtLjMuMjUtLjUyNS41NS0uNTI1eiIvPgo8L3N2Zz4=") no-repeat right 15px center / 22px 22px;
}

#jobs .job .title,
#jobs .job .workplace {
    font-size: 14px;
    line-height: 22px;
    color: #5D5D4D;
}

#jobs .job:hover .title,
#jobs .job:hover .workplace {
    color: #333;
}

#jobs .job .title {
    font-weight: bold;
    margin: 0;
    padding: 0;
}

#jobs .job .workplace {
    font-weight: normal;
}

/**
 * No results.
 */
#no-results {
    font-weight: bold;
}

/**
 * Pagination.
 */
#pagination {
    margin-top: 20px;
    float: right;
}

#pagination a.button {
    padding: 0.65em 0.85em;
    margin-right: 0;
    margin-left: 7px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#pagination a.active {
    background: #fff;
    color: #000;
    border: 1px solid #333;

}

#pagination a.disableClick,
#pagination a.disable-click {
    display: none;
}

#pagination #button-back,
#pagination #button-forward {
    padding-left: .3em;
}

/**
 * Footer.
 */
#footer {
    background: #f8f8f8;
}

#footer .title {
    margin-bottom: 8px;
}