.detail-view {
    background-image: none !important;
    min-height: 0 !important;
}

#section-searchresult tr.el-item:hover {
    cursor: pointer;
}

#section-searchresult .el-item{
    background: #EFEFEF;
    border-bottom: 10px solid #fff;
}

#section-searchresult .el-item:last-child{
    border-bottom: none;
}

#section-searchresult .el-content{
    text-align: right;
}

#section-searchresult .el-title span:hover {
    color: #F18A00;
    text-decoration: underline;
    cursor: pointer;
}

#section-searchresult .contact-person-title {
    font-size: 23px;
}

.detail-button:hover {
    color: #FFFFFF !important;
}

.jobfinder-counterpart-background .uk-icon {
    color: #FFFFFF;
}

.uk-table{
    border-collapse:separate !important;
    border-spacing:0 10px !important;
}

.uk-table .el-item td:first-child {
    border-left: 10px solid #F18A00;
}

@media(min-width:960px){
    .uk-table .el-item td:not(:first-child) {
        border-left: none !important;
    }
}

.uk-table .el-item .el-title {
    margin-left: 10px;
    color: #F18A00;
    font-weight: bold;
}

.uk-table .el-item .el-meta {
    text-align: center;
}

.avatar img{
    background-color: #fff;
}

.tm-jobfinder-is-prominent,
.tm-jobfinder-is-prominent .el-title {
    background-color: #F18A00 !important;
    color: #FFF !important;
}
.tm-jobfinder-is-prominent .el-title span:hover {
    color: #FFF !important;
    text-decoration: underline;
}
.tm-jobfinder-forgiven {
    background-color: rgba(78,78,78,0.7);
    color: #FFF;
    height: 4.3%;
}
.tm-jobfinder-overlay-text {
    position: absolute;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
    text-align: center;
    color: #FFF;
}

#jobfinder-detail-contact-form .uk-input,
#jobfinder-detail-contact-form textarea{
    background-color: #fff;
    color: #333;
}

#jobfinder-detail-contact-form button{
    background-color: #fff !important;
    color: #333 !important;
    border-radius: 10px !important;
    font-size: 20px;
    text-transform: none !important;
    padding: 5px 10px;
}

#jobfinder-detail-contact-form .uk-button-large{
    width: 100%;
    padding: 20px 15px;
    line-height: 1.4;
}

#jobfinder-detail-contact-form .uk-form-label{
    text-transform: none !important;
    font-size: 12px;
}

#jobfinder-detail-contact-form .uk-text-middle{
    display: block !important;
}

#jobfinder-detail-contact-form span{
    color: #fff !important;
    font-weight: normal;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ddd !important;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ddd !important;;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #ddd !important;;
}

@media (max-width: 1200px) {
    .uk-table .el-item .el-title {
        margin-left: 0px;
    }

    .uk-table .el-item .el-meta {
        text-align: left;
    }
}

.navbar-social-icons a {
    margin-right: 10px;
}

.detail-view{
    background-image: none !important;
    background: var(--detail-color);
    min-height: 0 !important;
}

.detail-view h1{
    position: relative !important;
    bottom: unset !important;
}

img.detail-view{    
    display: none;
}

#section-hero-mobile .uk-container{
    background-color: var(--detail-color);
}


@media(max-width: 960px){
    #job-appointments-search .uk-text-center{
        text-align: left !important;
    }
    #job-appointments-search search .uk-grid > div{
        margin-bottom: 20px;
    }
    #job-appointments-search h4{
        margin-bottom: 5px;
    }
    #job-appointments-search button{
        width: 100%;
    }
    #job-appointments-search button + button{
        margin-top: 10px;
    }
}

@media(max-width: 640px){
    .contact-person-title{
        font-size: 22px;  
    }
}

@media(min-width: 640px){
    .nobreak{
        white-space: nowrap !important;
    }
}

/*IE Message*/

#ie-message{
    display: none !important;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #ie-message{
        display: block !important;
    }
    .uk-logo img{
        width: 100% !important;
    }
}
