.report { width: 97%; margin-left: 1%;}
.report .stripe td {background-color: #f8e8b0;}

div.reporting-field {
   padding-top: 1em;
}

.reporting-label {
   float: left;
   text-align: right;
   padding-right: 1em;
}

.reporting-field-label {
   float: left;
   width: 97%;
   text-align: right;
   padding-right: 1em;
}

.reporting-label-required {
   color: red;
}

.reporting-field-error {
  color: red;
  margin-left: 1em;
}

.radio-inline.align-inline, .checkbox-inline.align-inlinei, .reporting-field-value .radio-inline +.radio-inline {
  min-width: 160px;
  margin-left: 0;
  padding-right: 10px;
  display: block;
}

.reporting-field-value input[type=checkbox] {
  width: auto;
}

.reporting-form {
  display: grid;
  grid-template-columns: auto auto;
  gap: 5px;
  padding: 10px;
}

.reporting-field-name {
  grid-column-start: 1;
}

.reporting-field-value {
  grid-column-start: 2;
  grid-column-end: span 2;
}

.reporting-field-month {
  grid-column-start: 2;
}

.reporting-field-year {
  grid-column-start: 3;
}

.reporting-field-value select, .reporting-field-month select, .reporting-field-year select {
  width: 100%;
}

.reporting-field-value input, .reporting-field-month input, .reporting-field-year input {
  vertical-align: baseline;
}

.fr-view table {
  margin-top: 11px;
  margin-bottom: 11px;
  width: 100%;
}
.fr-view table .reportname {
  width: 30%;
}

.fr-view table .reportpath {
  width: 15%;
}

.counter-spinner {
  width: 48px;
  height: 48px;
  border: 5px solid #2a6496;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: counter-rotation 1s linear infinite;
}

@keyframes counter-rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.fr-view table {
  border:0;
  border-collapse:collapse;
  empty-cells:show;
  max-width:100%;
  table-layout:fixed
}
.fr-view table td {
  min-width:5px
}
.fr-view table.fr-dashed-borders td,
.fr-view table.fr-dashed-borders th {
  border-style:dashed
}
.fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
  background:#f5f5f5
}
.fr-view table td,
.fr-view table th {
  border:1px solid #ddd
}
.fr-view table td:empty,
.fr-view table th:empty {
  height:20px
}
.fr-view table td.fr-highlighted,
.fr-view table th.fr-highlighted {
  border:1px double red
}
.fr-view table td.fr-thick,
.fr-view table th.fr-thick {
  border-width:2px
}
.fr-view table th {
  background:#e6e6e6
}