#dhs_tool_container * {
  box-sizing: border-box;
	word-break: break-word;
}

#dhs_tool_container .row {
  display: flex;
  margin: 0;
}

/* Create two equal columns that sits next to each other */
#dhs_tool_container .column {
  flex: 50%;
  padding: 10px;
  min-height: 300px; /* Should be removed. Only for demonstration */
}

#dhs_tool_container h4 {
	font-weight: bold;
}

#dhs_tool_container .no-border {
  border: none !important;
}

#dhs_tool_container .gray-bg {
  background: #e4e4e4;
}

#dhs_tool_container .warning {
  font-weight: bold;
}

#dhs_tool_container #data-form,
#dhs_tool_container #recommendations-section .container,
#dhs_tool_container #detailed-calc-summary .container
{
  border: 1px solid #e4e4e4;
	width: 100%;
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
  padding: 20px;
  margin: 20px auto;
  /* box-shadow:
0 2.8px 2.2px rgba(0, 0, 0, 0.034),
0 6.7px 5.3px rgba(0, 0, 0, 0.048),
0 12.5px 10px rgba(0, 0, 0, 0.06),
0 22.3px 17.9px rgba(0, 0, 0, 0.072),
0 41.8px 33.4px rgba(0, 0, 0, 0.086),
0 100px 80px rgba(0, 0, 0, 0.12); */
}

#dhs_tool_container #data-form input {
  margin-bottom: 10px;
  width: 100%;
}

#dhs_tool_container #lname {
	display: none;
}

#dhs_tool_container #recommendations-section {
  margin: 20px auto;
}

#dhs_tool_container #recommendations-section .recommended-actions,
#dhs_tool_container #recommendations-section .hazard_index-result
{
	display: flex;
    align-items: center;
    justify-content: center;
}

#dhs_tool_container .person-info {
	min-height: 20px;
	margin-bottom: 10px;
}

#dhs_tool_container .container {
  margin: 20px auto;
  border: 1px solid grey;
  padding: 5px;
  text-align: left;
	width: 100%;
}

#dhs_tool_container .row.heading {
  font-weight: bold;
	margin-bottom: 20px;
}

#dhs_tool_container .row.table-summary {
  background: black;
  color: white;
  padding: 10px;
  margin-top: 10px;
}

.results {
  margin-top: 20px;
  font-weight: bold;
}

#dhs_tool_container #show-detailed-calc-summary {
    padding: 10px;
    box-shadow: none !important;
    border: 1px solid #e4e4e4;
    background: #e4e4e4;
    border-bottom: #e4e4e4;
}

#dhs_tool_container #detailed-calc-summary {
  display: none;
}

#dhs_tool_container #recommendations-section {
  display: none;
}

#dhs_tool_container .contact-footer {
  margin: 20px 10px;
}