body{
  margin: auto 20px;
  background-color: #D6F3FD;
}

h1{
  text-align: center;
  text-decoration: underline;
}
h3{
  text-align: center;;
}

.form-group{
  font-size: 16px;
  line-height: 18px;
  margin: 10px;
  width: 600px;
}

.form-group label{
  width: 100px;
  display: inline-block;
}

.btn-primary {
  background-color: #5ACFF7;
  border-radius: 0.3em;
  padding: 5px;
  font-size: 14px;
  width: 200px;
  margin: 10px 25px 10px 113px;
}

.contentArea {
  width: 950px;
  background-color: #fff;
  margin: auto;
  padding: 25px;
}

table {
  border-collapse: collapse;
}

th {
  text-align: left;
  padding: 8px;
  text-decoration: underline;
}

#customerList tr:nth-child(odd) {
  background-color: #f2f2f2;
}

.customerInfoRows {
  height: 25px;
}

.name {
  width: 220px;
  /*border-top: 1px solid #ddd;*/
  border-collapse: collapse;
  padding: 8px;
}

.gender {
  width: 100px;
  /*border-top: 1px solid #ddd;*/
  border-collapse: collapse;
  padding: 8px;
}

.email {
  width: 500px;
  /*border-top: 1px solid #ddd;*/
  border-collapse: collapse;
  padding: 8px;
}

#create-customer-form{
  font-size: 16px;
  line-height: 18px;
  margin: 10px;
  width: 600px;
}

#create-customer-form label{
  width: 100px;
  display: inline-block;
}

#create-customer-form input{
  width: 300px;
}

.btn-sub {
  background-color: #5ACFF7;
  border-radius: 0.3em;
  padding: 5px;
  font-size: 14px;
  width: 200px;
  margin: 10px 6px;
}