#layout-content table {
    border-top: 1px solid #dddbda;
    border-bottom: 1px solid #dddbda;
    background-color: #fff;
    border-spacing: 0;
    border-color: grey;
    font-family: "Salesforce Sans",Arial,sans-serif;
    text-align: left;
    line-height: 1.5;
    background: #fafaf9;
    color: #3e3e3c;
}

#layout-content .dash-table-container .dash-spreadsheet-container .dash-spreadsheet-inner table {
    --accent: #3c3c3c;
    --border: lightgrey;
    --text-color: #3c3c3c;
    --hover: red;
    --background-color-ellipses: red;
    --faded-text: #fafafa;
    --faded-text-header: #b4b4b4;
    --selected-background: #93c9f8;
    --faded-dropdown: #98A1AE;
    --muted: red;
}

#layout-content .dash-table-container tbody td,
#layout-content .dash-table-container tbody th {
    text-align: left;
    padding-left: 1.0rem;
}

#layout-content .dash-table-container tbody th {
    font-size: .75rem;
    line-height: 1.25;
    color: #706e6b;
    text-transform: uppercase;
    letter-spacing: .0625rem;
}

#layout-content .dash-table-container tbody tr:nth-of-type(even) > td{
  background-color: #f3f2f2; 
}

#layout-content plot .plotly div {
    font-family: "Salesforce Sans",Arial,sans-serif;
}