/* additional styling elements used by Dash*/

.center-aligned-header .ag-header-cell-label {
  justify-content: center;
}

.right-aligned-header .ag-header-cell-label {
  justify-content: right;
}

.ag-theme-quartz {
  --ag-data-color: #22253d !important;
  --ag-header-foreground-color: rgb(255, 255, 255)!important;
  --ag-header-background-color: #22253d!important;
  --ag-font-size: var(--ct-grid-font-size)!important;
  --ag-header-font-size: var(--ct-grid-font-size)!important;
  --ag-font-family: 'Kumbh Sans', sans-serif!important;
}

/* uniform text size for buttons, navigation and form controls */
.btn,
.btn-lg,
.btn-sm,
.nav-link,
.navbar-brand,
.dropdown-item,
.form-control,
.form-select {
  font-size: var(--ct-font-size) !important;
}

/* the financial-summary pulldown must match the AG Grid text size */
.Select-control,
.Select-menu-outer,
.Select-value-label,
.dash-dropdown,
.dash-dropdown-options,
.dash-dropdown-option,
.dash-options-list-option {
  font-size: var(--ct-grid-font-size) !important;
}

.html-p {
  font-size: calc(var(--ct-font-size) + 2px) !important;
}

.html-p-italics {
  font-size: calc(var(--ct-font-size) + 2px) !important;
  font-style: italic !important;
}

.ag-tooltip {
  color: white !important;
  background-color: #22253d !important;
}

.custom-tooltip {
  color: white !important;
  background-color: #22253d !important;
  padding: 10px !important;
  border-radius: 4px !important;
}