@page {
  margin: 10;
  size: A3 landscape;
}
h6 {
  margin-right: 1rem !important;
}

button {
  display: none !important;
}

.makeStyles-root-40 {
  margin: 0;
}

.makeStyles-paper-21 {
  margin: 0;
}

.MuiStepConnector-alternativeLabel {
  left: 'calc(-50% + 40px)';
  right: 'calc(50% + 30px)';
}

.MuiStepLabel-label.MuiStepLabel-alternativeLabel {
  margin-top: 0;
  font-size: 10px;
}

#incident-details-wrapper .MuiTypography-root p {
  break-inside: avoid;
}
#whys-wrapper {
  margin-top: 2rem;
}
#summary-wrapper,
#incident-details-wrapper,
#event-details-wrapper,
#whys-wrapper,
#actions-wrapper {
  background-color: none;
  border: none !important;
  border-radius: 0;
}

#action-details-wrapper hr {
  border-style: solid;
  border-width: 1px;
}

#image-preview {
  height: 200px;
}

#action-details-wrapper {
  /* display: inline-block; */
  overflow: visible !important;
  page-break-inside: avoid;
  border: none;
  border-radius: 0px;
  width: 100%;
  height: 100%;
}
#summary-causes-wrapper {
  margin-top: 2rem;
}
#summary-actions-wrapper {
  margin-top: 2rem;
}
::-webkit-scrollbar {
  color: white;
}
.page-break-before {
  page-break-before: always;
  display: block;
}
.page-break-avoid {
  page-break-before: avoid;
  page-break-after: avoid;
  page-break-inside: avoid;
}

.noprint {
  visibility: hidden;
  display: none;
}
.global-padding {
  padding: 0;
}
div.portrait {
  width: 190mm;
  height: 276mm;
}
div.landscape {
  page: landscape;
}
body {
  background: none;
}
div.portrait,
div.landscape {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
}
#fishbone-overview-onscreen {
  display: none !important;
  visibility: hidden !important;
}
#fishbone-overview-print {
  display: block !important;
  visibility: visible !important;
}
.only-print {
  display: block !important;
  visibility: visible !important;
}