@import "variables";
.p-profileMoney {
	padding-top: 16px;
	.p-profileMoney-period {
		margin: 0 0 32px 0;
		padding: 0;
		list-style: none;
		font-size: 0;
		& > li {
			display: inline-block;
			vertical-align: middle;
			font-size: 14px;
			&:not(:first-child){
				margin-left: 12px;
			}
		}
		select.form-control {
			//width: 200px;
		}
	}
	.p-profileMoney-summary {}
	.p-profileMoney-details {
		margin: 0;
		padding: 0;
		list-style: none;
		& > li {
			&:not(:first-child){
				margin-top: 12px;
			}
		}
		.details__head {
			font-size: 16px;
			.title {
				float: left;
				max-width: 70%;
				span {
					color: $blue;
					&.js-collapse {
						&:hover {
							cursor: pointer;
						}
					}
				}
			}
			.money {
				float: right;
				span {
					//color: $color_gray_30;
				}
				&.bold {
					font-weight: bold;
				}
			}
		}
		.details__body {
			display: none;
			padding-top: 8px;
		}
		& > li.in .details__body {
			display: block;
		}
	}

	.panel {
		@include box-shadow(none);
	}

	.table {
		thead {
			tr {
				th {
					background: $color_gray_10;
				}
			}
		}
	}
}