#dgi {
    min-width: 10vw;
    color: white;
    border-radius: 0px;
    text-align: center;
}

#dg_table {
    border-collapse: separate;
    border-spacing: 0 1px;
    table-layout: fixed;
    background-color: #cccccc;
    /*max-width: vw;
    margin: 0.5em auto;*/
}

#dg_table > tbody > tr > td > select {
    text-align: center;
    border-radius: 0px;
}

#dg_table > tbody > tr > td > input {
    text-align: center;
    border-radius: 0px;
}

#dg_table > tbody > tr > td {
    vertical-align: middle;
    text-align: center;
}

#alert-widget {
    color: white;
    background-color: green;
    pointer-events: none;
    margin-left: 0em;
    border-radius: 5px;
    border-color: black;
}

input.new-row-button {
    padding: 0.5em 1em;
    margin-bottom: 0.25em;
    max-width: 10vw;
}
.table-header {
    color: white;
    background-color: #d15d19;
}

.total-footer {
    /*min-width: 10vw;*/
    color: white;
    border-color: white;
    border: 3px;
    background-color: #d15d19;
    /*border-radius: 2px;*/
}

.inactive-cell {
    background-color: grey;
}

.load-button {
    margin-bottom: 10px;
    padding-top: 100;
}

.tutorial-button {
    border: none;
}

.hidden {
    display: none;
}

.visible {
    display: inline;
}