/* Default colors https://github.com/pydata/pydata-sphinx-theme/blob/main/src/pydata_sphinx_theme/assets/styles/variables/_color.scss /*

/* NEEDS-RASIC TABLE */

div.insights-needs-rasic p.rasic-check {
    text-align: center;
}

div.insights-needs-rasic tr td {
    vertical-align: middle !important;
}

/* GENERAL NEEDS STUFF */

/* put the need's ID on the right side for consistency's sake */
span.needs-id {
    float: right;
}

/* add a little more spacing between each needs block otherwise it's a bit cramped */
div.need_container {
    overflow-x: auto;
    margin-bottom: 1.5rem;
    border-radius: .25rem;
    box-shadow: 0 .2rem .5rem var(--pst-color-shadow),0 0 .0625rem var(--pst-color-shadow) !important;
}

div.needs_meta {
    font-family: Minlo, "Roboto Mono", "Courier New", Courier, monospace !important;
    font-size: 0.75rem;
    color: var(--pst-color-text-base);
}

table.need {
    border: 0 !important;
}

td.need.head {
    font-size: 1rem;
    color: var(--pst-color-text-base);
    font-family: Minlo, "Roboto Mono", "Courier New", Courier, monospace !important;
    background-color: var(--pst-color-surface)
}

/* this gives the need type a very nice little highlighting box */
.needs_head .line>span:first-child {
    background: var(--pst-color-on-surface);
    border: 0px;
    text-transform: uppercase;
    padding: 7px 2px 5px 8px;
    margin-right: 1rem;
    border-radius: 4px;
    color: var(--pst-color-text-muted);
}

/*
tr.need.meta {
    background: var(--pst-color-table-row-zebra-high-bg)
}

tr.need.content {
    background: var(--pst-color-table-row-zebra-low-bg);
} */