.ol-overlaycontainer-stopevent .ol-bookmark {
  display: inline-block;
  position: relative;
  float: right;
  top: auto;
  right: auto;
  left: auto;
  padding: 0;
}

/* #map > div > div.ol-overlaycontainer-stopevent > div.ol-bookmark.ol-unselectable.ol-control.ol-collapsed.ol-editable > button */

.ol-overlaycontainer-stopevent .ol-bookmark button {
  margin: 0;
  margin-left: 0px;
  margin-right: 4px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #006c85;
  background-size: 70%;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('/static/floodmaps/img/icons/zoom-ireland.png');
  font-size: 22px;
  line-height: 32px;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}

.ol-overlaycontainer-stopevent .ol-bookmark button:hover {
  background-color: none;
}
.ol-overlaycontainer-stopevent .ol-bookmark button:active,
.ol-overlaycontainer-stopevent .ol-bookmark button:visited,
.ol-overlaycontainer-stopevent .ol-bookmark button:focus {
  background-color: #006c85;
  outline: none;
}

.ol-control.ol-bookmark > div{	
        display: none;
	min-width: 5em;
	position: absolute;
	bottom: 100%;
        left: -110px;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 160px;
        padding: 5px 0;
        margin: 2px 0 0;
        font-size: 14px;
        text-align: left;
        list-style: none;
 }

.ol-control.ol-bookmark > div button {
    width: 1em;
    height: 0.8em;
    float: right;
    background-color: transparent;
    cursor: pointer;
    border-radius: 0;
}

ul li:before {
    content: none !important;
    display: inline-block;
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #006c85;
    top: 9px;
    left: -20px;
}
.ol-control.ol-bookmark input{
        font-size: 16px;
        margin: 0px 0px;
        padding: 1px 2px 0px 5px;
}

.ol-control.ol-bookmark ul{
        margin:0;
        padding: 0;
        list-style: none;
        min-width: 6em;
        border-top: 1px solid #046e87;
        border-right: 1px solid #046e87;
        border-left: 1px solid #046e87;
}

.ol-control.ol-bookmark li{
        color: rgba(255, 255, 255, 0.8);
        background-color: rgba(0, 108, 133, 0.8);
        font-size: 16px;
        padding: 1px 2px 0px 5px;
        /* padding: 0 0.2em 0 0.5em; */
        cursor: default;
        clear:both;
        list-style-type: none;
}

.ol-control.ol-bookmark li:hover
{       background-color: rgba(0,60,136,.5);
        color: #fff;
}

.ol-control.ol-bookmark > div button
{       width: 1em;
        height: 0.8em;
        float: right;
        background-color: transparent;
        cursor: pointer;
        border-radius: 0;
        margin: 0;
        margin-left: 0px;
        margin-right: 4px;
        background-image: none;
}

.ol-control.ol-bookmark > div button:before{
        content: "\2A2F";
        float: right;
        color: rgba(255, 255, 255, 0.8);
        font-size: 1.2em;
        line-height: 1em;
        border-radius: 0;
        position: absolute;
        top: 50%;
        left: 90%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */