body {
	font: normal normal 12px Arial,Tahoma,sans-serif;
	color: #000;
}

@page {
	size: A4;
	margin: 1cm 1cm 1.5cm 1cm;
}

h1, h2, h3, h4, h5, h6 {
	page-break-after: avoid;
	font-weight: 700;
	margin-bottom: 0.5em;
	margin-top: 1em;
}

h5 {
	margin: 0.4em 0.1em;
	margin-top: 0.7em;
}

h6 {
	margin: 0.1em 0.3em;
}

h1, h2 {
	color: #f36e22;
}

h1 {
	font-size: 1.6em;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1.2em;
}

h4, h5, h6 {
	font-size: 1em;
}

a {
	color: #000;
}

.right {
	text-align: right;
	white-space: nowrap;
}

.center {
	text-align: center;
	white-space: nowrap;
}
td .center {
	white-space: normal;
}
.left {
	text-align: left;
}

.width100p {
	width: 100%;
}

table {
	border-collapse: collapse;
	border: 1.1px solid #cecece;
	page-break-inside: auto;
}

	table.width50p {
		border-collapse: collapse;
		width: 300px;
		page-break-inside: auto;
		vertical-align: top;
		background-color: transparent;
	}

	table tr {
		background-color: transparent;
		page-break-inside: avoid;
		page-break-after: auto;
	}

		table tr.altRow {
			background-color: #f3f3f3;
		}

th, td {
	border: #e0e0e0 1px solid;
	padding: 0.25em 0.5em;
	word-break: normal;
}

table thead {
	display: table-header-group;
	background-color: #efeeee;
}

table tfoot {
	display: table-footer-group;
}

.nogrid table, .nogrid tr, .nogrid th, .nogrid td, table.nogrid {
	border: none;
	background-color: transparent;
}

td.nogridtd {
	border: none;
}

table.mainTable {
	background-color: #FFF;
	border: #FFF 0 none;
	page-break-inside: auto;
}

tr.mainTable {
	page-break-inside: auto;
}

th.mainTable {
	border: #FFF 0 none;
	background-color: #FFF;
	page-break-inside: avoid;
	padding-bottom: 15px;
}

td.mainTable {
	background-color: #FFF;
	border: #FFF 0 none;
	page-break-inside: auto;
}

div.toc {
	border: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

table.toc {
	font: normal serif;
	margin-top: 20px;
	margin-bottom: 15px;
	padding: 3pt 1em 6pt;
}

td.toc {
	background-color: #FFF;
}

ul.toc {
	border: 0;
	list-style-type: none;
	margin: 5pt;
	padding: 0;
}

ul ul.toc {
	border: 0;
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 1em;
}

ul.toc li {
	font-weight: 700;
	margin-bottom: 2pt;
}

div.chapter {
	margin: 0;
}

div.chapterHeader {
	overflow: auto;
}

	div.chapterHeader h1, div.chapterHeader h2, div.chapterHeader h3, div.chapterHeader h4, div.chapterHeader h5, div.chapterHeader h6 {
		float: left;
	}

	div.chapterHeader img {
		float: right;
		margin-left: 10px;
		margin-top: 0.5em;
		cursor: pointer;
	}

div.chapterContent, div.expanded {
	margin-bottom: 10pt;
	margin-left: 0;
}

div.collapsed {
	display: none;
	page-break-before: avoid;
}

div.toggleAll {
	text-align: right;
}

	div.toggleAll img {
		margin: 0;
		padding: 0;
		cursor: pointer;
		vertical-align: middle;
	}

	div.toggleAll span {
		cursor: pointer;
	}

.left, th.toc {
	text-align: left;
}

img {
	margin-top: 10px;
	max-width: 700px;
}

div.image {
	margin-bottom: 1em;
}

	div.image table {
		width: auto;
	}

	div.image td {
		padding: 0px;
	}

	div.image span {
		font-style: italic;
	}

table img {
	margin: 0;
}

td.min {
	color: blue;
	font-weight: bold;
}

td.max {
	color: red;
	font-weight: bold;
}

div.nonConformity img {
	width: 16px;
	height: 16px;
	margin-top: 0;
}

div.steelMomentDiagram img {
	width: 120px;
	height: 40px;
}

.compactBlock {
	page-break-inside: avoid;
	margin-top: 10px;
}

	.compactBlock h3 {
		margin-top: 10px;
	}

.pageBreakBefore {
	page-break-before: always;
}

p.small {
	line-height: 10px;
}

div.error {
	color: red;
	font-weight: bold;
	font-size: 1.1em;
}

.bold {
	font-weight: bold;
}

.green {
	color: green;
}

.red {
	color: red;
}

.orange {
	color: orange;
}

.blue {
	color: blue;
}

.unit {
	font-weight: normal;
}

table.formula, table.formula-expl {
	width: auto;
}

table.formula-expl td {
	vertical-align: top;
}

thead.mainTable table, tfoot.mainTable table {
	border: none;
}

@media screen {
	body {
		padding: 10px;
	}
	table {
		width: 700px;
	}

	.content {
		margin-top: 20px;
	}

	thead.mainTable, tfoot.mainTable {
		visibility: collapse;
		display: none;
	}

	.theoretical-background {
		width: 700px;
		text-align: justify;
		word-break: normal;
	}
}

@media print {
	table {
		width: 100%;
	}

	.content {
		margin-top: 0;
	}

	a {
		text-decoration: none;
	}

	div.chapterHeader img {
		visibility: collapse;
		display: none;
	}

	.theoretical-background {
		width: auto;
		text-align: justify;
		word-break: normal;
		margin-top: 70px;
	}
}

.watermarked {
	position: relative;
	overflow: hidden;
}

	.watermarked::before {
		position: absolute;
		left: -75%;
		display: block;
		width: 150%;
		height: 150%;
		transform: rotate(-45deg);
		content: attr(data-watermark);
		opacity: 0.5;
		line-height: 5em;
		letter-spacing: 2px;
		color: #eaeaea;
		font-size: 40px;
		z-index: 1000;
	}
.explanation {
	padding: 2px;
	vertical-align: middle;
	white-space: normal;
	width: 1%;
}

.explanationAlignTop {
	padding: 2px;
	vertical-align: top;
	white-space: nowrap;
	width: 1%;
}
.div-inline {
	display: inline;
}
.nodot {
	list-style-type: none;
}

.nobreak {
	page-break-inside: avoid;
}

.formula-main {
	margin: 10px 0px 10px 0px;
}

.explanation-table {
    border: none;
    background-color: transparent;
}

.explanation-table td:first-child {
    padding-left: 40px;
    display: inline-block;
}

.explanation-table td {
    border: none;
    display: inline-block;
}

.indent {
    margin-left: 40px;
}

.formula-header {
    font-weight: bold;
    display: inline-block;
    margin-top: 0;
}

.text-italic {
    font-style: italic;
    line-height: 2;
}

.displayflex {
    display:inline-flex;
    width:max-content;
    padding-left: 40px;
    align-self:center;
}