#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;
}

@media print {
  body * {
    visibility: hidden;
  }
  .section-to-print, .section-to-print * {
    visibility: visible;
  }
  .section-to-print, .content-left-wrap {
    position: absolute;
    left: 0;
    top: 0;
	top: -100px;
	width: 100% !important;
  }
	.content-left-wrap {
		width: 100% !important;
	}
}

@media print {
  .col-md-1,.col-md-2,.col-md-3,.col-md-4,
  .col-md-5,.col-md-6,.col-md-7,.col-md-8,
  .col-md-9,.col-md-10,.col-md-11,.col-md-12 {
    float: left;
  }

  .col-md-1 {
    width: 8%;
  }
  .col-md-2 {
    width: 16%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33%;
  }
  .col-md-5 {
    width: 42%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58%;
  }
  .col-md-8 {
    width: 66%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83%;
  }
  .col-md-11 {
    width: 92%;
  }
  .col-md-12 {
    width: 100%;
  }
}