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

/**
 * Wrapper.
 */
#wrapper {
    padding: 60px 70px;
    background-color: #fff;
    position: relative;
    width:100%;
    box-sizing: border-box;
    overflow-y: auto;
}
.header {
    margin-bottom:30px;
    padding-top:0px;
    height: auto;
    display: block;
}
.columnWrapper {
    display: flex;
}
.filterWrapper {
    box-sizing: border-box;
    width: calc(50% - 30px);
}
.content {
    margin-left:0px;
    margin-right:0px;
}
h1 {
    line-height:60px;
    color:#000000;
    text-align: left;
}
h1.jobabo-title svg {
    max-height:49px;
}
footer {
    border-top:none;
    text-align: right;
    display: block;
    padding-top:20px;
}
/**
 * Form.
 */
.ui-multiselect-menu {
    height:300px;
}
.ui-multiselect {
    border-bottom: solid 1px #ffffff;
    margin-bottom:0px;
}
.ui-multiselect span {
    color:#ffffff;
}
.filter:hover .ui-multiselect, .filter:hover .ui-multiselect span.ui-icon {
    border-bottom-color: #ffffff;
}
.ui-multiselect span.ui-icon {
    background: url(../images/svg/icons/arrow-down-white.svg) no-repeat right 0px top 3px / 20px 20px;
}
.ui-multiselect.ui-state-active span.ui-icon {
    background: url(../images/svg/icons/arrow-up-white.svg) no-repeat right 0px top 3px / 20px 20px;
}
.form input:not([type]),
.form input[type=date],
.form input[type=datetime-local],
.form input[type=email],
.form input[type=file],
.form input[type=number],
.form input[type=password],
.form input[type=search],
.form input[type=tel],
.form input[type=text],
.form input[type=time],
.form input[type=url],
.form textarea {
    font-family: 'Futura Std Book', Helvetica, Arial, sans-serif;
    padding: 5px 3px;
    font-size: 24px;
    line-height: 28px;
    height: 53px;
    width: 100%;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background:transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom:solid 1px #8861A9;
    margin-bottom:20px;
}

#search input {
    color:#8861A9;
    border-bottom-color:#8861A9;
}
/* Chrome/Opera/Safari */
::-webkit-input-placeholder {
    color: #8861A9;
}

/* Firefox 19+ */
::-moz-placeholder {
    color: #8861A9;
}

/* IE 10+ */
:-ms-input-placeholder {
    color: #8861A9;
}

/* Firefox 18- */
:-moz-placeholder {
    color: #8861A9;
}

::placeholder {
    color:#8861A9;
}

.button:disabled,
.button[disabled] {
    opacity: 0.2;
    cursor: not-allowed;
}

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

#opt-in.checkbox-block span.checkbox {
    border-color:#8861A9;
}

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

#single-opt-in:checked:after{
    position: absolute;
    width: 10px;
    height: 10px;
    content: "";
    background: #fff;
    top: 4px;
    left: 4px;
}

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

#jobabo-success a, #jobabo-unsubscribe a {
    display: block;
    background: #00A8B1;
    margin-top: 30px!important;
}

#jobabo-success a:hover, #jobabo-unsubscribe a:hover  {
    color:#00A8B1;
    background: white;
    border-color:#00A8B1;
}
.no-results {
    margin:80px;
}

.jobabo-unsubscribe #wrapper {

    width:100%;
    height: 100%;
    position:relative;
}
@media screen and (max-width: 990px) {
    .columnWrapper {
        display: block;
    }
    .filterWrapper {
        width:100%;
    }
}

@media screen and (max-width: 670px) {
    #wrapper {
        padding:20px 10px 10px;
    }
    .ui-multiselect {
        margin-bottom:10px;
    }
    .jobabo-info {
        font-size: 16px;
    }
    h1.jobabo-title svg {
        display: none;
    }
}