$color-text-modal: #333;
$color-notes-modal: #989797;

body {
	.modal {
		color: $color-text-modal;

		&-header {
			font-size: 16px;
			line-height: 18px;
		}

		&-title {
			font-size: 14px;
			text-transform: capitalize;
		}

		&-body {
			max-height: calc(100vh - 210px);
			overflow-y: auto;
			padding: 15px;
			position: relative;
			word-break: break-word;

			b {
				font-weight: 700;
			}

			p {
				font-weight: normal;
				margin-bottom: 20px;
			}

			.title {
				font-size: 20px;
				font-weight: 700;
				line-height: 22px;
				margin-bottom: 15px;
			}

			.subtitle {
				font-size: 20px;
				font-weight: 400;
				line-height: 22px;
				margin-bottom: 15px;
				margin-top: 30px;

				&--underlined {
					font-style: italic;
					font-weight: bold;
					text-decoration: underline;
				}
			}

			.unordered-list {
				list-style-type: disc;

				ul {
					list-style-type: circle;
				}

				&.no-decorator {
					list-style-type: none;
					margin-left: 15px;
				}
			}

			.ordered-list {
				list-style-type: decimal;

				li {
					font-weight: 700;

					p {
						font-weight: 400;
					}
				}
			}

			.unordered-list,
			.ordered-list {
				margin: 15px 0 15px 30px;
				padding: 0;

				li {
					margin: 0 0 15px;
				}

				&--roman {
					list-style-type: upper-roman;
					margin-left: 15px;
				}

				&--alpha {
					list-style-type: lower-alpha;
					margin-left: 25px;
				}

				&--roman,
				&--alpha {
					li {
						margin: 0;
					}
				}
			}

			.notes {
				color: $color-notes-modal;
				display: block;
				font-size: 14px;
				margin-bottom: 15px;
			}
		}

		&-footer {
			text-align: center;

			.btn {
				margin: 0 auto;
				text-align: center;
				width: 200px;
			}
		}
	}
}