form.filling-game 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;
}

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

form.filling-game input{
  border:0px solid transparent;
  border-bottom:1px solid black;
  outline:none;
  cursor: pointer;
  color:rgb(86,177,221);
}

form.filling-game input.wrong{
  color:red;
}

form.filling-game input.right{
  color:rgb(0,177,159);
}

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

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

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

form.filling-game .filling-input-holder{
  display: inline-block;
  position: relative;
}

form.filling-game .filling-input-holder.active ul {
  display: block;
}

form.filling-game .filling-input-holder ul{
  position: absolute;
  display: none;
  top:25px;
  padding-left:0px;
  margin-bottom:0px;
  background: white;
  z-index: 99999;
  box-shadow: 0px 0px 10px rgba(0,0,0,.2);
}

form.filling-game .filling-input-holder ul li{
  list-style: none;
  background: white;
  min-width: 200px;
  padding:4px 4px 4px 15px;
  cursor: pointer;
}

form.filling-game .filling-input-holder ul li:hover{
  background: #f3f3f3;
}

form.filling-game .filling-input-holder ul li:not(:last-child){
  border-bottom:1px solid #ddd;
}