* {
	font-family: ui-sans-serif, system-ui, sans-serif;
	box-sizing: border-box;
}

.header-content {
	margin: 0 auto;
	width: 1440px;
	max-width: 100%;
	padding-left: 2rem;
	padding-right: 2rem;
	background-color: white;	
}

.content {
	margin: 0 auto;
	width: 1440px;
	max-width: 100%;
	padding: 1rem 2rem;
	background-color: white;
	min-height: 100vh;
}

.logo {
	height: 120px;
	max-width: 100%;
}

a[href]:active, a[href]:focus, a[href]:link {
	color: #ff4081;
}

a[href]:visited {
	color: #bb1051;
}

a[href]:hover {
	text-decoration: none;
}

.actions a[href]:active, .actions a[href]:focus, .actions a[href]:link, .actions a[href]:visited {
	color: #ff8000;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.clear {
	clear: both;
}

.full-width {
	width: 100%;
}

.w-10 {
	width: 10%;
}

.w-15 {
	width: 15%;
}

.w-20 {
	width: 20%;
}

.w-25 {
	width: 25%;
}

.w-30 {
	width: 30%;
}

.w-50 {
	width: 50%;
}

.w-85 {
	width: 85%;
}

table {
	border-collapse: collapse;
	border-radius: 6px;
}

table tr th, table tr td {
	padding: 0.5rem;
}

table tr th {
	text-align: left;
}

table tr th {
	background-color: rgba(0, 0, 0, 0.1);
}

table tr.table-row:hover {
	background-color: rgba(255, 191, 0, 0.1);
}

table.summary tr td {
	text-align: right;
}

.accounts .account-ASSETS {
	background-color: #C1F4DF;
}

.accounts .account-LIABILITIES {
	background-color: #FFF8E6;
}

.accounts .account-EQUITY {
	background-color: #FFFFFF;
}

.accounts .account-COSTS_TAXABLE {
	background-color: #F9CAD6;
}

.accounts .account-REVENUES_TAXABLE {
	background-color: #C6DEAF;
}

.filter-toggle, .filters span.filter {
	cursor: pointer;
	padding: 0.25rem 0.6rem;
	border-radius: 1rem;
	background-color: #F0F0F0;
}

.filter-toggle.imbalance {
	background-color: #FFC0C0;
}

.receipts .receipt.imbalance {
	background-color: #FFE0E0;	
}

.receipts .receipt.imbalance:hover {
	background-color: #F7D7D7;
}

.semibold {
	font-weight: 600;
}

.bold {
	font-weight: 800;
}

.numeric {
	text-align: right;
}

.gap-3 {
	gap: 0.25rem;
}

.gap-6 {
	gap: 0.5rem;
}

.gap-12 {
	gap: 1rem;
}

.padd-3 {
	padding: 0.25rem;
}

.padd-6 {
	padding: 0.5rem;
}

.padd-12 {
	padding: 1rem;
}

.padd-12-y {
	padding: 1rem 0rem;
}

.margin-3 {
	margin: 0.25rem;
}

.margin-6 {
	margin: 0.5rem;
}

.margin-12 {
	margin: 1rem;
}

.flex {
	display: flex;
}

.columns {
	flex-direction: row;
}

.rows {
	flex-direction: column;
}

a.action-button:active, a.action-button:focus, a.action-button:link, a.action-button:visited {
	color: black;
	text-decoration: none;
}

.action-button {
	border: none;
	border-radius: 1rem;
	padding: 0.6rem;
	background: #ffc107;
	font-weight: 600;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	color: black;
	font-size: 0.95rem;
	min-width: 200px;
	text-align: center;
	cursor: pointer;
	display: inline-block;
}

.action-button:hover {
	background: #f7b800;
}

.header {
	background: white;
	padding: 1rem 0rem;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
}

.header .name {
	font-weight: 600;
}

.sticky {
	position: sticky;
	top: 0px;
}

html, body {
	margin: 0px !important;
	background-color: #cfebe8;
}

.new-month {
	background-color: rgba(0, 0, 0, 0.0);
	border-top: 2px solid black;
	color: black;
	font-weight: 600;
	cursor: pointer;
}

.pills {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}