body {
  background-color: #FFF;
}

input:invalid {
  background-color:pink;
}

.table {
  width: 100%;
  background-color:lightgray;
}

.table thead {
  border: solid black 1px;
  background-color: gray;
  color: white;
}

.table tbody tr {
  border-bottom: solid black 1px;
}
.table tbody td {
  white-space:     nowrap;
  overflow:         hidden;
  text-overflow:   ellipsis;
}

#fm1 {
  background-color: navy; /*lightcyan;*/
  color: yellow;
}

/* form label {
  display:inline-block;
  width: 100px;
} */
.pager {
  background-color:darkgray;
}
.center {
  text-align: center;
}
.left {
  float: left;
}
.right {
  float: right;
}
.clearboth {
  clear:both
}
.border {
  border: solid 1px black;
  padding: 10px;
}
.searchrow {
  padding-bottom: 10px;
}
.toast{
  background-color: red;
  color: white;
  font-size: 24px;
  font-weight:bolder;
  text-align:center;
}
.container {
  margin: 8px;
}
.horizontal {
  display:flex;
  flex-direction:row;
  padding: 8px;
}
#student-list td {
  color:black;
}
#student-list input {
  width:100%;
}
.red-row {
  color:red;
}