1body {
 2    padding: 0;
 3    margin: 0;
 4}
 5
 6html, body, #map {
 7    height: 100%;
 8    width: 100%;
 9    overflow: hidden;
10    font: 10pt "Helvetica Neue", Arial, Helvetica, sans-serif;
11}
12.registerButtonBox {
13  position: absolute;
14  right: 15px;
15  top: 15px;
16  z-index: 2000;
17}
18.lvl2 {
19  margin-left: 15px;
20}
21#rightCard {
22  position: absolute;
23  right: -300px;
24  top: 0;
25  max-width: 300px;
26  max-height: 100%;
27  overflow-y: scroll;
28  z-index: 2000;
29  background: #ffffff;
30  -webkit-transition: all 0.5s; /* Safari */
31  transition: all 0.5s;
32}
33.rightCard-show {
34  right: 0px!important;
35}
36.hidden {
37  visibility: hidden;
38}
39.marker {
40  background: #ffffff;
41  width: 30px;
42  height: 30px;
43  border-radius: 50%;
44  /* box-shadow: 0 0 5px 5px rgba(66, 134, 244, 0.2); */
45  -webkit-transition: all 0.2s; /* Safari */
46  transition: all 0.2s;
47}
48/* .marker:hover {
49  border: 2px solid #000000;
50} */
51
52.routeMarker {
53  background: #ffffff;
54  width: 30px;
55  height: 30px;
56  border-radius: 50%;
57  border: 2px solid rgb(65, 202, 244);
58  box-shadow: 0 0 5px 5px rgba(65, 202, 244, 0.2);
59  -webkit-transition: all 0.2s; /* Safari */
60  transition: all 0.2s;
61}
62.lnMarker {
63  background: #ffffff;
64  width: 30px;
65  height: 30px;
66  border-radius: 50%;
67  border: 2px solid rgb(43, 216, 129);
68  box-shadow: 0 0 5px 5px rgba(43, 216, 129, 0.2);
69  -webkit-transition: all 0.2s; /* Safari */
70  transition: all 0.2s;
71}
72.marker-red {
73  box-shadow: 0 0 5px 5px rgba(244, 78, 66, 0.2)!important;
74}
75.marker-blue {
76  box-shadow: 0 0 5px 5px rgba(63, 154, 244, 0.2)!important;
77}