* {
    margin: 0;
    padding: 0;
}

body {
    font-family: Calibri, serif;
    font-weight: 100;
    margin: 0;
    padding: 0;
    font-size: 13px !important;
}




.odd-row-col {
	/*  This is for reports that use bootstrap as rows and cols instead of HTML tables. We will assume the other color used is the background  */

	background-color: var(--light-shade-300);
}


.div-balance {
    border-left: var(--light-shade-200) 6px solid ;
}

.ledger-table {
    font-family: Courier, monospace !important;
}

.final-balance {
    color: var(--base-shade-900) !important;
    border-top: var(--base-shade-900) 1px solid !important;
    border-bottom: var(--base-shade-900) 3px double !important;
}

.final-balancetb {
    color: var(--base-shade-900) !important;
    border-bottom: var(--base-shade-900) 3px double !important;
}

.dr-border {
    border-bottom: var(--base-shade-900) 3px double !important;
}

.cr-border {
    border-bottom: var(--base-shade-900) 3px double !important;
}

.bottom-bord {
   border-bottom: var(--base-shade-900) 1px solid !important;
}

.alert-banner {
  width: 100%;
  margin-bottom: 0;
  border-radius: 0;
  position: relative;
  z-index: 1000;
  text-align: center;
}

.alert-banner .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 17px;
}

.alert .close {
  background: none;
  border: none;
  font-size: 1.5rem;
  color: inherit;
}


.inherit-bg {
  background-color: var(--light-shade-500);
}

.line-item {
  display: flex;
  flex-wrap: nowrap; /* Prevent wrapping to the next line */
  align-items: center; /* Align inputs and buttons vertically */
}

.line-item > * {
  flex-shrink: 0; /* Prevent shrinking of inputs */
  min-width: 0; /* Avoid inputs overflowing */
}

.line-item .third-party-name-container {
  flex-shrink: 1; /* Allow the third-party input to resize */
}