div.test-block{
  background-color: #000000;
  padding: 1em;
}


div#main{
  margin-top: 4em;
  overflow: hidden;
}

div#content{
  background-color: #666666;
  background-color: rgba(102, 102, 102, 0.9);
  color: #ffffff;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 1em 1em 1em;
  width: 800px;
  overflow: hidden;
}

h2.participant-header{
  margin-bottom: 0;
  padding-bottom: 0;
  text-align: center;
}
h3.participant-header{
  margin-top: 0;
  padding-top: 0;
  text-align: center;
}
div.even-row{
  background-color: #cccccc;
  color: #000000;
  padding: 2px 10px;
}
div.odd-row{
  background-color: #ccccff;
  color: #000000;
  padding: 2px 10px;
}

div.submit-row{
  padding: 10px 0;
  text-align: center;
}

div.edit-submit-row{
  text-align: right;
}


div.show-price{
  background-color: #ffffaa;
  font-size: 1.5em;
  color: #000000;
  padding: .5em 1em;
}

fieldset{
  border-radius: 10px;
  border: solid 1 #000000;
  margin-top: 1em;
}

legend{
  font-weight: bold;
  font-size: 2em;
}

fieldset#participant_information legend{
  font-size: 1em;
}

label{
  font-weight: bold;
  font-size: 1.5em;
}

label.error{
  background-color: #ffff00;
  color: #ff0000;
  font-weight: bold;

}

span.error_explanation{
  color: #ff0000;
  font-style: italic;
  font-weight: bold;
  background-color: #ffff00;
}

p.error{
  border: 1px solid #ff0000;
  background-color: #ffff00;
  color: #ff0000;
  font-weight: bold;
  padding: 1em;
}

input[type=checkbox] {
  transform: scale(2);
  border: 1px solid #000000;
}

input[type=checkbox]:hover {
  border-color: #550000;
  box-shadow: 0 0 5px #000066;
  transition: box-shadow linear .1s;
  background-color: #ffffaa;
}

input[type=text],input[type=email],input[type=tel],input[type=number],input[type=date],input[type=time], select {
  width: 100%;
  border: 1px solid #000000;
  border-radius: 5px;
  background-color: #ffffff;
  color: #000000;
  font-size: 1.5em;
}
/*
input[type=number]{

}
*/

select, input[type=date],input[type=time]{
  width: unset;
}

input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=number]:focus {
  outline: none;
  border-color: #550000;
  box-shadow: 0 0 5px #000066;
  transition: box-shadow linear .1s;
  background-color: #ffffaa;
}

button[type=submit], input[type=button], input[type=submit], input[type=reset] {
  font-size: 1.5em;
  font-weight: bold;
  background-color: #4CAF50;
  border: 1px solid #000000;
  border-radius: 5px;
  color: white;
  padding: 16px 32px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
}

button[type=submit]:hover, input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
  font-size: 1.5em;
  font-weight: bold;
  background-color: #0000ff;
  border: 1px solid #000000;
  border-radius: 5px;
  color: white;
  padding: 16px 32px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
}


input[type=submit].edit-submit{
  font-size: 1.0em;
  font-weight: normal;
  background-color: #cccccc;
  border: 1px solid #000000;
  border-radius: 2px;
  color: #000000;
  padding: 8px 16px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
}
input[type=submit].edit-submit:hover{
  background-color: #ffffff;
  color: #000000;

}


.glowing-border {
  font-size: 1.1em;
  border: 1px solid #000000;
  border-radius: 2px;
  background-color: #ffffff;
  color: #000000;
}

.glowing-border:focus {
  outline: none;
  border-color: #000000;
  box-shadow: 0 0 5px #000066;
  transition: box-shadow linear .1s;
  background-color: #ffffcc;
}

p.copyright{
  font-size: 1em;
  text-align: center;
}