/* Keep filter dropdowns readable on colored card headers and across the app. */
.card-primary:not(.card-outline) > .card-header select,
.card-success:not(.card-outline) > .card-header select,
.card-warning:not(.card-outline) > .card-header select,
.card-info:not(.card-outline) > .card-header select,
.card-danger:not(.card-outline) > .card-header select,
.card-secondary:not(.card-outline) > .card-header select,
select#yearvalue,
select#graphvalue,
select#yvalue,
select#deptvalue,
select#distvalue,
select#diyear {
  color: #212529;
  background-color: #fff;
  border: 1px solid #ced4da;
  min-width: 140px;
  padding: 4px 8px;
}

.card-primary:not(.card-outline) > .card-header select option,
.card-success:not(.card-outline) > .card-header select option,
.card-warning:not(.card-outline) > .card-header select option,
.card-info:not(.card-outline) > .card-header select option,
.card-danger:not(.card-outline) > .card-header select option,
.card-secondary:not(.card-outline) > .card-header select option,
select#yearvalue option,
select#graphvalue option,
select#yvalue option,
select#deptvalue option,
select#distvalue option,
select#diyear option {
  color: #212529;
  background-color: #fff;
}