/*
The following variables are defined via jquery to get the chapter colors and its light variants
--chapterColor
--chapterColorLight70 //0.70 of  the chapter color
--chapterColorLight30 //0.30 of  the chapter color
--chapterColorLight10 //0.10 of  the chapter color
*/
:root
{
	--nonChapterColor :#00a585;
	--chapterTitleColor: black; 

	scroll-behavior: smooth;
	--generalTextFontSize: 18px;
}
sec, stitle, fig, graphic, attrib, disp-quote, list, def-list,
def-item,ref-list, ref, table-wrap, fn, boxed-text, caption
{
	display: block !important;
}
.chapter_content div, .chapter_content dl, .chapter_content dt, .chapter_content dd, 
.chapter_content h1, .chapter_content h2, .chapter_content h3, .chapter_content h4, 
.chapter_content h5, .chapter_content h6, .chapter_content p, .chapter_content pre, 
.chapter_content code, .chapter_content blockquote {
    margin: 0;
    padding: 0;
    border-width: 0;
}

body .chapter_content {
    -epub-hyphens: auto;
    font-family: "Titillium Web", sans-serif;
    font-size: var(--generalTextFontSize);
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}

.chapter_content section section[sec-type="level-A"]>.title, .chapter_content section[content-type="ref-title"]>h1 {
    border-top: 2px solid currentColor;
    margin: 40px 0 40px 0;
    padding-top: 8px;
    font-size: 44px;
    font-weight: 200;
    line-height: 1.1;
    color: #00a585;
}

.chapter_content h1 b {
    font-weight: 200;
}

.chapter_content h1.title--Appendix {
    color: #000000;
}

.chapter_content section[sec-type="app-level-A"]>.title, .chapter_content section[sec-type="annex-level-A"]>.title {
    color: #000000;
    border-top: 2px solid currentColor;
	padding-top: 5px;
}
.chapter_content section[sec-type="app-level-A"]>.title:first-line{
    font-size: 44px !important;
}

.chapter_content section[sec-type="app-level-A"]>.title{
    font-size: 36px !important;
	margin: 40px 0 40px 0;
    padding-top: 8px;
    font-size: 44px;
    font-weight: 200;
}
.chapter_content section[sec-type="app-level-A"] section[sec-type="annex-level-A"]>.title {
    font-size: 36px !important;
    font-weight: initial !important;
	line-height: 3rem !important;
}
.chapter_content section[content-type="ref-title"] h2,
.chapter_content section[sec-type="commitment"]>.title, 
.chapter_content section[sec-type="cbox"] .standard__box>.title {
    color: #00a585;
    font-size: 24px;
    line-height: 1.2;
    margin: 0px 0 8px 0;
    font-weight: 600;
}


.chapter_content section:not([sec-type="annex-level-A"])>section[sec-type="level-B"]>.title { 
    padding-top: 30px;
}
.chapter_content section[sec-type="annex-level-A"]>section[sec-type="level-B"]>.title
{
	margin: 18px 0 8px 0;
	/*dsd*/
}

.chapter_content section[sec-type="app-level-B"]>.title { 
    color: #0c0c0c;
    font-size: 24px;
    line-height: 1;
    margin: 0px 0 8px 0;
    font-weight: 600;
}
.chapter_content section:not([sec-type="level-C"])>h4, .chapter_content section[sec-type="nostyle"]>.title {
    color: var(--nonChapterColor) !important;
    font-size: var(--generalTextFontSize);
    font-weight: 600;
    line-height: 1.2;
    margin: 18px 0 8px 0;
}
.chapter_content section[sec-type="level-C"]>h3, .chapter_content section[sec-type="level-C"]>h2 {   
	color: black !important;
	font-size: var(--generalTextFontSize) !important;
    font-weight: 600;
    line-height: 1.2;
    margin: 0px 0 8px 0;
}
/*.chapter_content h3 b i, .chapter_content h3 i b {
	color: black!important;
}*/

.chapter_content h3.line {
    border-top: 2px dashed #00a585;
    line-height: 2;
}
 .chapter_content section[sec-type="level-D"]>.title
 {
	color: #000000 !important;
    font-size: var(--generalTextFontSize);
    /* font-weight: bold; */
    font-style: italic !important;
    margin: 15px 0 8px 0;
 }

/*.chapter_content section:not([sec-type="cbox-sub"]):not([sec-type="key"]):not([sec-type="guidance-note"]):not([sec-type="key-action"]):not([sec-type="questions"]):not([sec-type="key-indicator"]):not([sec-type="nostyle"])>h4, .chapter_content boxed-text[content-type="dashed"]>.title, .chapter_content section[sec-type="level-D"]>.title */
.chapter_content section[sec-type="level-C"]>.title, .chapter_content boxed-text[content-type="dashed"]>.title
{
    color: #000000;
    font-size: var(--generalTextFontSize);
	font-style: italic;
    margin: 15px 0 8px 0;
}
.chapter_content section[sec-type="level-E"]>.title {
    font-size: 18px !important;
	font-weight: bold;
}
.chapter_content p {
    margin: 6px 0;
	font-size: var(--generalTextFontSize);
    line-height: 1.333;
    color: #000000;
    page-break-after: auto;
    page-break-before: auto;
	text-align: justify;
    widows: 1;
    orphans: 1;
}

.chapter_content p .cross-ref {
    padding-left: 30px;
    color: inherit;
    font-style: italic;
}

.chapter_content p .cross-ref:before {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    margin-left: -30px;
	background: url('../images/crossReference.svg') center center;
    background-repeat: no-repeat;
}
/*.chapter_content a:not([ext-link-type="uri"])*/
.chapter_content a {
    color: #666;
    text-decoration: none;
	overflow-wrap: anywhere;
}

.chapter_content a[ref-type="bibr"] {
    color: #00a585 !important;
    text-decoration: none;
    word-break: break-all;
}

.chapter_content a:hover {
    text-decoration: underline;
}
.chapter_content .standard__box {
    box-sizing: border-box;
    border-top: 2px solid #00a585;
    border-bottom: 2px solid #00a585;
    background-color: #f1f7f6;
    margin: 32px 0 0 0;  
    padding: 0px 24px 8px 24px;
}

.chapter_content .standard__box h2,
.chapter_content .standard__box h3,
.chapter_content .standard__box h4
{
    margin-top: 16px !important;
}

.chapter_content .standard__box p b   
{
	color: #00a585;
}

.chapter_content section[content-type="index-div"] > h2 {
    margin-top: 0px;
	font-size: var(--generalTextFontSize);
}
.chapter_content section[content-type="index-div"] > div:not(.elements),
.chapter_content section[content-type="index-div"] > .title{
    font-weight: bold;
}

/* no dotted line above key actions*/
.chapter_content section[sec-type="guidance-note"]>.title, .chapter_content section[sec-type="key-indicator"]>.title  {
    border-top: 2px dotted #00a585;
	padding-top: 5px;
}

.chapter_content p.caption {
    color: #878787;
    font-size: 14px;
    font-style: italic;
    line-height: 1.14;
    margin: 0;
}

.chapter_content p.highlighted-Box, .chapter_content boxed-text {
    border: 1px dashed #00a585;
    border-radius: 1px;
	padding: 18px 18px 18px 18px;
	margin-bottom: 25px;
	margin-top: 25px;
}

.chapter_content boxed-text[specific-use='width-55'] {
    border: 2px solid #000000;
    padding: 18px 18px 18px 18px;
    margin-bottom: 25px;
    margin-top: 25px;
}

.chapter_content table.Basic-Table {
    border-collapse: collapse;
    border-color: #fff;
    border-style: solid;
    border-width: 1px;
    margin-top: 18px 0;
	width: initial;
	table-layout: fixed;
	word-break: break-word;
}
.chapter_content table-wrap{
	width: 100%;
    overflow-x: auto;
	overflow-y: hidden;
	font-size: 17px !important;
}

.chapter_content td.Table-Cell-Style_Headlines-cells- {
    border-top-color: #00a585;
    border-top-style: solid;
    border-top-width: 1px;
    padding: 9px 3px;
    vertical-align: top;
}
div[content-type="signature-block"] table tbody tr td,div[content-type="signature-block"] table tbody tr th
{
	border: none !important;
	background-color: white !important; 
	color:black !important;
}
div[content-type="signature-block"] table
{
	width: 100% !important;
}
.chapter_content table.Basic-Table thead tr th,
.chapter_content table.Basic-Table thead tr th.Table-Cell-Style_Headlines-cells-light-green-bg {
    background-color: #e0f2f1;
    color: #00a585;
    border-bottom-color: #00a585;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-style: solid;
    border-left-width: 0px;
    border-right-style: solid;
    border-right-width: 0px;
    border-top-style: solid;
    border-top-width: 0px;
    vertical-align: middle;
    border: 2px solid #00a585;
    padding: 4px;
    vertical-align: top;
}

.chapter_content table.Basic-Table tbody tr td,
.chapter_content table.Basic-Table tbody tr td.Table-Cell-Style_Normal-cells- {
    background-color: #f2f8f6;
    border-bottom-color: #00a585;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #00a585;
    border-top-style: solid;
    border-top-width: 1px;
    padding-bottom: 9px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 9px;
    vertical-align: top;
    border: 2px solid #00a585;
    padding: 5px;
    vertical-align: top;
}
.chapter_content boxed-text attrib {    
	padding-right: 20px;
    text-align: right;
}
.chapter_content boxed-text attrib i{    
	padding: 0px;
    margin-left: 0px;
}

.chapter_content .chapter-title:not([specific-use='norender-hb']) {
    /*margin: 40px 0px 40px 0px;*/
    background-color: #00a585;
    padding: 45px;
    text-align: center;
    font-size: xx-large;
    color: white;
    font-weight: 200;
	display:inherit !important;
}
table.Basic-Table tr td:first-child {
    color: #00a585;
}
.chapter_content blockquote {
    margin-left: 30px;
}

.chapter_content table-wrap-foot fn p, .chapter_content figure figcaption p {
    font-size: small;
} 

/* start of index */
.chapter_content section[content-type="index-div"] > ul[list-type='simple'] {
    padding: 0px;
    margin-left: 0px;
    text-align: left;
    margin-bottom: 0px;
}

.chapter_content li[specific-use="see-also-ie"] {
	display: inline!important;
}

.chapter_content li[specific-use="secondary-ie"] {
	margin-left: 1em!important;
}

.chapter_content li[specific-use="tertiary-ie"] {
	margin-left: 2em!important;
}

.chapter_content section[content-type="index-div"] div.elements {
	margin-top: 1em;
	-webkit-columns: 2 200px;
	-moz-columns: 2 200px;
	columns: 2 200px;
	-webkit-column-gap: 4em;
	-moz-column-gap: 4em;
	column-gap: 4em;
	-webkit-column-rule: 1px dotted #ddd;
	-moz-column-rule: 1px dotted #ddd;
	column-rule: 1px dotted #ddd;
    font-size: small;
    text-align: left;
}

.chapter_content section[content-type="index-div"] > ul[list-type="simple"].hangingindent,
.chapter_content section[content-type="index-div"] > ul[list-type="simple"] > li[specific-use="primary-ie"].hangingindent, 
.chapter_content section[content-type="index-div"] > ul[list-type="simple"] > li[specific-use="secondary-ie"].hangingindent, 
.chapter_content section[content-type="index-div"] > ul[list-type="simple"] > li[specific-use="tertiary-ie"].hangingindent 
{
	text-indent: -40px!important;
	padding-left: 40px!important;
}
/* end of index */
.chapter_content section[content-type="index-div"] li.hangingindentx
{
	list-style: none;
}
.chapter_content .label {
    color: #736a65!important;
    font-size: 100%;
    font-weight: 400;
    padding: 0;
    padding-right: 1px;
}
.chapter_content .align-left {
	text-align: left!important;
	text-align-last: left !important;
	direction: ltr !important;
}

.empty-line{
	margin-bottom: 20px!important;
}
figure, table-wrap{
	margin : 15px 0px;
}

/*Chapter 6 -- Appendix subsection title should be black.*/
[sec-type='app-level-A'] > [sec-type='level-E'] h2{
	color: black !important;
	font-size: var(--generalTextFontSize) !important;
}
.MathJax_Display{
	margin:1em 0em !important;
}

.eqndiv {
	overflow-x: auto;
	margin-bottom: 1.5em !important;
    font-size: .8em; 
	width:100%;
}
section[specific-use='annex'] section {
	padding-top: 0px !important;	
}
table-wrap {	
	overflow-x: scroll;
    overflow-y: hidden;
}
.chapter_content td,.chapter_content th{
	min-width: 100px !important;
}
object{
	min-width: 55% !important;
}
div[fn-type="other"] span.label
{
	padding-right:5px;
	display:inline-block;
}
div[fn-type="other"] p
{
	display:inline-block;
	text-align:initial;
}
div.footnote span.label
{
    padding-right: 0px !important;
    text-indent: -15px !important;	
}
div.footnote[fn-type="other"]{
	padding-left: 15px !important;
}
div.footnote:not([fn-type="other"]) p
{
	font-size: 15px !important;
}

/*.title.key-action {
	margin-top: 15px !important;
}*/
/*Start --- need to remove after publishing again*/
.chapter_content .key-action, .chapter_content .key-indicator, .chapter_content .guidance-note
{
	color: var(--nonChapterColor) !important;
    font-style: normal !important;
	font-weight: bold;
	font-size: var(--generalTextFontSize);
}
/*End --- need to remove after publishing again*/
.chapter_content section[sec-type="key-action"]>.title, 
.chapter_content section[sec-type="cbox-sub"]>.title, 
.chapter_content section[sec-type="guidance-note"]>.title
{
	color: var(--nonChapterColor) !important;
    font-style: normal !important;
	font-weight: bold;
	color: #00a585;
    line-height: 1;
    margin: 0px 0 8px 0;
	font-size: var(--generalTextFontSize);
    line-height: 1.2;
    margin: 15px 0 8px 0;
}
.chapter_content section[sec-type] h3.cbox
{
	font-size: 24px !important;
}

section[sec-type="chapter"] figure img{
	width:100%;
}

.chapter_content [sec-type='app-level-A'] [sec-type='level-E'] [sec-type='app-level-C'] .app-level-C
{
    color: black !important;
}
[content-type ="ref-title"] h2 {
    font-size: 20px !important;
}
/*Start --- need to remove after publishing again*/
.chapter_content section[sec-type="level-B"]>h2,.chapter_content section[sec-type="level-B"]>h3  {
    color: #00a585 !important;
    font-size: 24px !important;;
}
/*End --- need to remove after publishing again*/
.chapter_content section[sec-type="level-B"]>.title {
    color: #00a585 !important;
    font-size: 24px !important;
	margin: 0px 0 8px 0;
	font-weight: bold;
}

.chapter_content h4.level-C  i{
    font-weight: 700;
}

section[sec-type='app-level-A'] ul[specific-use='acro'] li span{
    width: 65px;
	/*display:inline-block;*/
}

div[content-type="signature-block"] img 
{
	margin-left: unset !important;
}
li::marker
{
	color: #736a65;
}

.chapter_content [content-type="action"] li>span+p, .chapter_content ol.keyaction>li>span+p
{
	padding-left: 1.5rem;
}
body:not([data-lang="ar"]) .chapter_content [content-type="action"]>li>.nolabelEm, body:not([data-lang="ar"]) .chapter_content ol.keyaction>li>.nolabelEm
{
	padding-right: 3.5rem !important;
	margin-left: 3.5rem !important;
}
body:not([data-lang="ar"]) .chapter_content section>.nolabelEm:not([list-type="simple"]), body:not([data-lang="ar"]) .chapter_content boxed-text>.nolabelEm, body:not([data-lang="ar"]) .chapter_content table td>.nolabelEm
{
	padding-right: 1.3rem !important;
	margin-left: 1.3rem !important;
}
.chapter_content table-wrap td p[content-type="color"]
{
	color: var(--nonChapterColor);
}

.chapter_content disp-formula img
{
	max-width: 850px;
}