/* Can be forced with data-theme="light" */
[data-theme="light"],
:root:not([data-theme="dark"]) {
  --primary: #43a047;
  --primary-hover: #7cb342;
  --primary-focus:  #7cb342;
  --primary-inverse: #FFF;
  --secondary: #43a047;
  --secondary-hover: #7cb342;
  --secondary-focus:  #7cb342;
  --secondary-inverse: #FFF;
}

/* Pink Dark scheme (Auto) */
/* Automatically enabled if user has Dark mode enabled */
@media only screen and (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --primary: #43a047;
    --primary-hover: #7cb342;
    --primary-focus:  #7cb342;
    --primary-inverse: #FFF;
  }
}

[data-theme="dark"] {
  --primary: #43a047;
  --primary-hover: #7cb342;
  --primary-focus: #7cb342;
  --primary-inverse: #FFF;
}

:root {
  --form-element-active-border-color: var(--primary);
  --form-element-focus-color: var(--primary-focus);
  --switch-color: var(--primary-inverse);
  --switch-checked-background-color: var(--primary);
}

.row, .result {
    padding: 10px;
    padding-left: 50px;
    border-radius: 10px;
}

.row:hover, .row:focus {
    background-color: #7cb342;
}
.search-box {
    background-color:  var(--code-background-color);
    box-shadow: var(--card-box-shadow);
    border-radius: 10px;
    padding: 0;
}

.search-box-no-results {
    background-color:  var(--code-background-color);
    border-radius: 10px;
    padding-right: 0px;
    padding-left: 0px;
}

.filler {
    padding: 5%;
    margin: 0 auto;
}

input[placeholder] {
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}