html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}
.form-group {
    padding-top: 5px;
    padding-bottom: 5px;
}
.form-control-sm {
    border-color: #ced4da;
    border-style: solid;
    border-width: 1px;
    border-radius:0.25em;
}
.form-select-sm {
    border-color: #ced4da;
    border-style: solid;
    border-width: 1px;
    border-radius: 0.25em;
    background-color: white;
}
.form-select-sm:disabled {
    background-color: gainsboro;
}
.form-control-sm {
    background-color: white;
}
.form-control-sm:disabled {
    background-color: gainsboro;
}
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #bf9000;
}
.btn-primary, .btn-primary:hover {
    background-color: gold;
    color: black;
    border-color: #bf9000;
}
.div-grid div {
    border-top: 1px solid lightgray;
    border-left: 1px solid lightgray;
    border-right: 1px solid lightgray;
    padding-left: 5px;
    background-color: lightgoldenrodyellow;
}
.div-grid {
    display: grid;
    grid-template-columns: .25fr .25fr .25fr .25fr;
    width: 100%;
    background-color: white;
}

.div-grid div:nth-child(6n+1),
.div-grid div:nth-child(6n+2),
.div-grid div:nth-child(6n+3),
.div-grid div:nth-child(6n+4) {
    background-color: gold
}
.div-grid div:nth-child(6n+5) {
    grid-column: span 4;
}
.div-grid div:nth-child(6n+6) {
    margin-bottom: 5px;
    border-bottom: 1px solid lightgray;
    grid-column: span 4;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

table {
    width: 100%;
}

table, th, td {
    border: 1px solid lightgray;
}

.expenseReportTable th {
    border-top: 1px solid lightgray;
    border-left: 1px solid lightgray;
    border-right: 1px solid lightgray;
    padding-left: 5px;
    background-color: gold;
}

.expenseReportTable td {
    border-top: 1px solid lightgray;
    border-left: 1px solid lightgray;
    border-right: 1px solid lightgray;
    padding: 7px;
    background-color: transparent;
}

.expenseReportTable tr {
    background-color: lightgoldenrodyellow;
}
.expenseReportTable tr:not(:has(th)):hover {
    cursor:pointer;
    background-color: khaki;
}