#map {

}
.flag-img-small {
  width: 15px;
  height: auto;
  max-height: 10px;
}
.region-buttons {
  display: inline-block;
  overflow-y: scroll;
  height: 100px;
}
.main-buttons button {
  margin: 0rem 0.1rem;
}
.dropdown.dselect-wrapper,
button.form-select  {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    /* border-radius: 0px; */
}

.region-button-action.region-button-select ,
.region-button-action.region-button-remove  {
  font-size: 1.2rem;
}

.selectButton, .deselectButton, .drawButton, .cutButton, .mapButton, 
.nmButton, .nmButtonSimple, .dareButton, .adm1Button, .adm2Button, .admsButton 
{
    width: 35px;
    border-radius: 2px;
    border: 2px solid rgba(0,0,0,0.3);
    background-color: white;
}

.selectButton:hover, .deselectButton:hover, .drawButton:hover, .cutButton:hover, .mapButton:hover, 
.nmButton:hover, .nmButtonSimple:hover, .dareButton:hover, .adm1Button:hover, .adm2Button:hover, .admsButton:hover
{
    background-color: lightgrey;
}

@-webkit-keyframes blink {
    0%,
    50%,
    100% {
      opacity: 1;
    }
    25%,
    75% {
      opacity: 0;
    }
  }
  @keyframes blink {
    0%,
    50%,
    100% {
      opacity: 1;
    }
    25%,
    75% {
      opacity: 0;
    }
  }  

.borderBlink {    
    -webkit-animation: blink 2s infinite both;
    animation: blink 2s infinite both;
}

.region-button {
  display: inline-block;
  /* flex-direction: row; */
  border: 1px solid black;
  border-radius: 5px;
  font-size: 0.7rem;
}
.region-button div {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.region-button-name, .region-button-action {
  padding: 2px;
}
.region-button-name {
  margin-right: 0.5rem;
}
.region-button-action {
  color: gray;
}
.region-selected {
  border: 1px solid darkgreen;
  color: darkgreen;
  font-weight: bold;
}
.region-button-select:hover {
  color: green;
}
.region-button-remove:hover {
  color: red;
}
.region-button-hide:hover {
  color: purple;
}
.region-button-cut:hover {
  color: darkred;
}
.region-cut-selected {
  border: 1px solid darkred;
  color: darkred;
}
.region-name {
  text-align: center;
  font-weight: bold;
  padding: 0.2rem;
}

.map-tools-toggle {
  display: grid;
  grid-template-columns: auto;
}
.map-tools-toggle img:first-of-type {
  border-bottom: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.map-tools-toggle img:last-of-type {
  border-top: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.map-tools-toggle img:not(:last-of-type):not(:first-of-type) {
  border-top: 1px solid rgb(204, 204, 204);;
  border-bottom: 1px solid rgb(204, 204, 204);;
  border-radius: 0px;
}

.active {
  background-color: rgba(68, 160, 221, 0.87);
}
.active:hover {
  background-color: rgba(153, 196, 224, 0.87);
}