#mh-map {
height: 600px;
margin-top: 10px;
}
.sawmillCard{
background: #F5F5F5;
margin-top: 20px; display: none;
}
.sawmillCardHeader{
justify-content: space-between;
align-items: center;
padding: 20px;
display: flex;
cursor: pointer;
}
.sawmillAddress{
display: flex;
gap: 10px;
}
.sawmillName {
font-weight: bold;
}
.toggleIcon{
width: 16px;
}
.sawmillCardDropdown {
display: none;
background: #F5F5F5;
padding: 20px;
}
.buttonContainer {
display: flex;
justify-content: flex-end;
gap: 10px;
margin-top: 20px;
}
.buttonContainer div.active {
background: #005CA9;
color: white;
}
.buttonContainer div {
background: #F5F5F5;
color: #005CA9;
font-size: 16px;
padding: 10px;
cursor: pointer;
text-align: center;
display: flex;
justify-content: center;
}
#list-view {
display: none;
flex-direction: column;
gap: 10px; min-height: 100px; overflow: auto; }
@media screen and (max-width: 767px) {
}
@media screen and (max-height: 700px) {
#mh-map {
height: 400px;
}
}
@media screen and (max-height: 500px) {
#mh-map {
height: 300px;
}
}