@charset "utf-8";
/* CSS Document */

/* grid
-------------------------------------------------- */
html {
	height: 100%;
}

body {
	min-height: 100%;
	display: grid;
	grid-template-rows: 68px 1fr 120px;
	grid-gap: 2rem;
}

@media (min-width: 600px) {
	body {
		grid-template-rows: 108px 1fr 120px;
	}
}

footer {
	grid-row-start: 3;
	grid-row-end: 4;
}

/* header
-------------------------------------------------- */
header {
	border-bottom: 1px solid #d4d4d4;
	padding-top: 15px;
}

header img {
	height: 40px;
	width: 40px;
}

@media (min-width: 600px) {
	header {
		padding-top: 20px;
	}

	header img {
		height: 68px;
		width: 68px;
	}
}

header .float-right {
	font-size: small;
}

header .list-group {
	position: absolute;
	right: 0;
	width: 10rem;
	z-index: 9999;
}

header .select-lang {
	right: 0;
}

header .current-lang {display: none;}
	
html[lang="ar-SA"] header .current-lang-ar {display: block;}
html[lang="ar-SA"] header .list-group .lang-ar {margin-top: -1px; border-top-width: 1px; z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff;}
html[lang="bg-BG"] header .current-lang-bg {display: block;}
html[lang="bg-BG"] header .list-group .lang-bg {margin-top: -1px; border-top-width: 1px; z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff;}
html[lang="cs-CZ"] header .current-lang-cs {display: block;}
html[lang="cs-CZ"] header .list-group .lang-cs {margin-top: -1px; border-top-width: 1px; z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff;}
html[lang="da-DK"] header .current-lang-da {display: block;}
html[lang="da-DK"] header .list-group .lang-da {margin-top: -1px; border-top-width: 1px; z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff;}
html[lang="de-DE"] header .current-lang-de {display: block;}
html[lang="de-DE"] header .list-group .lang-de {margin-top: -1px; border-top-width: 1px; z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff;}
html[lang="el-GR"] header .current-lang-el {display: block;}
html[lang="el-GR"] header .list-group .lang-el {margin-top: -1px; border-top-width: 1px; z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff;}
html[lang="en-US"] header .current-lang-en {display: block;}
html[lang="en-US"] header .list-group .lang-en {margin-top: -1px; border-top-width: 1px; z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff;}
html[lang="es-ES"] header .current-lang-es {display: block;}
html[lang="es-ES"] header .list-group .lang-es {margin-top: -1px; border-top-width: 1px; z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff;}
html[lang="et-EE"] header .current-lang-et {display: block;}
html[lang="et-EE"] header .list-group .lang-et {margin-top: -1px; border-top-width: 1px; z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff;}
html[lang="fi-FI"] header .current-lang-fi {display: block;}
html[lang="fi-FI"] header .list-group .lang-fi {margin-top: -1px; border-top-width: 1px; z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff;}
html[lang="fr-FR"] header .current-lang-fr {display: block;}
html[lang="fr-FR"] header .list-group .lang-fr {margin-top: -1px; border-top-width: 1px; z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff;}
html[lang="hi-IN"] header .current-lang-hi {display: block;}
html[lang="hi-IN"] header .list-group .lang-hi {margin-top: -1px; border-top-width: 1px; z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff;}
html[lang="hu-HU"] header .current-lang-hu {display: block;}
html[lang="hu-HU"] header .list-group .lang-hu {margin-top: -1px; border-top-width: 1px; z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff;}
html[lang="id-ID"] header .current-lang-id {display: block;}
html[lang="id-ID"] header .list-group .lang-id {margin-top: -1px; border-top-width: 1px; z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff;}
html[lang="it-IT"] header .current-lang-it {display: block;}
html[lang="it-IT"] header .list-group .lang-it {margin-top: -1px; border-top-width: 1px; z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff;}
html[lang="ja-JP"] header .current-lang-ja {display: block;}
html[lang="ja-JP"] header .list-group .lang-ja {margin-top: -1px; border-top-width: 1px; z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff;}
html[lang="kk-KZ"] header .current-lang-kk {display: block;}
html[lang="kk-KZ"] header .list-group .lang-kk {margin-top: -1px; border-top-width: 1px; z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff;}
html[lang="ko-KR"] header .current-lang-ko {display: block;}
html[lang="ko-KR"] header .list-group .lang-ko {margin-top: -1px; border-top-width: 1px; z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff;}
html[lang="lt-LT"] header .current-lang-lt {display: block;}
html[lang="lt-LT"] header .list-group .lang-lt {margin-top: -1px; border-top-width: 1px; z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff;}
html[lang="lv-LV"] header .current-lang-lv {display: block;}
html[lang="lv-LV"] header .list-group .lang-lv {margin-top: -1px; border-top-width: 1px; z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff;}
html[lang="nl-NL"] header .current-lang-nl {display: block;}
html[lang="nl-NL"] header .list-group .lang-nl {margin-top: -1px; border-top-width: 1px; z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff;}
html[lang="nn-NO"] header .current-lang-no {display: block;}
html[lang="nn-NO"] header .list-group .lang-no {margin-top: -1px; border-top-width: 1px; z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff;}
html[lang="pl-PL"] header .current-lang-pl {display: block;}
html[lang="pl-PL"] header .list-group .lang-pl {margin-top: -1px; border-top-width: 1px; z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff;}
html[lang="pt-PT"] header .current-lang-pt {display: block;}
html[lang="pt-PT"] header .list-group .lang-pt {margin-top: -1px; border-top-width: 1px; z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff;}
html[lang="ro-RO"] header .current-lang-ro {display: block;}
html[lang="ro-RO"] header .list-group .lang-ro {margin-top: -1px; border-top-width: 1px; z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff;}
html[lang="ru-RU"] header .current-lang-ru {display: block;}
html[lang="ru-RU"] header .list-group .lang-ru {margin-top: -1px; border-top-width: 1px; z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff;}
html[lang="sk-SK"] header .current-lang-sk {display: block;}
html[lang="sk-SK"] header .list-group .lang-sk {margin-top: -1px; border-top-width: 1px; z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff;}
html[lang="sl-SI"] header .current-lang-sl {display: block;}
html[lang="sl-SI"] header .list-group .lang-sl {margin-top: -1px; border-top-width: 1px; z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff;}
html[lang="sr-Latn"] header .current-lang-sr {display: block;}
html[lang="sr-Latn"] header .list-group .lang-sr {margin-top: -1px; border-top-width: 1px; z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff;}
html[lang="sr-Cyrl-RS"] header .current-lang-sr {display: block;}
html[lang="sr-Cyrl-RS"] header .list-group .lang-sr {margin-top: -1px; border-top-width: 1px; z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff;}
html[lang="sv-SE"] header .current-lang-sv {display: block;}
html[lang="sv-SE"] header .list-group .lang-sv {margin-top: -1px; border-top-width: 1px; z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff;}
html[lang="th-TH"] header .current-lang-th {display: block;}
html[lang="th-TH"] header .list-group .lang-th {margin-top: -1px; border-top-width: 1px; z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff;}
html[lang="tr-TR"] header .current-lang-tr {display: block;}
html[lang="tr-TR"] header .list-group .lang-tr {margin-top: -1px; border-top-width: 1px; z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff;}
html[lang="uk-UA"] header .current-lang-uk {display: block;}
html[lang="uk-UA"] header .list-group .lang-uk {margin-top: -1px; border-top-width: 1px; z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff;}
html[lang="zh-CN"] header .current-lang-zh-cn {display: block;}
html[lang="zh-CN"] header .list-group .lang-zh-cn {margin-top: -1px; border-top-width: 1px; z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff;}
html[id="prc"] header .list-group .lang-zh-cn {margin-top: 0; border-top-width: 0; z-index: 1; color: #495057; background-color: #fff; border-color: rgba(0,0,0,.125);}
html[id="prc"] header .list-group .lang-zh-cn:focus, html[id="prc"] header .list-group .lang-zh-cn:hover {background-color: #f8f9fa}
html[id="prc"] header .list-group .lang-zh-cn-prc {margin-top: -1px; border-top-width: 1px; z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff;}
html[lang="zh-TW"] header .current-lang-zh-tw {display: block;}
html[lang="zh-TW"] header .list-group .lang-zh-tw {margin-top: -1px; border-top-width: 1px; z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff;}

/* breadcrumb
-------------------------------------------------- */
.breadcrumb {
	font-size: small;
}

.breadcrumb-item {
	display: block;
}

.breadcrumb-item + .breadcrumb-item::before {
	content: ">";
}

/* section
-------------------------------------------------- */
section {
	margin: 5rem auto;
}

section > section {
    margin: 3rem auto;
}

section > section > section {
    margin: 2rem auto;
}

/* hx
-------------------------------------------------- */
h1 {
	background-color: #d1d5ff;
    color: #212529;
	font-weight: bold;
    font-size: 2rem;
	padding: .5rem;
	margin-bottom: 2rem;
}

h2 {
	font-weight: bold;
    font-size: 1.75rem;
/*	text-decoration: underline;*/
    margin-bottom: 1.5rem;
}

h3 {
	font-weight: bold;
    font-size: 1.5rem;
	padding-left: 12px;
    border-left: 12px solid #808080;
}

h4 {
	font-weight: bold;
    font-size: 1.25rem;
	padding-left: 24px;
	text-indent: -24px;
}

h4::before {
	font-family: "Font Awesome 5 Free";
	content: '\f111';
	font-weight: 900;
	color: #858fff;
	margin-right: .25rem;
}

/* text-style
-------------------------------------------------- */
.lead {
    font-weight: bold;
    margin-bottom: 0.5rem;
}

.text-bold {
	font-weight:bold;
}

.text-emphasis {
	font-style: italic;
}

html[lang="ja-JP"] .text-emphasis {
	font-style: normal;
	font-weight: bold;
}

.text-underline {
	text-decoration: underline;
}

.text-normal {
	font-style: normal;
}

.text-small-caps {
	font-variant: small-caps;
}

.note-text-caution, .note-text-note {
	margin-bottom: 0;
	padding-left: 1.5rem;
	text-indent: -1.5rem;
}

.note-text-caution:before {
	content: "D";
	font-family: '01xnb';
	font-size: 1.25rem;
	line-height: 1;
	margin-right: 0.25rem;
}

.note-text-note:before {
	content: "A";
	font-family: '01xnb';
	font-size: 1.25rem;
	line-height: 1;
	margin-right: 0.25rem;
}

.see {
	font-family: '01xnb';
	font-weight: normal;
	font-style: normal;
	font-size: 1.25em;
	line-height: 1;
}

.footnote-group {
    counter-reset: footnote-cnt;
}

.footnote-number {
    position: relative;
    margin-left: 1.5rem;
    counter-increment: footnote-cnt;
}

.footnote-number::before {
    display: inline-block;
    content: counter(footnote-cnt);
    text-align: right;
    margin-left: -1.5rem;
    width: 1rem;
    position: absolute;
    top: 0;
    left: 0;
}

html[lang="ja-JP"] .footnote-ref-number {
    margin-left: 2rem;
}

html[lang="ja-JP"] .footnote-ref-number::before {
    content: "※"counter(footnote-cnt);
    margin-left: -2rem;
    width: 1.5rem;
}

.footnote-asterisk {
    position: relative;
    margin-left: 1rem;
}

.footnote-asterisk::before {
    display: inline-block;
    content: "*";
    margin-left: -1rem;
    width: 1rem;
    position: absolute;
    top: 0;
    left: 0;
}

html[lang="ja-JP"] .footnote-asterisk::before {
    content: "※";
}

.product {
	white-space: nowrap !important;
}

.booktitle {
	font-style: italic;
}

html[lang="ja-JP"] .booktitle {
	font-style: normal;
}

.text-foreignphrase {
	font-style: italic;
}

html[lang="ja-JP"] .text-foreignphrase {
	font-style: normal;
}

html[lang="ja-JP"] .ref::before {
	content: "※";
}

/* anchor
-------------------------------------------------- */
.anchor {
	margin-top: 3rem;
}

.anchor ul {
	list-style: none;
}

.anchor li {
	margin-bottom: 1rem;
	padding-left: 18px;
	text-indent: -18px;
}

.anchor li::before {
	font-family: "Font Awesome 5 Free";
	content: '\f107';
	font-weight: 900;
	margin-right: .5rem;
}

/* link
-------------------------------------------------- */
.link {
	margin: 3rem auto 5rem;
}
.link ul {
	list-style: none;
}

.link li {
	margin-bottom: 1rem;
	padding-left: 20px;
	text-indent: -20px;
}

.link li::before {
	font-family: "Font Awesome 5 Free";
	content: '\f15b';
	font-weight: 400;
	margin-right: .5rem;
}

/* cross-reference
-------------------------------------------------- */
html[lang="ja-JP"] .cross-reference:before {
	content: "「";
}

html[lang="en-US"] .cross-reference::before,
html[lang="es-ES"] .cross-reference::before,
html[lang="sv-SE"] .cross-reference::before,
html[lang="nl-NL"] .cross-reference::before,
html[lang="tr-TR"] .cross-reference::before,
html[lang="th-TH"] .cross-reference::before,
html[lang="id-ID"] .cross-reference::before,
html[lang="ko-KR"] .cross-reference::before,
html[lang="zh-CN"] .cross-reference::before,
html[lang="zh-TW"] .cross-reference::before {
	content: "“";
}

html[lang="fi-FI"] .cross-reference::before {
	content: "”";
}

html[lang="pl-PL"] .cross-reference::before,
html[lang="cs-CZ"] .cross-reference::before,
html[lang="hu-HU"] .cross-reference::before,
html[lang="sk-SK"] .cross-reference::before,
html[lang="et-EE"] .cross-reference::before,
html[lang="lv-LV"] .cross-reference::before,
html[lang="lt-LT"] .cross-reference::before,
html[lang="ro-RO"] .cross-reference::before,
html[lang="sr-Latn"] .cross-reference::before,
html[lang="sr-Cyrl-RS"] .cross-reference::before,
html[lang="bg-BG"] .cross-reference::before {
	content: "„";
}

html[lang="de-DE"] .cross-reference::before,
html[lang="sl-SI"] .cross-reference::before {
	content: "»";
}

html[lang="fr-FR"] .cross-reference::before {
	content: "« ";
}

html[lang="nn-NO"] .cross-reference::before,
html[lang="da-DK"] .cross-reference::before,
html[lang="pt-PT"] .cross-reference::before,
html[lang="it-IT"] .cross-reference::before,
html[lang="ar-SA"] .cross-reference::before,
html[lang="hi-IN"] .cross-reference::before {
	content: '"';
}

html[lang="ru-RU"] .cross-reference::before,
html[lang="el-GR"] .cross-reference::before,
html[lang="uk-UA"] .cross-reference::before,
html[lang="kk-KZ"] .cross-reference::before {
	content: "«";
}

html[lang="ja-JP"] .cross-reference:after {
	content: "」";
}

html[lang="en-US"] .cross-reference::after,
html[lang="es-ES"] .cross-reference::after,
html[lang="sv-SE"] .cross-reference::after,
html[lang="fi-FI"] .cross-reference::after,
html[lang="nl-NL"] .cross-reference::after,
html[lang="pl-PL"] .cross-reference::after,
html[lang="hu-HU"] .cross-reference::after,
html[lang="tr-TR"] .cross-reference::after,
html[lang="et-EE"] .cross-reference::after,
html[lang="lv-LV"] .cross-reference::after,
html[lang="ro-RO"] .cross-reference::after,
html[lang="th-TH"] .cross-reference::after,
html[lang="id-ID"] .cross-reference::after,
html[lang="ko-KR"] .cross-reference::after,
html[lang="zh-CN"] .cross-reference::after,
html[lang="zh-TW"] .cross-reference::after {
	content: "”";
}

html[lang="de-DE"] .cross-reference::after,
html[lang="sl-SI"] .cross-reference::after {
	content: "«";
}

html[lang="fr-FR"] .cross-reference::after {
	content: " »";
}

html[lang="nn-NO"] .cross-reference::after,
html[lang="da-DK"] .cross-reference::after,
html[lang="pt-PT"] .cross-reference::after,
html[lang="it-IT"] .cross-reference::after,
html[lang="ar-SA"] .cross-reference::after,
html[lang="hi-IN"] .cross-reference::after {
	content: '"';
}

html[lang="ru-RU"] .cross-reference::after,
html[lang="el-GR"] .cross-reference::after,
html[lang="uk-UA"] .cross-reference::after,
html[lang="kk-KZ"] .cross-reference::after {
	content: "»";
}

html[lang="cs-CZ"] .cross-reference::after,
html[lang="sk-SK"] .cross-reference::after,
html[lang="lt-LT"] .cross-reference::after,
html[lang="sr-Latn"] .cross-reference::after,
html[lang="sr-Cyrl-RS"] .cross-reference::after,
html[lang="bg-BG"] .cross-reference::after {
	content: "“";
}

/* card
-------------------------------------------------- */

/* panel
-------------------------------------------------- */

/* note 
-------------------------------------------------- */
.note {
	border: 1px solid #666;
	padding: 0.5rem;
	margin-bottom: 2rem;
}

.note-header {
	font-weight: bold;
	margin-bottom: 0;
	padding-left: 1.25rem;
	text-indent: -1.25rem;
}

.note-header-caution {
	font-weight: bold;
	margin-bottom: 0;
	padding-left: 1.5rem;
	text-indent: -1.5rem;
}

.note-header-caution::before {
	content: "D";
	font-family: '01xnb';
	font-size: 1.25rem;
	font-weight: normal;
	line-height: 1;
	margin-right: 0.25rem;
}

.note-header-note {
	font-weight: bold;
	margin-bottom: 0;
}

.note-header-note::before {
	content: "Tip: ";
}

html[lang="ar-SA"] .note-header-note::before {content: "تلميح: ";}
html[lang="bg-BG"] .note-header-note::before {content: "Съвет: ";}
html[lang="cs-CZ"] .note-header-note::before {content: "Tip: ";}
html[lang="da-DK"] .note-header-note::before {content: "Tip: ";}
html[lang="de-DE"] .note-header-note::before {content: "Tipp: ";}
html[lang="el-GR"] .note-header-note::before {content: "Συμβουλή: ";}
html[lang="es-ES"] .note-header-note::before {content: "Información detallada: ";}
html[lang="et-EE"] .note-header-note::before {content: "Näpunäide: ";}
html[lang="fi-FI"] .note-header-note::before {content: "Vinkki: ";}
html[lang="fr-FR"] .note-header-note::before {content: "Conseil : ";}
html[lang="hu-HU"] .note-header-note::before {content: "Tipp: ";}
html[lang="id-ID"] .note-header-note::before {content: "Informasi: ";}
html[lang="it-IT"] .note-header-note::before {content: "Suggerimento: ";}
html[lang="ja-JP"] .note-header-note::before {content: "ヒント：";}
html[lang="kk-KZ"] .note-header-note::before {content: "Кеңес: ";}
html[lang="ko-KR"] .note-header-note::before {content: "팁: ";}
html[lang="lt-LT"] .note-header-note::before {content: "Patarimas: ";}
html[lang="lv-LV"] .note-header-note::before {content: "Padoms: ";}
html[lang="nl-NL"] .note-header-note::before {content: "Tip: ";}
html[lang="nn-NO"] .note-header-note::before {content: "Tips: ";}
html[lang="pl-PL"] .note-header-note::before {content: "Wskazówka: ";}
html[lang="pt-PT"] .note-header-note::before {content: "Sugestão: ";}
html[lang="ro-RO"] .note-header-note::before {content: "Sfat: ";}
html[lang="ru-RU"] .note-header-note::before {content: "Подсказка: ";}
html[lang="sk-SK"] .note-header-note::before {content: "Tip: ";}
html[lang="sl-SI"] .note-header-note::before {content: "Nasvet: ";}
html[lang="sr-Latn"] .note-header-note::before {content: "Savet: ";}
html[lang="sr-Cyrl-RS"] .note-header-note::before {content: "Савэт: ";}
html[lang="sv-SE"] .note-header-note::before {content: "Tips: ";}
html[lang="tr-TR"] .note-header-note::before {content: "İpucu: ";}
html[lang="uk-UA"] .note-header-note::before {content: "Порада: ";}
html[lang="zh-CN"] .note-header-note::before {content: "提示：";}
html[lang="zh-TW"] .note-header-note::before {content: "提示：";}

.note .accordion_title {
	border-bottom: 2px dotted #333;
	margin-top: 1rem;
}

.note .accordion_title:first-child {
	margin-top: 0;
}

/* rnum
-------------------------------------------------- */

/* inline icon
-------------------------------------------------- */
.img-inline {
	height: 1em;
	width: auto;
	margin: 0 0.125em;
}

h2 > .img-inline {
	height: 0.8em;
    vertical-align: baseline;
}

/* caption
-------------------------------------------------- */
.caption {
    text-align: center;
    margin-bottom: 2rem;
}

/* font size
-------------------------------------------------- */
.font-size-1em {
	font-size: 1em;
}

.font-size-13rem {
	font-size: 1.3rem;
}

.font-size-15em {
	font-size: 1.5em;
}

.font-size-2em {
	font-size: 2em;
}

.font-size-3em {
	font-size: 3em;
}

.font-size-4em {
	font-size: 4em;
}

/* unorderd list
-------------------------------------------------- */
ul {
	padding-left: 1rem;
}

ol li ul {
    list-style: disc;
    margin-bottom: 1rem;
}

ul li ul {
    margin-bottom: 1rem;
}

ul li ul li {
    list-style: none;
    position: relative;
}

ul li ul li::before {
    display: inline-block;
    content: "-";
    margin-left: -1rem;
    width: 1rem;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}

/* orderd list
-------------------------------------------------- */

/* definition list
-------------------------------------------------- */
dt {
    margin-bottom: 0.25rem;
}

dd {
    margin-left: 1rem;
    margin-bottom: 1.5rem;
}

dl.bullet dt {
	margin-left: 1.25rem;
	text-indent: -1.25rem;
}

dl.bullet dt::before {
	content: "●";
	margin-right: 0.625rem;
}

dl.bullet dd {
	margin-left: 1.25rem;
}

/* numberd (circled number) 
-------------------------------------------------- */
dl.numberd dt {
	margin-left: 1.75rem;
    text-indent: -1.75rem;
}

dl.numberd dd {
	margin-left: 1.75rem;
}

ol.numberd > li .rnum,
dl.numberd dt > .rnum {
	margin-left: 0;
}

/* procedure (step)
-------------------------------------------------- */
.procedure {
    margin-top: 2rem;
    margin-bottom: 3rem;
    padding-left: 1.5rem;
    counter-reset:step-number;
    list-style-type: none!important;
}

.procedure > li {
    margin-bottom: 2rem;
    position: relative;
    padding-left: 1rem;
}

.procedure > li::before {
   position: absolute;
   counter-increment: step-number;
   content: counter(step-number);
   display: inline-block;
   left: -1.5rem;
   width: 32px;
   color: #858fff;
   font-weight: bold;
   font-style: italic;
   font-size: 1.5rem;
   top: -0.125rem;
   line-height: 1.5rem;
   text-align: right;
}

.procedure > li .step-lead {
    font-weight: 600;
}

/* parentheses
-------------------------------------------------- */

/* table
-------------------------------------------------- */
.table-bordered > tbody > tr > th {
	white-space: normal;
}

.table-bordered,
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
	vertical-align: middle;
    padding: .5rem;
}

.table-bordered > thead > tr > th {
    background-color: #eee;
    text-align: center;
}

.table-bordered > tbody > tr > th {
    text-align: center;
}

@media (min-width: 768px) {
	.table-bordered,
	.table-bordered > thead > tr > th,
	.table-bordered > tbody > tr > th,
	.table-bordered > tfoot > tr > th,
	.table-bordered > thead > tr > td,
	.table-bordered > tbody > tr > td,
	.table-bordered > tfoot > tr > td {
		border-left: none;
	}

	.table-bordered,
	.table-bordered > thead > tr > th:last-child,
	.table-bordered > tbody > tr > td:last-child {
		border-right: none;
	}
}

.table-bordered > thead > tr > th.border-right,
.table-bordered > tbody > tr > td.border-right {
	border-right: 1px solid #dee2e6;
}

.table-bordered > thead > tr > th.border-left,
.table-bordered > tbody > tr > td.border-left,
.table-bordered > tbody > tr > th.border-left {
	border-left: 1px solid #dee2e6;
}

.w-5 {width: 5% !important;}
.w-10 {width: 10% !important;}
.w-15 {width: 15% !important;}
.w-20 {width: 20% !important;}
.w-30 {width: 30% !important;}
.w-35 {width: 35% !important;}
.w-40 {width: 40% !important;}
.w-45 {width: 45% !important;}
.w-55 {width: 55% !important;}
.w-60 {width: 60% !important;}
.w-65 {width: 65% !important;}
.w-70 {width: 70% !important;}
.w-80 {width: 80% !important;}
.w-85 {width: 85% !important;}
.w-90 {width: 90% !important;}
.w-95 {width: 95% !important;}

.vertical-align-top, .vertical-align-top th, .vertical-align-top td {vertical-align: top !important;}
.vertical-align-middle, .vertical-align-middle th, .vertical-align-middle td {vertical-align: middle !important;}
.vertical-align-bottom, .vertical-align-bottom th, .vertical-align-bottom td {vertical-align: bottom !important;}

/* pager
-------------------------------------------------- */
nav[aria-label="Page navigation"] {
    margin-top: 5rem;
}

.page-item:first-child .page-link, .page-item:last-child .page-link {
	border: 2px solid #858fff;
	border-radius: .25rem;
	width: 3rem;
	height: 3rem;
    background-color: #858fff;
	color: #fff;
	font-size: 1.5rem;
	text-align: center;
}

.page-item:first-child .page-link:hover, .page-item:last-child .page-link:hover {
	opacity: 1;
	background-color: #fff;
	color: #858fff;
	transition: all 400ms ease-in-out 0s;
}

/* footer
-------------------------------------------------- */
footer {
	border-top: 1px solid #d4d4d4;
	padding-top: 1rem;
	font-size: small;
	text-align: right;
}

footer ul {
	float: left;
}

/* page_top
-------------------------------------------------- */
#page_top {
	width: 3rem;
	height: 3rem;
	position: fixed;
	right: 15px;
	bottom: 1rem;
	background-color: #858fff;
	border: 2px solid #858fff;
	border-radius: .25rem;
	display: none;
}

#page_top:hover {
    background-color: #fff;
	transition: all 400ms ease-in-out 0s;
}

#page_top a {
	position: relative;
	display: block;
	width: 3rem;
	height: 3rem;
	color: #fff;
	text-decoration: none;
}

#page_top a:hover {
    color: #858fff;
    transition: all 400ms ease-in-out 0s;
}

#page_top a .fas {
	font-size: 1.5rem;
	position: absolute;
	top: 0.75rem;
	left: calc(50% - 10px);
}

/* accordion
-------------------------------------------------- */
.accordion_title {
	cursor: pointer;
}

.accordion_title:hover {
	opacity: 0.8;
}

.accordion_inner {
	display: none;
	margin: 0.5rem;
}

.note .accordion_inner {
	display: block;
}

.note .accordion_title, .note .on {
	position: relative;
	padding-right: 1.5rem;
}

.note .accordion_title::after {
	position: absolute;
    display: block;
	right: 0;
	bottom: 0;
    font-family: 'Font Awesome 5 Free';
    margin-left: 1em;
	text-indent: 0;
    content: "\f068";
}

.note .on::after {
    content: "\f067";
}

/* toc
-------------------------------------------------- */

/* print
-------------------------------------------------- */
@media print {
    header,
    form,
    .breadcrumb,
    nav[aria-label="Page navigation"],
    footer {
        display: none;
    }

    .accordion_inner {
        display: block;
    }
}

/* arabic direction
-------------------------------------------------- */
.r2l {
	direction: rtl !important;
	text-align: right;
}

.l2r {
	direction: ltr !important;
	text-align: left;
}

html[lang="ar-SA"] {
	direction: rtl;
    text-align: right;
}

html[lang="ar-SA"] body {
	direction: rtl;
    text-align: right;
}

html[lang="ar-SA"] header, html[lang="ar-SA"] footer {
	direction: ltr;
}

html[lang="ar-SA"] header .list-group {
	text-align: left;
}

html[lang="ar-SA"] nav[aria-label="Page navigation"] {
	direction: ltr;
}

html[lang="ar-SA"] main > .row {
	flex-direction: row;
}

html[lang="ar-SA"] main > .row > div:nth-child(1) {
	order: 2;
}

html[lang="ar-SA"] main > .row > div:nth-child(2) {
	order: 1;
}

html[lang="ar-SA"] .offset-1 {margin-left: 0; margin-right: 8.333333%;}
html[lang="ar-SA"] .offset-2 {margin-left: 0; margin-right: 16.666667%;}
html[lang="ar-SA"] .offset-3 {margin-left: 0; margin-right: 25%;}
html[lang="ar-SA"] .offset-4 {margin-left: 0; margin-right: 33.333333%;}
html[lang="ar-SA"] .offset-5 {margin-left: 0; margin-right: 41.666667%;}
html[lang="ar-SA"] .offset-6 {margin-left: 0; margin-right: 50%;}
html[lang="ar-SA"] .offset-7 {margin-left: 0; margin-right: 58.333333%;}
html[lang="ar-SA"] .offset-8 {margin-left: 0; margin-right: 66.666667%;}
html[lang="ar-SA"] .offset-9 {margin-left: 0; margin-right: 75%;}
html[lang="ar-SA"] .offset-10 {margin-left: 0; margin-right: 83.333333%;}
html[lang="ar-SA"] .offset-11 {margin-left: 0; margin-right: 91.666667%;}

@media (min-width: 576px) {
	html[lang="ar-SA"] .offset-sm-0 {margin-left: 0; margin-right: 0;}
	html[lang="ar-SA"] .offset-sm-1 {margin-left: 0; margin-right: 8.333333%;}
	html[lang="ar-SA"] .offset-sm-2 {margin-left: 0; margin-right: 16.666667%;}
	html[lang="ar-SA"] .offset-sm-3 {margin-left: 0; margin-right: 25%;}
	html[lang="ar-SA"] .offset-sm-4 {margin-left: 0; margin-right: 33.333333%;}
	html[lang="ar-SA"] .offset-sm-5 {margin-left: 0; margin-right: 41.666667%;}
	html[lang="ar-SA"] .offset-sm-6 {margin-left: 0; margin-right: 50%;}
	html[lang="ar-SA"] .offset-sm-7 {margin-left: 0; margin-right: 58.333333%;}
	html[lang="ar-SA"] .offset-sm-8 {margin-left: 0; margin-right: 66.666667%;}
	html[lang="ar-SA"] .offset-sm-9 {margin-left: 0; margin-right: 75%;}
	html[lang="ar-SA"] .offset-sm-10 {margin-left: 0; margin-right: 83.333333%;}
	html[lang="ar-SA"] .offset-sm-11 {margin-left: 0; margin-right: 91.666667%;}
}

@media (min-width: 768px) {
	html[lang="ar-SA"] .offset-md-0 {margin-left: 0; margin-right: 0;}
	html[lang="ar-SA"] .offset-md-1 {margin-left: 0; margin-right: 8.333333%;}
	html[lang="ar-SA"] .offset-md-2 {margin-left: 0; margin-right: 16.666667%;}
	html[lang="ar-SA"] .offset-md-3 {margin-left: 0; margin-right: 25%;}
	html[lang="ar-SA"] .offset-md-4 {margin-left: 0; margin-right: 33.333333%;}
	html[lang="ar-SA"] .offset-md-5 {margin-left: 0; margin-right: 41.666667%;}
	html[lang="ar-SA"] .offset-md-6 {margin-left: 0; margin-right: 50%;}
	html[lang="ar-SA"] .offset-md-7 {margin-left: 0; margin-right: 58.333333%;}
	html[lang="ar-SA"] .offset-md-8 {margin-left: 0; margin-right: 66.666667%;}
	html[lang="ar-SA"] .offset-md-9 {margin-left: 0; margin-right: 75%;}
	html[lang="ar-SA"] .offset-md-10 {margin-left: 0; margin-right: 83.333333%;}
	html[lang="ar-SA"] .offset-md-11 {margin-left: 0; margin-right: 91.666667%;}
}

@media (min-width: 992px) {
	html[lang="ar-SA"] .offset-lg-0 {margin-left: 0; margin-right: 0;}
	html[lang="ar-SA"] .offset-lg-1 {margin-left: 0; margin-right: 8.333333%;}
	html[lang="ar-SA"] .offset-lg-2 {margin-left: 0; margin-right: 16.666667%;}
	html[lang="ar-SA"] .offset-lg-3 {margin-left: 0; margin-right: 25%;}
	html[lang="ar-SA"] .offset-lg-4 {margin-left: 0; margin-right: 33.333333%;}
	html[lang="ar-SA"] .offset-lg-5 {margin-left: 0; margin-right: 41.666667%;}
	html[lang="ar-SA"] .offset-lg-6 {margin-left: 0; margin-right: 50%;}
	html[lang="ar-SA"] .offset-lg-7 {margin-left: 0; margin-right: 58.333333%;}
	html[lang="ar-SA"] .offset-lg-8 {margin-left: 0; margin-right: 66.666667%;}
	html[lang="ar-SA"] .offset-lg-9 {margin-left: 0; margin-right: 75%;}
	html[lang="ar-SA"] .offset-lg-10 {margin-left: 0; margin-right: 83.333333%;}
	html[lang="ar-SA"] .offset-lg-11 {margin-left: 0; margin-right: 91.666667%;}
}

@media (min-width: 1200px) {
	html[lang="ar-SA"] .offset-xl-0 {margin-left: 0; margin-right: 0;}
	html[lang="ar-SA"] .offset-xl-1 {margin-left: 0; margin-right: 8.333333%;}
	html[lang="ar-SA"] .offset-xl-2 {margin-left: 0; margin-right: 16.666667%;}
	html[lang="ar-SA"] .offset-xl-3 {margin-left: 0; margin-right: 25%;}
	html[lang="ar-SA"] .offset-xl-4 {margin-left: 0; margin-right: 33.333333%;}
	html[lang="ar-SA"] .offset-xl-5 {margin-left: 0; margin-right: 41.666667%;}
	html[lang="ar-SA"] .offset-xl-6 {margin-left: 0; margin-right: 50%;}
	html[lang="ar-SA"] .offset-xl-7 {margin-left: 0; margin-right: 58.333333%;}
	html[lang="ar-SA"] .offset-xl-8 {margin-left: 0; margin-right: 66.666667%;}
	html[lang="ar-SA"] .offset-xl-9 {margin-left: 0; margin-right: 75%;}
	html[lang="ar-SA"] .offset-xl-10 {margin-left: 0; margin-right: 83.333333%;}
	html[lang="ar-SA"] .offset-xl-11 {margin-left: 0; margin-right: 91.666667%;}
}

html[lang="ar-SA"] .breadcrumb-item + .breadcrumb-item {
	padding-left: 0;
	padding-right: .5rem;
}

html[lang="ar-SA"] .breadcrumb-item + .breadcrumb-item::before {
	padding-right: 0;
	padding-left: .5rem;
}

html[lang="ar-SA"] h3 {
	padding-left: 0;
	padding-right: 12px;
    border-left: none;
    border-right: 12px solid #808080;
}

html[lang="ar-SA"] h4 {
	padding-left: 0;
	padding-right: 24px;
}

html[lang="ar-SA"] h4::before {
	margin-right: 0;
	margin-left: .25rem;
}

html[lang="ar-SA"] .text-left {
	text-align: right !important;
}

html[lang="ar-SA"] .text-right {
	text-align: left !important;
}

html[lang="ar-SA"] .footnote-number {
    margin-left: 0;
    margin-right: 1.5rem;
}

html[lang="ar-SA"] .footnote-number::before {
    text-align: left;
    margin-left: 0;
    margin-right: -1.5rem;
    left: auto;
    right: 0;
}

html[lang="ar-SA"] .footnote-asterisk {
    margin-left: 0;
    margin-right: 1rem;
}

html[lang="ar-SA"] .footnote-asterisk::before {
    margin-left: 0;
    margin-right: -1rem;
    left: auto;
    right: 0;
}

html[lang="ar-SA"] .anchor li {
	padding-left: 0;
	padding-right: 18px;
}

html[lang="ar-SA"] .anchor li::before {
	margin-right: 0;
	margin-left: .5rem;
}

html[lang="ar-SA"] .link li {
	padding-left: 0;
	padding-right: 20px;
}

html[lang="ar-SA"] .link li::before {
	margin-right: 0;
	margin-left: .5rem;
}

html[lang="ar-SA"] .note-text-caution, html[lang="ar-SA"] .note-text-note {
	padding-left: 0;
	padding-right: 1.5rem;
}

html[lang="ar-SA"] .note-text-caution:before {
	margin-right: 0;
	margin-left: 0.25rem;
}

html[lang="ar-SA"] .note-text-note:before {
	margin-right: 0;
	margin-left: 0.25rem;
}

html[lang="ar-SA"] .note-header {
	padding-left: 0;
	padding-right: 1.25rem;
}

html[lang="ar-SA"] .note-header-caution {
	padding-left: 0;
	padding-right: 1.5rem;
	text-indent: 0;
}

html[lang="ar-SA"] .note-header-caution::before {
	margin-right: 0;
	margin-left: 0.25rem;
}

html[lang="ar-SA"] ul {
	padding-left: 0;
	padding-right: 1rem;
}

html[lang="ar-SA"] ul.l2r {
	padding-left: 1rem;
	padding-right: 0;
}

html[lang="ar-SA"] ul li ul li::before {
    margin-left: 0;
    margin-right: -1rem;
    left: auto;
    right: 0;
}

html[lang="ar-SA"] _::-webkit-full-page-media, _:future, :root ul > li .row {
	margin-left: -15px !important;
	margin-right: 0 !important;
}

html[lang="ar-SA"] _::-webkit-full-page-media, _:future, :root ul > li .row > *:first-child {
	padding-left: 15px !important;
	padding-right: 0 !important;
}

html[lang="ar-SA"] dd {
    margin-left: 0;
    margin-right: 1rem;
}

html[lang="ar-SA"] dl.bullet dt {
	margin-left: 0;
	margin-right: 1.25rem;
}

html[lang="ar-SA"] dl.bullet dt::before {
	margin-right: 0;
	margin-left: 0.625rem;
}

html[lang="ar-SA"] dl.numberd dt {
	margin-left: 0;
	margin-right: 1.75rem;
}

html[lang="ar-SA"] dl.numberd dd {
	margin-left: 0;
	margin-right: 1.75rem;
}

html[lang="ar-SA"] dl.numberd dt > .rnum {
	margin-left: 0.25rem;
	margin-right: 0;
}

html[lang="ar-SA"] .procedure {
    padding-left: 0;
    padding-right: 1.5rem;
}

html[lang="ar-SA"] .procedure > li {
    padding-left: 0;
    padding-right: 1rem;
}

html[lang="ar-SA"] .procedure > li::before {
   left: auto;
   right: -1.5rem;
   text-align: left;
}

@media (min-width: 768px) {
	html[lang="ar-SA"] .table-bordered,
	html[lang="ar-SA"] .table-bordered > thead > tr > th,
	html[lang="ar-SA"] .table-bordered > tbody > tr > th,
	html[lang="ar-SA"] .table-bordered > tfoot > tr > th,
	html[lang="ar-SA"] .table-bordered > thead > tr > td,
	html[lang="ar-SA"] .table-bordered > tbody > tr > td,
	html[lang="ar-SA"] .table-bordered > tfoot > tr > td {
		border-left: #dee2e6 1px solid;
		border-right: none !important;
	}
	
	html[lang="ar-SA"] .table-bordered,
	html[lang="ar-SA"] .table-bordered > thead > tr > th:last-child,
	html[lang="ar-SA"] .table-bordered > tbody > tr > td:last-child {
		border-right: #dee2e6 1px solid;
		border-left: none;
	}
    
    html[lang="ar-SA"] .table-bordered > thead > tr > th.border-right,
    html[lang="ar-SA"] .table-bordered > tbody > tr > td.border-right {
	border-left: #dee2e6 1px solid;
    }
    
    html[lang="ar-SA"] .table-bordered > thead > tr > th.border-left,
    html[lang="ar-SA"] .table-bordered > tbody > tr > td.border-left,
    html[lang="ar-SA"] .table-bordered > tbody > tr > th.border-left {
	border-right: #dee2e6 1px solid;
    }
}

html[lang="ar-SA"] #page_top a .fas {
	left: inherit;
	right: calc(50% - 10px);
}

html[lang="ar-SA"] .note .accordion_title, html[lang="ar-SA"] .note .on {
  padding-right: 0;
  padding-left: 1.5rem;
}

html[lang="ar-SA"] .note .accordion_title::after {
	right: inherit;
	left: 0;
    margin-left: 0;
    margin-right: 1em;
}

/* conditional
-------------------------------------------------- */

/* for MTS
-------------------------------------------------- */
#disclaimer .note {
  background-color: #eee;
  border: none;
  padding: 0.5rem;
  margin-bottom: 2rem;
}

#disclaimer .accordion_title {
    border-bottom: 2px solid #333;
}

#disclaimer .accordion_title::after {
	content: "\f067";
}

#disclaimer .accordion_inner {
    display: none;
}

#disclaimer .on::after {
	content: "\f068";
}

/* edit 
-------------------------------------------------- */
.dir1 {
	color: red;
}

.dir2 {
	color: rebeccapurple;
}

.dir3 {
	color: deepskyblue;
}

.dir4 {
	color: magenta;
}

.dir5 {
	color: magenta;
}

.dir6 {
	color: magenta;
}

.tbd {
	color: darkgreen;
}

.delete {
	text-decoration: line-through;
}