html, body {
    width:100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 1.0em;
    font-family: 'Cambria', 'Georgia', serif;
}
input[type=text] {
    font-size: 1.0rem;
    height: 1.5rem;
}
select {
    font-size: 1.0rem;
    height: 1.5rem;
}
div.errors_message {
  color: #ff0000;
}
.table_border {
  width: 100%;
  border: 2px solid black;
  border-collapse: collapse;
}
.tabe_center {
  margin-left: auto;
  margin-right: auto;
}
td.td_header {
  padding:16px;
  font-size: 1.5em;
  /*margin: 0px;
  padding: 0px;*/
  background-color: #aaaaaa;
}
td.td_info {
  padding:16px;
}
td.td_button_center {
  padding:16px;
  text-align: center;
}
.button_blue {
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  padding: 15px 32px;
  /*margin: 16px 0 !important;*/
  cursor: pointer;
  border-radius: 3px;
  background-color: #1E90FF;
  color: white;
  border: 2px solid #1E90FF;
}
.button_blue:hover {
  background-color: white;
  color: black;
}
.button_gray {
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  padding: 15px 32px;
  /*margin: 16px 0 !important;*/
  cursor: pointer;
  border-radius: 3px;
  background-color: #e7e7e7;
  color: black;
  border: 2px solid #e7e7e7;
}
.button_gray:hover {
  background-color: white;
  color: black;
}
input.step4[type="radio"] {
    display: none;
}
div.step4{
    padding: 10px;
    border-radius: 5px;
    margin: 10px;
    /*background: #ffc107;*/
}
input.step4:checked ~ div.step4,
input.step4:checked ~ td {
    background: #538fcd;
}
input.step4:checked ~ div.step4 label {
    color: #ffffff;
}
input.step4:disabled ~ div.step4,
input.step4:disabled ~ td {
    cursor: not-allowed;
}
input.step4:disabled ~ div.step4 label {
    cursor: not-allowed;
    color: #aaaaaa;
}