@font-face {
    font-family: 'SWDRounded';
    src: url('./fonts/Web/svd-rounded_regular/svd-rounded_regular.woff2') format('woff2'),
         url('./fonts/Web/svd-rounded_regular/svd-rounded_regular.woff') format('woff'),
         url('./fonts/TTF/svd-rounded_regular.ttf') format('truetype');
    font-weight: normal; /* Обычное начертание */
    font-style: normal;
}

@font-face {
    font-family: 'SWDRounded';
    src: url('./fonts/Web/svd-rounded_bold/svd-rounded_bold.woff2') format('woff2'),
         url('./fonts/Web/svd-rounded_bold/svd-rounded_bold.woff') format('woff'),
         url('./fonts/TTF/svd-rounded_bold.ttf') format('truetype');
    font-weight: bold; /* Жирное начертание */
    font-style: normal;
}

    :root {
  --shadow-color-rgb: 0, 0, 0;
  --bg-color-rgb: 255, 255, 255;
  --bg-color: #ffffff;
  --toc-highlitht-color: #E6ECFF;
  --light-gray-color: #dddddd;
  --gray-color: #aaaaaa;
  --dark-gray-color: #5a5a5a;
  --gray-black-color: #333333;
  --text-color: #000000;
  --turquoise-color: #D2FFFF;
  --dark-turquoise-color: #72CEFF;
  --light-blue-color: #00adee;
  --link-color: #5f83a8;
  --blue-color: #1B5AA4;
  --saturated-blue-color: #0040E0;
  --dark-blue-color: #00009E;
  --lite-green-color: #70a0a0;
  --mustard-color: #7F7F00;
  --green-color: #009E00;
  --pink-color: #E4357B;
  --purple-color: #BA55D3;
  --dark-purple-color: #7E2A7A;
  --brown-color: brown;
  --lite-yellow-color: #fffDD6;
  --yellow-color: #fff671;
}
:root[data-theme="dark"] {
  --shadow-color-rgb: 255, 255, 255;
  --bg-color-rgb: 0, 0, 0;
  --bg-color: #232323;
  --toc-highlitht-color: #2A3A5A;
  --light-gray-color: #3a3a3a;
  --gray-color: #666666;
  --dark-gray-color: #9e9e9e;
  --gray-black-color: #e0e0e0;
  --text-color: #e0e0e0;
  --turquoise-color: #007A9933;
  --dark-turquoise-color: #006D75;
  --light-blue-color: #1B5AA4;
  --link-color: #7EB6FF;
  --blue-color: #64B5F6;
  --saturated-blue-color: #448AFF;
  --dark-blue-color: #1565C0;
  --lite-green-color: #4DB6AC;
  --mustard-color: #FFD54F;
  --green-color: #81C784;
  --pink-color: #F06292;
  --purple-color: #BA68C8;
  --dark-purple-color: #9C27B0;
  --brown-color: #c75c5c;
  --lite-yellow-color: #a8993233;
  --yellow-color: #FFD600;
}
.unresolved { background-color: skyblue; }
.noTemplate { background-color: yellow; }
body {
	padding: 0px;
	margin-left: 20px;
	margin-right: 20px;
	background-color: transparent;
	font: 13px  'SWDRounded';
	line-height: 22px;
	color: var(--gray-black-color);
}
p {
	margin-left:0px;
	margin-right:0px;
    line-height: 125%;
}
dl {
	margin-left: 0px;
	margin-right:0px;
}
.opt {
	font-family: "Courier New", Courier, monospace;
}
.h1, h1 {
	font: 19px  'SWDRounded';
	line-height: 24px;
	font-weight: normal;
	color: var(--blue-color);
	margin-left: 0px;
}
.h2,  h2 {
	font: 15px  'SWDRounded';
	line-height: 20px;
	color: var(--blue-color);
	font-weight: bold;
	margin-top: 40px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.h3, h3 {
	font: 14px  'SWDRounded';
	line-height: 13px;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 0px;
	color: var(--dark-gray-color);
	margin-left: 0px;
}
.h4, h4 {
	font: 13px  'SWDRounded';
	line-height: 19px;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 0px;
	color: var(--dark-gray-color);
	margin-left: 0px;
}
td {
	padding: 3px;
	margin: 10px;
	background-color: transparent;
	font: 13px  'SWDRounded';
	line-height: 140%;
	color: var(--gray-black-color);
}
 a:link.PREPROCESSOR_LINK, a:link{ color: var(--link-color); text-decoration: none; }
 a:visited.PREPROCESSOR_LINK, a:visited { color: var(--link-color); text-decoration: none; }
 a:hover.PREPROCESSOR_LINK { color: var(--dark-blue-color); text-decoration: none; }
 a:hover { color: var(--blue-color); text-decoration: none; }
.p, .widetext p {
	font-family: 'SWDRounded';
	font-size: 12px;
	line-height: 16px;
	margin-top: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	margin-right:0px;
}
.td {
	margin: 5px;
	text-align: left;
}
.ul {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
}
ul li {
	background: transparent url('images/bullet_round.png') no-repeat 0px 9px;
	list-style: none;
	padding-left: 12px;
	margin-left: 16px;
	margin-right: 16px;
}
ul li li {
	background: transparent url('images/bullet_2.png') no-repeat 0px 9px;
	list-style: none;
	padding-left: 12px;
	margin-left: 16px;
	margin-right: 16px;
}
.li {
	background: transparent url('images/bullet_round.png') no-repeat 0px 9px;
	padding-left: 12px;
	margin-left: 16px;
	margin-right: 16px;
}
.li li {
	background: transparent url('images/bullet_2.png') no-repeat 0px 9px;
	list-style: none;
}
.li li li, #list3 {
	background: transparent url('images/bullet_2.png') no-repeat 0px 9px;
}
.ol {
	margin-left: 0px;
	padding-left: 20px;
}
.ol li {
	background: none;
	margin: 0px 0px 9px 0px;
	padding-left: 0px;
	margin-right: 10px;
}
div.parentlink {
	margin-left:0px;
}
div.p {
	margin-left:0px;
}
div {
	margin-left:0px;
	margin-right:0px;
}
span {
	margin-left:0px;
}
pre {
	margin-left:0px;
	margin-right:0px;
}
p.pre {
	margin-left:0px;
	margin-right:0px;
}
.codeph {
	font-family: courier, monospace;
	font-weight: bold;
	color: var(--brown-color);
}
dl.PREPROCESSOR_SINCE {
	display: inline-block;
}
dt.PREPROCESSOR_SINCE {
	background-color:    var(--turquoise-color);
	background-image:    linear-gradient(var(--dark-turquoise-color), var(--dark-turquoise-color));
	background-repeat:   no-repeat;
	background-size:     5px 100%;
	background-position: 0 100%;
	padding-left:        15px;
	padding-right:       10px;
}
dl.PREPROCESSOR_DEPRECATED {
	display: inline-block;
}
dt.PREPROCESSOR_DEPRECATED {
	background-color:    var(--lite-yellow-color);
	background-image:    linear-gradient(var(--yellow-color), var(--yellow-color));
	background-repeat:   no-repeat;
	background-size:     5px 100%;
	background-position: 0 100%;
	padding-left:        15px;
	padding-right:       10px;
}
pre.synopsis {
	background: var(--light-gray-color);
	font-family: courier, monospace;
	color: var(--brown-color);
	margin-left: 0px;
	margin-right: 10px;
	padding-left: 3%;
	padding-right: 3%;
	padding-top: 3%;
	padding-bottom: 3%;
}
pre.syntax {
	background: var(--light-gray-color);
	font-family: courier, monospace;
	color: var(--brown-color);
	margin-left: 0px;
	margin-right: 10px;
	padding-left: 3%;
	padding-right: 3%;
	padding-top: 3%;
	padding-bottom: 3%;
}
img {
	border: none;
}
/* Generic tables have thin black borders. Headers have a grey fill. */
table, th, td {
    table-layout: auto;
    margin: 1em;
    empty-cells: show;
    border-collapse: collapse;
    border: 1px solid var(--text-color);
    padding:5px;
}
th {
    background-color: var(--light-gray-color);
}
/* Tables for notes, cautions, and warnings have horizontal, but no vertical,
   borders. Make the hairlines above and below invisible. */

hr.note, hr.caution, hr.warning {
    visibility:hidden;
    margin: 0;
}
table.note, table.caution, table.warning {
	background-color: transparent;
    margin: 1em;
    width:97%;
    table-layout: auto;
    padding:2px;
}
td.noteicon, td.cautionicon, td.warningicon {
    width: 45px;
    padding-top:5px;
    padding-bottom:5px;
    border-left: 0px;
    border-right: 0px;
}
table.note, th.note, td.note,
table.caution, th.caution, td.caution,
table.warning, th.warning, td.warning {
    margin: 1em;
    empty-cells: show;
    border-collapse: collapse;
    border-top: 1px solid var(--text-color);
    border-bottom: 1px solid var(--text-color);
    border-left: 0px;
    border-right: 0px;
    padding:2px;
}
/* Tables for the navigation buttons and onesteps have no borders. */
table.nav, th.nav, td.nav,
table.onestep, th.onestep, td.onestep {
    table-layout: auto;
    margin: 1em;
    empty-cells: show;
    border-collapse: collapse;
    border: 0px;
    padding:2px;
}

/***********************************************/
/************* Syntax highlighting *************/
/***********************************************/

.codesamp {
	background: var(--light-gray-color);
	border-left: 5px double var(--gray-color);
	font-family: courier, monospace;
	color: var(--text-color);
	margin-right:  60px;
	margin-left:   40px;
	margin-top:    10px;
	margin-bottom: 10px;
	padding-left: 3%;
	padding-right: 3%;
	padding-top: 20px;
	padding-bottom: 20px;
	white-space: pre-wrap;
}
span.keyword, span.keywordflow {
	font-weight: bold;
	color: var(--saturated-blue-color);
}
span.keywordtype {
	font-weight: bold;
	color: var(--saturated-blue-color);
}
span.preprocessor {
	font-weight: bold;
	color: var(--mustard-color);
}
span.comment {
	font-weight: bold;
	font-style: italic;
	color: var(--green-color);
}
span.stringliteral {
	font-weight: bold;
	color: var(--purple-color);
}
span.charliteral {
	font-weight: bold;
	color: var(--pink-color);
}

/**********************************************/
/********** Default description list **********/
/**********************************************/

dl.PREPROCESSOR_DL {
	display:       inline-block;
	page-break-inside: auto;
	width:         97%;
}
span.PREPROCESSOR_DL {
	font-style:    italic;
}
dd.PREPROCESSOR_DL:not(:last-child) {
	margin-bottom: 12px;
}

/**********************************************/
/*************** Safety "table" ***************/
/**********************************************/

dl.PREPROCESSOR_DL_safety {
	display:       inline-block;
	width:         350px;
	border-left:   5px double var(--gray-color);
	border-right:  5px double var(--gray-color);
	height:        calc(100% - 20px);
}
dt.PREPROCESSOR_DL_safety_header {
	background:    var(--light-gray-color);
	font-weight:   bold;
	text-align:    center;
	float:         left;
	width:         350px;
	margin:        0;
}
dt.PREPROCESSOR_DL_safety {
	background:    var(--light-gray-color);
	border-top:    2px solid var(--bg-color);
	border-right:  2px solid var(--bg-color);
	float:         left;
	width:         228px;
	text-align:    center;
	margin:        0;
}
dd.PREPROCESSOR_DL_safety {
	background:    var(--light-gray-color);
	border-top:    2px solid var(--bg-color);
	float:         left;
	width:         120px;
	text-align:    center;
	margin:        0;
}
span.PREPROCESSOR_DL_safety {
	font-style:    italic;
}

/**********************************************/
/************* Execution "table" **************/
/**********************************************/

dl.PREPROCESSOR_DL_execution {
	display:       inline-block;
	width:         350px;
	border-left:   5px double var(--gray-color);
	border-right:  5px double var(--gray-color);
	height:        calc(100% - 20px);
}
dt.PREPROCESSOR_DL_execution_header {
	background:    var(--light-gray-color);
	font-weight:   bold;
	text-align:    center;
	float:         left;
	width:         350px;
	margin:        0;
}
dt.PREPROCESSOR_DL_execution {
	background:    var(--light-gray-color);
	border-top:    2px solid var(--bg-color);
	border-right:  2px solid var(--bg-color);
	float:         left;
	width:         228px;
	text-align:    center;
	margin:        0;
}
dd.PREPROCESSOR_DL_execution {
	background:    var(--toc-highlitht-color);
	border-top:    2px solid var(--bg-color);
	float:         left;
	width:         120px;
	text-align:    center;
	margin:        0;
}
span.PREPROCESSOR_DL_execution {
	font-style:    italic;
}

/*********************************************/
/*************** Marcoses list ***************/
/*********************************************/

dl.PREPROCESSOR_DL_macroses {
	display:           inline-block;
	page-break-inside: auto;
	width:             97%;
}
dt.PREPROCESSOR_DL_macroses_header {
	font-weight:       bold;
}
dd.PREPROCESSOR_DL_macroses:not(:last-child) {
	margin-bottom:     12px;
}
span.PREPROCESSOR_DL_macroses {
	font-weight:       bold;
	color:             var(--mustard-color);
}

/**********************************************/
/**************** Options list ****************/
/**********************************************/

dl.PREPROCESSOR_DL_options {
	display:       inline-block;
	page-break-inside: auto;
	width:         97%;
}
span.PREPROCESSOR_DL_options_1stWORD {
	font-weight:   bold;
	font-style:    normal;
}
span.PREPROCESSOR_DL_options {
	font-style:    italic;
}
dd.PREPROCESSOR_DL_options:not(:last-child) {
	margin-bottom: 12px;
}

/*********************************************/
/*************** Env.vars list ***************/
/*********************************************/

dl.PREPROCESSOR_DL_env {
	display:           inline-block;
	page-break-inside: auto;
	width:             97%;
}
dt.PREPROCESSOR_DL_env_header {
	font-weight:       bold;
}
dd.PREPROCESSOR_DL_env:not(:last-child) {
	margin-bottom:     12px;
}
span.PREPROCESSOR_DL_env {
	font-weight:       bold;
	color:             var(--dark-purple-color);
	text-shadow:       -1px -1px var(--bg-color),
                       -2px -2px var(--bg-color),
                       -1px 1px var(--bg-color),
                       -2px 2px var(--bg-color),
                       1px 1px var(--bg-color),
                       2px 2px var(--bg-color),
                       1px -1px var(--bg-color),
                       2px -2px var(--bg-color),
                       -2px -2px 2px var(--light-gray-color),
                       -2px 2px 2px var(--light-gray-color),
                       2px 2px 2px var(--light-gray-color),
                       2px -2px 2px var(--light-gray-color);
	transition:        all 1s;
}

/*********************************************/
/***************** File list *****************/
/*********************************************/

dl.PREPROCESSOR_DL_files {
	display:           inline-block;
	page-break-inside: auto;
	width:             97%;
}
dt.PREPROCESSOR_DL_files_header {
	font-weight:       bold;
}
dd.PREPROCESSOR_DL_files:not(:last-child) {
	margin-bottom:     12px;
}
span.PREPROCESSOR_DL_files {
	font-weight:       bold;
	color:             var(--text-color);
	text-shadow:       1px 1px var(--bg-color),
                       2px 2px var(--gray-color);
	transition:        all 1s;
}

/*********************************************/
/***************** @output{} *****************/
/*********************************************/

span.PREPROCESSOR_OUTPUT {
	display: inline-block;
	font-weight:    bold;
	background:     var(--light-gray-color);
	border-left:    3px solid var(--gray-color);
	border-right:   3px solid var(--gray-color);
	font-family:    courier, monospace;
	padding-left:   10px;
	padding-right:  10px;
	padding-top:    2px;
	padding-bottom: 2px;
	white-space:    pre;
}

/**********************************************/
/*************** @output{shell} ***************/
/**********************************************/

span.PREPROCESSOR_OUTPUT_shell {
	display: inline-block;
	font-weight:    bold;
	color:          var(--bg-color);
	background:     var(--text-color);
	border-left:    3px solid var(--gray-color);
	border-right:   3px solid var(--gray-color);
	font-family:    courier, monospace;
	padding-left:   10px;
	padding-right:  10px;
	padding-top:    2px;
	padding-bottom: 2px;
	white-space:    pre;
}

/**********************************************/
/************* @output{asciiart} *************/
/**********************************************/

span.PREPROCESSOR_OUTPUT_asciiart {
	display: inline-block;
	font-weight:    bold;
	background:     var(--light-gray-color);
	border-left:    3px solid var(--gray-color);
	border-right:   3px solid var(--gray-color);
	font-family:    courier, monospace;
	padding-left:   10px;
	padding-right:  10px;
	padding-top:    2px;
	padding-bottom: 2px;
	white-space:    pre;
	line-height:    120%;
}

/*********************************************/
/*************** Release Notes ***************/
/*********************************************/

dl.PREPROCESSOR_DL_RN_PROJECT {
	display:               inline-block;
	width:                 98%;
}
dt.PREPROCESSOR_DL_RN_PROJECT_header {
	margin-left:           10px;
}
dt.PREPROCESSOR_DL_RN_PROJECT {
	background:            var(--light-gray-color);
	width:                 100%;
	text-align:            center;
	margin-top:            0px;
	font-weight:           bold;
	padding-bottom:        10px;
	padding-top:           10px;
    box-shadow:            4px 4px rgba(var(--shadow-color-rgb), .4);
    //box-shadow:            1px 3px 10px 0px rgba(var(--shadow-color-rgb), .9);
}
dt.PREPROCESSOR_DL_RN_PROJECT:not(:first-child) {
	margin-top:            70px;
	font-weight:           bold;
}
dd.PREPROCESSOR_DL_RN_PROJECT {
}
span.PREPROCESSOR_DL_RN_PROJECT {
	font-weight:           bold;
}
dl.PREPROCESSOR_DL_RN_COMPONENT {
	margin-left:           -40px;
}
dt.PREPROCESSOR_DL_RN_COMPONENT_header {
	margin-left:           10px;
}
dt.PREPROCESSOR_DL_RN_COMPONENT {
	margin-left:           10px;
	margin-top:            30px;
	margin-bottom:         -20px;
}
dl dd.PREPROCESSOR_DL_RN_COMPONENT {
    box-shadow:            4px 4px rgba(var(--shadow-color-rgb), .3);
    //box-shadow:            1px 3px 10px 0px rgba(var(--shadow-color-rgb), .9);
    margin:                40px 0 0 40px;
    background:            var(--light-gray-color);
    padding:               5px;
}
span.PREPROCESSOR_DL_RN_COMPONENT {
//	text-transform:        uppercase;
//    font-size:             larger;
	color:                 var(--lite-green-color);
	font-weight:           bold;
}
dl.PREPROCESSOR_DL_RN_ENTRY {
	display:               grid;
	grid-template-columns: max-content auto;
	margin-left:           40px;
}
dt.PREPROCESSOR_DL_RN_ENTRY_header {
	grid-column-start:     span 2;
	background:            var(--light-gray-color);
	width:                 100%;
	text-align:            center;
	margin-top:            15px;
}
dt.PREPROCESSOR_DL_RN_ENTRY {
	margin-top:            15px;
	grid-column-start:     1;
	text-align:            left;
}
dd.PREPROCESSOR_DL_RN_ENTRY {
	grid-column-start:     2;
	display:               list-item;
	list-style-position:   inside;
	list-style-type:       circle;
	-webkit-margin-start:  20px;
	list-style-position:   outside;
}
dt.PREPROCESSOR_DL_RN_ENTRY + dd.PREPROCESSOR_DL_RN_ENTRY {
	margin-top:            15px;
	grid-column-start:     2;
}
span.PREPROCESSOR_DL_RN_ENTRY {
}
td.PREPROCESSOR_DL_RN_ENTRY:first-child {
	vertical-align:        top;
}
dd.PREPROCESSOR_DL_RN_ENTRY div.PREPROCESSOR_DL_RN_ENTRY div.PREPROCESSOR_SINCE dl.PREPROCESSOR_SINCE {
	padding:               0px;
	margin:                0px;
	margin-top:            5px;
	webkit-margin:         0px;
}
dd.PREPROCESSOR_DL_RN_ENTRY div.PREPROCESSOR_DL_RN_ENTRY div.PREPROCESSOR_DEPRECATED dl.PREPROCESSOR_DEPRECATED {
	padding:               0px;
	margin:                0px;
	margin-top:            5px;
	webkit-margin:         0px;
}
table.PREPROCESSOR_DL_RN_ENTRY {
    border-width:          0;
    width:                 98%;
}
td.PREPROCESSOR_DL_RN_ENTRY {
    border-width:          0;
    background:            var(--light-gray-color);
}
td.PREPROCESSOR_DL_RN_ENTRY_CAPTION {
    border-width:          0;
    background:            var(--light-gray-color);
    width:                 130px;
    vertical-align:        top;
}
td.PREPROCESSOR_DL_RN_ENTRY_SUBCAPTION {
    border-width:          0;
    background:            var(--light-gray-color);
    width:                 200px;
    vertical-align:        top;
    padding-left:          10px;
}
tr.PREPROCESSOR_DL_RN_ENTRY:not(:last-child) td:not(:first-child) {
    border-bottom:         2px outset var(--light-gray-color);
    padding-bottom:        25px;
}
tr.PREPROCESSOR_DL_RN_ENTRY:not(:first-child) td {
    padding-top:           25px;
}

/*********************************************/
/************** Private blocks ***************/
/*********************************************/

fieldset.PREPROCESSOR_INTERNAL {
	position:              relative;
	line-height:           1.2em;
	border-color:          var(--saturated-blue-color);
	background-color:      var(--toc-highlitht-color);
	padding:               9px;
	padding-top:           7px;
	padding-bottom:        15px;
	margin:                5px;
	margin-bottom:         14px;
}
legend.PREPROCESSOR_INTERNAL {
	color:                 var(--dark-blue-color);
	font-weight:           bold;
	font-size:             8pt;
}
div.PREPROCESSOR_INTERNAL {
	color:                 var(--dark-blue-color);
	font-weight:           bold;
	font-size:             8pt;
	position:              absolute;
	bottom:                -7px;
	left:                  10px;
	line-height:           1.2em;
	background-image:      linear-gradient(var(--toc-highlitht-color), var(--toc-highlitht-color));
	background-repeat:     no-repeat;
	background-size:       100% 10px;
}

/*********************************************/
/************** @@item -> <div> **************/
/*********************************************/

:root {
	--item-left-pad:       50px;
	--item-left-pad-shift: 50px;
}
div.PREPROCESSOR_ITEM {
	display:               list-item;
	list-style-position:   inside;
	list-style-type:       circle;
}
fieldset.PREPROCESSOR_INTERNAL > div.PREPROCESSOR_ITEM {
	transform:             translateX(-15px);
}