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;
|
|
}
|