.modal-dialog {
  max-width: 800px !important; }

#reactFormUsage .flexboxing {
  display: flex;
  width: 100%;
  flex-flow: column; }

#reactFormUsage .gridLayoutTitle, #reactFormUsage .gridLayoutRow {
  display: grid;
  width: 100%;
  padding: 10px;
  border: solid 1px lightgrey;
  gap: 4px; }
  #reactFormUsage .gridLayoutTitle > *:not(.ck), #reactFormUsage .gridLayoutRow > *:not(.ck) {
    max-height: 40px; }
  #reactFormUsage .gridLayoutTitle > div, #reactFormUsage .gridLayoutRow > div {
    width: 100%; }

#reactFormUsage .gridLayoutTitle {
  background-color: lightgray;
  color: black;
  font-weight: bold;
  text-shadow: 2px 2Px 2px darkgrey; }
  #reactFormUsage .gridLayoutTitle p {
    text-align: center; }

#reactFormUsage .gridLayoutRow > * {
  overflow: visible; }

#reactFormUsage .gridLayoutRow > p {
  text-align: center;
  font-weight: 600; }
  #reactFormUsage .gridLayoutRow > p:first-of-type {
    overflow: visible !important;
    text-align: left; }

#reactFormUsage .gridLayoutRow:nth-of-type(2n+1) {
  background-color: #fff; }

#reactFormUsage .gridLayoutRow .ck, #reactFormUsage .gridLayoutRow .inputFileRow {
   }
  #reactFormUsage .gridLayoutRow .ck:not(.ck) *, #reactFormUsage .gridLayoutRow .inputFileRow:not(.ck) * {
    margin: 2px;
    display: inline-block; }