<style>
body {
  font-family: Arial, Helvetica, sans-serif;
}

.navbar li {
    font-weight: bold;
}

.fixedButton {
    position: fixed;
    top: 60px;
    right: 20px;
    padding: 5px;
}
.fixedButton2 {
    position: fixed;
    top: 100px;
    right: 20px;
    padding: 5px;
    background: #33FF33;
}

.fixed-r-y50 {
    position: fixed;
    top: 70px;
    right: 20px;
    padding: 5px;
}

.fixed-r-y100 {
    position: fixed;
    top: 120px;
    right: 20px;
    padding: 5px;
}

.fixed-r-y150 {
    position: fixed;
    top: 170px;
    right: 20px;
    padding: 5px;
}

.fixed-r-y200 {
    position: fixed;
    top: 220px;
    right: 20px;
    padding: 5px;
}

td.tdhover:hover {
  background-color: #B4FFF2;
}

td.tddel:hover {
  background-color: #FF0000;
}

.fabButton {
  background-color: #FF2222;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  background: #F24444;
  border: none;
  outline: none;
  color: #FFF;
  font-size: 36px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  transition: .3s;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: fixed;
  bottom: 50px;
  right: 50px;
  z-index: 999;
}
.fabButton:hover {
  background-color: #FF8888;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  background: #22FF22;
  border: none;
  outline: none;
  color: #FFF;
  font-size: 36px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  transition: .3s;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: fixed;
  bottom: 50px;
  right: 50px;
  z-index: 999;
}

</style>