@charset "UTF-8";

.item-container {
	width: 100%;
	height: auto;
	margin: 0.3rem 0rem 0.3rem 0rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	vertical-align: center;
	align-items: center;
	align-content: center;
}

.item-text-start {
	width: 48%;
	margin: 0rem 0rem 0rem 0rem;
	font-size: 1rem;
	font-family: sans-serif;
	font-style: normal;
	font-weight: normal;
	color: black;
	text-align: start;
}

.item-text-center {
	width: 20%;
	margin: 0rem 0rem 0rem 0rem;
	font-size: 1rem;
	font-family: sans-serif;
	font-style: normal;
	font-weight: normal;
	color: black;
	text-align: center;
}

.item-text-center-slim {
	width: 12%;
	margin: 0rem 0rem 0rem 0rem;
	font-size: 1rem;
	font-family: sans-serif;
	font-style: normal;
	font-weight: normal;
	color: black;
	text-align: center;
}

.item-text-end {
	width: 20%;
	margin: 0rem 0rem 0rem 0rem;
	font-size: 1rem;
	font-family: sans-serif;
	font-style: normal;
	font-weight: normal;
	color: black;
	text-align: end;
}

@media only screen and (max-device-width: 640px) {

	.transaction-container-hours {
		width: 100%;
		height: auto;
		margin: 0.2rem 0rem 0.2rem 0rem;
		padding: 0.5rem 1rem 0.5rem 1rem;
		border-radius: 1rem;
		box-shadow: 0.1rem 0.1rem 0.1rem 0rem rgba(0, 0, 0, 0.3);
	}

	.transaction-container-monthly {
		width: 100%;
		height: auto;
		margin: 0.2rem 0rem 0.2rem 0rem;
		padding: 0.5rem 1rem 0.5rem 1rem;
		border-radius: 1rem;
		box-shadow: 0.1rem 0.1rem 0.1rem 0rem rgba(0, 0, 0, 0.3);
	}

	.transaction-data {
		width: auto;
		height: auto;
	}

	.transaction-label {
		margin: 0rem 0rem 0rem 0rem;
		font-size: 0.8rem;
	}

	.transaction-value {
		margin: 0rem 0rem 0rem 0.3rem;
		font-size: 0.8rem;
	}

	.transaction-icon {
		width: auto;
		height: 0.7rem;
		margin: 0rem 0rem 0rem 0rem;
	}

	.transaction-script {
		margin: 0rem 0.3rem 0rem 0.3rem;
		font-size: 0.8rem;
	}
}

@media only screen and (min-device-width: 640px) {

	.transaction-container-hours {
		width: 100%;
		height: auto;
		margin: 0.2rem 0rem 0.2rem 0rem;
		padding: 0.5rem 1rem 0.5rem 1rem;
		border-radius: 1rem;
		box-shadow: 0.1rem 0.1rem 0.1rem 0rem rgba(0, 0, 0, 0.3);
	}

	.transaction-container-monthly {
		width: 100%;
		height: auto;
		margin: 0.2rem 0rem 0.2rem 0rem;
		padding: 0.5rem 1rem 0.5rem 1rem;
		border-radius: 1rem;
		box-shadow: 0.1rem 0.1rem 0.1rem 0rem rgba(0, 0, 0, 0.3);
	}

	.transaction-data {
		width: auto;
		height: auto;
	}

	.transaction-label {
		margin: 0rem 0rem 0rem 0rem;
		font-size: 0.8rem;
	}

	.transaction-value {
		margin: 0rem 0rem 0rem 0.3rem;
		font-size: 0.8rem;
	}

	.transaction-icon {
		width: auto;
		height: 0.7rem;
		margin: 0rem 0rem 0rem 0rem;
	}

	.transaction-script {
		margin: 0rem 0.3rem 0rem 0.3rem;
		font-size: 0.8rem;
	}
}