html, body {
  overflow-x: hidden;
}

#use_case_tool_root {
  box-sizing: border-box !important;
  border: none !important;
  outline: none !important;
  padding: 0 !important;
  margin: 0 !important;

  min-height: 0 !important;
  max-height: none !important;
  
  /* Make full width by moving out of the parents positioning */
  position: relative;
  left: calc((100vw - 100%) / 2 * -1);

  min-width: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
}

.admin-bar #use_case_tool_root {
  /* Used for loxone.com, because the body is not correctly padded when admin bar is active */
  margin-top: 32px !important;
}