:root
{
    --bg-primary: #262323;
    --bg-accent: #efeded;
    --white: #efeded;
    --gray: #c2bfbf;
    --dark-gray: #262323;
}

a{
    text-decoration-line: none;
}

body
{
    background-color: var(--white);
    color: var(--dark-gray);
}

.new-project-form
{
    max-width: 500px;
    margin-inline: auto;
    color: var(--dark-gray);
}

input {
    border-radius: 8px;
    background-color: var(--white);
    border: none;
    color: black;
}

select {
    border-radius: 8px;
    background-color: var(--white);
    border: none;
}

textarea {
    border-radius: 8px;
    background-color: var(--white);
    border: none;
}

tbody tr:nth-child(odd) {
    background-color: var(--white);
}

tbody tr:nth-child(even) {
    background-color: var(--gray);
}

tbody tr:hover {

    background: #fbfb99;
}

tbody tr:last-child td:first-child {border-bottom-left-radius: 12px;}
tbody tr:last-child td:last-child {border-bottom-right-radius: 12px;}

tbody tr td {
    padding-inline: 8px;
}

thead th
{
    padding: 8px;
    border-bottom: solid 1px var(--dark-gray);
}

.table-container
{
    overflow-x: scroll;
}

table {
    border-collapse: separate; 
    border-spacing: 0;        
    border: solid 1px var(--dark-gray);
    border-radius: 12px;
    font-size: 14px;
}

.js-project-link
{
    text-decoration-line: underline;
}

.container {
    max-width: 95%;
}

.marked-for-deletion-select
{
    border: solid 1px black;
}

.dashboard-filters-container {
    max-width: fit-content;
    margin-inline: auto;
}

.dashboard-filters-container .button-container {
    justify-content: start;
    max-width: unset;
}

.dashboard-filters-container a {
    background-color: var(--dark-gray);
    padding-inline: 32px;
    padding-block: 4px;
    border-radius: 8px;
    border: none;
}