#book-an-appointment-application {
	.booking-summary-description {
		margin-top: var(--booking-size--small);
		margin-bottom: 0;
		color: var(--booking-description-text-color);
		font-size: var(--booking-size--small);
		font-weight: 400;
		line-height: calc(14/14);
	}

	.booking-summary-block {
		border-radius: 3px;
		border: 1px solid var(--booking-secondary-border-color);
	}

	.booking-user-description {
		font-weight: 400;

		span {
			font-weight: 600;
		}
	}

	.booking-detail {
		margin: 0;
		padding-bottom: var(--booking-size--small);
		border-bottom: 1px solid var(--booking-border-color);
		color: var(--booking-text-color);
		font-size: var(--booking-size--small);
		font-weight: 700;
		line-height: calc(24/16);
		border-bottom: 1px solid var(--booking-secondary-border-color);

		span {
			font-weight: 600;
			margin-bottom: var(--booking-size--small);	
		}
	}

	.booking-categories.booking-detail {
		margin-top: var(--booking-size--medium);
	}

	.booking-summary-instruction {
		font-weight: 400;
		font-size: var(--booking-size--xsmall);
		span {
			font-weight: 600;
		}
	}

	.booking-summary-notes-wrapper {
		display: flex;
		justify-content: space-between;
		gap: var(--booking-size--large);
		align-items: center;
		margin: var(--booking-size--xlarge) 0;
		padding: var(--booking-size--xlarge) 0 0;
		border-top: 1px solid var(--booking-secondary-border-color);

		@media only screen and (max-width: 800px) {
			flex-direction: column;
		}

		label {
			color: var(--booking-text-color);
			font-size: var(--booking-size--small);
			font-weight: 600;
			line-height: calc(20/16);
		}

		textarea {
			max-width: 85%;
			padding: var(--booking-size--small);
			border: 1px solid var(--booking-secondary-border-color);
			background-color: var(--booking-border-color);
			border-radius: 3px;
			color: var(--booking-text-color);
			font-size: var(--booking-size--xsmall);
			font-weight: 400;
			line-height: calc(24/16);

			&:focus,
			&:hover {
				outline: 1px solid var(--booking-secondary-border-color);
			}
		}
	}

	.booking-terms {
		padding: var(--booking-size--medium);
		border-radius: 3px;
		margin-top: var(--booking-size--medium);
		background-color: var(--booking-border-color);
		border: 1px solid var(--booking-secondary-border-color);

		h5 {
			margin: 0 0 var(--booking-size--xsmall) 0;
			color: var(--booking-base-color);
			font-size: var(--booking-size--xsmall);
			font-weight: 600;
			line-height: calc(20/14);
		}

		p {
			margin: 0;
			color: var(--booking-text-color);
			font-weight: 400;
			line-height: calc(22/16);
		}
	}

	.booking-confirmation-block {
		.success-mes {
			color: var(--booking-success-text-color);
		}

		p {
			margin: 0;
			color: var(--booking-description-text-color);
			font-size: var(--booking-size--medium);
			font-weight: 400;
			line-height: calc(19/12);
		}
	}

	.book-an-appointment-block-success {
		border-radius: 3px;
		border: 1px solid var(--booking-secondary-border-color);
		text-align: center;

		.success-mes {
			margin: var(--booking-size--small) 0;
			font-size: var(--booking-size--large);
			font-weight: 600;
			letter-spacing: 0;
		}

		.booking-token-number {
			margin: var(--booking-size--medium) 0;
			color: var(--booking-base-color);
			font-size: var(--booking-size--small);
			font-weight: 700;
			line-height: calc(20/16);
		}

		.booking-confirmation-description {
			font-size: var(--booking-size--xsmall);
		}

		.booking-nav-link-wrapper {
			margin-top: var(--booking-size--medium);
		
			a {
				text-decoration: none;
			}
		}
	}
}
