iframe {
   width: 100%;
   height: 100%;
   border: none;
}
body {
  font-size: 20px;
}

error {
  background-color: red;
}
error h2{
  color: red;
}

h1 {
  color: blue;
}

h2 {
  color: red;
}

p {
  color: black;
}

form {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  background-color: powderblue;
  border: 3px outset red;
//  background-color: lightblue;
  text-align: center;
  width:50%;
//  font-size: 20px;
}

form td, form th {
  border: 1px solid #ddd;
  padding: 8px;
}

form tr:nth-child(even){background-color: #f2f2f2;}

form tr:hover {background-color: #ddd;}

form th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #04AA6D;
  color: white;
}


#customers {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#customers td, #customers th {
  border: 1px solid #ddd;
  padding: 8px;
}

#customers tr:nth-child(even){background-color: #f2f2f2;}

#customers tr:hover {background-color: #ddd;}

#customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #04AA6D;
  color: white;
}

td{
    border:1px solid #000;
    width:1px;
    white-space:nowrap;
}

td input {
    width: 100%;
    box-sizing: border-box;
}

table {
    margin: 8px;
    width: 50%;
    border-collapse: collapse;
    border: 1px solid;
}

th {
    font-family: <?=$font_family?>;
    font-size: <?=$font_size?>;
    background: #666;
    color: #FFF;
    padding: 2px 6px;
    border-collapse: separate;
    border: <?=$border?> #000;
}

//td {
//    font-family: <?=$font_family?>;
//    font-size: <?=$font_size?>;
//    border: <?=$border?> #DDD;
//}