.report-config-panel {
  --line:             hsl(200, 13%, 95%);
  --line-dark:        hsl(200, 13%, 85%);
  --line-darker:      hsl(200, 13%, 75%);
  /*
  * Metric Items settings blocks
  */
  /*
  * Radio Input groups
  */
  /*
  * Input Slider Styles
  */ }
  .report-config-panel.has-overrides {
    padding-bottom: 40px; }
  .report-config-panel .vis-config-actions-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #f9f9f9;
    padding: 12px; }
  .report-config-panel h3 {
    color: var(--text-main);
    display: block;
    background: var(--bg-light);
    margin: 0;
    padding: 8px 0 8px 8px;
    margin: 0;
    border: 1px solid var(--text-main);
    border-radius: 4px;
    line-height: 1em;
    cursor: pointer; }
    .report-config-panel h3:hover {
      color: var(--text-main-dark); }
    .report-config-panel h3.expanded {
      border-radius: 4px 4px 0 0;
      border-bottom-color: var(--line-dark); }
  .report-config-panel .AccordionPanelHeader h3 {
    border: none;
    padding: 4px 0 8px; }
  .report-config-panel label {
    color: var(--text-main);
    font-weight: normal; }
    .report-config-panel label.txt-input-label {
      display: inline-block;
      padding-left: 8px;
      background: transparent; }
  .report-config-panel input[type="text"], .report-config-panel input[type="string"], .report-config-panel input[type="number"] {
    display: inline-block; }
  .report-config-panel input[type="checkbox"], .report-config-panel input[type="radio"] {
    margin: 0 2px 0px 0px; }
  .report-config-panel .metric-item {
    padding: 0;
    margin: 8px 0; }
    .report-config-panel .metric-item .metric-item-inner {
      padding: 0 12px;
      margin: 0;
      border: 1px solid var(--text-main);
      border-top: none;
      background: var(--bg-light);
      border-radius: 0 0 4px 4px; }
  .report-config-panel .ba-radios-container {
    padding-right: 8px;
    padding-bottom: 2px; }
  .report-config-panel .svg-button-group button {
    line-height: inherit; }
  .report-config-panel .ba-radios-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start; }
    .report-config-panel .ba-radios-container label {
      padding-right: 8px; }
  .report-config-panel .dropdown-mid {
    width: 150px; }
  .report-config-panel .dropdown-large {
    width: 250px; }
  .report-config-panel .input-range {
    height: 1rem;
    position: relative;
    width: 88%;
    top: -2px; }
  .report-config-panel .input-range__track--active {
    background: var(--text-main); }
  .report-config-panel .input-range__slider {
    background: var(--text-main); }
  .report-config-panel .input-range__label {
    display: none; }
  .report-config-panel .popper-trigger button {
    width: 100%; }

/*
* Color Picker UI
*/
.color-picker-ui {
  display: flex;
  align-items: flex-start; }
  .color-picker-ui span.colour-picker-label {
    margin-right: 6px;
    line-height: 2em; }
  .color-picker-ui span.colour-picker-button {
    width: 20px;
    height: 20px;
    border: 1px solid var(--text-main); }