.container {
  background-color: #ddd;
  padding: 0px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

/* Button configuration */
.button a:link {
  display: inline block;
  background-color: #bbb;
}

.button {
  display: inline block;
  float: left;
  background-color: #D1EAD1;
  width: 180px;  /* Sets the width of the button */
  height: 30px;  /* Sets the height of the button */
  margin: 10px;
  padding: 8px 1px 4px 1px;  /*Sets the spacearound the text */
}

/* Button used to open the DEBIT form - fixed at the bottom of the page */
.button1 {
  font: bold Arial;
  text-decoration: none;
  width: 100px;
  background-color: #EEEEEF;
  color: #333333;
  padding: 4px 10px 4px 10px;
  border-top: 2px solid #CCCCCC;
  border-right: 2px solid #333333;
  border-bottom: 2px solid #333333;
  border-left: 2px solid #CCCCCC;
}

.open-button1 {
  background-color: #555;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  opacity: 0.8;
  position: fixed;
  bottom: 3px;
  right: 1128px;
  width: 280px;
}

/* Button used to open the CREDIT form - fixed at the bottom of the page */
.button2 {
  font: bold 12px Arial;
  text-decoration: none;
  margin-left: 700;
  margin-right: 500;
  left: 50%;
  background-color: #D3D3D3;
  color: #333333;
  padding: 4px 6px 4px 6px;
  border-top: 2px solid #CCCCCC;
  border-right: 2px solid #333333;
  border-bottom: 6px solid #333333;
  border-left: 2px solid #CCCCCC;
}

.open-button2 {
  background-color: #555;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  opacity: 0.8;
  position: fixed;
  bottom: 3px;
  right: 728px;
  width: 280px;
}

/* Button used to open the TRANSFER form - fixed at the bottom of the page */
.button3 {
  display: inline block;
  background-color: #bbb;
  width: 480px;  /* Sets the width of the button */
  height: 20px;  /* Sets the height of the button */
  margin: 10px;
  padding: 1px 1px 1px 1px;  /*Sets the spacearound the text */
}

.open-button3 {
  background-color: #555;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  opacity: 0.8;
  position: fixed;
  bottom: 3px;
  right: 328px;
  width: 280px;
}

.btn-group button {
  background-color: #D1EAD1; /* Green background */
  border: 1px solid black; /* Black border */
  color: black; /* Black text */
  width: 180px;
  padding: 2px 2px; /* Some padding */
  cursor: hand; /* Pointer/hand icon */
  float: left; /* Float the buttons side by side */
}

.btn-group button:not(:last-child) {
  border-right: none; /* Prevent double borders */
}

/* Clear floats (clearfix hack) */
.btn-group:after {
  content: "";
  clear: both;
  display: table;
}

/* Add a background color on hover */
.btn-group button:hover {
  background-color: #3e8e41;
}

/* Dropdown Button */
.dropbtn {
  background-color: #3498DB; /* Black */
  color: white;
  padding: 10px;
  font-size: 10px;
  border: none;
  cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
  background-color: #2980B9;  /* Blue */
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

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

/* Change color of dropdown links on hover */
.dropdown a:hover {background-color: #ddd;}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display: block;}
/* End of Dropdown Button */