@keyframes  DissolvenzaWelcome {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-100%); }
}

input[type=checkbox]{
  width:40px;
  height:40px;

}

span{
  cursor: default;
}

select:invalid { color: gray; }

.btn-primary-welcome{
  background-color: white !important;
  color:black;
}

.btn-primary-welcome:hover{
  color:black;
  background-color: grey !important;
}


.hero-image{
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../img/bg-masthead.jpeg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.hero-image2{
  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("../img/DJI_0830_OK.JPG");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.overlay {
  border:0px;
  position: absolute;
  display:flex;
  top:0;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0,0,0,0.4);
}

.overlay-text{
  position: absolute;
  color:white;
}

.overlay:hover{
  opacity:1;
}

.ButtonSelected{
  transition: .1s ease;
  border:3px solid #007fb7;
}

body{
  overflow:hidden;
  height: 100vh;
  font-family: 'Montserrat', sans-serif !important;
}

.heightDivResp{
  height:100vh;
}

.heightDivResp::-webkit-scrollbar{
  display: none;
}

.ButtonOption{
  width:60px;
  background-color: #dddddd;
  border: 0px;
  color:blue;
  padding:10px;
  margin:10px;
  border-radius:50%;
}
   
.ButtonOption:hover{
  background-color: #a8a8a8;
  color:white;
}

.config{
  height:100px;
  width:90%;
  background-color: black;
  margin:20px; 
  display:flex;
  align-items: center;
  color:white;
  justify-content: center;
  border-radius:20px;
  border:0;
}

.config:hover{
  background-color: grey;
}

@media (max-width:992px){
  body{
    overflow:hidden;
    height: 100vh;
    width: 100vw;
  }
  .heightDivResp{
    height:50vh;
  }

}