@charset "UTF-8";
/*
Theme Name: Tochka
Theme URI: https://ursa.agency
Author: URSA
Author URI: https://ursa.agency
Description: Theme for testing new developer stuff
Requires at least: WordPress 4.9.6
Version: 0.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: tochka
*/

body {
	background-color: #f2f2f2;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 400;
}

.container {
	max-width: 1180px;
	margin: 20px auto;
}

.payment {
	background-color: #ffffff;
	margin: 0 0 10px;
	padding: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.payment .date {
	width: calc( 10% - 10px );
}

.payment .amount {
	width: calc( 10% - 10px );
}

.payment .body {
	width: calc( 80% - 10px );
}

.payment .date .value {
	color: #cccccc;
}

.payment .amount .value {
	font-weight: 600;
}

.payment .amount .value.plus {
	color: #27b401;
}

.payment .amount .value.minus {
	color: #ed1414;
}

.payment .body .name {
	margin-bottom: 3px;
}

.payment .body .name .value {
	font-weight: 600;
	color: #212121;
}

.payment .body .meta {
	margin-bottom: 5px;
}

.payment .body .meta .value {
	color: #b1b1b1;
	font-size: 12px;
}

.payment .body .purpose .value {
	color: #626262;
	font-size: 14px;
	line-height: 1.5;
}