#reportContainer {
  flex-grow: 1;
  overflow: auto;
  padding: 10px;
  max-height: 100%;
  /*background-image: url('https://example.com/path/to/your-image.jpg');*/
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.e-grid tr.job-line-item:last-child td {
  border-bottom: 1px solid #DEE2E6 !important;
}
.e-grid tr.job-line-item td {
  border-bottom: 2px solid #fff !important;
  transition: 0.3s all ease;
  /*
    &:first-child {
      font-size: 10px;
    }
    */
}
.e-grid tr.job-line-item td:nth-child(2) {
  font-weight: bold;
  border-left: 2px solid #888;
}
.e-grid tr.job-line-item:nth-child(odd) td {
  background: #fcfcfc;
}
.e-grid tr.job-line-item.valid:hover td {
  /*background-color: #bce0c3 !important;*/
  background-color: #d4edda !important;
}
.e-grid tr.job-line-item.valid td:nth-child(2) {
  border-left: 2px solid green;
}
.e-grid tr.job-line-item.invalid:hover td {
  /*background-color: #f9bdbf !important;*/
  background-color: #f8d7da !important;
}
.e-grid tr.job-line-item.invalid td:nth-child(2) {
  border-left: 2px solid red;
}
.e-grid tr.job-line-item.in-progress:hover td {
  background-color: #fff3cd !important;
}
.e-grid tr.job-line-item.in-progress td:nth-child(2) {
  border-left: 2px solid orange;
}
.e-grid tr.job-line-item.manual:hover td {
  background-color: #e0f2fe !important;
}
.e-grid tr.job-line-item.manual td:nth-child(2) {
  border-left: 2px solid blue;
}
.e-grid tr.job-line-item td.e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
  box-shadow: 0px 0px 1px #32B9E3 inset !important;
  background: rgba(0, 0, 0, 0.05);
}
.e-grid tr.job-line-item .label-status {
  position: relative;
  display: inline-block;
  min-width: 125px;
  padding: 2px 10px;
  background: #ddd;
  border: 1px solid transparent;
  border-radius: 5px;
  text-align: center;
  transition: 0.3s all ease;
}
.e-grid tr.job-line-item .label-status[data-action]:not([data-value=""]) {
  cursor: pointer;
}
.e-grid tr.job-line-item .label-status.valid {
  background: #bce0c3;
}
.e-grid tr.job-line-item .label-status.invalid {
  background: #f9bdbf;
}
.e-grid tr.job-line-item .label-status.in-progress {
  background: #f4ecd4;
}
.e-grid tr.job-line-item .label-status.manual {
  background-color: #e0f2fe;
}
.e-grid tr.job-line-item .label-status span,
.e-grid tr.job-line-item .label-status i {
  transition: 0.3s all ease;
}
.e-grid tr.job-line-item .label-status span {
  display: inline-block;
}
.e-grid tr.job-line-item .label-status i {
  position: absolute;
  top: 50%;
  right: 10px;
  padding: 0px 7px;
  border-left: 2px solid rgba(0, 0, 0, 0.15);
  opacity: 0;
  transform: translateX(-5px) translateY(-50%);
}
.e-grid tr.job-line-item .label-status[data-action]:not([data-value=""]):hover span {
  transform: translateX(-5px);
}
.e-grid tr.job-line-item .label-status[data-action]:not([data-value=""]):hover i {
  transform: translateY(-50%);
}
.e-grid tr.job-line-item .label-status[data-action]:not([data-value=""]):hover i:not(.hidden) {
  opacity: 1;
}
.e-grid tr.job-line-item:hover .label-status {
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.jr-preview-photos .jr-photo-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 12px;
  align-items: start;
}
.jr-preview-photos .jr-photo-card {
  position: relative;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}
.jr-preview-photos .jr-photo-thumb {
  width: 100% !important;
  height: 120px !important;
  object-fit: cover !important;
  display: block !important;
  max-width: 100% !important;
}
.jr-preview-photos .jr-photo-meta {
  display: flex;
  gap: 8px;
  padding: 6px 8px;
  font-size: 12px;
  line-height: 1.2;
  align-items: center;
}
.jr-preview-photos .jr-photo-ord {
  font-weight: 600;
  white-space: nowrap;
}
.jr-preview-photos .jr-photo-cap {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.jr-preview-photos .jr-photo-remove {
  width: 22px;
  height: 22px;
  font-size: 12px;
}