#report.preview {
  width: 100%;
  margin: auto;
}
@media print {
  * {
    font-size: 10pt;
  }
  #report.preview {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #report.preview .table * {
    font-size: 8pt !important;
    margin: 0;
    padding: 4px;
  }
  #report.preview > .diagram > div {
    page-break-before: avoid;
    clear: both;
    float: none;
  }
  #report.preview > .diagram > h4 {
    page-break-after: avoid;
    clear: both;
    float: none;
  }
  #report.preview > .diagram {
    page-break-inside: avoid;
    clear: both;
    float: none;
  }
  #report.preview > .diagram canvas ~ img {
    display: block;
    visibility: visible;
    page-break-inside: avoid;
    clear: both;
    float: none;
  }
  #report.preview > .diagram canvas {
    display: none !important;
    visibility: hidden;
    page-break-inside: avoid;
    clear: both;
    float: none;
  }
}

#report.preview > .diagram canvas {
  display: inline;
  visibility: visible;
}
#report.preview > .diagram img {
  display: none;
  visibility: hidden;
}

.modal-progress.in {
  display: flex !important;
  align-items: center;
}

.filter .panel.columns .list-group,
.filter .panel.charts .list-group {
  max-height: 180px;
}

.datepicker.custom {
  padding: 0px;
  margin-top: 0px;
}

.panel.custom {
  border-color: #ddd;
  margin-bottom: -1px;
}

span.custom {
  padding: 13px 20px;
}

span.cursor,
a.cursor {
  cursor: pointer;
}

.panel-heading.custom {
  padding: 0px 10px;
}

.btn.short {
  margin-bottom: 4px;
}

#reportSelector {
  margin-top: 4px;
}

caption.tableName {
  color: #333;
}

a.excel > button {
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  margin-left: -1px;
}