.form-map {padding: 0px;}
.displayNone{display: none;}
.marker{width: 20px;height: 20px;overflow: visible;}
.marker:hover{scale: 1.3;}
.marker:hover > .markerText{display:block;}
.markerDot{display:block; scale: 0.6;}
.markerFound > .markerText text{fill: var(--espediter-marked)}
.markerFound > .markerDot circle{fill: var(--espediter-marked)}
#ConsigneeGoogleMap{width:  100%;height: 300px;}
#ContainerGoogleMap{width: 100%; height: 500px;}
#ReturnConsigneeGoogleMap{width:  100%;height: 300px;}

.marker-info{max-height :300px;}

.marker-details-table {border-collapse: collapse; width: auto; font-size: 12px; margin: 0; padding: 0;}
.marker-details-table th,
.marker-details-table td {padding: 2px 5px; text-align: left; vertical-align: top; border: none;}
.marker-details-table th {font-weight: bold; white-space: nowrap;}
.marker-details-table td {white-space: nowrap;}

#page-map{width: 100%; height:calc(100vh - 160px)}
.main-scrollable-content-maps {height: 100vh; overflow: hidden; border-radius:10px; border: 1px solid var(--espediter-component-light); padding:  0; margin: 5px;}