.picture-coordinate-game-holder{
  position: relative;
}

.picture-coordinate-game-holder .picture-coordinate-game-picture{
  width: 100%;
}

.picture-coordinate-game-holder .coordinate-button{
  width:20px;
  height:20px;
  border-radius: 9999999px;
  background: white;
  border:1px solid black;
  z-index: 9999;
  outline: none;
  box-shadow: 0px 0px 10px rgba(0,0,0,.1);
}

.picture-coordinate-game-holder .coordinate-button.selected{
  background: rgb(86,177,221);
  border:1px solid transparent;

}

.picture-coordinate-game-option-holder.right .coordinate-button{
  background: rgb(0,177,159);
}

.picture-coordinate-game-option-holder.wrong .coordinate-button{
  background: red;
}

.picture-coordinate-game-option-holder{
  position: absolute;
}

.picture-coordinate-game-option-holder.active{
  z-index: 9;
}

.picture-coordinate-game-option-holder.active ul.picture-coordinate-game-options{
  display: block;
}

.picture-coordinate-game-option-holder ul.picture-coordinate-game-options{
  padding-left:0;
  display: none;
  margin-bottom:0px;
  background: white;
  z-index: 999999;
  box-shadow: 0px 0px 10px rgba(0,0,0,.2);
}

.picture-coordinate-game-option-holder ul.picture-coordinate-game-options li{
  list-style: none;
  background: white;
  min-width: 200px;
  padding:4px 4px 4px 15px;
  cursor: pointer;
}

.picture-coordinate-game-option-holder ul.picture-coordinate-game-options li.selected{
  background: rgb(86,177,221) !important;
  color:white !important;
}

.picture-coordinate-game-option-holder ul.picture-coordinate-game-options li:hover{
  background: #f3f3f3;
}

.picture-coordinate-game-option-holder ul.picture-coordinate-game-options li:not(:last-child){
  border-bottom:1px solid #ddd;
}

.picture-coordinate-game-holder .form-footer button[type="submit"]{
  display: block;
  color: white;
  padding: 8px 80px;
  background-color: rgb(0,177,159);
  outline: none;
  border: 0px solid transparent;
  border-radius: .25rem;
  float: right;
}

.picture-coordinate-game-holder .form-footer button[type="submit"]:disabled {
  opacity: .3;
  cursor: not-allowed;
}

.picture-coordinate-game-holder .form-footer {
    display: inline-grid;
    grid-column-gap: 2%;
    width: 100%;
    grid-template-columns: 49% 49%;
    margin-top: 1rem;
}

.picture-coordinate-game-holder .picture-coordinate-game-error {
    margin-bottom: 0px;
    color: red;
    float: left;
    width: 100%;
    margin-top: 10px;
}

.picture-coordinate-game-holder .picture-coordinate-game-success {
    margin-bottom: 0px;
    color: rgb(0,177,159);
    float: left;
    width: 100%;
    margin-top: 10px;
}

.picture-coordinate-game-image-holder{
  position: relative;
}