.add-custom-offer {
  color:forestgreen;
  font-size:16px;
  cursor:pointer;
  position:absolute;
  bottom:5px;
  left:20px;
}

.dropbtn {
  color: black;
  font-size: 16px;
  border: none;
  background-color: white;
}

.dropbtn-tight {
  color: black;
  font-size: 16px;
  border: none;
  background-color: white;
}

.dropdown {
  position: relative;
  display: inline-block;
  font-size: 16px;
}

.dropdown-tight {
  position: relative;
  display: inline-block;

}

.dropdown-content {
  display: none;
  position: absolute;
  top: 70px;
  width: 100%;
  box-shadow: 2px 8px 16px 0px rgba(0,0,0,0.2), -8px -2px 16px 0px rgba(0,0,0,0.2);
  z-index: 7;
  font-size: 16px;
}

.dropdown-content a {
  color: black;
  text-decoration: none;
  display: block;
  background-color: white;
  font-size: 16px;
}

.dropdown-content a:hover {
  background-color: #ffa805;
  color:white;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.remove-custom-offer {
  cursor:pointer;
  color:#a4abb0;
  box-shadow: 0px 2px 6px black;
  border-radius:50%;
}

.trash-question, .add-custom-offer {
  box-shadow: 0px 2px 6px black;
  border-radius:50%;
}

.add-custom-offer:active {
  box-shadow: 0px 1px 2px black;
}

.remove-custom-offer:hover {
  cursor:pointer;
  color:red;
  box-shadow: 0px 2px 6px black;
}


.get-offer-tooltip {
  cursor:pointer;
  color: #ffa805;
  box-shadow: 0px 2px 6px black;
  border-radius:50%;
}

#login-btn, #logout-btn, .modal-btn {
  background-color: #ffa805;
  color:white;
  border:none;
  height: 35px;
  line-height: 35px;
  padding: 0px 12px;
  box-shadow: 0px 2px 6px black;
  margin-top: 10px;
}


.check-fatture {
  border-radius:50%;
  box-shadow: 0px 2px 6px black;
  color:grey;
}

.modal-btn-close {
  background-color: dimgray;
}

#login-btn:active, #logout-btn:active, .remove-custom-offer:active, .modal-btn:active, .check-fatture:active {

  box-shadow: 0px 1px 2px black;

}