table {
  border-collapse: separate;
}

th {
  border: 1px solid white;
  border-radius: 10px;
  height: 34px;
  padding: 0px 10px 0px 10px;
}

td {
  border-radius: 10px;
  height: 34px;
  padding: 0px 10px 0px 10px;
}

td.data {
  border: 1px solid lightgray;
}

th.left {
  text-align: left;
}

td.left {
  text-align: left;
}

th.buttons {
  text-align: center;
}

td.buttons {
  text-align: center;
}

/* Darker background on mouse-over */
button.btn:hover {
    background-color: lightgray;
}

button.add {
    background: url(/static/images/add.png) center;
    background-size: contain;
}

button.edit {
    background: url(/static/images/write.png) center;
    background-size: contain;
}

button.remove {
    background: url(/static/images/trash.png) center;
    background-size: contain;
}

button.save {
    background: url(/static/images/save.png) center;
    background-size: contain;
}

button.copy {
    background: url(/static/images/copy.png) center;
    background-size: contain;
}

button.back {
    background: url(/static/images/back.png) center;
    background-size: contain;
}

button.upload {
    background: url(/static/images/upload.png) center;
    background-size: contain;
}

input {
    border: 1px solid gray;
    min-height: 34px;
    border-radius: 10px;
    padding: 0px 10px 0px 10px;
}

select {
    border: 1px solid gray;
    min-height: 34px;
    border-radius: 10px;
    padding: 0px 10px 0px 10px;
}

textarea {
    border: 1px solid gray;
    min-width: 200px;
    min-height: 68px;
    border-radius: 10px;
    padding: 0px 10px 0px 10px;
}