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

/**
 * Wrapper.
 */
#wrapper {
    padding: 0px;
    position:relative;
    box-shadow:none;
}
#content {
    padding:40px;
}
h1, h3 {
    font-family: 'DicSans Normal', sans-serif;
    color:#181716;
}
h1 {
    font-size: 35px;
    text-align: left;
    font-weight: bold;
    margin-top:0px;
    margin-bottom:40px;
}
h2 {
    color:#181716;
}
b, strong {
    font-family: 'DicSans Normal', sans-serif;
    font-size:18px;
    line-height: 28px;
}
.content {
    padding:40px;
}

.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 {
    margin-bottom:20px;
}

label {
    font-family: 'DicSans Normal', Arial, sans-serif;
    padding-bottom: 10px;
    font-size:20px;
    color:#181716;
    display:block;
}

.button, a.button {
    width:auto;
    padding-left:20px;
    padding-right:20px;
}

#search svg {
    right:0px;
}

[type="radio"]:not(:checked)+span, [type="radio"]:checked+span {
    font-size: 20px;
    line-height: 1.6em;
}
[type="radio"]+span:before, [type="radio"]+span:after {
    width: 20px;
    height: 20px;
}
[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:before, [type="radio"].with-gap:checked+span:after {
    border: 1px solid #181716;
}
[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:after {
    background-color:#181716;
}
[type="checkbox"]+span:not(.lever) {
    font-size: 20px;
    font-family: 'CASansPro-Regular', Helvetica, Arial, sans-serif;
    line-height: 1.4em;
}
[type="checkbox"]+span:not(.lever):before, [type="checkbox"]:not(.filled-in)+span:not(.lever):after {
    width: 20px;
    height: 20px;
}
[type="checkbox"]:checked+span:not(.lever):before {
    border-right: 2px solid #181716;
    border-bottom: 2px solid #181716;
}
#private-message {
    height:200px;
    border:solid 1px #181716;
}
.jobabo h3 {
    float:none;
}

@media screen and (max-width: 520px) {
    .modal iframe {
        overflow:auto!important;
    }
    .header {
        padding:20px;
    }
    .header h1 {
        margin-bottom:0px;
    }
    #content {
        padding:10px 20px;
    }
    .field {
        width:100%;
        display: block;
        padding:0px!important;
    }
    label {
        padding-bottom:0px;
    }
    #private-message {
        height:100px;
    }
    .button.apply {
        margin-bottom: 20px;
    }
    .contact-success #content {
        padding:20px;
    }
}
#search {
    margin-bottom:0px;
}

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

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

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

#label-single-opt-in {
    vertical-align: top;
    font-size: 12px;
    line-height: 19px;
    position: relative;
    left: 30px;
    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;
    }
}