html,
body {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 0;
  height: 100%;
  width: 100%;
}
body {
  color: #4a4a4a;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
/*a, .btn-link {
    color: #0366d6;
}*/
.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}
.confirmation-popup.show {
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 45%;
  top: 25%;
  max-width: 20rem;
  border: 1px solid darkgray;
  border-radius: 4px;
  box-shadow: 5px 10px;
  z-index: 5;
}
.confirmation-popup.show > div:first-of-type {
  background-color: #92ca6b;
  padding-left: 1rem;
}
.confirmation-popup.show > div:nth-of-type(2) {
  padding: 1rem 2rem;
  background-color: white;
  white-space: pre-wrap;
}
.confirmation-popup.show > div:last-of-type {
  background-color: white;
  padding: 0 2rem 1rem 10rem;
}
.confirmation-popup.show > div:last-of-type > button {
  margin-right: 1rem;
}
.confirmation-popup.hide {
  display: none;
}
#root {
  height: 100%;
}
app {
  /*    position: relative;*/
  display: flex;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  overflow-x: auto;
  height: 100%;
}
.main {
  display: flex;
  flex-direction: column;
  flex-basis: 1 0 auto;
  max-height: calc(100vh - 4.3rem);
  max-width: calc(100vw);
  margin-left: auto;
  margin-right: auto;
  height: 100%;
}
.content {
  display: flex;
  flex-direction: column;
  flex-basis: 0 1 auto;
  max-height: 100%;
  max-width: 100%;
  overflow-y: hidden;
  overflow-x: hidden;
  padding-top: 0.3rem;
  margin-left: auto;
  margin-right: auto;
}
.content > h1 {
  margin: 0 0 0.2em 0;
}
.content > button {
  width: 10rem;
  margin: 1em;
}
.content .fa-solid {
  color: #92ca6b;
  font-size: 1.4rem;
  margin-right: 0.2rem;
}
.content .fa-solid + label {
  font-weight: bold;
  margin-right: 1rem;
}
.content .fa-solid:hover {
  color: #c8e4b4;
}
div.not-authorized-alert {
  background-color: #ffe6e6;
  padding: 0.2rem 2rem;
  border: 1px solid red;
  border-radius: 4px;
  margin-top: 1rem;
}
.error-message {
  background-color: #ffe6e6;
  padding: 0.2rem 2rem;
  border: 1px solid red;
  border-radius: 5px;
  margin-top: 1rem;
  margin-left: auto;
  margin-right: auto;
}
div.startup {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
}
div.startup > div:first-of-type {
  background-color: #92ca6b;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  padding: 0.1rem 0rem 0.1rem 1rem;
}
div.startup > div:first-of-type > ul {
  background-color: #92ca6b;
  display: flex;
  flex-direction: row;
  list-style: none;
  margin: 0;
  padding: 0.1rem 0rem 0.1rem 1rem;
  align-items: center;
}
div.startup > div:first-of-type > ul > li {
  display: flex;
  align-items: center;
  height: 2rem;
  margin-right: 1rem;
  font-size: 1.2rem;
  position: relative;
}
div.startup > div:first-of-type > ul > li > img {
  height: 60%;
  margin-right: 1rem;
}
div.startup > div:last-of-type {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 1rem;
  margin-right: 1rem;
}
div.loading {
  display: flex;
  margin-left: 3em;
  align-items: center;
}
div.loading > i.fa.fa-cog.fa-spin {
  color: #92ca6b;
  font-size: 1.5rem;
  margin-right: 0.5rem;
}
footer {
  margin: 0.5rem 0 0 0;
  padding: 0.3rem 1rem;
  border-top: 1px solid darkgray;
  height: 1rem;
  position: fixed;
  bottom: 0.4rem;
  right: 0;
  width: 100%;
}
footer > div {
  font-size: 0.8em;
  float: right;
}
/* Add a black background color to the top navigation */
.topnav {
  background-color: #92ca6b;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  padding: 0.1rem 0rem 0.1rem 1rem;
}
.topnav > ul {
  display: flex;
  flex-direction: row;
  list-style: none;
  margin: 0;
  padding: 0;
  align-items: center;
}
.topnav > ul > li {
  display: flex;
  align-items: center;
  height: 2rem;
  margin-right: 1rem;
  font-size: 1.2rem;
  position: relative;
}
.topnav > ul > li > a {
  color: black;
  text-decoration: none;
}
.topnav > ul > li > a:hover {
  color: white;
}
.topnav > ul > li > img {
  height: 60%;
  margin-right: 1rem;
}
.topnav > ul > li > ul {
  display: none;
  position: absolute;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 10;
  list-style: none;
  margin: 0;
  padding: 0 0 0 0rem;
}
.topnav > ul > li > ul > li {
  padding: 0;
  background-color: #92ca6b;
}
.topnav > ul > li > ul > li:not(.sub-sub-menu) {
  height: 1.6rem;
}
.topnav > ul > li > ul > li:last-of-type {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.topnav > ul > li > ul > li > a {
  margin: 0 1rem;
  padding: 0;
  border-radius: 4px;
  color: black;
  font-size: 1rem;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: top;
}
.topnav > ul > li > ul > li > div {
  margin: 0 1rem;
  padding: 0;
  color: black;
  font-size: 1rem;
  text-decoration: none;
  white-space: nowrap;
  height: 1.6rem;
}
.topnav > ul > li > ul > li > ul {
  margin: 0 1rem;
  padding: 0;
  list-style: none;
}
.topnav > ul > li > ul > li > ul > li {
  height: 1.6rem;
  margin: 0;
}
.topnav > ul > li > ul > li > ul > li > a {
  margin: 0 1rem;
  padding: 0;
  border-radius: 4px;
  color: black;
  font-size: 1rem;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: top;
}
.topnav > ul > li > div {
  color: black;
}
.topnav > ul > li > div:hover {
  cursor: pointer;
  color: white;
}
.topnav > ul > li:hover > div {
  color: white;
}
.topnav > ul > li:hover > ul {
  display: flex;
  flex-direction: column;
  top: 2rem;
}
.topnav > ul > li:hover > ul > li > a:hover {
  color: white;
  cursor: pointer;
}
.topnav > ul > li:hover > ul > li > ul > li > a:hover {
  color: white;
  cursor: pointer;
}
.topnav > ul:last-of-type > li > i {
  display: none;
}
.topnav > ul:last-of-type > li > ul {
  left: auto;
  right: 0;
  margin-right: -1rem;
}
.topnav > ul:last-of-type > li > ul > li > div {
  white-space: nowrap;
  margin: 0 1rem;
  font-size: 1rem;
}
.tabnav {
  background-color: lightgray;
  display: flex;
  flex-direction: row;
  max-width: 100%;
  justify-content: space-between;
  padding: 0;
}
.tabnav > ul {
  display: flex;
  flex-direction: row;
  list-style: none;
  margin: 0;
  padding: 0;
  max-width: 100%;
  align-items: center;
  flex-wrap: wrap;
}
.tabnav > ul > li {
  display: flex;
  align-items: center;
  height: 2rem;
  margin-right: 1rem;
  font-size: 1.2rem;
  position: relative;
  padding-left: 1rem;
  padding-right: 1rem;
  margin: 0;
  border: 1px solid transparent;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  border-bottom: none;
  white-space: nowrap;
}
.tabnav > ul > li.active {
  background-color: #92ca6b;
  border-color: #92ca6b;
}
.tabnav > ul > li > a {
  color: black;
  text-decoration: none;
}
.tabnav > ul > li:hover {
  border-color: #92ca6b;
  color: white;
  cursor: pointer;
}
.tabnav > ul > li:hover > div {
  color: white;
}
.tabnav > ul > li:hover > a {
  color: white;
  cursor: pointer;
}
.scrollable-table {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  max-height: 100%;
  max-width: 100%;
  overflow-y: auto;
  overflow-x: auto;
  margin: 0 0.3rem;
  padding: 0;
}
.scrollable-table > table {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: auto;
  margin: 0;
  position: relative;
}
.scrollable-table > table > thead {
  background-color: #92ca6b;
}
.scrollable-table > table > thead > tr {
  background-color: #92ca6b;
}
.scrollable-table > table > thead > tr > th {
  position: sticky;
  top: 0px;
  z-index: 2;
  background-color: #92ca6b;
  padding: 0 0 0 0.5rem;
  white-space: nowrap;
  text-align: right;
  min-width: 3.8rem;
}
.scrollable-table > table > thead > tr > th:first-of-type {
  left: 0;
  z-index: 3;
  text-align: left;
}
.scrollable-table > table > thead > tr > th:last-of-type {
  padding-right: 0.3rem;
}
.scrollable-table > table > tbody > tr {
  background-color: white;
}
.scrollable-table > table > tbody > tr > td {
  padding: 0 0 0 0.3rem;
  text-align: right;
  padding-left: 0.5rem;
  white-space: pre;
  border: none;
  background-color: white;
  z-index: 1;
}
.scrollable-table > table > tbody > tr > td:first-of-type {
  border-left: 1px solid #92ca6b;
  border-top-left-radius: 5px;
  text-align: left;
  position: sticky;
  left: 0;
  z-index: 2;
}
.scrollable-table > table > tbody > tr > td.negative {
  color: red;
}
.scrollable-table > table > tbody > tr > td:last-of-type {
  padding-right: 0.3rem;
  border-right: 1px solid #92ca6b;
}
.scrollable-table > table > tbody > tr > td.error-cell {
  position: relative;
  padding: 0;
  background-color: transparent;
}
.scrollable-table > table > tbody > tr > td.error-cell > div {
  border: 3px solid red;
  border-radius: 45%;
  z-index: 5;
  position: absolute;
  left: 0.25rem;
  top: 0;
  bottom: 0;
  right: -0.25rem;
}
.scrollable-table > table > tbody > tr.header {
  font-weight: bold;
}
.scrollable-table > table > tbody > tr.header > td:not(:first-of-type):not(:empty)::before {
  content: "$";
}
.scrollable-table > table > tbody > tr.totals,
.scrollable-table > table > tbody > tr.net {
  font-weight: bold;
}
.scrollable-table > table > tbody > tr.totals > td:not(:first-of-type),
.scrollable-table > table > tbody > tr.net > td:not(:first-of-type) {
  border-top: 1px solid gray;
}
.scrollable-table > table > tbody > tr.totals > td:not(:first-of-type):not(:empty)::before,
.scrollable-table > table > tbody > tr.net > td:not(:first-of-type):not(:empty)::before {
  content: "$";
}
.scrollable-table > table > tbody > tr:nth-of-type(even) {
  background-color: #d3f8d3;
}
.scrollable-table > table > tbody > tr:nth-of-type(even) > td {
  background-color: #d3f8d3;
}
.scrollable-table > table > tbody > tr:nth-of-type(even) > td.error-cell {
  background-color: transparent;
}
.scrollable-table > table > tbody > tr:last-of-type {
  border-bottom: 1px solid #92ca6b;
}
.scrollable-table > table > tbody > tr:first-of-type > td.loading > div.loading {
  display: flex;
  justify-content: center;
  margin: 1rem 0 0.5rem 0;
}
.weekly-budget-giving > .scrollable-table > .footnote {
  max-width: 35rem;
}
.design-table > table > thead > tr > th {
  min-width: unset;
  padding-right: 0.3rem;
}
.design-table > table > thead > tr > th:nth-of-type(2),
.design-table > table > thead > tr > th:last-of-type {
  text-align: left;
}
.design-table > table > tbody > tr {
  border-bottom: 1px dotted lightgray;
}
.design-table > table > tbody > tr > td {
  text-align: center;
  /*                    &.formula{
                        border: 1px solid @navbar-background-color;
                        background-color: lightyellow;
                        >div{
                            width: 100%;
                            height: 100%;
                            //position: absolute;
                            //top: 0;
                            //left: 0;
                            &.has-focus{
                                outline: 1px solid red;
                            }
                        }
                    }*/
}
.design-table > table > tbody > tr > td input {
  border: 1px solid transparent;
  outline: none;
  box-sizing: border-box;
}
.design-table > table > tbody > tr > td input:focus {
  border: 1px solid red;
  background-color: lightyellow;
}
.design-table > table > tbody > tr > td input:hover {
  background-color: lightgray;
}
.design-table > table > tbody > tr > td input:hover:focus {
  background-color: lightyellow;
}
.design-table > table > tbody > tr > td > div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.design-table > table > tbody > tr > td > input[type=number] {
  max-width: 2rem;
  text-align: center;
  width: 2rem;
  outline: 1px solid lightgray;
}
.design-table > table > tbody > tr > td > input[type=number]::-webkit-outer-spin-button,
.design-table > table > tbody > tr > td > input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.design-table > table > tbody > tr > td:first-of-type > div > i {
  color: #92ca6b;
  font-size: 1.2rem;
}
.design-table > table > tbody > tr > td:nth-of-type(2) > div {
  min-width: 25rem;
}
.design-table > table > tbody > tr > td:nth-of-type(2) > div > input {
  width: 100%;
}
.design-table > table > tbody > tr > td:nth-of-type(2) > div > input:placeholder-shown {
  border: 1px solid black;
  background-color: lightyellow;
  font-style: italic;
}
.design-table > table > tbody > tr > td:nth-of-type(2) > div > input:placeholder-shown:focus {
  border-color: red;
}
.design-table > table > tbody > tr > td:nth-last-child(3) {
  padding: 0;
  margin: 0;
}
.design-table > table > tbody > tr > td:nth-last-child(3) > div {
  display: flex;
  align-items: center;
  padding: 0 0.3rem;
}
.design-table > table > tbody > tr > td:nth-last-child(3) > div > div {
  display: flex;
  justify-content: center;
  width: 100%;
}
.design-table > table > tbody > tr > td:nth-last-child(3) > div > div:hover {
  background-color: lightgray;
}
.design-table > table > tbody > tr > td:last-of-type {
  width: 10rem;
}
.design-table > table > tbody > tr > td:last-of-type.formula {
  border: 1px solid lightgray;
  border-right-color: #92ca6b;
  position: relative;
  padding-left: 0;
}
.design-table > table > tbody > tr > td:last-of-type.formula > div {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
}
.design-table > table > tbody > tr > td:last-of-type.formula > div > div {
  height: 100%;
  width: 100%;
}
.design-table > table > tbody > tr > td:last-of-type.formula:hover {
  background-color: lightgray;
}
.design-table > table > tbody > tr > td:last-of-type.formula:hover:focus {
  background-color: lightyellow;
}
.design-table > table > tbody > tr:nth-of-type(even) {
  background-color: white;
}
.design-table > table > tbody > tr:nth-of-type(even) > td {
  background-color: white;
}
.design-table > table > tbody > tr.hidden {
  display: none;
}
.map-table > table > thead > tr > th {
  text-align: left;
  padding: 0 0.3rem;
}
.map-table > table > tbody > tr {
  border-bottom: 1px dotted lightgray;
}
.map-table > table > tbody > tr > td {
  text-align: left;
  padding: 0 0.3rem;
}
.map-table > table > tbody > tr > td:nth-of-type(2) {
  max-width: 5rem;
}
.map-table > table > tbody > tr > td:last-of-type {
  width: 20rem;
}
.map-table > table > tbody > tr > td:last-of-type > div {
  outline: 1px solid #92ca6b;
  margin-top: 0.1rem;
  background-color: lightyellow;
  min-height: 1.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  text-align: left;
}
.map-table > table > tbody > tr > td:last-of-type > div.has-focus {
  outline: 1px solid red;
}
.map-table > table > tbody > tr:nth-of-type(even) {
  background-color: white;
}
.map-table > table > tbody > tr:nth-of-type(even) > td {
  background-color: white;
}
.select-popup {
  display: flex;
  flex-direction: column;
  position: fixed;
  right: 1%;
  top: 25%;
  width: 25rem;
  height: 35rem;
  z-index: 10;
  background-color: lightgray;
  border: 2px solid #92ca6b;
  overflow-x: auto;
  overflow-y: auto;
}
.select-popup > div:first-of-type {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px dotted black;
  margin-bottom: 0.25rem;
}
.select-popup > div:first-of-type > h5 {
  padding: 0;
  margin: 0;
}
.select-popup > div:first-of-type > button {
  padding: 0.1rem;
  margin-right: 0.5rem;
}
.select-popup > div:last-of-type {
  margin-left: 1rem;
}
.select-popup > ul {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  max-height: 100%;
  overflow-y: auto;
  padding: 0;
  margin: 0;
  margin-left: 2rem;
  align-content: center;
}
.select-popup > ul > li {
  display: flex;
  align-items: center;
  white-space: pre;
}
.select-popup > ul > li > input {
  margin-right: 0.3rem;
  height: 1rem;
  width: 1rem;
}
.select-popup-tree {
  top: 20%;
  width: 33rem;
  height: 43rem;
}
.select-menu-tree > optgroup {
  font-size: 1rem;
}
.select-menu-tree > optgroup > option {
  font-size: 1rem;
}
.admin-sync > h1 {
  text-align: center;
}
.admin-sync > div {
  text-align: center;
}
.admin-sync > div > ul {
  list-style: none;
}
.admin-sync > div.loading {
  justify-content: center;
  margin: 0;
}
.voting {
  display: flex;
  flex-direction: column;
  flex-basis: 1 0 auto;
  align-items: flex-start;
  max-height: 100%;
  overflow-y: hidden;
  align-self: flex-start;
}
.voting > h1 {
  margin: 0 0 1rem 0;
  padding: 0;
}
.voting > p {
  margin: 0 0 0 2rem;
}
.voting > div:first-of-type:not(.loading) {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.voting > div:first-of-type:not(.loading) > button {
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.voting > div:first-of-type:not(.loading) > button:hover {
  background-color: #92ca6b;
}
.voting > div:first-of-type:not(.loading) > p {
  margin: 0 2rem;
}
.voting > div:first-of-type:not(.loading) > div > label {
  font-weight: bold;
  margin-right: 0.2rem;
}
.voting > div:first-of-type:not(.loading) > div > label:after {
  content: ":";
}
.voting > div:first-of-type:not(.loading) > div > input {
  width: 8rem;
}
.voting > .tabnav {
  margin-top: 0.5rem;
  width: 100%;
  border-bottom: 1px solid black;
}
.voting > .scrollable-table {
  width: 100%;
}
.voting > .scrollable-table > table {
  border-bottom: 1px solid #92ca6b;
}
.voting > .scrollable-table > table > thead > tr > th {
  text-align: left;
}
.voting > .scrollable-table > table > thead > tr > th:first-of-type {
  text-align: center;
  padding-right: 0.5em;
}
.voting > .scrollable-table > table > thead > tr > th:nth-of-type(6) {
  padding-right: 0.2rem;
  text-align: center;
}
.voting > .scrollable-table > table > tbody > tr > td {
  text-align: left;
}
.voting > .scrollable-table > table > tbody > tr > td:first-of-type {
  text-align: center;
  padding-right: 0.5em;
}
.voting > .scrollable-table > table > tbody > tr > td:not(:nth-of-type(5)) {
  white-space: nowrap;
}
.voting > .scrollable-table > table > tbody > tr > td:nth-of-type(4) {
  white-space: normal;
}
.voting > .scrollable-table > table > tbody > tr > td:nth-of-type(5) {
  word-break: break-all;
}
.voting > .scrollable-table > table > tbody > tr > td:nth-of-type(6) {
  text-align: center;
}
.voting > .scrollable-table > table > tbody > tr > td:last-of-type {
  color: red;
  font-style: italic;
  padding-right: 0.5rem;
  white-space: normal;
}
.voting > .scrollable-table > table > tbody > tr:nth-child(even) > td {
  background-color: #d3f8d3;
}
.surveys {
  display: flex;
  flex-direction: column;
  flex-basis: 1 0 auto;
  align-items: flex-start;
  max-height: 100%;
  overflow-y: hidden;
  align-self: flex-start;
}
.surveys > h1 {
  margin: 0 0 1rem 0;
  padding: 0;
}
.surveys > p {
  margin: 0 0 0 2rem;
}
.surveys > div:first-of-type:not(.loading) {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.surveys > div:first-of-type:not(.loading) > button {
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.surveys > div:first-of-type:not(.loading) > button:hover {
  background-color: #92ca6b;
}
.surveys > div:first-of-type:not(.loading) > div {
  display: flex;
  flex-direction: column;
}
.surveys > div:first-of-type:not(.loading) > div > div {
  display: flex;
  flex-direction: row;
  margin-bottom: 0.5rem;
}
.surveys > div:first-of-type:not(.loading) > div > div > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-right: 1rem;
}
.surveys > div:first-of-type:not(.loading) > div > div > div > label {
  font-weight: bold;
  margin: 0;
  margin-right: 0.2rem;
  padding: 0;
}
.surveys > div:first-of-type:not(.loading) > div > div > div > label:after {
  content: ":";
}
.surveys > div:first-of-type:not(.loading) > div > div > div > label + div {
  margin-right: 0.2rem;
}
.surveys > div:first-of-type:not(.loading) > div > div > div > input[type='date'] {
  padding: 0;
  margin: 0;
  height: 1rem;
  width: 8rem;
  margin-right: 1rem;
}
.surveys > div:first-of-type:not(.loading) > div > div > div > input[type='checkbox'] {
  width: 1rem;
  margin-right: 0.2rem;
}
.surveys > div:first-of-type:not(.loading) > div > div > div > input[type='checkbox'] + label:after {
  content: "";
  margin-right: 1rem;
}
.surveys > div:first-of-type:not(.loading) > div > div:last-of-type {
  align-content: center;
}
.surveys > div:first-of-type:not(.loading) > div > div:last-of-type > button {
  margin-right: 1rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
  white-space: nowrap;
}
.surveys > div:first-of-type:not(.loading) > div > div:last-of-type > button:hover {
  background-color: #92ca6b;
}
.surveys > div:first-of-type:not(.loading) > div > div:last-of-type > div > label {
  margin: 0;
  padding: 0;
  white-space: nowrap;
  font-weight: bold;
  margin-right: 0.2rem;
  align-self: center;
}
.surveys > div:first-of-type:not(.loading) > div > div:last-of-type > div > label:after {
  content: ":";
}
.surveys > div:first-of-type:not(.loading) > div > div:last-of-type > div > input {
  width: 100%;
}
.surveys > div:first-of-type:not(.loading) > div > div:last-of-type > div:last-of-type {
  width: 100%;
}
.surveys > .tabnav {
  margin-top: 0.5rem;
  width: 100%;
  border-bottom: 1px solid black;
  background-color: transparent;
}
.surveys > .tabnav > ul > li {
  font-size: 1.1rem;
}
.surveys > .tabnav > ul > li:not(.active) {
  background-color: lightgray;
}
.surveys > .scrollable-table {
  width: 100%;
}
.surveys > .scrollable-table > table > thead > tr > th:first-of-type {
  text-align: center;
  padding-right: 0.5em;
}
.surveys > .scrollable-table > table > thead > tr > th:nth-of-type(6) {
  text-align: center;
}
.surveys > .scrollable-table > table > tbody > tr > td:first-of-type {
  text-align: center;
  padding-right: 0.5em;
}
.surveys > .scrollable-table > table > tbody > tr > td:nth-of-type(4) {
  white-space: normal;
}
.surveys > .scrollable-table > table > tbody > tr > td:nth-of-type(5) {
  text-align: center;
}
.surveys > .scrollable-table > table > tbody > tr > td:nth-of-type(6) {
  text-align: center;
}
.surveys > .scrollable-table > table > tbody > tr > td:nth-of-type(6) {
  text-align: center;
}
.surveys > .scrollable-table > table > tbody > tr > td:last-of-type {
  color: red;
  font-style: italic;
  padding-right: 0.5rem;
  white-space: normal;
}
.individualsbymembertype {
  display: flex;
  flex-direction: column;
  flex-basis: 1 0 auto;
  align-items: flex-start;
  max-height: 100%;
  overflow-y: hidden;
  align-self: flex-start;
}
.individualsbymembertype > div:first-of-type {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.individualsbymembertype > div:first-of-type > h1 {
  margin: 0 0 0.25rem 0;
  padding: 0;
}
.individualsbymembertype > div:first-of-type > span {
  margin-left: 1.5rem;
  font-size: 1.2rem;
}
.individualsbymembertype > p {
  margin: 0 0 0 2rem;
}
.individualsbymembertype > .tabnav {
  margin-top: 0.5rem;
  width: 100%;
  border-bottom: 1px solid black;
}
.individualsbymembertype > .scrollable-table {
  align-self: flex-start;
}
.individualsbymembertype > .scrollable-table > table > thead > tr > th:first-of-type {
  text-align: center;
  padding-right: 0.5em;
}
.individualsbymembertype > .scrollable-table > table > thead > tr > thlast-of-type {
  width: 100%;
}
.individualsbymembertype > .scrollable-table > table > tbody > tr > td {
  white-space: nowrap;
}
.individualsbymembertype > .scrollable-table > table > tbody > tr > td:first-of-type {
  text-align: center;
  padding-right: 0.5em;
}
.individualsbymembertype > .scrollable-table > table > tbody > tr > td:last-of-type {
  width: 100%;
}
.donoranalysis {
  display: flex;
  flex-direction: column;
  flex-basis: 1 0 auto;
  align-items: flex-start;
  max-height: 100%;
  max-width: 100%;
  overflow-y: hidden;
  overflow-x: hidden;
  align-self: flex-start;
}
.donoranalysis > div {
  display: flex;
  flex-basis: 0 0 auto;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}
.donoranalysis > div:first-of-type > h1 {
  margin: 0 2rem 0.25rem 0;
  padding: 0;
}
.donoranalysis > div:first-of-type > span {
  margin-left: 1.5rem;
  font-size: 1.2rem;
}
.donoranalysis > div > div {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.donoranalysis > div > div > div {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.donoranalysis > div > div > div > input {
  padding: 0rem;
  margin: 0rem;
  height: 1rem;
  width: 1rem;
}
.donoranalysis > div > div > div > label {
  font-weight: bold;
  margin-left: 0.2rem;
  margin-right: 1rem;
}
.donoranalysis > p {
  margin: 1rem 0 0 2rem;
}
.donoranalysis > .tabnav {
  margin-top: 0.5rem;
  width: 100%;
  border-bottom: 1px solid black;
}
.donoranalysis > .scrollable-table {
  align-self: flex-start;
  flex-basis: 0 1 auto;
}
.donoranalysis > .scrollable-table > table {
  border-bottom: 1px solid #92ca6b;
}
.donoranalysis > .scrollable-table > table > thead > tr > th {
  white-space: nowrap;
  text-align: right;
  padding: 0.25rem, 0.5rem;
}
.donoranalysis > .scrollable-table > table > thead > tr:last-of-type > th:first-of-type {
  text-align: center;
  min-width: 1.5rem;
}
.donoranalysis > .scrollable-table > table > thead > tr:last-of-type > th:nth-of-type(2) {
  text-align: left;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 2;
}
.donoranalysis > .scrollable-table > table > tbody > tr > td {
  white-space: nowrap;
  text-align: right;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.donoranalysis > .scrollable-table > table > tbody > tr > td:nth-of-type(1) {
  text-align: center;
  min-width: 1.5rem;
}
.donoranalysis > .scrollable-table > table > tbody > tr > td:nth-of-type(2) {
  text-align: left;
  position: sticky;
  left: 0;
  z-index: 1;
}
.donoranalysis > .scrollable-table > table > tbody > tr > td:not(last-of-type):not(first-of-type) {
  border-right: 1px solid lightgray;
}
.donoranalysis > .scrollable-table > table > tbody > tr > th {
  border-left: 1px solid #92ca6b;
  border-bottom: 1px solid black;
  padding-left: 0.5rem;
}
.donoranalysis > .scrollable-table > table > tbody > tr:nth-child(odd) > td {
  background-color: white;
}
.donoranalysis > .scrollable-table > table > tbody > tr:nth-child(even) > td {
  background-color: #d3f8d3;
}
.donoranalysis > .scrollable-table > table > tbody > tr:nth-child(even) > th {
  background-color: #d3f8d3;
}
.donoranalysis > .scrollable-table > table > tbody > tr:last-of-type > th {
  background-color: #92ca6b;
  text-align: right;
  padding-right: 0.5rem;
}
.donoranalysis > .scrollable-table.associate-donors > table > thead > tr > th {
  text-align: left;
}
.donoranalysis > .scrollable-table.associate-donors > table > tbody > tr > td {
  text-align: left;
  padding-left: 1rem;
}
.content-tab {
  padding: 0 0.5rem;
  background-color: #92ca6b;
  border: 1px solid #92ca6b;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  font-size: 1.4rem;
  font-weight: bold;
  margin-left: 1rem;
  margin-right: 1rem;
  position: relative;
  z-index: 5;
}
.content-tab::before {
  position: absolute;
  content: "";
  width: 1rem;
  height: 1rem;
  bottom: -1px;
  left: -1rem;
  z-index: 1;
  background-color: transparent;
  border-bottom-right-radius: 0.5rem;
  box-shadow: 0.5rem 0 0 0 #92ca6b;
}
.content-tab::after {
  position: absolute;
  content: "";
  width: 1rem;
  height: 1rem;
  bottom: -1px;
  right: -1rem;
  z-index: 1;
  background-color: transparent;
  border-bottom-left-radius: 0.5rem;
  box-shadow: -0.5rem 0 0 0 #92ca6b;
}
.content-tab > select {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  border-color: #92ca6b;
  border-radius: 0.3rem;
  background-image: linear-gradient(#92ca6b, #d3f8d3);
  font-size: 1.2rem;
  font-weight: bold;
}
.content-tab > select:focus {
  border-color: #92ca6b;
  outline: none;
}
.content-tab > select:focus > option {
  background-color: white;
  font-size: 1rem;
}
.data-selectors {
  display: flex;
  justify-content: space-between;
  flex-basis: 0 0 auto;
  flex-wrap: wrap-reverse;
  margin: 0 0.3rem;
  padding-bottom: 0;
  z-index: 1;
}
.data-selectors > div {
  display: flex;
  flex-basis: 0 0 auto;
  align-items: center;
}
.data-selectors > div > div {
  display: flex;
  flex-direction: row;
}
.data-selectors > div > div:first-of-type > label {
  margin-right: 0.3rem;
}
.data-selectors > div > div:first-of-type > label:after {
  content: ":";
}
.data-selectors > div > div:first-of-type > select > option {
  font-size: 0.9rem;
}
.data-selectors > div > div.error-indicator > i.fa-solid {
  color: red;
  font-weight: normal;
}
.data-selectors > div > div > div {
  display: flex;
  align-items: center;
  white-space: nowrap;
  margin: 0 1rem 0 0;
}
.data-selectors > div > div > div > label {
  font-weight: bold;
  white-space: nowrap;
  margin: 0;
  padding: 0;
}
.data-selectors > div > div > div > input {
  height: 1rem;
  width: 1rem;
  margin: 0 0.3rem 0 0.3rem;
}
.data-selectors > div > div > div:first-of-type > label {
  margin-right: 0.3rem;
}
.data-selectors > div > div > div:first-of-type > label::after {
  content: ":";
}
.data-selectors > div > div > div:first-of-type > input + label::after {
  content: none;
}
.standard-report {
  display: flex;
  flex-direction: column;
  flex-basis: 1 0 auto;
  max-height: 100%;
  max-width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
}
.standard-report > div {
  display: flex;
}
.standard-report > div > h1 {
  margin: 0 auto 0 auto;
}
.standard-report > div > div > div > div > select {
  background-image: linear-gradient(#92ca6b, #d3f8d3);
}
.standard-report > div > div > div > i.disabled {
  color: lightgray;
}
.standard-report > div > div > div > button {
  margin-right: 1rem;
  background-image: linear-gradient(#92ca6b, #d3f8d3);
  border: 1px solid gray;
  border-radius: 5px;
  font-size: 1rem;
}
.standard-report > div.scrollable-table > table > tbody > tr.not-categorized {
  color: red;
}
.standard-report > div.scrollable-table > table > tbody > tr > td > sup {
  margin-left: 0.1rem;
}
.standard-report > div.scrollable-table > .footnote {
  margin-top: 1rem;
  margin-left: 1rem;
}
.standard-report > div.scrollable-table > .footnote > label {
  font-weight: bold;
}
.standard-report > div.scrollable-table > .footnote > ul {
  padding: 0;
  margin: 0;
  margin-left: 1rem;
}
.standard-report > div.scrollable-table > .footnote > ul > li {
  display: flex;
}
.standard-report > div.scrollable-table > .footnote > ul > li > sup {
  padding-right: 0.3rem;
}
.standard-report > div.scrollable-table > .footnote > ul > li > div {
  font-size: 0.8rem;
}
.budget-table.scrollable-table > table {
  box-sizing: border-box;
}
.budget-table.scrollable-table > table > thead > tr > th {
  padding-right: 0.3rem;
  text-align: center;
}
.budget-table.scrollable-table > table > thead > tr > th:first-of-type {
  z-index: 3;
  left: 0;
  min-width: unset;
}
.budget-table.scrollable-table > table > thead > tr > th:nth-of-type(2) {
  z-index: 3;
  left: 2.3rem;
  text-align: left;
}
.budget-table.scrollable-table > table > thead > tr:first-of-type > th {
  position: sticky;
  top: 0rem;
}
.budget-table.scrollable-table > table > thead > tr:first-of-type > th:nth-of-type(4),
.budget-table.scrollable-table > table > thead > tr:first-of-type > th:nth-of-type(5),
.budget-table.scrollable-table > table > thead > tr:first-of-type > th:nth-of-type(6) {
  border-left: 1px solid gray;
}
.budget-table.scrollable-table > table > thead > tr:last-of-type > th {
  position: sticky;
  top: 1.5rem;
}
.budget-table.scrollable-table > table > thead > tr:last-of-type > th:nth-of-type(4),
.budget-table.scrollable-table > table > thead > tr:last-of-type > th:nth-of-type(7),
.budget-table.scrollable-table > table > thead > tr:last-of-type > th:nth-of-type(9) {
  border-left: 1px solid gray;
}
.budget-table.scrollable-table > table > tbody > tr > td {
  padding-right: 0.3rem;
}
.budget-table.scrollable-table > table > tbody > tr > td:first-of-type > div {
  display: flex;
}
.budget-table.scrollable-table > table > tbody > tr > td:first-of-type > div > div {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: lightgray;
  width: 1rem;
  height: 1rem;
  padding: 0;
  margin: 0.2rem 0.3rem 0.2rem 0rem;
  font-weight: bold;
  border: 1px solid gray;
  border-radius: 4px;
}
.budget-table.scrollable-table > table > tbody > tr > td:nth-of-type(2) {
  position: sticky;
  z-index: 2;
  left: 2.3rem;
}
.budget-table.scrollable-table > table > tbody > tr > td:nth-of-type(2),
.budget-table.scrollable-table > table > tbody > tr > td:nth-of-type(3) {
  padding-left: 0.5rem;
  text-align: left;
}
.budget-table.scrollable-table > table > tbody > tr > td:nth-of-type(2)::before,
.budget-table.scrollable-table > table > tbody > tr > td:nth-of-type(3)::before {
  content: "";
}
.budget-table.scrollable-table > table > tbody > tr > td:nth-of-type(4),
.budget-table.scrollable-table > table > tbody > tr > td:nth-of-type(7),
.budget-table.scrollable-table > table > tbody > tr > td:nth-of-type(9) {
  border-left: 1px solid gray;
}
.budget-table.scrollable-table > table > tbody > tr > td > input {
  text-align: right;
  background-color: lightyellow;
  border: 1px solid dodgerblue;
  height: 1.2rem;
}
.budget-table.scrollable-table > table > tbody > tr > td > input:focus {
  border-color: red;
  outline: none;
}
.budget-table.scrollable-table > table > tbody > tr > td > input:read-only {
  background-color: lightgray;
}
.budget-table.scrollable-table > table > tbody > tr > td > input[type=number] {
  width: 5rem;
}
.budget-table.scrollable-table > table > tbody > tr > td > input[type=number]::-webkit-outer-spin-button,
.budget-table.scrollable-table > table > tbody > tr > td > input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.budget-table.scrollable-table > table > tbody > tr > td > input[type=text] {
  text-align: left;
}
.budget-table.scrollable-table > table > tbody > tr > td.negative {
  color: red;
}
.budget-table.scrollable-table > table > tbody > tr.totals > td,
.budget-table.scrollable-table > table > tbody > tr.net > td {
  border-top: unset;
}
.budget-table.scrollable-table > table > tbody > tr.totals > td:nth-of-type(2),
.budget-table.scrollable-table > table > tbody > tr.net > td:nth-of-type(2) {
  padding-left: 0.5rem;
}
.budget-table.scrollable-table > table > tbody > tr.totals > td:nth-of-type(2)::before,
.budget-table.scrollable-table > table > tbody > tr.net > td:nth-of-type(2)::before {
  content: "";
}
.financial-statement {
  max-height: 100%;
}
.financial-statement > .notes {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  overflow-y: scroll;
}
.financial-statement > .notes > ol > li::marker {
  font-weight: bold;
}
.financial-statement > .notes > ol > li > div:first-of-type {
  display: flex;
  flex-direction: row;
  font-weight: bold;
  border-bottom: 1px solid black;
  margin-bottom: 0.5rem;
}
.financial-statement > .notes > ol > li > div:last-of-type > div {
  margin-bottom: 1rem;
}
.financial-statement > .notes > ol > li > div:last-of-type > div > table > thead > tr > th:first-of-type > span {
  visibility: hidden;
}
.financial-statement > .notes > ol > li > div:last-of-type > div > table > thead > tr:first-of-type:not(:last-of-type) > th {
  text-align: center;
}
.financial-statement > .notes > ol > li > div:last-of-type > div > table > thead > tr:last-of-type:not(:first-of-type) > th {
  text-align: center;
}
.financial-statement > .notes > ol > li > div:last-of-type > div.notes-table > table > thead > tr > th:nth-of-type(2) {
  display: none;
}
.financial-statement > .notes > ol > li > div:last-of-type > div.notes-table > table > tbody > tr > td:nth-of-type(2) {
  display: none;
}
.financial-statement > .notes > ol > li > div.hide-column > div > table > thead > tr > th:nth-of-type(3) {
  display: none;
}
.financial-statement > .notes > ol > li > div.hide-column > div > table > tbody > tr > td:nth-of-type(3) {
  display: none;
}
.forecast-table.scrollable-table > table {
  box-sizing: border-box;
}
.forecast-table.scrollable-table > table > thead > tr > th {
  padding-right: 0.3rem;
  text-align: center;
}
.forecast-table.scrollable-table > table > thead > tr > th:first-of-type {
  z-index: 3;
  left: 0;
  min-width: unset;
}
.forecast-table.scrollable-table > table > thead > tr > th:nth-of-type(2) {
  z-index: 3;
  left: 1.5rem;
  text-align: left;
  padding-left: 0.2rem;
}
.forecast-table.scrollable-table > table > thead > tr:first-of-type > th {
  position: sticky;
  top: 0rem;
}
.forecast-table.scrollable-table > table > tbody > tr > td {
  padding-right: 0.3rem;
}
.forecast-table.scrollable-table > table > tbody > tr > td > input {
  text-align: right;
  background-color: lightyellow;
  border: 1px solid dodgerblue;
  height: 1.2rem;
}
.forecast-table.scrollable-table > table > tbody > tr > td > input:focus {
  border-color: red;
  outline: none;
}
.forecast-table.scrollable-table > table > tbody > tr > td > input:read-only {
  background-color: lightgray;
}
.forecast-table.scrollable-table > table > tbody > tr > td > input[type=number] {
  width: 3.5rem;
}
.forecast-table.scrollable-table > table > tbody > tr > td > input[type=number]::-webkit-outer-spin-button,
.forecast-table.scrollable-table > table > tbody > tr > td > input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.forecast-table.scrollable-table > table > tbody > tr > td > input[type=text] {
  text-align: left;
}
.forecast-table.scrollable-table > table > tbody > tr > td:first-of-type {
  padding-left: 0.2rem;
  padding-right: 0rem;
}
.forecast-table.scrollable-table > table > tbody > tr > td:first-of-type > div {
  display: flex;
}
.forecast-table.scrollable-table > table > tbody > tr > td:first-of-type > div > div {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: lightgray;
  width: 1rem;
  height: 1rem;
  padding: 0;
  margin: 0.2rem 0.1rem 0.2rem 0rem;
  font-weight: bold;
  border: 1px solid gray;
  border-radius: 4px;
}
.forecast-table.scrollable-table > table > tbody > tr > td:nth-of-type(2) {
  position: sticky;
  z-index: 2;
  left: 1.5rem;
  padding-left: 0.2rem;
  text-align: left;
}
.forecast-table.scrollable-table > table > tbody > tr > td:nth-of-type(2)::before {
  content: "";
}
.forecast-table.scrollable-table > table > tbody > tr > td:nth-of-type(3) {
  padding-left: 0.5rem;
  text-align: left;
}
.forecast-table.scrollable-table > table > tbody > tr > td:nth-of-type(3)::before {
  content: "";
}
.forecast-table.scrollable-table > table > tbody > tr.totals > td,
.forecast-table.scrollable-table > table > tbody > tr.net > td {
  border-top: unset;
}
.forecast-table.scrollable-table > table > tbody > tr.totals > td:nth-of-type(2),
.forecast-table.scrollable-table > table > tbody > tr.net > td:nth-of-type(2) {
  padding-left: 0.2rem;
}
.forecast-table.scrollable-table > table > tbody > tr.totals > td:nth-of-type(2)::before,
.forecast-table.scrollable-table > table > tbody > tr.net > td:nth-of-type(2)::before {
  content: "";
}
.accounting-source-data > div.scrollable-table > table > thead > tr > th:first-of-type {
  text-align: left;
  min-width: 6.4rem;
}
.accounting-source-data > div.scrollable-table > table > thead > tr > th:nth-of-type(2) {
  text-align: left;
  min-width: 17rem;
  left: 6.4rem;
  z-index: 3;
}
.accounting-source-data > div.scrollable-table > table > tbody > tr > td:nth-of-type(2) {
  text-align: left;
  position: sticky;
  left: 6.4rem;
  z-index: 2;
}
.accounting-source-data > div.scrollable-table > table > tbody > tr > td:nth-of-type(2):not(:empty)::before {
  content: "";
}
.monthly-other-funds {
  display: flex;
  flex-direction: column;
  flex-basis: 1 0 auto;
  align-items: flex-start;
  max-height: 100%;
  max-width: 100%;
  overflow-y: hidden;
  overflow-x: hidden;
  align-self: flex-start;
  width: 100%;
}
.monthly-other-funds > div:first-of-type {
  display: flex;
  flex-basis: 0 0 auto;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}
.monthly-other-funds > div:first-of-type > h1 {
  margin: 0 2rem 0.25rem 0;
  padding: 0;
}
.monthly-other-funds > div:first-of-type > input {
  margin: 0 0.3rem 0 1.5rem;
  height: 1rem;
  width: 1rem;
}
.monthly-other-funds > div:first-of-type > label {
  font-weight: bold;
}
.monthly-other-funds > div:first-of-type > label:first-of-type:after {
  content: ":";
  margin-right: 0.3em;
}
.monthly-other-funds > p {
  margin: 1rem 0 0 2rem;
}
.monthly-other-funds > div:nth-of-type(2) {
  display: flex;
  flex-wrap: wrap-reverse;
  margin: 0.5rem 0 0 0;
  align-items: center;
}
.monthly-other-funds > div:nth-of-type(2) > div:first-of-type > select {
  text-align: start;
}
.monthly-other-funds > div:nth-of-type(2) > div:last-of-type {
  display: flex;
  margin-right: 1rem;
  padding-bottom: 0.5rem;
}
.monthly-other-funds > div:nth-of-type(2) > div:last-of-type > div {
  display: flex;
  align-items: center;
  margin-right: 1rem;
}
.monthly-other-funds > div:nth-of-type(2) > div:last-of-type > div > input {
  width: 1rem;
  height: 1rem;
  margin: 0 0.2rem;
  padding: 0;
}
.monthly-other-funds > div:nth-of-type(2) > div:last-of-type > div > label {
  font-weight: bold;
  white-space: nowrap;
  margin: 0;
}
.monthly-other-funds > div:nth-of-type(2) > div:last-of-type > div:first-of-type > label {
  margin-right: 0.2rem;
}
.monthly-other-funds > div:nth-of-type(2) > div:last-of-type > div:first-of-type > label:after {
  content: ":";
}
.monthly-other-funds > div:nth-of-type(2) > div:last-of-type > div:last-of-type {
  margin-right: 2rem;
}
.monthly-other-funds > .scrollable-table {
  align-self: flex-start;
  flex-basis: 0 1 auto;
}
.monthly-other-funds > .scrollable-table > table {
  border-bottom: 1px solid #92ca6b;
}
.monthly-other-funds > .scrollable-table > table > thead > tr > th {
  white-space: nowrap;
  text-align: right;
  min-width: 4rem;
}
.monthly-other-funds > .scrollable-table > table > thead > tr > th:first-of-type {
  text-align: left;
  position: sticky;
  left: 0;
  z-index: 2;
  min-width: 17.5rem;
}
.monthly-other-funds > .scrollable-table > table > thead > tr > th:last-of-type {
  padding-right: 0.5rem;
}
.monthly-other-funds > .scrollable-table > table > tbody > tr > td {
  white-space: nowrap;
  text-align: right;
  min-width: 4rem;
  background: white;
}
.monthly-other-funds > .scrollable-table > table > tbody > tr > td.negative {
  color: red;
}
.monthly-other-funds > .scrollable-table > table > tbody > tr > td:first-of-type {
  text-align: left;
  position: sticky;
  left: 0;
  z-index: 1;
  padding-right: 0.5rem;
  white-space: pre;
}
.monthly-other-funds > .scrollable-table > table > tbody > tr > td:first-of-type.data-error {
  color: red;
}
.monthly-other-funds > .scrollable-table > table > tbody > tr > td:last-of-type {
  padding-right: 0.5rem;
}
.monthly-other-funds > .scrollable-table > table > tbody > tr > td.header-row {
  font-weight: bold;
}
.monthly-other-funds > .scrollable-table > table > tbody > tr:nth-child(even) > td {
  background-color: #d3f8d3;
}
.monthly-other-funds > .scrollable-table > table > tbody > tr.section-header > td:first-of-type {
  padding-left: 0.5rem;
}
.monthly-other-funds > .scrollable-table > table > tbody > tr.subtotals > td:first-of-type {
  font-weight: bold;
}
.monthly-other-funds > .scrollable-table > table > tbody > tr.subtotals > td:not(:first-of-type) {
  border-top: 1px solid gray;
  font-weight: bold;
}
.overlay-active {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 4;
  background-color: lightgray;
  opacity: 60%;
}
.budget-forecast-template {
  display: flex;
  flex-direction: column;
  flex-basis: 1 0 auto;
  align-items: flex-start;
  max-height: 100%;
  max-width: 100%;
  overflow-y: hidden;
  overflow-x: hidden;
  align-self: flex-start;
  width: 100%;
}
.budget-forecast-template > div:first-of-type {
  display: flex;
  flex-basis: 0 0 auto;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}
.budget-forecast-template > div:first-of-type > h1 {
  margin: 0 2rem 0.25rem 0;
  padding: 0;
}
.budget-forecast-template > div:first-of-type > input {
  margin: 0 0.3rem 0 1.5rem;
  height: 1rem;
  width: 1rem;
}
.budget-forecast-template > div:first-of-type > label {
  font-weight: bold;
}
.budget-forecast-template > div:first-of-type > label:first-of-type:after {
  content: ":";
  margin-right: 0.3em;
}
.budget-forecast-template > p {
  margin: 1rem 0 0 2rem;
}
.budget-forecast-template > div:nth-of-type(2) {
  display: flex;
  flex-wrap: wrap-reverse;
  margin: 0.5rem 0 0 0;
  align-items: center;
}
.budget-forecast-template > div:nth-of-type(2) > div:first-of-type > select {
  text-align: start;
}
.budget-forecast-template > div:nth-of-type(2) > div:first-of-type > label::after {
  content: ":";
}
.budget-forecast-template > div:nth-of-type(2) > div:last-of-type {
  display: flex;
  margin-right: 1rem;
}
.budget-forecast-template > div:nth-of-type(2) > div:last-of-type > div {
  display: flex;
  align-items: center;
  margin-right: 1rem;
}
.budget-forecast-template > div:nth-of-type(2) > div:last-of-type > div > input {
  width: 1rem;
  height: 1rem;
  margin: 0 0.2rem;
  padding: 0;
}
.budget-forecast-template > div:nth-of-type(2) > div:last-of-type > div > label {
  font-weight: bold;
  white-space: nowrap;
  margin: 0;
}
.budget-forecast-template > div:nth-of-type(2) > div:last-of-type > div:first-of-type > label {
  margin-right: 0.2rem;
}
.budget-forecast-template > div:nth-of-type(2) > div:last-of-type > div:first-of-type > label:after {
  content: ":";
}
.budget-forecast-template > div:nth-of-type(2) > div:last-of-type > div:last-of-type {
  margin-right: 2rem;
}
.budget-forecast-template > .scrollable-table {
  align-self: flex-start;
  flex-basis: 0 1 auto;
  border-top-left-radius: 5px;
}
.budget-forecast-template > .scrollable-table > table {
  border-bottom: 1px solid #92ca6b;
  border-collapse: separate;
  border-spacing: 0px;
}
.budget-forecast-template > .scrollable-table > table > thead > tr {
  padding: 0;
  margin: 0;
  background-color: #92ca6b;
}
.budget-forecast-template > .scrollable-table > table > thead > tr > th {
  white-space: nowrap;
  text-align: right;
  min-width: 4rem;
}
.budget-forecast-template > .scrollable-table > table > thead > tr > th:first-of-type {
  text-align: left;
  position: sticky;
  left: 0;
  z-index: 2;
  min-width: 17.5rem;
  border-right: 1px solid black;
}
.budget-forecast-template > .scrollable-table > table > thead > tr > th:nth-of-type(4) {
  border-right: 1px solid lightgray;
}
.budget-forecast-template > .scrollable-table > table > thead > tr > th:last-of-type {
  padding-right: 0.5rem;
}
.budget-forecast-template > .scrollable-table > table > thead > tr:first-of-type > th {
  padding: 0;
  margin: 0;
  position: sticky;
  top: 0;
  text-align: center;
  height: 1.5rem;
  border: 0px;
}
.budget-forecast-template > .scrollable-table > table > thead > tr:last-of-type > th {
  padding: 0;
  margin: 0;
  position: sticky;
  top: 1.5rem;
  text-align: right;
  height: 1.5rem;
  padding-right: 0.5rem;
  border: 0px;
}
.budget-forecast-template > .scrollable-table > table > thead > tr:last-of-type > th:first-of-type {
  text-align: left;
  padding-left: 0.5rem;
}
.budget-forecast-template > .scrollable-table > table > thead > tr:last-of-type > th:last-of-type {
  text-align: left;
  padding-left: 0.5rem;
}
.budget-forecast-template > .scrollable-table > table > tbody > tr > td {
  white-space: pre nowrap;
  text-align: right;
  min-width: 4rem;
  padding-right: 0.5rem;
  background: white;
}
.budget-forecast-template > .scrollable-table > table > tbody > tr > td > input {
  width: 5rem;
  text-align: right;
  background-color: lightyellow;
  border: 1px solid dodgerblue;
  height: 1.2rem;
}
.budget-forecast-template > .scrollable-table > table > tbody > tr > td > input:focus {
  border-color: red;
  outline: none;
}
.budget-forecast-template > .scrollable-table > table > tbody > tr > td > input:read-only {
  background-color: lightgray;
}
.budget-forecast-template > .scrollable-table > table > tbody > tr > td > input::-webkit-outer-spin-button,
.budget-forecast-template > .scrollable-table > table > tbody > tr > td > input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.budget-forecast-template > .scrollable-table > table > tbody > tr > td.negative {
  color: red;
}
.budget-forecast-template > .scrollable-table > table > tbody > tr > td:first-of-type {
  text-align: left;
  position: sticky;
  left: 0;
  z-index: 1;
  padding-right: 0.5rem;
  white-space: pre, nowrap;
}
.budget-forecast-template > .scrollable-table > table > tbody > tr > td:first-of-type.data-error {
  color: red;
}
.budget-forecast-template > .scrollable-table > table > tbody > tr > td:last-of-type {
  text-align: left;
}
.budget-forecast-template > .scrollable-table > table > tbody > tr > td:last-of-type > input {
  max-width: 100%;
  width: 100%;
  text-align: left;
}
.budget-forecast-template > .scrollable-table > table > tbody > tr > td:last-of-type {
  padding-right: 0.5rem;
}
.budget-forecast-template > .scrollable-table > table > tbody > tr > td.header-row {
  font-weight: bold;
}
.budget-forecast-template > .scrollable-table > table > tbody > tr > td:first-of-type > div {
  display: flex;
  white-space: pre-wrap;
}
.budget-forecast-template > .scrollable-table > table > tbody > tr > td:first-of-type > div > div {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: lightgray;
  width: 1rem;
  height: 1rem;
  padding: 0;
  margin: 0.2rem 0.3rem 0.2rem 0rem;
  font-weight: bold;
  border: 1px solid gray;
  border-radius: 4px;
}
.budget-forecast-template > .scrollable-table > table > tbody > tr:nth-child(even) > td {
  background-color: #d3f8d3;
}
.budget-forecast-template > .scrollable-table > table > tbody > tr.section-header > td:first-of-type {
  padding-left: 0.5rem;
}
.budget-forecast-template > .scrollable-table > table > tbody > tr.subtotals > td:first-of-type {
  font-weight: bold;
}
.budget-forecast-template > .scrollable-table > table > tbody > tr.subtotals > td:not(:first-of-type) {
  border-bottom: 1px solid gray;
  font-weight: bold;
}
.budget-forecast-template > .scrollable-table > table > tbody > tr.hidden {
  display: none;
}
.budget-forecast-template > .scrollable-table > table.budget > thead > tr:first-of-type > th:not(:last-of-type) {
  border-right: 1px solid lightgray;
}
.budget-forecast-template > .scrollable-table > table.budget > thead > tr:last-of-type > th:nth-of-type(1),
.budget-forecast-template > .scrollable-table > table.budget > thead > tr:last-of-type > th:nth-of-type(4),
.budget-forecast-template > .scrollable-table > table.budget > thead > tr:last-of-type > th:nth-of-type(6) {
  border-right: 1px solid lightgray;
}
.budget-forecast-template > .scrollable-table > table.budget > tbody > tr > td:nth-of-type(1),
.budget-forecast-template > .scrollable-table > table.budget > tbody > tr > td:nth-of-type(4),
.budget-forecast-template > .scrollable-table > table.budget > tbody > tr > td:nth-of-type(6) {
  border-right: 1px solid lightgray;
}
.budget-forecast-template > .scrollable-table > table.forecast > thead > tr:first-of-type > th:not(:last-of-type) {
  border-right: 1px solid lightgray;
}
.budget-forecast-template > .scrollable-table > table.forecast > thead > tr:last-of-type > th:nth-of-type(1),
.budget-forecast-template > .scrollable-table > table.forecast > thead > tr:last-of-type > th:nth-of-type(4) {
  border-right: 1px solid lightgray;
}
.budget-forecast-template > .scrollable-table > table.forecast > tbody > tr > td:nth-of-type(1),
.budget-forecast-template > .scrollable-table > table.forecast > tbody > tr > td:nth-of-type(4) {
  border-right: 1px solid lightgray;
}
/*.annual-forecast-setup {
    display: flex;
    flex-direction: column;
    flex-basis: 1 0 auto;
    align-items: flex-start;
    max-height: 100%;
    max-width: 100%;
    overflow-y: hidden;
    overflow-x: hidden;
    align-self: flex-start;
    width: 100%;

    > div:first-of-type {
        display: flex;
        flex-basis: 0 0 auto;
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;

        > h1 {
            margin: 0 2.0rem 0.25rem 0;
            padding: 0;
        }

        > input {
            margin: 0 0.3rem 0 1.5rem;
            height: 1.0rem;
            width: 1.0rem;
        }

        > label {
            font-weight: bold;

            &:first-of-type {
                &:after {
                    content: ":";
                    margin-right: 0.3em;
                }
            }
        }
    }

    > p {
        margin: 1.0rem 0 0 2.0rem;
    }

    > div:nth-of-type(2) {
        display: flex;
        flex-wrap: wrap-reverse;
        margin: 0.5rem 0 0 0;
        align-items: center;

        > div:first-of-type {
            > select {
                text-align: start;
            }

            > label::after {
                content: ":";
            }
        }

        > div:last-of-type {
            display: flex;
            margin-right: 1.0rem;
            padding-bottom: 0.5rem;

            > div {
                display: flex;
                align-items: center;
                margin-right: 1.0rem;

                > input {
                    width: 1.0rem;
                    height: 1.0rem;
                    margin: 0 0.2rem;
                    padding: 0;
                }

                > label {
                    font-weight: bold;
                    white-space: nowrap;
                    margin: 0;
                }

                &:first-of-type {
                    > label {
                        margin-right: 0.2rem;

                        &:after {
                            content: ":";
                        }
                    }
                }

                &:last-of-type {
                    margin-right: 2.0rem;
                }
            }
        }
    }

    > .scrollable-table {
        align-self: flex-start;
        flex-basis: 0 1 auto;
        border-top-left-radius: 5px;

        > table {
            border-bottom: 1px solid @navbar-background-color;
            border-collapse: separate;
            border-spacing: 0px;

            > thead {
                > tr {
                    padding: 0;
                    margin: 0;
                    background-color: @navbar-background-color;

                    > th {
                        white-space: nowrap;
                        text-align: right;
                        min-width: 4.0rem;

                        &:first-of-type {
                            text-align: left;
                            position: sticky;
                            left: 0;
                            z-index: 2;
                            min-width: 17.5rem;
                            border-right: 1px solid black;
                        }

                        &:nth-of-type(4) {
                            border-right: 1px solid lightgray;
                        }

                        &:last-of-type {
                            padding-right: 0.5rem;
                        }
                    }

                    &:first-of-type {
                        > th {
                            padding: 0;
                            margin: 0;
                            position: sticky;
                            top: 0;
                            text-align: center;
                            height: 1.5rem;
                            border: 0px;

                            &:first-of-type {
                                border-right: 1px solid lightgray;
                            }

                            &:nth-of-type(2) {
                                border-right: 1px solid lightgray;
                            }

                            &:nth-of-type(3) {
                                border-right: 1px solid lightgray;
                            }
                        }
                    }

                    &:last-of-type {
                        > th {
                            padding: 0;
                            margin: 0;
                            position: sticky;
                            top: 1.5rem;
                            text-align: right;
                            height: 1.5rem;
                            padding-right: 0.5rem;
                            border: 0px;

                            &:first-of-type {
                                text-align: left;
                                padding-left: 0.5rem;
                                border-right: 1px solid lightgray;
                            }

                            &:nth-of-type(4) {
                                border-right: 1px solid lightgray;
                            }
                            &:last-of-type {
                                text-align: left;
                                padding-left: 0.5rem;
                            }
                        }
                    }
                }
            }

            > tbody {
                //font-size: 0.95rem;
                > tr {
                    > td {
                        white-space: nowrap;
                        text-align: right;
                        //min-width: 3.8rem;
                        min-width: 4.0rem;
                        padding-right: 0.5rem;

                        input::-webkit-outer-spin-button,
                        input::-webkit-inner-spin-button {
                            -webkit-appearance: none;
                            margin: 0;
                        }

                        &.negative {
                            color: red;
                        }

                        &:first-of-type {
                            text-align: left;
                            position: sticky;
                            left: 0;
                            z-index: 1;
                            //padding-left: 1.25rem;
                            padding-right: 0.5rem;
                            white-space: pre;
                            //min-width: 15.0rem;
                            &.data-error {
                                color: red;
                            }

                            border-right: 1px solid lightgray;
                        }

                        &:nth-of-type(4) {
                            border-right: 1px solid lightgray;
                        }

                        &:nth-child(6) {
                            > input {
                                width: 5.0rem;
                                text-align: right;
                                background-color: lightyellow;
                                border: 1px solid dodgerblue;
                                height: 1.2rem;

                                &:focus {
                                    border-color: red;
                                    outline: none;
                                }

                                &:read-only {
                                    background-color: lightgray;
                                }
                            }
                        }

                        &:last-of-type {
                            > input {
                                height: 1.2rem;
                                background-color: lightyellow;
                                border: 1px solid dodgerblue;

                                &:focus {
                                    border-color: red;
                                    outline: none;
                                }

                                &:read-only {
                                    background-color: lightgray;
                                }
                            }
                        }*/
/*                        &:nth-of-type(9){
                            >input{
                                width: 5.0rem;
                                text-align: right;
                            }
                        }*/
/*&:last-of-type {
                            padding-right: 0.5rem;
                        }

                        background: white;

                        &.header-row {
                            font-weight: bold;
                        }

                        &:first-of-type {
                            > div {
                                display: flex;
                                white-space: pre-wrap;

                                > div {
                                    display: flex;
                                    justify-content: center;
                                    align-items: center;
                                    background-color: lightgray;
                                    width: 1.0rem;
                                    height: 1.0rem;
                                    padding: 0;
                                    margin: 0.2rem 0.3rem 0.2rem 0rem;
                                    font-weight: bold;
                                    border: 1px solid gray;
                                    border-radius: 4px;
                                }
                            }
                        }
                    }

                    &:nth-child(even) {
                        > td {
                            background-color: #d3f8d3;
                        }
                    }



                    &:last-of-type {
                        //font-weight: bold;
                        > td {
                            //background-color: @navbar-background-color;
                        }
                    }

                    &.section-header {
                        > td {
                            &:first-of-type {
                                padding-left: 0.5rem;
                            }
                        }
                    }

                    &.subtotals {
                        > td {
                            &:first-of-type {
                                font-weight: bold;
                            }

                            &:not(:first-of-type) {
                                border-bottom: 1px solid gray;
                                font-weight: bold;
                            }
                        }
                    }

                    &.hidden {
                        display: none;
                    }
                }
            }
        }
    }
}*/
input::-webkit-input-placeholder {
  font-style: italic;
  color: palevioletred;
}
input::-moz-placeholder {
  opacity: 1;
  font-style: italic;
  color: palevioletred;
}
.age-profile > h1 {
  margin: 0;
  margin: 0.5rem 0 1rem 0;
}
.age-profile > div:first-of-type {
  display: flex;
  padding-left: 2rem;
}
.age-profile > div:first-of-type > div {
  margin-right: 2rem;
  display: flex;
  align-items: center;
}
.age-profile > div:first-of-type > div > input {
  height: 1rem;
  width: 1rem;
  margin-right: 0.2rem;
}
.age-profile > div:first-of-type > div > label {
  margin: 0;
  padding: 0;
}
.age-profile > div:last-of-type {
  display: flex;
  padding-left: 2rem;
}
.age-profile > div:last-of-type > div {
  margin-right: 2rem;
  display: flex;
  align-items: center;
}
.age-profile > div:last-of-type > div > label {
  margin: 0;
  padding: 0;
  margin-right: 0.2rem;
}
.age-profile > div:last-of-type > div > label:after {
  content: ":";
}
.admin-configure {
  display: flex;
  flex-direction: column;
  flex-basis: 1 0 auto;
  align-items: flex-start;
  max-height: 100%;
  max-width: 100%;
  overflow-y: hidden;
  overflow-x: hidden;
  align-self: flex-start;
  /*    > .tabnav {
        margin-top: 0.5rem;
        width: 100%;
        border-bottom: 1px solid black;
        >ul{
            >li {
                padding-left: 0.5rem;
                padding-right: 0.5rem;
            }
        }
    }*/
}
.admin-configure > h1 {
  margin: 0 auto 0.25rem auto;
  padding: 0;
}
.admin-configure > p {
  margin: 1rem 0 0 2rem;
}
.admin-configure > div {
  display: flex;
}
.admin-configure > div > div:last-of-type {
  display: flex;
  align-items: center;
}
.admin-configure > div > div:last-of-type > input {
  width: 1rem;
  height: 1rem;
  margin: 0 0.2rem;
  padding: 0;
}
.admin-configure > .header-bar {
  display: none;
}
.admin-configure > .scrollable-table {
  max-width: 100%;
  width: 100%;
  align-self: flex-start;
  display: flex;
  overflow-x: hidden;
}
.admin-configure > .scrollable-table > table.general input {
  font-size: 1rem;
}
.admin-configure > .scrollable-table > table.general > tbody > tr > td {
  white-space: nowrap;
}
.admin-configure > .scrollable-table > table.general > tbody > tr > td > input {
  box-sizing: border-box;
  border: 1px solid transparent;
  outline: none;
}
.admin-configure > .scrollable-table > table.general > tbody > tr > td > input:hover {
  background-color: lightgray;
}
.admin-configure > .scrollable-table > table.general > tbody > tr > td > input:focus {
  border: 1px solid red;
  background-color: lightyellow;
}
.admin-configure > .scrollable-table > table.general > tbody > tr:last-of-type > td {
  border-bottom: 1px solid #92ca6b;
  padding-bottom: 0.5rem;
}
.admin-configure > .scrollable-table > table.giving-reports {
  table-layout: fixed;
  width: 100%;
  max-width: 360px;
}
.admin-configure > .scrollable-table > table.giving-reports input {
  font-size: 1rem;
}
.admin-configure > .scrollable-table > table.giving-reports > colgroup col {
  width: 10%;
}
.admin-configure > .scrollable-table > table.giving-reports > colgroup col:last-of-type {
  width: 80%;
}
.admin-configure > .scrollable-table > table.giving-reports > thead > tr > th {
  white-space: nowrap;
}
.admin-configure > .scrollable-table > table.giving-reports > tbody > tr > td {
  white-space: nowrap;
}
.admin-configure > .scrollable-table > table.giving-reports > tbody > tr > td > button {
  width: 1.4rem;
}
.admin-configure > .scrollable-table > table.giving-reports > tbody > tr > td > input {
  box-sizing: border-box;
  border: 1px solid transparent;
  outline: none;
}
.admin-configure > .scrollable-table > table.giving-reports > tbody > tr > td > input:focus {
  border: 1px solid red;
  background-color: lightyellow;
}
.admin-configure > .scrollable-table > table.giving-reports > tbody > tr > td > input:placeholder-shown {
  border: 1px solid black;
  background-color: lightyellow;
  font-style: italic;
}
.admin-configure > .scrollable-table > table.giving-reports > tbody > tr > td > input:placeholder-shown:focus {
  border-color: red;
}
.admin-configure > .scrollable-table > table.giving-reports > tbody > tr > td > input:hover {
  background-color: lightgray;
}
.admin-configure > .scrollable-table > table.giving-reports > tbody > tr > td > input:hover:focus {
  background-color: lightyellow;
}
.admin-configure > .scrollable-table > table.giving-reports > tbody > tr > td:first-of-type {
  position: static;
}
.admin-configure > .scrollable-table > table.giving-reports > tbody > tr > td:last-of-type > input[type=text] {
  width: 100%;
}
.admin-configure > .scrollable-table > table.giving-reports > tbody > tr.hidden {
  display: none;
}
.admin-configure > .scrollable-table > table.giving-reports > tbody > tr:last-of-type > td {
  border-bottom: 1px solid #92ca6b;
  padding-bottom: 0.5rem;
}
.admin-configure > .scrollable-table > table.income-expense-reports {
  table-layout: fixed;
  width: 100%;
  max-width: 500px;
}
.admin-configure > .scrollable-table > table.income-expense-reports input {
  font-size: 1rem;
}
.admin-configure > .scrollable-table > table.income-expense-reports > colgroup col {
  width: 10%;
}
.admin-configure > .scrollable-table > table.income-expense-reports > colgroup col:last-of-type {
  width: 80%;
}
.admin-configure > .scrollable-table > table.income-expense-reports > thead > tr > th {
  white-space: nowrap;
}
.admin-configure > .scrollable-table > table.income-expense-reports > tbody > tr > td {
  white-space: nowrap;
}
.admin-configure > .scrollable-table > table.income-expense-reports > tbody > tr > td > button {
  width: 1.4rem;
}
.admin-configure > .scrollable-table > table.income-expense-reports > tbody > tr > td > input {
  box-sizing: border-box;
  border: 1px solid transparent;
  outline: none;
  max-width: 18rem;
}
.admin-configure > .scrollable-table > table.income-expense-reports > tbody > tr > td > input:focus {
  border: 1px solid red;
  background-color: lightyellow;
}
.admin-configure > .scrollable-table > table.income-expense-reports > tbody > tr > td > input:placeholder-shown {
  border: 1px solid black;
  background-color: lightyellow;
  font-style: italic;
}
.admin-configure > .scrollable-table > table.income-expense-reports > tbody > tr > td > input:placeholder-shown:focus {
  border-color: red;
}
.admin-configure > .scrollable-table > table.income-expense-reports > tbody > tr > td > input:hover {
  background-color: lightgray;
}
.admin-configure > .scrollable-table > table.income-expense-reports > tbody > tr > td > input:hover:focus {
  background-color: lightyellow;
}
.admin-configure > .scrollable-table > table.income-expense-reports > tbody > tr > td:first-of-type {
  position: static;
}
.admin-configure > .scrollable-table > table.income-expense-reports > tbody > tr > td:last-of-type > input[type=text] {
  width: 100%;
}
.admin-configure > .scrollable-table > table.income-expense-reports > tbody > tr.hidden {
  display: none;
}
.admin-configure > .scrollable-table > table.income-expense-reports > tbody > tr:last-of-type > td {
  border-bottom: 1px solid #92ca6b;
  padding-bottom: 0.5rem;
}
.admin-configure > .scrollable-table > table.donations-map > thead > tr > th {
  white-space: nowrap;
  padding-left: 1rem;
}
.admin-configure > .scrollable-table > table.donations-map > thead > tr > th:first-of-type {
  text-align: left;
}
.admin-configure > .scrollable-table > table.donations-map > thead > tr > th:last-of-type {
  padding-right: 0.5rem;
}
.admin-configure > .scrollable-table > table.donations-map > tbody > tr > td {
  white-space: nowrap;
  padding-left: 1rem;
  font-size: 1rem;
}
.admin-configure > .scrollable-table > table.donations-map > tbody > tr > td > button {
  width: 1.4rem;
}
.admin-configure > .scrollable-table > table.donations-map > tbody > tr > td > input {
  box-sizing: border-box;
  border: 1px solid transparent;
  outline: none;
  font-size: 1rem;
}
.admin-configure > .scrollable-table > table.donations-map > tbody > tr > td > input:focus {
  border: 1px solid red;
  background-color: lightyellow;
}
.admin-configure > .scrollable-table > table.donations-map > tbody > tr > td > input:placeholder-shown {
  border: 1px solid black;
  background-color: lightyellow;
  font-style: italic;
}
.admin-configure > .scrollable-table > table.donations-map > tbody > tr > td > input:placeholder-shown:focus {
  border-color: red;
}
.admin-configure > .scrollable-table > table.donations-map > tbody > tr > td > input:hover {
  background-color: lightgray;
}
.admin-configure > .scrollable-table > table.donations-map > tbody > tr > td > input:hover:focus {
  background-color: lightyellow;
}
.admin-configure > .scrollable-table > table.donations-map > tbody > tr > td > select {
  font-size: 1rem;
}
.admin-configure > .scrollable-table > table.donations-map > tbody > tr > td:nth-of-type(3) {
  padding-left: 2.5rem;
}
.admin-configure > .scrollable-table > table.donations-map > tbody > tr > td.loading {
  padding-top: 1rem;
  min-width: 45rem;
}
.admin-configure > .scrollable-table > table.donations-map > tbody > tr.group-header > td:first-of-type {
  font-weight: bold;
  font-size: 1rem;
  padding-left: 0.5rem;
  margin-top: 1rem;
}
.admin-configure > .scrollable-table > table.donations-map > tbody > tr.hidden {
  display: none;
}
.admin-configure > .scrollable-table > table.donations-map > tbody > tr:last-of-type > td {
  border-bottom: 1px solid #92ca6b;
  padding-bottom: 0.5rem;
}
.admin-configure > .scrollable-table > table.accounting-map > thead > tr > th {
  white-space: nowrap;
  padding-left: 1rem;
}
.admin-configure > .scrollable-table > table.accounting-map > thead > tr > th:first-of-type {
  text-align: left;
}
.admin-configure > .scrollable-table > table.accounting-map > thead > tr > th:last-of-type {
  padding-right: 0.5rem;
}
.admin-configure > .scrollable-table > table.accounting-map > tbody > tr:nth-of-type(even) {
  background-color: #d3f8d3;
}
.admin-configure > .scrollable-table > table.accounting-map > tbody > tr > td {
  white-space: nowrap;
  font-size: 1rem;
}
.admin-configure > .scrollable-table > table.accounting-map > tbody > tr > td > button {
  width: 1.4rem;
}
.admin-configure > .scrollable-table > table.accounting-map > tbody > tr > td > input {
  box-sizing: border-box;
  border: 1px solid transparent;
  outline: none;
  font-size: 1rem;
}
.admin-configure > .scrollable-table > table.accounting-map > tbody > tr > td > input:focus {
  border: 1px solid red;
  background-color: lightyellow;
}
.admin-configure > .scrollable-table > table.accounting-map > tbody > tr > td > input:placeholder-shown {
  border: 1px solid black;
  background-color: lightyellow;
  font-style: italic;
}
.admin-configure > .scrollable-table > table.accounting-map > tbody > tr > td > input:placeholder-shown:focus {
  border-color: red;
}
.admin-configure > .scrollable-table > table.accounting-map > tbody > tr > td > input:hover {
  background-color: lightgray;
}
.admin-configure > .scrollable-table > table.accounting-map > tbody > tr > td > input:hover:focus {
  background-color: lightyellow;
}
.admin-configure > .scrollable-table > table.accounting-map > tbody > tr > td > select {
  font-size: 1rem;
}
.admin-configure > .scrollable-table > table.accounting-map > tbody > tr > td:nth-of-type(3) {
  padding-left: 2.5rem;
}
.admin-configure > .scrollable-table > table.accounting-map > tbody > tr > td.loading {
  padding-top: 1rem;
  min-width: 45rem;
}
.admin-configure > .scrollable-table > table.accounting-map > tbody > tr.group-header > td:first-of-type {
  font-weight: bold;
  font-size: 1rem;
  padding-left: 0.5rem;
  margin-top: 1rem;
}
.admin-configure > .scrollable-table > table.accounting-map > tbody > tr.hidden {
  display: none;
}
.admin-configure > .scrollable-table > table.accounting-map > tbody > tr:last-of-type > td {
  border-bottom: 1px solid #92ca6b;
  padding-bottom: 0.5rem;
}
.admin-design {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  align-items: flex-start;
  justify-content: center;
  max-height: 100%;
  max-width: 100%;
  overflow-y: hidden;
  overflow-x: hidden;
}
.admin-design > h1 {
  margin: 0 auto 0.25rem auto;
  padding: 0;
}
.admin-design > .scrollable-table > table > tbody > tr > td:last-of-type {
  text-align: left;
}
.admin-design > .scrollable-table.rounding-table > table > tbody > tr > td > div {
  outline: 1px solid #92ca6b;
  margin-top: 0.1rem;
  background-color: lightyellow;
  min-height: 1.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin: 0.3rem 0;
  text-align: left;
}
.admin-design > .scrollable-table.rounding-table > table > tbody > tr > td > div.has-focus {
  outline: 1px solid red;
}
.admin-design-financial-statement > div:last-of-type > div {
  padding-top: 0.5rem;
}
.admin-design-financial-statement > div:last-of-type > div > label:after {
  content: ":";
  margin-right: 0.3rem;
}
.admin-design-financial-statement > div:last-of-type > div > select {
  background-image: linear-gradient(#92ca6b, #d3f8d3);
}
.admin-design-giving > .scrollable-table > table > tbody > tr > td:nth-of-type(2) {
  max-width: 25rem;
}
.admin-design-giving > .scrollable-table > table > tbody > tr > td.has-focus {
  outline: 1px solid red;
  background-color: lightyellow;
}
.admin-design-giving > .scrollable-table > table > tbody > tr > td.has-focus > div > div {
  background-color: lightyellow;
}
.admin-design-giving > .select-popup {
  width: 14rem;
  height: 12rem;
}
.admin-design-qb-report {
  display: flex;
  flex-direction: column;
  flex-basis: 1 0 auto;
  align-items: flex-start;
  max-height: 100%;
  max-width: 100%;
  overflow-y: hidden;
  overflow-x: hidden;
  align-self: flex-start;
  margin-left: auto;
  margin-right: auto;
}
.admin-design-qb-report > h1 {
  margin: 0 auto 0.25rem auto;
  padding: 0;
}
.admin-design-qb-report > p {
  margin: 1rem 0 0 2rem;
}
.admin-design-qb-report > div {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  overflow-y: hidden;
  flex-basis: 1 1 auto;
  /*        display: flex;
        >div:last-of-type{
            display: flex;
            align-items: center;
            >input{
                width: 1.0rem;
                height: 1.0rem;
                margin: 0 0.2rem;
                padding: 0;
            }
        }*/
}
.admin-design-qb-report > div > div:first-of-type {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}
.admin-design-qb-report > div > div:first-of-type > div:last-of-type {
  display: flex;
}
.admin-design-qb-report > div > div:first-of-type > div:last-of-type > div {
  margin-right: 1rem;
}
.admin-design-qb-report > div > div:first-of-type > div:last-of-type > div > label {
  font-weight: bold;
}
.admin-design-qb-report > div > div:nth-of-type(2):not(.scrollable-table):not(:empty) {
  border: 2px solid red;
  display: flex;
  justify-content: center;
  border: 1px solid #92ca6b;
  padding: 1rem 0;
}
.admin-design-qb-report > div > div.scrollable-table {
  max-width: 45rem;
}
.admin-design-qb-report > div > div.scrollable-table > table input {
  font-size: 1rem;
}
.admin-design-qb-report > div > div.scrollable-table > table > colgroup col {
  width: 5%;
}
.admin-design-qb-report > div > div.scrollable-table > table > colgroup col:nth-last-child(5) {
  width: 50%;
}
.admin-design-qb-report > div > div.scrollable-table > table > colgroup col:nth-last-child(4) {
  width: 6rem;
}
.admin-design-qb-report > div > div.scrollable-table > table > colgroup col:nth-last-child(3) {
  width: 3rem;
}
.admin-design-qb-report > div > div.scrollable-table > table > colgroup col:last-child {
  width: 30%;
}
.admin-design-qb-report > div > div.scrollable-table > table > thead > tr > th:not(:first-of-type) {
  text-align: center;
  padding: 0;
}
.admin-design-qb-report > div > div.scrollable-table > table > thead > tr > th:last-of-type {
  text-align: left;
  padding-left: 0.3rem;
}
.admin-design-qb-report > div > div.scrollable-table > table > tbody > tr > td > button {
  width: 1.4rem;
}
.admin-design-qb-report > div > div.scrollable-table > table > tbody > tr > td > input {
  border: 1px solid transparent;
  outline: none;
  max-width: 18rem;
}
.admin-design-qb-report > div > div.scrollable-table > table > tbody > tr > td > input:focus {
  border: 1px solid red;
  background-color: lightyellow;
}
.admin-design-qb-report > div > div.scrollable-table > table > tbody > tr > td > input:placeholder-shown {
  border: 1px solid black;
  background-color: lightyellow;
  font-style: italic;
}
.admin-design-qb-report > div > div.scrollable-table > table > tbody > tr > td > input:placeholder-shown:focus {
  border-color: red;
}
.admin-design-qb-report > div > div.scrollable-table > table > tbody > tr > td > input:hover {
  background-color: lightgray;
}
.admin-design-qb-report > div > div.scrollable-table > table > tbody > tr > td > input:hover:focus {
  background-color: lightyellow;
}
.admin-design-qb-report > div > div.scrollable-table > table > tbody > tr > td:first-of-type {
  position: static;
}
.admin-design-qb-report > div > div.scrollable-table > table > tbody > tr > td:nth-last-child(5) {
  width: 80%;
  padding-right: 2rem;
}
.admin-design-qb-report > div > div.scrollable-table > table > tbody > tr > td:nth-last-child(5) > input[type=text] {
  width: 100%;
  max-width: 100%;
}
.admin-design-qb-report > div > div.scrollable-table > table > tbody > tr > td:nth-last-child(4) {
  text-align: center;
  padding-top: 0.2rem;
}
.admin-design-qb-report > div > div.scrollable-table > table > tbody > tr > td:nth-last-child(3) {
  display: flex;
  justify-content: center;
  padding: 0;
}
.admin-design-qb-report > div > div.scrollable-table > table > tbody > tr > td:nth-last-child(3) > div {
  text-align: center;
}
.admin-design-qb-report > div > div.scrollable-table > table > tbody > tr > td:nth-last-child(3) > div:hover {
  background-color: lightgray;
  cursor: pointer;
}
.admin-design-qb-report > div > div.scrollable-table > table > tbody > tr > td:nth-last-child(3) > div.has-focus {
  background-color: lightgray;
}
.admin-design-qb-report > div > div.scrollable-table > table > tbody > tr > td:last-of-type {
  text-align: left;
}
.admin-design-qb-report > div > div.scrollable-table > table > tbody > tr.hidden {
  display: none;
}
.admin-design-qb-report > div > div.scrollable-table > table > tbody > tr:nth-of-type(even) {
  background-color: white;
}
.admin-design-qb-report > div > div.scrollable-table > table > tbody > tr:nth-of-type(even) > td {
  background-color: white;
}
.admin-design-qb-report > div > div.popup {
  display: flex;
  flex-direction: column;
  position: fixed;
  right: 0%;
  top: 25%;
  width: 25rem;
  height: 29rem;
  border: 2px solid blue;
  background: lightgray;
}
.admin-design-qb-report > div > div.popup > div:first-of-type {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px dotted black;
  margin-bottom: 0.25rem;
  padding: 0.25rem;
}
.admin-design-qb-report > div > div.popup > div:first-of-type > h5 {
  padding: 0;
  margin: 0;
}
.admin-design-qb-report > div > div.popup > div:first-of-type > button {
  padding: 0.1rem;
}
.admin-design-qb-report > div > div.popup > div:last-of-type {
  margin-left: 1rem;
}
.admin-design-qb-report > div > div.popup > ul {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  max-height: 100%;
  overflow-y: auto;
  padding: 0;
  margin: 0;
  margin-left: 2rem;
  align-content: center;
}
.admin-design-qb-report > div > div.popup > ul > li {
  display: flex;
  align-items: center;
}
.admin-design-qb-report > div > div.popup > ul > li > input {
  margin-right: 0.3rem;
  height: 1rem;
  width: 1rem;
}
.admin-map-qb-report {
  display: flex;
  flex-direction: column;
  flex-basis: 1 0 auto;
  align-items: flex-start;
  max-height: 100%;
  max-width: 100%;
  overflow-y: hidden;
  overflow-x: hidden;
  align-self: flex-start;
  margin-left: auto;
  margin-right: auto;
}
.admin-map-qb-report > h1 {
  margin: 0 auto 0.25rem auto;
  padding: 0;
}
.admin-map-qb-report > p {
  margin: 1rem 0 0 2rem;
}
.admin-map-qb-report > div {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  overflow-y: hidden;
  flex-basis: 1 1 auto;
  /*        display: flex;
        >div:last-of-type{
            display: flex;
            align-items: center;
            >input{
                width: 1.0rem;
                height: 1.0rem;
                margin: 0 0.2rem;
                padding: 0;
            }
        }*/
}
.admin-map-qb-report > div > div:first-of-type {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}
.admin-map-qb-report > div > div:first-of-type > div:first-of-type > select {
  text-align: start;
}
.admin-map-qb-report > div > div:first-of-type > div:last-of-type > label {
  white-space: nowrap;
}
.admin-map-qb-report > div > div.scrollable-table {
  display: flex;
  overflow-x: hidden;
  border-bottom: 1px solid #92ca6b;
}
.admin-map-qb-report > div > div.scrollable-table > table {
  width: 100%;
}
.admin-map-qb-report > div > div.scrollable-table > table > thead > tr > th {
  white-space: nowrap;
}
.admin-map-qb-report > div > div.scrollable-table > table > thead > tr > th:first-of-type {
  padding-left: 1rem;
}
.admin-map-qb-report > div > div.scrollable-table > table > tbody > tr > td {
  white-space: nowrap;
}
.admin-map-qb-report > div > div.scrollable-table > table > tbody > tr > td:first-of-type {
  position: static;
}
.admin-map-qb-report > div > div.scrollable-table > table > tbody > tr > td:last-child {
  width: 20rem;
}
.admin-map-qb-report > div > div.scrollable-table > table > tbody > tr > td:last-child > div {
  outline: 1px solid dodgerblue;
  margin-top: 0.1rem;
  background-color: lightyellow;
  min-height: 1.5rem;
  margin-right: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  text-align: left;
}
.admin-map-qb-report > div > div.scrollable-table > table > tbody > tr > td:last-child > div.has-focus {
  outline: 1px solid red;
}
.admin-map-qb-report > div > div.scrollable-table > table > tbody > tr:last-of-type > td {
  border-bottom: 1px solid #92ca6b;
  padding-bottom: 0.5rem;
}
.admin-map-qb-report > div > div.rounding-adjustments > h3 {
  margin: 1rem 0 0 0;
}
.admin-map-qb-report > div > div.rounding-adjustments > table {
  border-collapse: collapse;
  border: 1px solid #92ca6b;
}
.admin-map-qb-report > div > div.rounding-adjustments > table > thead > tr > th {
  background-color: #92ca6b;
  padding: 0 0.3rem;
}
.admin-map-qb-report > div > div.rounding-adjustments > table > tbody > tr > td:first-of-type {
  padding: 0 0.3rem;
  text-align: center;
}
.admin-map-qb-report > div > div.rounding-adjustments > table > tbody > tr > td:not(:first-of-type) {
  width: 22rem;
}
.admin-map-qb-report > div > div.rounding-adjustments > table > tbody > tr > td:not(:first-of-type) > div {
  outline: 1px solid dodgerblue;
  margin-top: 0.1rem;
  background-color: lightyellow;
  min-height: 1.5rem;
  margin-right: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  text-align: left;
}
.admin-map-qb-report > div > div.rounding-adjustments > table > tbody > tr > td:not(:first-of-type) > div.has-focus {
  outline: 1px solid red;
}
.admin-map-qb-report > div > div.rounding-adjustments > table > tbody > tr > td:nth-of-type(2) > div:empty:after {
  content: "Enter account to give rounding priority to.";
  color: coral;
  font-style: italic;
}
.admin-map-qb-report > div > div.rounding-adjustments > table > tbody > tr > td:nth-of-type(3) > div:empty::after {
  content: "Enter account to adjust so table math works.";
  color: coral;
  font-style: italic;
}
.admin-map-qb-report > div > div.popup {
  display: flex;
  flex-direction: column;
  position: fixed;
  right: 0%;
  top: 25%;
  width: 25rem;
  height: 70%;
  border: 2px solid blue;
  background: lightgray;
}
.admin-map-qb-report > div > div.popup > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px dotted black;
  margin-bottom: 0.25rem;
  padding: 0.25rem;
}
.admin-map-qb-report > div > div.popup > div > h5 {
  padding: 0;
  margin: 0;
}
.admin-map-qb-report > div > div.popup > div > button {
  padding: 0.1rem;
}
.admin-map-qb-report > div > div.popup > ul {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  max-height: 100%;
  overflow-y: auto;
  padding: 0;
  margin: 0;
  align-content: center;
}
.admin-map-qb-report > div > div.popup > ul > li {
  display: flex;
  align-items: center;
}
.admin-map-qb-report > div > div.popup > ul > li > input {
  margin-right: 0.3rem;
  height: 1rem;
  width: 1rem;
}
.admin-map-budget-report {
  display: flex;
  flex-direction: column;
  flex-basis: 1 0 auto;
  align-items: flex-start;
  max-height: 100%;
  max-width: 100%;
  overflow-y: hidden;
  overflow-x: hidden;
  align-self: flex-start;
  margin-left: auto;
  margin-right: auto;
}
.admin-map-budget-report > h1 {
  margin: 0 auto 0.25rem auto;
  padding: 0;
}
.admin-map-budget-report > p {
  margin: 1rem 0 0 2rem;
}
.admin-map-budget-report > div {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  overflow-y: hidden;
  flex-basis: 1 1 auto;
  /*        display: flex;
        >div:last-of-type{
            display: flex;
            align-items: center;
            >input{
                width: 1.0rem;
                height: 1.0rem;
                margin: 0 0.2rem;
                padding: 0;
            }
        }*/
}
.admin-map-budget-report > div > div:first-of-type {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}
.admin-map-budget-report > div > div:first-of-type > div:first-of-type > select {
  text-align: start;
}
.admin-map-budget-report > div > div:first-of-type > div:last-of-type > label {
  white-space: nowrap;
}
.admin-map-budget-report > div > div.scrollable-table {
  display: flex;
  overflow-x: hidden;
}
.admin-map-budget-report > div > div.scrollable-table > table {
  width: 100%;
}
.admin-map-budget-report > div > div.scrollable-table > table > thead > tr > th {
  white-space: nowrap;
}
.admin-map-budget-report > div > div.scrollable-table > table > thead > tr > th:first-of-type {
  padding-left: 1rem;
}
.admin-map-budget-report > div > div.scrollable-table > table > tbody > tr > td {
  white-space: nowrap;
}
.admin-map-budget-report > div > div.scrollable-table > table > tbody > tr > td:first-of-type {
  position: static;
}
.admin-map-budget-report > div > div.scrollable-table > table > tbody > tr > td:last-child > div {
  outline: 1px solid dodgerblue;
  margin-top: 0.1rem;
  background-color: lightyellow;
  min-height: 1.5rem;
  margin-right: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.admin-map-budget-report > div > div.scrollable-table > table > tbody > tr > td:last-child > div.has-focus {
  outline: 1px solid red;
}
.admin-map-budget-report > div > div.scrollable-table > table > tbody > tr:last-of-type > td {
  border-bottom: 1px solid #92ca6b;
  padding-bottom: 0.5rem;
}
.admin-map-budget-report > div > div.popup {
  display: flex;
  flex-direction: column;
  position: fixed;
  right: 0%;
  top: 25%;
  width: 25rem;
  height: 70%;
  border: 2px solid blue;
  background: lightgray;
}
.admin-map-budget-report > div > div.popup > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px dotted black;
  margin-bottom: 0.25rem;
  padding: 0.25rem;
}
.admin-map-budget-report > div > div.popup > div > h5 {
  padding: 0;
  margin: 0;
}
.admin-map-budget-report > div > div.popup > div > button {
  padding: 0.1rem;
}
.admin-map-budget-report > div > div.popup > ul {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  max-height: 100%;
  overflow-y: auto;
  padding: 0;
  margin: 0;
  align-content: center;
}
.admin-map-budget-report > div > div.popup > ul > li {
  display: flex;
  align-items: center;
}
.admin-map-budget-report > div > div.popup > ul > li > input {
  margin-right: 0.3rem;
  height: 1rem;
  width: 1rem;
}
.admin-resync > h1 {
  margin: 0 2rem 0.25rem 0;
  padding: 0;
}
.admin-resync > p {
  margin: 1rem 0 0 2rem;
  width: 30rem;
}
.admin-resync > div {
  display: flex;
  flex-direction: row;
}
.admin-resync > div > div > ul {
  list-style: none;
}
.admin-resync > div > div:last-of-type > ul > li {
  padding-bottom: 2rem;
}
.admin-resync > div > div:last-of-type > ul > li:first-of-type {
  padding-top: 0.5rem;
}
.admin-resync > div.loading {
  display: flex;
  margin-left: 3em;
  align-items: center;
}
.admin-resync > div.loading i.fa.fa-cog.fa-spin {
  color: #92ca6b;
  font-size: 1.5rem;
  margin-right: 0.5rem;
}
#blazor-error-ui {
  background: lightyellow;
  bottom: 0;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
  display: none;
  left: 0;
  padding: 0.6rem 1.25rem 0.7rem 1.25rem;
  position: fixed;
  width: 100%;
  z-index: 1000;
}
#blazor-error-ui .dismiss {
  cursor: pointer;
  position: absolute;
  right: 0.75rem;
  top: 0.5rem;
}
@media screen and (max-width: 840px) {
  table.portfolio {
    font-size: 0.7rem;
  }
  table.accounts {
    font-size: 0.7rem;
  }
}
@media screen and (max-width: 860px) {
  .admin-configure > .scrollable-table {
    max-width: 31rem;
  }
  .admin-configure > .scrollable-table.donations-map {
    border: 1px solid #92ca6b;
  }
  .admin-configure > .scrollable-table > table.donations-map {
    display: flex;
    flex-direction: column;
    border: none;
  }
  .admin-configure > .scrollable-table > table.donations-map > thead {
    display: none;
  }
  .admin-configure > .scrollable-table > table.donations-map > thead > tr > th:nth-of-type(2) {
    display: none;
  }
  .admin-configure > .scrollable-table > table.donations-map > tbody > tr > td {
    display: inline-flex;
    width: 25rem;
    max-width: 100%;
    border: none;
    padding-bottom: 0.1rem;
  }
  .admin-configure > .scrollable-table > table.donations-map > tbody > tr > td:nth-of-type(2) {
    display: none;
  }
  .admin-configure > .scrollable-table > table.donations-map > tbody > tr:last-of-type > td {
    border: none;
    padding-bottom: 0;
  }
  .admin-configure > .scrollable-table > table.donations-map > tbody > tr:last-of-type > td:last-of-type {
    padding-bottom: 0.25rem;
  }
  .admin-configure > .scrollable-table > table.donations-map > tbody > tr:nth-child(even) {
    background-color: #c8e4b4;
  }
  .admin-configure > .scrollable-table > table.donations-map > tbody > tr:nth-child(even) > td > select {
    background-color: #c8e4b4;
  }
  .admin-configure > .scrollable-table > table.donations-map > tbody > tr:nth-child(even) > td > select:focus > option {
    background-color: black;
    color: white;
    padding: 0;
  }
  .admin-configure > .header-bar {
    width: 100%;
    background-color: #92ca6b;
    font-weight: bold;
    font-size: 1rem;
    height: 1.5rem;
    display: flex;
    padding: 0.3rem 0 0 1rem;
  }
}
/* When the screen is less than 640 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 640px) {
  .content {
    padding: 0.3rem 0;
  }
  .voting > .scrollable-table > table > thead > tr > th:nth-of-type(5) {
    display: none;
  }
  .voting > .scrollable-table > table > thead > tr > th:nth-of-type(7) {
    display: none;
  }
  .voting > .scrollable-table > table > tbody > tr > td:not(:nth-of-type(5)) {
    white-space: normal;
  }
  .voting > .scrollable-table > table > tbody > tr > td:nth-of-type(1) {
    white-space: nowrap;
  }
  .voting > .scrollable-table > table > tbody > tr > td:nth-of-type(2) {
    white-space: nowrap;
  }
  .voting > .scrollable-table > table > tbody > tr > td:nth-of-type(5) {
    display: none;
  }
  .voting > .scrollable-table > table > tbody > tr > td:nth-of-type(7) {
    display: none;
  }
  .admin-configure > .header-bar {
    width: 21.32rem;
  }
  .admin-configure > .scrollable-table > table.general {
    font-size: 0.9rem;
  }
  .admin-configure > .scrollable-table > table.general input {
    font-size: 0.9rem;
  }
  .admin-configure > .scrollable-table > table.giving-reports {
    font-size: 0.9rem;
  }
  .admin-configure > .scrollable-table > table.giving-reports input {
    font-size: 0.9rem;
  }
  .admin-configure > .scrollable-table.donations-map {
    border: 1px solid #92ca6b;
    width: 22.2rem;
  }
  .admin-configure > .scrollable-table > table.donations-map select {
    font-size: 0.8rem;
  }
  .admin-configure > .scrollable-table > table.donations-map > tbody > tr > td {
    font-size: 0.8rem;
    padding-left: 0.25rem;
  }
  .admin-configure > .scrollable-table > table.donations-map > tbody > tr > td:nth-of-type(3) {
    padding-left: 0.5rem;
  }
  .admin-configure > .scrollable-table > table.donations-map > tbody > tr > td:nth-of-type(3) > select {
    font-size: 0.8rem;
    max-width: 20.5rem;
    width: 20.5rem;
  }
  .admin-configure > .scrollable-table > table.donations-map > tbody > tr.group-header > td:first-of-type {
    padding-left: 0.25rem;
  }
  .admin-configure > .scrollable-table > table.donations-map > tbody > tr.group-header > td:nth-of-type(3) {
    padding-left: 0.5rem;
  }
  .topnav > ul > li:not(:first-child) {
    display: none;
  }
  .topnav > ul:last-of-type {
    flex-direction: row;
  }
  .topnav > ul:last-of-type > li:last-of-type {
    display: flex;
  }
  .topnav > ul:last-of-type > li:last-of-type > i {
    display: flex;
  }
  .topnav.responsive > ul {
    flex-direction: column;
    align-items: flex-start;
  }
  .topnav.responsive > ul > li {
    display: flex;
  }
  .topnav.responsive > ul > li > ul {
    margin-left: 1.5rem;
  }
  .topnav.responsive > ul > li:hover > a {
    color: white;
  }
  .topnav.responsive > ul:last-of-type {
    flex-direction: row;
  }
}
/*@page {
    size: 8.5in 11in;
}

@page landscape {
    size: 11in 8.5in;
}*/
.report {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.report > div {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: space-between;
}
.report > div > div {
  width: 100%;
  display: flex;
  flex-direction: row;
  position: relative;
  justify-content: space-between;
}
.report > div > div > h1 {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.monthly-summary-table > table > thead > tr {
  height: 1.5rem;
}
.monthly-summary-table > table > thead > tr > th {
  padding: 0;
  margin: 0;
  border: 0px solid #92ca6b;
}
.monthly-summary-table > table > thead > tr:first-of-type > th {
  text-align: center;
}
.monthly-summary-table > table > thead > tr:first-of-type > th:first-of-type {
  border-top: 1px solid gray;
  border-left: 1px solid gray;
}
.monthly-summary-table > table > thead > tr:first-of-type > th:nth-of-type(2) {
  border-left: 1px solid gray;
  border-top: 1px solid gray;
  border-right: 1px solid gray;
}
.monthly-summary-table > table > thead > tr:first-of-type > th:nth-of-type(3) {
  border-right: 1px solid gray;
  border-top: 1px solid gray;
}
.monthly-summary-table > table > thead > tr:nth-of-type(2) > th {
  text-align: center;
}
.monthly-summary-table > table > thead > tr:nth-of-type(2) > th:not(:first-of-type) {
  border-top: 1px solid gray;
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
}
.monthly-summary-table > table > thead > tr:nth-of-type(2) > th:first-of-type,
.monthly-summary-table > table > thead > tr:nth-of-type(2) > th:nth-of-type(2) {
  border-left: 1px solid gray;
}
.monthly-summary-table > table > thead > tr:last-of-type > th {
  text-align: right;
  padding-left: 0.3rem;
  min-width: 4.6rem;
}
.monthly-summary-table > table > thead > tr:last-of-type > th:first-of-type {
  text-align: left;
  border-left: 1px solid gray;
}
.monthly-summary-table > table > thead > tr:last-of-type > th:nth-of-type(2) {
  border-left: 1px solid gray;
}
.monthly-summary-table > table > thead > tr:last-of-type > th:nth-of-type(3),
.monthly-summary-table > table > thead > tr:last-of-type > th:nth-of-type(6),
.monthly-summary-table > table > thead > tr:last-of-type > th:nth-of-type(8),
.monthly-summary-table > table > thead > tr:last-of-type > th:nth-of-type(11),
.monthly-summary-table > table > thead > tr:last-of-type > th:last-of-type {
  border-right: 1px solid gray;
  padding-right: 0.2rem;
}
.monthly-summary-table > table > thead > tr:last-of-type > th:not(:first-of-type) {
  border-bottom: 2px solid gray;
}
.monthly-summary-table > table > tbody > tr > td {
  white-space: nowrap;
  text-align: right;
  min-width: 4.6rem;
}
.monthly-summary-table > table > tbody > tr > td.negative {
  color: red;
}
.monthly-summary-table > table > tbody > tr > td:first-of-type {
  text-align: left;
  padding-right: 0.5rem;
  white-space: pre;
  border-left: 1px solid gray;
}
.monthly-summary-table > table > tbody > tr > td:first-of-type.date-error {
  color: red;
}
.monthly-summary-table > table > tbody > tr > td:nth-of-type(2) {
  border-left: 1px solid gray;
}
.monthly-summary-table > table > tbody > tr > td:nth-of-type(3),
.monthly-summary-table > table > tbody > tr > td:nth-of-type(6),
.monthly-summary-table > table > tbody > tr > td:nth-of-type(8),
.monthly-summary-table > table > tbody > tr > td:nth-of-type(11),
.monthly-summary-table > table > tbody > tr > td:last-of-type {
  border-right: 1px solid gray;
  padding-right: 0.2rem;
}
.monthly-summary-table > table > tbody > tr > td.header-row {
  font-weight: bold;
}
.monthly-summary-table > table > tbody > tr:nth-child(even) > td {
  background-color: #d3f8d3;
}
.monthly-summary-table > table > tbody > tr:last-of-type > td {
  border-bottom: 1px solid gray;
}
.monthly-summary-table > table > tbody > tr.subtotals > td:first-of-type {
  font-weight: bold;
}
.monthly-summary-table > table > tbody > tr.subtotals > td:not(:first-of-type) {
  border-top: 1px solid gray;
  font-weight: bold;
}
.monthly-standard-table {
  margin: 0 auto 0 auto;
}
.monthly-standard-table > table > thead > tr {
  height: 1.5rem;
}
.monthly-standard-table > table > thead > tr > th {
  padding: 0;
  margin: 0;
  border: 0px solid #92ca6b;
}
.monthly-standard-table > table > thead > tr:first-of-type > th {
  text-align: center;
}
.monthly-standard-table > table > thead > tr:first-of-type > th:first-of-type {
  border-top: 1px solid gray;
  border-left: 1px solid gray;
}
.monthly-standard-table > table > thead > tr:first-of-type > th:nth-of-type(2) {
  border-left: 1px solid gray;
  border-top: 1px solid gray;
  border-right: 1px solid gray;
}
.monthly-standard-table > table > thead > tr:first-of-type > th:nth-of-type(3) {
  border-right: 1px solid gray;
  border-top: 1px solid gray;
}
.monthly-standard-table > table > thead > tr:last-of-type > th {
  text-align: right;
  padding-left: 0.3rem;
  min-width: 4.6rem;
}
.monthly-standard-table > table > thead > tr:last-of-type > th:first-of-type {
  text-align: left;
  border-left: 1px solid gray;
}
.monthly-standard-table > table > thead > tr:last-of-type > th:nth-of-type(2) {
  border-left: 1px solid gray;
}
.monthly-standard-table > table > thead > tr:last-of-type > th:nth-of-type(4),
.monthly-standard-table > table > thead > tr:last-of-type > th:last-of-type {
  border-right: 1px solid gray;
  padding-right: 0.2rem;
}
.monthly-standard-table > table > thead > tr:last-of-type > th:not(:first-of-type) {
  border-bottom: 2px solid gray;
}
.monthly-standard-table > table > tbody > tr > td {
  white-space: nowrap;
  text-align: right;
  min-width: 4.6rem;
}
.monthly-standard-table > table > tbody > tr > td.negative {
  color: red;
}
.monthly-standard-table > table > tbody > tr > td:first-of-type {
  text-align: left;
  padding-right: 0.5rem;
  white-space: pre;
  border-left: 1px solid gray;
}
.monthly-standard-table > table > tbody > tr > td:first-of-type.date-error {
  color: red;
}
.monthly-standard-table > table > tbody > tr > td:nth-of-type(2) {
  border-left: 1px solid gray;
}
.monthly-standard-table > table > tbody > tr > td:nth-of-type(4),
.monthly-standard-table > table > tbody > tr > td:last-of-type {
  border-right: 1px solid gray;
  padding-right: 0.2rem;
}
.monthly-standard-table > table > tbody > tr > td.header-row {
  font-weight: bold;
}
.monthly-standard-table > table > tbody > tr:nth-child(even) > td {
  background-color: #d3f8d3;
}
.monthly-standard-table > table > tbody > tr:last-of-type > td {
  border-bottom: 1px solid gray;
}
.monthly-standard-table > table > tbody > tr.subtotals > td:first-of-type {
  font-weight: bold;
}
.monthly-standard-table > table > tbody > tr.subtotals > td:not(:first-of-type) {
  border-top: 1px solid gray;
  font-weight: bold;
}
.monthly-report {
  display: flex;
  flex-direction: column;
  flex-basis: 1 0 auto;
  align-items: flex-start;
  max-height: 100%;
  max-width: 100%;
  overflow-y: hidden;
  overflow-x: hidden;
  align-self: flex-start;
  width: 100%;
}
.monthly-report > div:first-of-type {
  display: flex;
  flex-basis: 0 0 auto;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}
.monthly-report > div:first-of-type > h1 {
  margin: 0 2rem 0.25rem 0;
  padding: 0;
}
.monthly-report > div:first-of-type > input {
  margin: 0 0.3rem 0 1.5rem;
  height: 1rem;
  width: 1rem;
}
.monthly-report > div:first-of-type > label {
  font-weight: bold;
}
.monthly-report > div:first-of-type > label:first-of-type:after {
  content: ":";
  margin-right: 0.3em;
}
.monthly-report > div:nth-of-type(2) {
  display: flex;
  margin: 0.5rem 0 0 0;
  padding-bottom: 0;
  align-items: center;
  width: 100%;
}
.monthly-report > div:nth-of-type(2) > div:first-of-type > select {
  text-align: start;
}
.monthly-report > div:nth-of-type(2) > div:last-of-type {
  display: flex;
  margin-right: 1rem;
  justify-content: space-between;
  width: 100%;
}
.monthly-report > div:nth-of-type(2) > div:last-of-type > div {
  display: flex;
  align-items: center;
  margin-right: 1rem;
}
.monthly-report > div:nth-of-type(2) > div:last-of-type > div > input {
  width: 1rem;
  height: 1rem;
  margin: 0 0.2rem;
  padding: 0;
}
.monthly-report > div:nth-of-type(2) > div:last-of-type > div > label {
  font-weight: bold;
  white-space: nowrap;
  margin: 0;
  padding: 0;
}
.monthly-report > div:nth-of-type(2) > div:last-of-type > div:first-of-type > label {
  margin-right: 0.2rem;
}
.monthly-report > div:nth-of-type(2) > div:last-of-type > div:first-of-type > label:after {
  content: ":";
}
.monthly-report > div:nth-of-type(2) > div:last-of-type > div:last-of-type {
  margin-right: 2rem;
  padding: 0;
  margin: 0;
}
.monthly-report > div:nth-of-type(2) > div:last-of-type > div > .status {
  color: red;
  font-weight: bold;
  font-style: italic;
  font-size: 1.6rem;
  margin-left: 2rem;
  padding: 0;
  margin: 0;
}
.monthly-report > .scrollable-table {
  align-self: flex-start;
  flex-basis: 0 1 auto;
  position: relative;
  width: 100%;
}
.monthly-report > .scrollable-table > table {
  border-bottom: 1px solid #92ca6b;
}
.monthly-report > .scrollable-table > table > thead > tr > th {
  white-space: nowrap;
  text-align: right;
  min-width: 4rem;
}
.monthly-report > .scrollable-table > table > thead > tr > th:first-of-type {
  text-align: left;
  position: sticky;
  left: 0;
  z-index: 2;
  min-width: 17.5rem;
}
.monthly-report > .scrollable-table > table > thead > tr > th:last-of-type {
  padding-right: 0.5rem;
}
.monthly-report > .scrollable-table > table > thead > tr:first-of-type > th {
  padding: 0;
  margin: 0;
  position: sticky;
  top: 0;
  text-align: center;
  height: 1.5rem;
  border: 1px solid #92ca6b;
}
.monthly-report > .scrollable-table > table > thead > tr:first-of-type > th:first-of-type {
  border-top: 1px solid gray;
  border-left: 1px solid gray;
}
.monthly-report > .scrollable-table > table > thead > tr:first-of-type > th:nth-of-type(2) {
  border-left: 1px solid gray;
  border-top: 1px solid gray;
  border-right: 1px solid gray;
}
.monthly-report > .scrollable-table > table > thead > tr:first-of-type > th:nth-of-type(3) {
  border-right: 1px solid gray;
  border-top: 1px solid gray;
}
.monthly-report > .scrollable-table > table > thead > tr:nth-of-type(2) > th {
  padding: 0;
  margin: 0;
  position: sticky;
  top: 1.6rem;
  text-align: center;
  height: 1.5rem;
  border: 0px solid #92ca6b;
}
.monthly-report > .scrollable-table > table > thead > tr:nth-of-type(2) > th:not(:first-of-type) {
  border-top: 1px solid gray;
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
}
.monthly-report > .scrollable-table > table > thead > tr:nth-of-type(2) > th:first-of-type,
.monthly-report > .scrollable-table > table > thead > tr:nth-of-type(2) > th:nth-of-type(2) {
  border-left: 1px solid gray;
}
.monthly-report > .scrollable-table > table > thead > tr:last-of-type > th {
  padding: 0;
  margin: 0;
  position: sticky;
  top: 3.2rem;
  text-align: right;
  height: 1.5rem;
  border: 0px solid #92ca6b;
  padding-left: 0.3rem;
  min-width: 4.6rem;
}
.monthly-report > .scrollable-table > table > thead > tr:last-of-type > th:first-of-type {
  text-align: left;
  border-left: 1px solid gray;
}
.monthly-report > .scrollable-table > table > thead > tr:last-of-type > th:nth-of-type(2) {
  border-left: 1px solid gray;
}
.monthly-report > .scrollable-table > table > thead > tr:last-of-type > th:nth-of-type(3),
.monthly-report > .scrollable-table > table > thead > tr:last-of-type > th:nth-of-type(6),
.monthly-report > .scrollable-table > table > thead > tr:last-of-type > th:nth-of-type(8),
.monthly-report > .scrollable-table > table > thead > tr:last-of-type > th:nth-of-type(11),
.monthly-report > .scrollable-table > table > thead > tr:last-of-type > th:last-of-type {
  border-right: 1px solid gray;
  padding-right: 0.2rem;
}
.monthly-report > .scrollable-table > table > thead > tr:last-of-type > th:not(:first-of-type) {
  border-bottom: 2px solid gray;
}
.monthly-report > .scrollable-table > table > tbody > tr > td {
  white-space: nowrap;
  text-align: right;
  min-width: 4rem;
  background: white;
}
.monthly-report > .scrollable-table > table > tbody > tr > td.negative {
  color: red;
}
.monthly-report > .scrollable-table > table > tbody > tr > td:first-of-type {
  text-align: left;
  position: sticky;
  left: 0;
  z-index: 1;
  padding-right: 0.5rem;
  white-space: pre;
  border-left: 1px solid gray;
}
.monthly-report > .scrollable-table > table > tbody > tr > td:first-of-type.data-error {
  color: red;
}
.monthly-report > .scrollable-table > table > tbody > tr > td:nth-of-type(2) {
  border-left: 1px solid gray;
}
.monthly-report > .scrollable-table > table > tbody > tr > td:nth-of-type(3),
.monthly-report > .scrollable-table > table > tbody > tr > td:nth-of-type(6),
.monthly-report > .scrollable-table > table > tbody > tr > td:nth-of-type(8),
.monthly-report > .scrollable-table > table > tbody > tr > td:nth-of-type(11),
.monthly-report > .scrollable-table > table > tbody > tr > td:last-of-type {
  border-right: 1px solid gray;
  padding-right: 0.2rem;
}
.monthly-report > .scrollable-table > table > tbody > tr > td.header-row {
  font-weight: bold;
}
.monthly-report > .scrollable-table > table > tbody > tr:nth-child(even) > td {
  background-color: #d3f8d3;
}
.monthly-report > .scrollable-table > table > tbody > tr:last-of-type > td {
  border-bottom: 1px solid gray;
}
.monthly-report > .scrollable-table > table > tbody > tr.section-header > td:first-of-type {
  padding-left: 0.5rem;
}
.monthly-report > .scrollable-table > table > tbody > tr.subtotals > td:first-of-type {
  font-weight: bold;
}
.monthly-report > .scrollable-table > table > tbody > tr.subtotals > td:not(:first-of-type) {
  border-top: 1px solid gray;
  font-weight: bold;
}
@media screen {
  .print-only {
    display: none;
  }
}
@page {
  size: portrait;
  margin: 2%;
}
.monthly-report-print {
  display: flex;
  flex-direction: column;
  flex-basis: 1 0 auto;
  overflow-y: auto;
}
.monthly-report-print > div.title-page {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: space-around;
}
.monthly-report-print > div.title-page > img {
  width: 60%;
  margin: 0 auto 0 auto;
}
.monthly-report-print > div.title-page > h1 {
  margin: 2rem auto 0 auto;
}
.monthly-report-print > div.title-page > h3 {
  margin: 2rem auto 0 auto;
}
.monthly-report-print > div.title-page > h3:last-of-type {
  margin-top: 5rem;
}
.monthly-report-print > div.summary > div {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.monthly-report-print > div.summary > div > h1 {
  margin-left: auto;
  margin-right: auto;
}
.monthly-report-print > div.summary > div > h3 {
  margin: 0 auto 1rem auto;
}
.monthly-report-print > div.summary > div > div {
  overflow-x: unset;
  overflow-y: unset;
}
.monthly-report-print > div.summary > div > div > .scrollable-table {
  overflow-x: unset;
  overflow-y: unset;
}
.monthly-report-print > div.administration,
.monthly-report-print > div.facilities,
.monthly-report-print > div.ministries,
.monthly-report-print > div.crc-shares,
.monthly-report-print > div.staffing {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.monthly-report-print > div.administration > h1,
.monthly-report-print > div.facilities > h1,
.monthly-report-print > div.ministries > h1,
.monthly-report-print > div.crc-shares > h1,
.monthly-report-print > div.staffing > h1 {
  margin-left: auto;
  margin-right: auto;
}
.monthly-report-print > div.administration > h3,
.monthly-report-print > div.facilities > h3,
.monthly-report-print > div.ministries > h3,
.monthly-report-print > div.crc-shares > h3,
.monthly-report-print > div.staffing > h3 {
  margin: 0 auto 1rem auto;
}
.monthly-report-print > div.administration > div,
.monthly-report-print > div.facilities > div,
.monthly-report-print > div.ministries > div,
.monthly-report-print > div.crc-shares > div,
.monthly-report-print > div.staffing > div {
  overflow-x: unset;
  overflow-y: unset;
}
.monthly-report-print > div.administration > div > .scrollable-table,
.monthly-report-print > div.facilities > div > .scrollable-table,
.monthly-report-print > div.ministries > div > .scrollable-table,
.monthly-report-print > div.crc-shares > div > .scrollable-table,
.monthly-report-print > div.staffing > div > .scrollable-table {
  overflow-x: unset;
  overflow-y: unset;
}
.monthly-report-print > div.crc-shares > div {
  display: flex;
  flex-direction: column;
  position: relative;
  bottom: 0;
}
.monthly-report-print > div.crc-shares > div > h1 {
  margin-left: auto;
  margin-right: auto;
}
.monthly-report-print > div.crc-shares > div > h3 {
  margin-left: auto;
  margin-right: auto;
}
.monthly-report-print > div.crc-shares > div > .scrollable-table {
  overflow-x: unset;
  overflow-y: unset;
  width: unset;
}
@media print {
  body > div#root > app > div.main > div.content {
    all: unset;
  }
  div.report {
    margin: 0;
    padding: 0;
    counter-reset: page;
  }
  .no-print {
    display: none;
  }
  .page-break {
    break-after: page;
    break-inside: avoid;
    position: relative;
    border: none;
    background: none;
    display: flex;
    flex-direction: column;
    height: 10.65in;
  }
  .page-break.scale80 {
    transform: scale(0.8) translate(0, -4%);
  }
  .page-break:not(.title-page) {
    counter-increment: page;
  }
  .page-break:after {
    content: "Page " counter(page);
    font-size: 0.8rem;
    position: absolute;
    right: 0;
    bottom: 0.1rem;
  }
  .page-break > div.landscape {
    width: 13.5in;
    padding: 0;
    transform-origin: 0 0;
  }
  .page-break > div.landscape.scale75 {
    transform: scale(0.75) rotate(270deg) translate(-13.8in, 0);
  }
  footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    z-index: 1;
    bottom: 0.4rem;
    padding: 0;
  }
  .title-page {
    position: relative;
  }
  .title-page > div:last-of-type {
    height: 2rem;
    width: 100%;
    position: absolute;
    top: 10.34in;
    background-color: white;
    z-index: 2;
  }
}