#resource-id { display: none;
}
#resource-map {
position: relative;
}
#map-canvas {
width: 100%;
height: 450px
}
.sidebar-contact .wpcf7-submit {
bottom: 0!important;
}
#map-overlay {
background-color: #e9ecf1;
position: absolute;
display: none;
opacity: 0.9;
margin-left: 304px;
width: 304px;
height: 450px
}
#map-overlay textarea {
height: 60px;
}
#selected-resource {
width: 304px;
height: 450px;
}
.resource-count {
background: lightgrey;
}
.infobox {
position: absolute;
left: 0;
top: 0;
z-index: 1000;
background-color: #fff;
border-radius: 4px;
box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.7);
display: none;
padding: 60px 20px;
overflow: hidden;
}
.infobox .title {
background: #df4a34;
color: #fff; top: 17px;
font-weight: 700;
margin: -60px -20px 20px;
padding: 15px 20px;
border-bottom: 1px solid #ccc;
}
.infobox .close {
z-index: 10;
position: absolute;
right: 15px;
top: 10px;
height: 30px;
width: 30px;
cursor: pointer;
font-size: 31px;
line-height: 29px;
font-weight: 700;
padding: 1px;
}
#selected-resource.infobox {
z-index: 5 !important;
}
#selected-resource.infobox .close{
right: 7px;
top: 0px;
height: 25px;
line-height: 20px;
}
.infobox .content {
max-height: 100% !important;
overflow-x: hidden;
overflow-y: auto;
padding-right: 10px;
}
.infobox .content .resource {
width: 100%;
padding: 0;
}
.infobox .content .resource h3 {
font-size: 12px;
margin-bottom: 5px;
}
.infobox .content .resource p.niveau {
margin-bottom: 5px;
}
.infobox .content .resource.assignment p.specialisme {
margin-bottom: 0;
}
.infobox .content .resource p.inhuurperiode {
margin-bottom: 15px;
font-style: italic;
}
.infobox .content .resource p {
font-size: 12px;
}
.markerLabels {
width: 20px;
height: 14px;
font-weight: 700;
color: #fff;
text-align: center;
text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.8);
}
.new-resource {
display: inline-block;
float: right;
color: red;
font-size: 12px;
}
.level {
display: block;
font-size: 12px;
}
@media (max-width: 991px) and (min-width: 767px) {
.new-resource {
display: block;
float: none;
}
.item.resource-li .text-right {
margin-left: -12px !important;
}
}