/* #$#-i Bij suggestion-input.html */
.input-row {
  margin-top: 68px;
  margin-left:0px;
  margin-right:0px
}

/** Let op: negatieve px voor deze margins!!!  */
.input-form {
    margin-left:0px;
    margin-right:0px
}

.smiley {
    touch-action: manipulation;
    display:block
}

#suggestionInput {
    border-width:3px;
    border-color:black;
    font-size:3em;
    color:#8B8680;
}

#suggestionList {
    font-size:2em;
    background-color:#EEEEEE;
    width:100%;
    cursor:pointer;
}
/* #$#-o Bij suggestion-input.html */

.panel-row {
  margin-top: 20px;
  overflow-y: auto;
}

.panel-container {
  height: calc(100vh - 200px); /* Hier kun je de hoogte naar wens aanpassen */
}

.panel {
  border: 1px solid #ccc;
  padding: 20px;
}

.panel th {
  text-align: center;
}

.panel td {
  text-align: center;
}

.btn img {
  max-width: 160px;
}

.btn-group a button {
  border: 1px solid green; /* Green border */
  color: white; /* White text */
}

.btn-group a {
  padding: 2px 2px; /* Some padding */
  margin-bottom: 6px;
  cursor: pointer; /* Pointer/hand icon */
  display: block; /* Make the buttons appear below each other */
}

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

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

.icon-div {
  width: 120px;
  margin-left: 400px;
  margin-right: auto;
  border-style: solid
}