@import 'src/Components/GlobalStyles/colors';
@import 'src/Components/GlobalStyles/mixins';

.formContainer {
	padding: 100px;
	width: 860px;
	margin: 0 auto;
	background-color: $light-grey;

	@media (max-width: 1200px) {
		width: auto;
	}

	h3 {
		text-align: center;
	}

	.financials_for_print_preview {
		display: block;

		> div {
			display: grid;
			grid-template-columns: 1fr 450px;

			> div {
				display: grid;
				grid-template-columns: 150px 150px 150px;
				text-align: right;
			}
		}
	}

	// .financialsInput {
	// 	//margin-top: 19px;
	// 	// TODO this was request from client to have more room, but Dejan said
	// 	// TODO that there should not be that big margin (consult about this)
	// 	display: grid;
	// 	width: 492px;
	// 	grid-template-columns: 60px 200px 108px 108px;
	// 	justify-content: end;
	// 	align-items: center;
	// 	text-align: start;
	// 	margin-left: auto;

	// 	svg {
	// 		margin: 20px 0 8px;
	// 	}

	// 	.selectMonth,
	// 	.selectYear {
	// 		padding: 0;
	// 		min-width: 80px;
	// 		position: relative;

	// 		svg {
	// 			position: absolute;
	// 			top: -15px;
	// 			right: 10px;
	// 		}
	// 	}

	// 	button {
	// 		margin: 16px 0 0;
	// 		padding: 0;

	// 		svg {
	// 			margin: 0;
	// 		}
	// 	}

	// 	&__month {
	// 		margin: 25px 51px 8px 11px;
	// 		white-space: nowrap;
	// 		width: 155px;
	// 	}

	// 	@media (max-width: 1000px) {
	// 		width: 400px;
	// 		grid-template-columns: 60px 194px 1fr 100px;
	// 	}

	// 	@media (max-width: 780px) {
	// 		width: 300px;
	// 		grid-template-columns: 60px 154px 1fr 100px;
	// 	}
	// }

	// .horizontalLine {
	// 	@include HorizontalLine;

	// 	background-color: var(--primary-color);
	// 	margin: 15px 0 0;
	// }

	h5 {
		margin: 26px auto 2px;
		font-size: 18px;
		font-weight: 400;
		color: var(--primary-color);
		padding-bottom: 15px;
		margin-bottom: 15px;
		border-bottom: 1px solid var(--primary-color);
	}

	.balanceSheetTitle {
		margin-top: 100px;
	}
}