.dropbtn {
   
  background: #8c8c5a;
  background-image: -webkit-linear-gradient(top, #8c8c5a, #cdcdb1);
  background-image: -moz-linear-gradient(top, #8c8c5a, #cdcdb1);
  background-image: -ms-linear-gradient(top, #8c8c5a, #cdcdb1);
  background-image: -o-linear-gradient(top, #8c8c5a, #cdcdb1);
  background-image: linear-gradient(to bottom, #8c8c5a, #cdcdb1);
  -webkit-box-shadow: 4px 4px 10px #240c70;
  -moz-box-shadow: 4px 4px 10px #240c70;
  box-shadow: 4px 4px 10px #240c70;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 5px;
  text-decoration: none;

}

.dropdown {
  position: relative;
  display: inline-block;
  float:right;
  z-index: 100;
}

.dropdown-content {
  display: none;
  position: absolute;
  right: 0;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

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

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

.dropdown:hover .dropbtn {background-color: #3e8e41;}




.dropbtn:hover {
  background: #292e80;
  background-image: -webkit-linear-gradient(top, #292e80, #98a5e6);
  background-image: -moz-linear-gradient(top, #292e80, #98a5e6);
  background-image: -ms-linear-gradient(top, #292e80, #98a5e6);
  background-image: -o-linear-gradient(top, #292e80, #98a5e6);
  background-image: linear-gradient(to bottom, #292e80, #98a5e6);
  text-decoration: none;
}