body {
    font-size: 14px
}

.form-select {
    font-size: 14px;
}

nav {
    margin-bottom: 20px;
    padding-left: 2%;
    padding-right: 2%;
}

nav img {
    margin-right: 10px;
    margin-left: 30px;
}

.radio-group {
   font-size: 13px;
}

.nav-link {
  cursor: pointer;
}

.hidden {
  display: none;
}

#datatable-outerlite {
  margin-top: 20px;
}

td:has(~ .dash-cell.cell--selected.focused), .dash-cell.cell--selected.focused ~ td {
  background-color: #A86561 !important; 
}

.card-body {
    padding: 10px
}


.static-switch .form-check-input {
    width: 5em;

}


/* Targets the switch input when it is in the 'checked' state */
.static-switch .form-check-input:checked {
    background-color: #adb5bd; /* The grey colour for both states */
    border-color: #adb5bd;
    /* Keeps the white toggle circle visible */
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

/* Removes the blue halo when clicked or focused */
.static-switch .form-check-input:focus {
    box-shadow: none;
    border-color: #adb5bd;
}

#tab-content,
#div-graph-igdb,
#div-graph-igdb .dash-spinner,
#graph-ts-tv,
#graph-ts-tv .js-plotly-plot,
#graph-ts-tv .plot-container,
#graph-ts-tv .svg-container {
    min-height: calc(100vh - 185px);
    height: calc(100vh - 185px) !important;
}