body {
padding: 0;
margin: 0;
}
html, body, #map {
height: 100%;
width: 100%;
overflow: hidden;
font: 10pt "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.registerButtonBox {
position: absolute;
right: 15px;
top: 15px;
z-index: 2000;
}
.lvl2 {
margin-left: 15px;
}
#rightCard {
position: absolute;
right: -300px;
top: 0;
max-width: 300px;
max-height: 100%;
overflow-y: scroll;
z-index: 2000;
background: #ffffff;
-webkit-transition: all 0.5s; /* Safari */
transition: all 0.5s;
}
.rightCard-show {
right: 0px!important;
}
.hidden {
visibility: hidden;
}
.marker {
background: #ffffff;
width: 30px;
height: 30px;
border-radius: 50%;
/* box-shadow: 0 0 5px 5px rgba(66, 134, 244, 0.2); */
-webkit-transition: all 0.2s; /* Safari */
transition: all 0.2s;
}
/* .marker:hover {
border: 2px solid #000000;
} */
.routeMarker {
background: #ffffff;
width: 30px;
height: 30px;
border-radius: 50%;
border: 2px solid rgb(65, 202, 244);
box-shadow: 0 0 5px 5px rgba(65, 202, 244, 0.2);
-webkit-transition: all 0.2s; /* Safari */
transition: all 0.2s;
}
.lnMarker {
background: #ffffff;
width: 30px;
height: 30px;
border-radius: 50%;
border: 2px solid rgb(43, 216, 129);
box-shadow: 0 0 5px 5px rgba(43, 216, 129, 0.2);
-webkit-transition: all 0.2s; /* Safari */
transition: all 0.2s;
}
.marker-red {
box-shadow: 0 0 5px 5px rgba(244, 78, 66, 0.2)!important;
}
.marker-blue {
box-shadow: 0 0 5px 5px rgba(63, 154, 244, 0.2)!important;
}