﻿.CustomerCardRows .PageContent {
	display: flex;
	padding-bottom: 50px;
}
.CustomerCardRows .TotalSelected {
	border: solid 1px rgba(38, 40, 41, 0.4);
	border-radius: 6px;
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.16);
	padding: 5px;
	text-align: center;
	width: 200px;
}
.CustomerCardRows .TotalBalance {
	background-color: rgba(229, 229, 229, 1);
	border: solid 1px rgba(38, 40, 41, 0.4);
	border-radius: 6px;
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.16);
	padding: 5px;
	text-align: center;
	width: 200px;
}
.CustomerCardRows .Rows {
	background-color: #ffffff;
	border-radius: 10px;
	padding: 20px;
}
@media (max-width: 991px) {
	.CustomerCardRows .Rows {
		width: 100%;
	}
}
@media (min-width: 992px) {
	.CustomerCardRows .Rows {
		width: calc(100% - 250px);
	}
}

	.CustomerCardRows .Rows .TableContainer {
		margin-top: 30px;
		max-height: calc(100vh - 320px);
		overflow: scroll;
	}

.CustomerCardRows .Totals {
	background-color: #ffffff;
	border-radius: 10px;
	margin-right: 20px;
	padding: 20px;
	width: 250px;
}
	.CustomerCardRows .Totals .Inner {
		background-color: rgba(229, 229, 229, 1);
		border-radius: 6px;
		padding: 10px;
	}
		.CustomerCardRows .Totals .Inner .Title {
			font-size: 15px;
		}
		.CustomerCardRows .Totals .Inner .Amount {
			font-size: 18px;
			font-weight: 500;
		}

.CustomerCardRows tr.Selected {
	opacity: 0.5;
}

.CustomerOrderRowXS {
	color: rgba(38, 40, 41, 1);
	padding: 10px;
}
	.CustomerOrderRowXS:nth-child(2n+1) {
		background-color: rgba(255, 255, 255, 1);
	}

	.CustomerOrderRowXS:nth-child(2n) {
		background-color: rgba(244, 244, 244, 1);
	}

	.CustomerOrderRowXS .ReferenceDate {
		font-size: 15px;
	}

	.CustomerOrderRowXS .DebitCredit {
		border-bottom: solid 1px rgba(198, 198, 198, 1);
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

	.CustomerOrderRowXS .DebitCredit .Amount {
		font-size: 22px;
	}

		.CustomerOrderRowXS .DebitCredit .DebitOrCredit {
			font-weight: 500;
		}

	.CustomerOrderRowXS .Title {
		font-size: 13px;
		font-weight: 500;
	}

	.CustomerOrderRowXS .ReferenceBalance {
	}

		.CustomerOrderRowXS .ReferenceBalance .Reference {
			text-decoration: underline;
		}

	.CustomerOrderRowXS .Details {
		margin-top: 20px;
	}
