html, body, #wrapper {
    height:100%;
}

/**
 * Wrapper.
 */
#wrapper {
    padding: 0px;
    position: relative;
    box-shadow: none;
}
h1, h3 {
    color:#F60;
}
h1 {
    margin:20px -40px 40px;
    padding:0 40px 20px;
    font-size:35px;
    border-bottom: solid 10px #F60;
}

.content {
    padding:40px;
}

@media screen and (max-width: 686px) {

    .header {
        padding:20px;
    }
    .header h1 {
        margin-bottom:0px;
    }
    .field {
        width:100%;
        display: block;
        padding:0px!important;
    }
    label {
        padding-bottom:0px;
    }
    .button.apply {
        margin-bottom: 20px;
    }
}
#search {
    margin-bottom:0px;
}

#opt-in {
    position: relative;
    margin-bottom: 16px;
    margin-top: 16px;
    width:100%;
}

#single-opt-in {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    top: 2px;
    left: 0;
    border: 2px solid #F60;
    width: 16px;
    height: 16px;
}

#single-opt-in:checked:after{
    position: absolute;
    width: 8px;
    height: 8px;
    content: "";
    background: #F60;
    top: 2px;
    left: 2px;
}

#label-single-opt-in {
    font-weight: normal;
    color:#000000;
    vertical-align: top;
    font-size: 12px;
    line-height: 19px;
    position: relative;
    left: 25px;
    width: 90%;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor:pointer;
}

#jobabo-success a {
    font-size: 14px;
    text-decoration: underline;
}

#jobabo-success a:hover {
    color:#000000;
}
.no-results {
    margin:80px;
}

.jobabo-unsubscribe #wrapper {
    width:100%;
    height: 100%;
    position:relative;
}

#jobabo-success .close-button,
#jobabo-unsubscribe .close-button
    {
    width: auto;
    float:right;
    text-decoration: none;
    font-size: 20px;
}
#jobabo-success .close-button:hover, #jobabo-unsubscribe .close-button:hover {
    color:#fff;
}

@media screen and (max-width: 767px) {
    .multicolumn > * {
        display:table!important;
        width:100%!important;
        table-layout: fixed;
    }
    .multicolumn .separator {
        display:block!important;
    }
}

@media screen and (max-width: 670px) {
    .ui-multiselect {
        margin-bottom:10px;
    }
    .jobabo-info {
        font-size: 16px;
    }
    .header h1 {
        font-size:28px;
    }
    .content {
        padding:20px;
    }
}

@media screen and (max-width: 420px) {
    .multicolumn > * {
        display:block!important;
        width:100%!important;
        clear:both;
    }
    .multicolumn .separator {
        display:none!important;
    }
}