@import url('global/colors.css');
@import url('global/fonts.css');
@import url('global/boilerplate.css');
@import url('global/layout.css');
@import url('components/header.css');
@import url('components/form.css');
@import url('components/footer.css');

.button__pay {
	position: absolute;
	bottom: 2.5em;
	right: 2.5em;
}

.qr_scanner {
	width: 300px;
	height: 300px;
	border: 2px dashed #000;
}

.qr_block {
	display: flex;
	justify-content: space-around;
}

.statement {
	max-width: 300px;
}

.statement__title {
	text-align: center;
}

.statement__confirm {
	text-align: center;
}

.statement > .line {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.statement > .line.total {
	font-weight: 700;
}

.balance > * {
	display: inline;
}

.btn-link {
    border: none;
    outline: none;
    background: none;
    cursor: pointer;
    padding: 0;
    text-decoration: underline;
    font-family: inherit;
    font-size: inherit;
}

.table {
	width: 100%;
}

.table .text-right {
	text-align: right;
}

.error {
	color: #f00;
}