.current-location-container {
    position: relative;
    pointer-events: none;
    bottom: 0;
    z-index: 100;
}

.current-location {
    right: 20px;
    bottom: 100pt;
    cursor: pointer;
    z-index: 10;
    padding: 10pt;
    display: flex;
    position: absolute;
    font-size: 18px;
    background: white;
    box-shadow: 0 2pt 4pt rgba(0, 0, 0, 0.2);
    transition: all 0.2s;
    align-items: center;
    border-radius: 100%;
    pointer-events: all;
    margin-bottom: 10px;
}

.current-location img {
    height: 1em;
}

.gm-style .controls.zoom-control {
  display: flex;
  flex-direction: column;
  height: 83px;
  margin-right: 20px;
  width: 43px;
  height: 83px;
  background-color: white;
}

.gm-style .controls.zoom-control button {
  font: 0.85em Arial;
  padding: 0;
  align-self: center;
  width: inherit;
  height: 45px;
  font-size: x-large;
}

.map-type-control-container {
    position: relative;
    pointer-events: none;
    bottom: 0;
    z-index: 100;
}

.map-location-type-control-container {
    position: relative;
    pointer-events: none;
    bottom: 0;
    z-index: 100;
}

.map-type-control {
    right: 20px;
    bottom: 100pt;
    cursor: pointer;
    z-index: 10;
    padding: 10pt;
    display: flex;
    position: absolute;
    font-size: 18px;
    background: white;
    box-shadow: 0 2pt 4pt rgba(0, 0, 0, 0.2);
    transition: all 0.2s;
    align-items: center;
    border-radius: 100%;
    pointer-events: all;
    margin-bottom: 65px;
}

.map-location-type-control {
    background-color: #8de49d !important;
    right: 20px;
    bottom: 210pt;
    cursor: pointer;
    z-index: 10;
    padding: 10pt;
    display: flex;
    position: absolute;
    font-size: 18px;
    background: white;
    box-shadow: 0 2pt 4pt rgba(0, 0, 0, 0.2);
    transition: all 0.2s;
    align-items: center;
    border-radius: 100%;
    pointer-events: all;
    margin-bottom: 65px;
}

.map-type-control img {
    height: 1em;
}

.arrow_box {
    position: absolute;
    top: 72%;
    left: 50%;
    margin-top: -190px;
    margin-left: 0px;
    z-index: 11;
    color: rgb(255, 255, 255);
    visibility: visible;
    opacity: 1;
    transition: visibility 0s linear 0s, opacity 300ms ease 0s;
    transform: translate(-50%, 0px);
    min-width: 275px;
    text-align: center;
    width: 310px;
    background: rgb(20, 30, 115);
    border-radius: 20px;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 6px 0px, rgb(0 0 0 / 12%) 0px 0px 4px 0px;
    max-width: 310px;

}

.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(187, 61, 36, 0) rgba(187, 61, 36, 0) rgb(20, 30, 115);
    border-width: 10px;
    margin-left: -10px;
}

.top-control-button {
    position: sticky !important;
}