body {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  background: #212f3d;
}

.navbar-light .navbar-toggler {
  color: #f8f9fa;
  border-color: #f8f9fa;
}

.navbar-collapse {
  flex-grow: 0;
}

.btn {
  border: 0;
  font-weight: bold;
  padding: 10px;
  margin-top: 10px;
  border-radius: 0.5em;
}

.text-input {
  border-radius: 0.5em;
  border: 1px solid rgba(0, 0, 0, 0.2);
  display: block;
  padding: 0.5em;
  width: 100%;
  height: 50px;
}

.icon {
  margin: 0 10px 0 5px;
}

.encriptador {
  margin-bottom: 20px;
}

#myBtn {
  width: 100px;
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Fixed/sticky position */
  bottom: 20px;
  /* Place the button at the bottom of the page */
  right: 30px;
  /* Place the button 30px from the right */
  z-index: 99;
  /* Make sure it does not overlap */
  border: none;
  /* Remove borders */
  outline: none;
  /* Remove outline */
  background-color: #f8f9fa;
  /* Set a background color */
  color: #212f3d;
  /* Text color */
  cursor: pointer;
  /* Add a mouse pointer on hover */
  padding: 2px;
  /* Some padding */
  border-radius: 5px;
  /* Rounded corners */
  font-size: 18px;
  /* Increase font size */
  width: auto;
}

#myBtn:hover {
  background-color: #212f3d;
  color: #f8f9fa;
  /* Add a dark-grey background on hover */
}

@media (max-width: 768px) {

  .dropstart .dropdown-toggle::before {
    content: none;
  }
}