nav.header {
  background-color:#003466;
  margin-bottom: 1em;
  height: auto;
}
div.header-title {
  color:#FFFFFF;
  font-size:32px;
  font-family:georgia;
  text-align:center;
}
div.alert {
  display: block;
}

div.row {
  margin: auto;
}

.card-title {
  text-align: center;
}
div.card {
  border: 1px solid black;
  border-radius: 5px;
  padding: 10px;
  margin: 10px;
}
div.form-head {
  border: 2px solid black;
  text-align: center;
  font-weight: bold;
  padding: 0.5em;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 2em;
}
/* input.surname-name { */
/*   color: black; */
/*   border-radius: 4px; */
/*   border: 1px solid grey; */
/*   padding: 0.2em; */
/* } */
/* input.surname-name:disabled { */
/*   color: black; */
/*   border-radius: 4px; */
/*   border: 1px solid grey; */
/*   padding: 0.2em; */
/* } */

.icon-del:hover {
  cursor: pointer;
}
.icon-add:hover {
  cursor: pointer;
}
.icon-del-file:hover {
  cursor: pointer;
}
.room-code {
  text-transform: uppercase;
}
.surname-name {
  text-transform: capitalize;
}