.w3-col label,
.w3-col select {
    width: 100%;
}

button.multiselect {
    border-color: green;
    background-color: azure;
}

button.multiselect:hover {
    background-color: azure;
}

button.multiselect:focus {
    background-color: lightgreen;
}

button.multiselect span.multiselect-selected-text {
    color: green;
}

.multiselect-container button.multiselect-option {
    width: 100%;
    text-align: left;
    border: 0px;
}

.multiselect-container button.multiselect-option:active {
    background-color: lightgreen;
}

.multiselect-container button.multiselect-option label {
    color: green;
}

h2.jobOfferHeader {
    text-align: left;
    font-size: 20px;
    font-weight: bold;
}

h3.jobOfferHeader {
    text-align: right;
    font-size: 18px;
    font-weight: bold;
}

h4.jobOfferHeader {
    text-align: left;
    font-size: 16px;
    font-weight: bold;
}

p.jobDescription {
    font-size: 16px;
}

span.datePublished,
span.infoPublished {
    font-size: 10px;
}

span.datePublished {
    font-weight: bold;
}

img.w3-circle.contact-photo {
    width: 75px;
    border-radius: 50%;
}

.contact .photo {
    width: 85px;
}

.contact .detail {
    width: auto;
}

.hidden {
    display: none;
}