form .delete-button {
  /* Remove default browser button styling */
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  /* Inherits font size and family from parent */
  cursor: pointer;
  /* Keeps the hand pointer icon */
  /* Apply standard anchor tag styling */
  color: crimson;
  /* Standard link blue */
  text-decoration: underline;
}
form {
  /* Optional: Add hover/active states to mirror link behavior */
}
form .link-button:hover,
form .link-button:focus {
  color: #004499;
  text-decoration: none;
  /* Removes underline on hover */
}
form .form-check-input {
  width: 1.1em;
  height: 1.1em;
  border: 2px solid #555;
}
form .form-check-input:checked {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
form .form-check-input:focus {
  box-shadow: none;
}

body.login {
  width: 100%;
  height: 100%;
  background-image: url("/static/images/IndianaJonesWarehouse.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
}
body.login h2.title {
  color: white;
}
body.login div.unauthorized_access {
  background-color: cornsilk;
  margin: 0 auto 0 auto;
  padding: 20px;
  width: 50%;
  color: crimson;
  border: 3px solid grey;
}
body.login fieldset.login legend {
  background-color: gold;
  color: black;
  padding: 5px;
  border: 3px solid white;
  margin-top: 10px;
}
body.login fieldset.login label {
  width: 5em;
  color: black;
  background-color: black;
  color: white;
}
body.login fieldset.login {
  background-image: image-url("ark_of_the_covenant.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 500px;
  font: 25px Georgia, sans-serif;
  margin: 0 auto 0 auto;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cedce7+0,596a72+100;Grey+3D+%231 */
}
body.login fieldset.login select,
body.login fieldset.login input {
  font-size: 25px;
}
body.login fieldset.login div {
  margin-top: 8px;
}

body[class*=transactions] span#show_verified:has(input#verified:checked) {
  color: white;
  background-color: forestgreen;
}
body[class*=transactions] span#show_verified:has(input#verified) {
  color: black;
  background-color: lightcoral;
}
body[class*=transactions] #transactions-div {
  max-height: calc(100vh - 220px);
  overflow-y: auto;
}
body[class*=transactions] input,
body[class*=transactions] select {
  transition: background-color 0.5s ease;
}
body[class*=transactions] .changing {
  background-color: #fcc;
}
body[class*=transactions] .changed {
  background-color: yellow;
}
body[class*=transactions] svg.svg-icon {
  width: 20px;
  height: 20px;
}
body[class*=transactions] option.credit {
  background-color: #cfc;
}
body[class*=transactions] option.debit {
  background-color: #ffb3b3;
}

table[id$=transactions] {
  border-collapse: collapse;
}
table[id$=transactions] thead tr th {
  border: 1px solid lightblue;
  text-align: center;
}
table[id$=transactions] caption {
  caption-side: top;
  text-align: center;
  color: saddlebrown;
  font-size: 22px;
}
table[id$=transactions] tr.dashed_top td {
  border-top: none;
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
}
table[id$=transactions] tr.dashed_bottom td {
  border-top: 3px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
}
table[id$=transactions] tr.dashed_bottom {
  border-bottom: 2px dashed SaddleBrown;
}
table[id$=transactions] tr.debit.even {
  background-color: #ffe6e6;
}
table[id$=transactions] tr.debit.odd {
  background-color: #ffb3b3;
}
table[id$=transactions] tr.credit.even {
  background-color: #e6ffe6;
}
table[id$=transactions] tr.credit.odd {
  background-color: #99ff99;
}
table[id$=transactions] th,
table[id$=transactions] td {
  padding: 5px;
}
table[id$=transactions] th {
  color: white;
  background-color: royalblue;
}
table[id$=transactions] th.group {
  background-color: #e9b759;
}
table[id$=transactions] th.headerSortDown:after, table[id$=transactions] th.headerSortUp:after {
  content: " ";
  position: relative;
  left: 5px;
  border: 10px solid transparent;
}
table[id$=transactions] th.headerSortDown:after {
  top: 10px;
  border-top-color: crimson;
}
table[id$=transactions] th.headerSortUp:after {
  bottom: 10px;
  border-bottom-color: crimson;
}
table[id$=transactions] td.links {
  min-width: 160px;
}
table[id$=transactions] a {
  text-decoration: none;
}

body.brokerage_transactions table[id$=transactions] {
  border-spacing: 2px;
  background-color: gray;
  border-collapse: separate;
}

html,
body {
  height: 100%;
  margin: 0;
}

body {
  height: 100vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* The area containing everything below the navbar */
main {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

textarea {
  font-family: monospace;
}

/* The table occupies all remaining space */
.table-container {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}

/* Allow horizontal scrolling if necessary */
.table-container .table-responsive {
  overflow-x: auto;
}

/* Sticky table header */
.table-container thead th {
  position: sticky;
  top: 0;
  z-index: 10;
  color: white;
  background-color: black;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-bg-type: var(--bs-primary-bg-subtle);
}

.table-striped > tbody > tr.income > * {
  --bs-table-bg-type: #dff0d8;
}

.table-striped > tbody > tr.income:nth-child(even) > * {
  --bs-table-bg-type: #c6e6c1;
}

.table-striped > tbody > tr.expense > * {
  --bs-table-bg-type: #f8d7da;
}

.table-striped > tbody > tr.expense:nth-child(even) > * {
  --bs-table-bg-type: #f1bfc3;
}

.form-scroll {
  height: calc(100vh - 170px);
  overflow-y: auto;
  padding: 1rem;
}

i.fa-xl {
  color: --bs-primary;
}
i.fa-xl:hover {
  color: red;
}
i.fa-xl.fa-square {
  color: red;
}
i.fa-xl.fa-square-check {
  color: green;
}

i.fa,
i.fas {
  color: #0d6efd;
}
i.fa:hover,
i.fas:hover {
  color: crimson;
  background-color: transparent;
}
i.fa.fa-thumbs-up,
i.fas.fa-thumbs-up {
  color: forestgreen;
}
i.fa.fa-thumbs-down,
i.fas.fa-thumbs-down {
  color: crimson;
}

a.html-entity {
  text-decoration: none;
  color: --bs-primary;
}
a.html-entity:hover {
  color: crimson;
}

.svg-icon {
  width: 16px;
  height: 16px;
  color: --bs-primary;
}
.svg-icon:hover {
  color: crimson;
}

a.delete {
  text-decoration: none;
  color: --bs-primary;
}
a.delete:hover {
  background-color: red;
  color: white;
}

a.navigation {
  text-decoration: none;
}

button:hover span.fa {
  color: red;
}

.display_none {
  display: none;
}

.hidden {
  visibility: hidden;
}

div#timeout {
  float: right;
  padding: 5px;
  border: 2px solid #888;
}
div#timeout.ok {
  color: forestgreen;
  background-color: cornsilk;
}
div#timeout.warning {
  color: cornsilk;
  background-color: crimson;
}

/*# sourceMappingURL=ark.css.map */