.adminContainer{
  width: calc(100% - 200px);
}
.mcNavColumn{
  position: relative;
  height: calc(100vh - 120px);
  background: #1b5b33;
  width: 200px;
}
.mcFormContainer{
  position: relative;
  width: 100%;
  max-width: 700px;
  background: white;
  padding: 10px;
  border: solid 1px #ddd;
  border-radius: 5px;
  margin: 20px auto;
  height: auto;
}
.mcContainer{
  position: relative;
  flex: 1;
  height: calc(100vh - 120px);
}
.mcRecipient{
  position: relative;
  display: flex;
  flex-direction: row;
  background: #ddd;
  font-size: 0.6em;
  color: #333;
  border-radius: 10px;
  padding: 2px;
  gap: 2px;
}
.mcRecipient span:nth-of-type(2){
  font-weight: bold;
  cursor: pointer;
}
.idNavBtnHighlight{
  background: #E0B000;
  color: black;
}
.mcRecipients{
  position: relative;
  width: 100%;
  padding: 10px;
  border: solid 1px #ddd;
  border-radius: 5px;
  background: #fdfdfd;
  margin-bottom: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 5px;
}
.adminFlexContainer{
  display: flex;
}
.adminGraphs{
  background: white;
}
.adminTransactionsTable{
  width: 100%;
}
.adminTransactionsTable td{
  font-size: 0.8em
}

.financialInfoBlock{
  position: relative;
  border: solid 1px #ddd;
  box-shadow: 5px 5px 5px #0003;
  background: white;
  width: 250px;
}
.financialInfoBlockHeader{
  position: relative;
  width: 100%;
  height: 10px;
}
.financialInfoBlockIcon{
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px auto;
}
.financialInfoBlockAmount{
  position: relative;
  width: 100%;
  display: flex;
  text-align: center;
  font-weight: bold;
  font-size: 1.4em;
  padding: 20px;
}
.financialInfoBlockTitle{
  position: relative;
  width: 100%;
  text-align: center;
  font-weight: bold;
}
.financialInfoBlockList{
  position: relative;
  width: 100%;
}

.financialTransactionsTable{
  position: relative;
  border: solid 1px #ddd;
  box-shadow: 5px 5px 5px #0003;
  background: white;
  width: 100%;
}
.div-table a{
  color: black;
}
.div-table {
  display: table;
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #dee2e6;
  border-radius: 0.5rem;
  overflow: hidden;
  font-family: system-ui, sans-serif;
  background: white;
}
.div-thead {
  display: table-header-group;
  background-color: #f8f9fa;
  font-weight: 600;
}
.div-tbody {
  display: table-row-group;
}
.div-tr {
  display: table-row;
}
.div-tr div {
  display: table-cell;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  vertical-align: middle;
}

.div-thead .div-tr div {
  background-color: #f8f9fa;
}

.div-tbody .div-tr:nth-child(odd) {
  background-color: #f8f9fa; /* listras */
}

.div-tbody .div-tr:hover {
  background-color: #f1f3f5; /* hover opcional */
}

.navInfoBlock{
  position: relative;
  width: 100%;
  padding: 5px;
  font-size: 0.9em;
}