.soundbank-group button{

  background-color: #222831; /* Green background */
  border: 1px solid #2C9AB7; /* Green border */
  color: white; /* White text */
  padding: 2px 0px; /* Some padding */
  cursor: pointer; /* Pointer/hand icon */
  float: left; /* Float the buttons side by side */
  width: 11%;
  height: 100%;
  border-top: none;
  border-left: none;
  border-bottom: none;
  border-right: none;
 
}
.soundbank-group button:hover {
  background-color: #2d4059;
}
.leftbutton{
  border-top-left-radius: 10px 10px;
  border-bottom-left-radius: 10px 10px;
}
.rightbutton{
  border-top-right-radius: 10px 10px;
  border-bottom-right-radius: 10px 10px;
  border-right: none;
}

.sbank{
  position: relative;
  top: 100px;
  margin: 0 auto;
  width: 970px;
  height:30px;
  color: white; /* White text */
}
.piano-btn-group button {
  background-color: #222831; /* Green background */
  border: 1px solid #2C9AB7; /* Green border */
  color: white; /* White text */
  padding: 15px 0px; /* Some padding */
  cursor: pointer; /* Pointer/hand icon */
  float: left; /* Float the buttons side by side */
  width: 146.2px;
}
.tempofieldBtn{
    background-color: #222831; /* Green background */
    border: 1px solid #2C9AB7; /* Green border */
    color: white; /* White text */
    padding: 15px 20px; /* Some padding */
    cursor: pointer; /* Pointer/hand icon */
    float: left; /* Float the buttons side by side */
    max-width: 50px;
}
.piano-btn-group button:not(:last-child) {
  border-right: none; /* Prevent double borders */
}

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

/* Add a background color on hover */
.piano-btn-group button:hover {
  background-color: #2d4059;
}
.ccorner{
    border-top-left-radius: 10px 10px;
    border-bottom-left-radius: 10px 10px;
    color: rgb(34, 255, 0) !important;
    font-weight: bold;
    }
.bcorner{
    border-bottom-right-radius: 10px 10px;
    border-top-right-radius: 10px 10px;
}