html { min-width: 100vw; width: 100vw; min-height:100vh; height:100vh; margin:0px; padding:0px; font-family: Verdana; }
body { padding:0px 0px 0px 0px; margin:0px 0px 3px 0px; background-color: #f4f4f4; min-width: 100%; width: 100%; min-height: 100%; height: 100%; }
.hidden { visibility:hidden !important; display:none !important; }
.hiddenToFB { visibility:hidden !important; display:none !important; }
.fb_show { visibility:hidden !important; display:none !important; }
.fbshow { visibility:hidden !important; display:none !important; }
.fb_only { visibility:hidden !important; display:none !important; }
.fbonly { visibility:hidden !important; display:none !important; }
.fb { visibility:hidden !important; display:none !important; }
.floatl { float:left; }
.floatclear { clear:both; }
.nopadmarg { padding:0px;  margin:0px; }
.nopaddmarg { padding:0px; margin:0px; }
.nopad { padding:0px; }
.nopadd { padding:0px; }
.nomarg { margin:0px; }
.divaround { padding:0.5em; }
.clr { clear:both; height:0px; margin:0px; padding: 0px; }
.tab1 { min-width: 0.6em; }
.tab2 { min-width: 1.2em; }
.tab3 { min-width: 1.8em; }
.box { line-height:1.6em !important; padding:0.6em; margin:0.9em 0em 0.9em 0em; border-radius: 5px; }
.boxlow { line-height:1.3em !important; padding:0.6em; margin:0.3em 0em 0.3em 0em; border-radius: 0.6em; }
.boxhrT { border-top-width: 2px; border-top-style: solid; border-top-color: #b8b8b8; padding:0.6em; margin:0.3em 0em 0.3em 0em; }
.boxhrB { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #b8b8b8; padding:0.6em; margin:0.3em 0em 0.3em 0em; }
.boxhrTB { border-top-width: 2px; border-top-style: solid; border-top-color: #b8b8b8; padding:0.6em; margin:0.3em 0em 0.3em 0em;
           border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #b8b8b8;
         }

.lowt { margin-top: 0.2em; }
.lowb { margin-bottom: 0.2em; }
.lowtb { margin-top: 0.2em; margin-bottom: 0.2em; }
.high { margin:0.9em 0em 0.9em 0em; }
.bkg1 { background-color: #ffffce; }
.bkg2 { background-color: white; }
.bkg3 { background-color: gray; }
.infosrc { color: gray; font-style: italic; }
.php_info { visibility:hidden !important; display:none !important; }
.php_info_end { visibility:hidden !important; display:none !important; }
.php_var { visibility:hidden !important; display:none !important; }
.gray { color: gray; }
.bkglgray { background-color: #e9e9e9; }
.textblack { color:black; }

.bold { font-weight:bold; }
.big { font-size:1.2em; line-height:1.2em; margin: 0.5em 0em; }
.pbig { line-height:1.8em; margin: 0.5em 0em; }
.bbig { font-size:1.2em; font-weight:bold; line-height:1.2em; margin: 0.5em 0em; }
.bbigred { font-size:1.2em; font-weight:bold; line-height:1.2em; margin: 0.5em 0em; color: #D32636; }
.bbigviolet { font-size:1.2em; font-weight:bold; line-height:1.2em; margin: 0.5em 0em; color: #7914CC; }
.bbigblue { font-size:1.2em; font-weight:bold; line-height:1.2em; margin: 0.5em 0em; color: #003AE8; }
.bbigorange { font-size:1.2em; font-weight:bold; line-height:1.2em; margin: 0.5em 0em; color: #d9a808; }
.bbiggreen { font-size:1.2em; font-weight:bold; line-height:1.2em; margin: 0.5em 0em; color: #16c22a; }
.bbigblack { font-size:1.2em; font-weight:bold; line-height:1.2em; margin: 0.5em 0em; color: #000000; }
.bbigcyan { font-size:1.2em; font-weight:bold; line-height:1.2em; margin: 0.5em 0em; color: #04c1c7; }
.bbigbrown { font-size:1.2em; font-weight:bold; line-height:1.2em; margin: 0.5em 0em; color: #970D07; }
.bbigpink { font-size:1.2em; font-weight:bold; line-height:1.2em; margin: 0.5em 0em; color: #FF7171; }
.bbigmagenta { font-size:1.2em; font-weight:bold; line-height:1.2em; margin: 0.5em 0em; color: #f70eff; }

.bbold { font-weight:bold; }
.ital { font-style:italic; }
.bital { font-style:italic; font-weight:bold; }

.bwhite { color: #ffffff; font-weight:bold; }
.byellow { color: #f8f805; font-weight:bold; }
.bviolet { color: #7914CC; font-weight:bold; }
.bblue { color: #003AE8; font-weight:bold; }
.bred { color: #D32636; font-weight:bold; }
.borange { color: #d9a808; font-weight:bold; }
.borange2 { color: #ff910e; font-weight:bold; }
.bgreen { color: #16c22a; font-weight:bold; }
.bcyan { color: #04c1c7; font-weight:bold; }
.bbrown { color: #970D07; font-weight:bold; }
.bpink { color: #FF7171; font-weight:bold; }
.bmagenta { color: #f70eff; font-weight:bold; }
.bblack { color: #000000; font-weight:bold; }

.borderwhite { border-color:#ffffff; }
.borderyellow { border-color:#f8f805; }
.borderviolet { border-color: #7914CC; }
.borderblue { border-color: #003AE8; }
.borderred { border-color: #D32636; }
.borderorange { border-color: #d9a808; }
.borderorange2 { border-color: #ff910e; }
.bordergreen { border-color: #16c22a; }
.bordercyan { border-color: #04c1c7; }
.borderbrown { border-color: #970D07; }
.borderpink { border-color: #FF7171; }
.bordermagenta { border-color: #f70eff; }
.borderblack { border-color: #000000; }
.borderLLgray { border-color: #dfdfdf; }
.borderLgray { border-color: #b8b8b8; }
.bordergray { border-color: #909090; }
.borderDgray { border-color: #646464; }
.borderDDgray { border-color: #414141; }

.border1px { border-width: 1px; border-style: solid; }
.border2px { border-width: 2px; border-style: solid; }
.border3px { border-width: 3px; border-style: solid; }

.bdwhite { border-color:#ffffff; }
.bdyellow { border-color:#f8f805; }
.bdviolet { border-color: #7914CC; }
.bdblue { border-color: #003AE8; }
.bdred { border-color: #D32636; }
.bdorange { border-color: #d9a808; }
.bdorange2 { border-color: #ff910e; }
.bdgreen { border-color: #16c22a; }
.bdcyan { border-color: #04c1c7; }
.bdbrown { border-color: #970D07; }
.bdpink { border-color: #FF7171; }
.bdmagenta { border-color: #f70eff; }
.bdblack { border-color: #000000; }
.bdLLgray { border-color: #dfdfdf; }
.bdLgray { border-color: #b8b8b8; }
.bdgray { border-color: #909090; }
.bdDgray { border-color: #646464; }
.bdDDgray { border-color: #414141; }

.bd1px { border-width: 1px; border-style: solid; }
.bd2px { border-width: 2px; border-style: solid; }
.bd3px { border-width: 3px; border-style: solid; }



.cwhite { color: #ffffff; }
.cyellow { color: #f8f805; }
.cLyellow { color: #ffffb1; }
.cDyellow { color: #d6d604; }
.cviolet { color: #7914CC; }
.cLviolet { color: #e3c1ff; }
.cblue { color: #003AE8; }
.cLblue { color: #b7c9ff; }
.cDblue { color: #002288; }
.cred { color: #D32636; }
.cDred { color: #a10010; }
.corange { color: #d9a808; }
.corange2 { color: #ff910e; }
.cLgreen { color: #cbffd1; }
.cgreen { color: #16c22a; }
.cDgreen { color: #0d941d; }
.ccyan { color: #04c1c7; }
.cLcyan { color: #a2fcff; }
.cDcyan { color: #0c9094; }
.cbrown { color: #970D07; }
.cLbrown { color: #debd88; }
.cDbrown { color: #6c470b; }
.cpink { color: #FF7171; }
.cLpink { color: #f9c5c5; }
.cDpink { color:#e25959; }
.cmagenta { color: #f70eff; }
.cLmagenta { color: #fcacff; }
.cDmagenta { color: #ad00b3; }
.cblack { color: #000000; }
.cLLgray { color: #dfdfdf; }
.cLgray { color: #b8b8b8; }
.cgray { color: #909090; }
.cDgray { color: #646464; }
.cDDgray { color: #414141; }


.bkgwhite { background-color: #ffffff; }
.bkgyellow { background-color: #f8f805; }
.bkgLyellow { background-color: #ffffb1; }
.bkgDyellow { background-color: #d6d604; }
.bkgviolet { background-color: #7914CC; }
.bkgLviolet { background-color: #e3c1ff; }
.bkgblue { background-color: #003AE8; }
.bkgLblue { background-color: #b7c9ff; }
.bkgDblue { background-color: #002288; }
.bkgred { background-color: #D32636; }
.bkgDred { background-color: #a10010; }
.bkgorange { background-color: #d9a808; }
.bkgorange2 { background-color: #ff910e; }
.bkgLgreen { background-color: #cbffd1; }
.bkggreen { background-color: #16c22a; }
.bkgDgreen { background-color: #0d941d; }
.bkgcyan { background-color: #04c1c7; }
.bkgLcyan { background-color: #a2fcff; }
.bkgDcyan { background-color: #0c9094; }
.bkgbrown { background-color: #970D07; }
.bkgLbrown { background-color: #debd88; }
.bkgDbrown { background-color: #6c470b; }
.bkgpink { background-color: #FF7171; }
.bkgLpink { background-color: #f9c5c5; }
.bkgDpink { background-color:#e25959; }
.bkgmagenta { background-color: #f70eff; }
.bkgLmagenta { background-color: #fcacff; }
.bkgDmagenta { background-color: #ad00b3; }
.bkgblack { background-color: #000000; }
.bkgLLgray { background-color: #dfdfdf; }
.bkgLgray { background-color: #b8b8b8; }
.bkggray { background-color: #909090; }
.bkgDgray { background-color: #646464; }
.bkgDDgray { background-color: #414141; }

.underline { text-decoration: underline; }
.bunderline { text-decoration: underline; font-weight:bold; }

.colorful_NoColor { color:black; }
.colorful_NoBold { font-weight: normal; }
.colorful_NoBig { font-size: 1em; }

.bbig_keep { font-size:1.2em; font-weight:bold; line-height:1.2em; margin: 0.5em 0em; }
.bred_keep { color: #D32636; font-weight:bold; }
.bbold_keep { font-weight:bold; }

.wfit { width: fit-content; }
.inline { display: inline; }
.inlineblock { display: inline-block; }
table.vtop > tr > th { vertical-align: top; }
table.vtop > tr > td { vertical-align: top; }
table.vtop > tbody > tr > th { vertical-align: top; }
table.vtop > tbody > tr > td { vertical-align: top; }

table.vmid > tr > th { vertical-align: middle; }
table.vmid > tr > td { vertical-align: middle; }
table.vmid > tbody > tr > th { vertical-align: middle; }
table.vmid > tbody > tr > td { vertical-align: middle; }

table.vbottom > tr > th { vertical-align: bottom; }
table.vbottom > tr > td { vertical-align: bottom; }
table.vbottom > tbody > tr > th { vertical-align: bottom; }
table.vbottom > tbody > tr > td { vertical-align: bottom; }

.vtop { vertical-align: top; }
.vmid { vertical-align: middle; }
.vbottom { vertical-align: bottom; }

.half3 { line-height:0.75em; font-size:0.75em; display: block; }
.brfull { line-height:1.0em; font-size:1.0em; display: block; }
.br1 { line-height:1.0em; font-size:1.0em; display: block; }
.half { line-height:0.5em; font-size:0.5em; display: block; }
.brhalf { line-height:0.5em; font-size:0.5em; display: block; }
p.brhalf { margin-top: 0.0em; margin-bottom: 0.0em; }
ul.lower { margin-top: 0.2em; margin-bottom: 0.2em; }
.lowert { margin-top: 0.2em; }
.lowerb { margin-bottom: 0.2em; }
.higher { margin-top: 1.0em; margin-bottom: 1.0em; }
.highert { margin-top: 1.0em; }
.higherb { margin-bottom: 1.0em; }
ul.higherli > li { margin-top: 0.6em; margin-bottom: 0.6em; }
ul.lihigher > li { margin-top: 0.6em; margin-bottom: 0.6em; }
ol.higherli > li { margin-top: 0.6em; margin-bottom: 0.6em; }
ol.lihigher > li { margin-top: 0.6em; margin-bottom: 0.6em; }
.todohref { visibility:hidden !important; display:none !important; }
.todo { visibility:hidden !important; display:none !important; }
.underline { text-decoration: underline; }
table.ttable { border-collapse: collapse; border-width: 2px; border-color:#7914CC; border-style: solid;}
table.ttable > tbody > tr > td { padding:0.3em 0.3em; border-width: 2px; border-color:#7914CC; border-style: solid; }
table.ttable > tr > td { padding:0.3em 0.3em; border-width: 2px; border-color:#7914CC; border-style: solid; }
table.ttable > thead > tr > th { padding:0.3em 0.3em; border-width: 2px; border-color:#7914CC; border-style: solid; }
table.ttable > tbody > tr > th { padding:0.3em 0.3em; border-width: 2px; border-color:#7914CC; border-style: solid; }
table.ttable > tr > th { padding:0.3em 0.3em; border-width: 2px; border-color:#7914CC; border-style: solid; }

.ahref { margin-top:0.5em; margin-bottom:0.5em; }
.p_single { line-height: 1.3em;  margin-top:0.2em; margin-bottom:0.2em; }
p { line-height:1.3em; margin-top: 1.0em; margin-bottom: 1.0em; width:100%; }
.divp { line-height:1.3em; margin-top: 1.0em; margin-bottom: 1.0em; width:100%; }
.pbr { line-height:1.3em; margin-top: 0.1em; margin-bottom: 0.1em; width:100%; }
.pbrt { line-height:1.3em; margin-top: 0.1em; width:100%; }
.pbrb { line-height:1.3em; margin-bottom: 0.1em; width:100%; }
.plow { line-height:1.3em; margin-top: 0.1em; margin-bottom: 0.1em; width:100%; }
.pbrhalf { line-height:0.3em; margin-top: 0.3em; margin-bottom: 0.3em; width:100%; }
.hrsmall0 { line-height:0.3em; border-color: #b6b6b6; border-width: 0px; border-style: solid none solid none; height:2px; background-color: #CCCCCC; width:100%; margin:0px; padding: 0px; }
.hrfull0 { line-height:0.3em; border-color: #b6b6b6; border-width: 0px; border-style: solid none solid none; height:3px; background-color: #999999; width:100%; margin:0px; padding: 0px; }

.hrsmall { line-height:0.3em; border-color: #ca90ee; border-width: 2px; border-style: solid none none none; height:2px; background-color: #eacdfc; width:100%; margin:0px; padding: 0px; }
.hrfull { line-height:0.3em; border-color: #641695; border-width: 2px; border-style: solid none none none; height:5px; background-color: #eacdfc; width:100%; margin:0px; padding: 0px; }
.hrsection { line-height:0.3em; border-color: #641695; border-width: 2px; border-style: solid none solid none; height:8px; background-color: #eacdfc; width:100%; margin:0px; padding: 0px; }
.hrbig { border-color: #641695; border-width: 1px; border-style: solid none solid none; height:4px; background-color: #CCCCCC; width:100%; margin:0px; padding: 0px; }
.hrfullxx { border-color: #000000; border-width: 1px; border-style: solid none solid none; height:3px; background-color: #CCCCCC; width:100%; margin:0px; padding: 0px; }
.hrbigxx { border-color: #b33e3e; border-width: 1px; border-style: solid none solid none; height:4px; background-color: #CCCCCC; width:100%; margin:0px; padding: 0px; }

.pul > p { line-height:1.3em; margin-bottom: 0.1em; width:100%; }
.pul > ul { margin-top: 0.2em; }

ul > li > ul { margin-top: 0.2em; }

h1 { font-size: 1.8em; font-weight:bold; margin: 0.3em 0em 0.4em 0em; line-height:1.2em; }
h2 { font-size: 1.6em; font-weight:bold; margin: 0.6em 0em; line-height:1.2em; }
h3 { font-size: 1.4em; font-weight:bold; margin: 0.4em 0em; line-height:1.2em; }
h4 { font-size: 1.2em; font-weight:bold; margin: 0.2em 0em; line-height:1.2em; }
.h1 { font-size: 1.8em; font-weight:bold; margin: 0.3em 0em 0.4em 0em; line-height:1.2em; }
.h2 { font-size: 1.6em; font-weight:bold; margin: 0.6em 0em; line-height:1.2em; }
.h3 { font-size: 1.4em; font-weight:bold; margin: 0.4em 0em; line-height:1.2em; }
.h4 { font-size: 1.2em; font-weight:bold; margin: 0.2em 0em; line-height:1.2em; }
ul,ol { list-style-position: outside; padding-left: 0.5em; }
li { margin-left: 1em; padding-left: 0em; }
ul.ul3 > li { margin-left: 2em; padding-left: 0em; }
ol.ol3 > li { margin-left: 2em; padding-left: 0em; }
ul.ul4 > li { margin-left: 2.6em; padding-left: 0em; }
ol.ol4 > li { margin-left: 2.6em; padding-left: 0em; }
.ul_low { margin-top:0.2em; margin-bottom: 0.2em; }
.ul_low_top { margin-top:0.2em; }
.low { margin-top:0.2em; margin-bottom:0.2em; }
.low_top { margin-top:0.2em; }
.low_bottom { margin-bottom:0.2em; }
.clickable :hover { cursor: pointer; }
.button { padding:0.5em; font-weight: bold; background-color:#d9d9d9; display:inline-block; }
.img_icon { height: 1.2em; display:inline-block; }

.hdrTitle { font-size: 3em; font-weight:bold; }
.hdrSubtitle { font-size: 2em; font-weight:bold; color:#7914cc; }
#header { width:100%; margin-left:0px; margin-right: 0px; background-color:white; margin-bottom: 1em; height: fit-content; position: relative; }
#logo { max-height:12em; margin:0em; padding:0em; max-width: 100%; }
#page { width:100vw; margin:0px; position: relative; }
#content { margin:0px 5px 0px 5px; position: relative; }
#content2 { width:100%; margin:0px 5px 0px 5px; position: relative; padding-left:auto; padding-right:auto; }
.article_path { font-size: 1.0em; font-weight:bold; margin: 0.4em 0em; line-height:1.2em; font-style:italic; color:#3535be; }
.article_categ { font-size: 1.0em; font-weight:bold; margin: 0.4em 0em; line-height:1.2em; font-style:italic; color:#3535be; }
.hashtags { color:#2b2b99; }
.cTreePathGrp { }
.cTreePathGrpName { font-size: 1.0em; font-weight:bold; margin: 0.4em 0em; line-height:1.2em; font-style:italic; color:#3535be; }
.cTreePathGrpRow {  }
.hrHdr { border-color: #000000; border-width: 1px; border-style: solid none solid none; height:5px; background-color: #CCCCCC; width:100%; margin:0px; padding: 0px; position:absolute; bottom:0px; }
.cArticle { width: 100%; max-width: 80em; }
blockquote { background-color: #dbcaf6; margin:3px; padding: 0.4em 1.5em; border-radius: 1em; }
.divblockquote { background-color: #dbcaf6; margin:3px; padding: 0.4em 1.5em; border-radius: 1em; }
.divBkgRecommnend {background-color: #ffffff; margin:3px; padding: 0.4em 0.5em; border-radius: 1em; }
.divblockquoteWhite { background-color: #ffffff; margin:3px; padding: 0.4em 1.5em; border-radius: 1em; }
.divblockquoteYellow { background-color: #fbffab; margin:3px; padding: 0.4em 1.5em; border-radius: 1em; }
.bkgnone { background-color: none; }
.bkgyellow { background-color: #f8fc11; }
.bkgLyellow { background-color: #fbffab; }
.bkgLorange { background-color: #fae9a4; }
.bkgLpink { background-color: #ffdada; }
.bkgwhite { background-color: #ffffff; }
.bkgLcyan { background-color: #b2fcff; }
.bkgLblue { background-color: #cddcfd; }
.bkgLviolet { background-color: #dbcaf6; }

.img_article_big { max-width: 80em; width:100%; }

#div_Like { height: auto; min-width: 32em; }
.like_btn_text { font-size: 1em;    line-height: 1.2em; display: inline-block; }
.like_btn { width: 2.8em; height: 2.8em; vertical-align: middle; }
.like_btn_img { width: 2em; height: 2em; min-width: 2em; min-height: 2em; vertical-align: middle; display: inline-block; margin:auto; }

.menuDiv { background-color: #7914CC; width:100%; padding:0.5em; }
.menuButton { background-color: #f3ecff; padding: 0.3em 1em; }

ul.hmenu { list-style-type: none;  margin: 0;  padding:0.0em 0em; }
ul.hmenu > li { margin: 0em;  padding: 0em; display: inline-block; background-color: #7914CC; border-top:#f3ecff solid 3px; }
ul.hmenu > li :hover { margin: 0;  background-color: #4A0780; color: white; cursor: pointer; }
ul.hmenu > li > a { padding: 0.0em 1em; margin:0.6em 0em; background-color: #7914CC; color: yellow; line-height: 2.0em; }
ul.hmenu > li > a :hover { background-color: #4A0780; color: white; cursor: pointer; }

.sidebar_div { margin: 5px 10px; padding:0px; }
ul.sidebar_ul { list-style-type: none;  margin: 0;  padding:0.0em 0em; width:100%; }
ul.sidebar_ul > li  { margin: 3px 0em;  padding: 0em; display: block; width:100%; }
ul.sidebar_ul > li :hover  { background-color: #4A0780 !important; color: white !important; }
ul.sidebar_ul > li.sidebar_ex :hover  { background-color: #4A0780 !important; color: white !important; }
ul.sidebar_ul > li > a { padding: 0.0em 1em; background-color: #c2a1f5; color: black; font-weight: bold; text-decoration: none; line-height: 2.0em; display: block; width:100%; height:100%; }
ul.sidebar_ul > li.sidebar_ex > a { background-color: #7914CC !important; color: white !important;  }
ul.sidebar_ul > li > a :hover { background-color: #4A0780 !important; color: white !important; cursor: pointer; }

ul.sidebar_ul > li.sidebar_local     { background-color: #d1bcf6 !important; color: #4A0780 !important;  }
ul.sidebar_ul > li.sidebar_local > a { background-color: #d1bcf6 !important; color: #4A0780 !important;  }
ul.sidebar_ul > li.sidebar_local :hover { background-color: #4A0780 !important; color: white !important; cursor: pointer; }
ul.sidebar_ul > li.sidebar_local > a :hover { background-color: #4A0780 !important; color: white !important; cursor: pointer; }

.toc-list { list-style-type: none; padding: 0; margin: 1em 0; background: #f8f9fa; border: 1px solid #7914CC; padding: 10px; border-radius: 5px; }
.article-list { padding: 0; margin: 1em 0; background: #f8f9fa; border: 1px solid #7914CC; padding: 10px; border-radius: 5px; }
.cHref_h1 { font-size: 1.2em; font-weight: bold; margin-top: 10px; }
.cHref_h2 { font-size: 1.1em; margin-left: 10px; }
.cHref_h3 { font-size: 1em; margin-left: 20px; }
.cHref_h4 { font-size: 0.95em; margin-left: 30px; }
.cHref_h5 { font-size: 0.9em; margin-left: 40px; }
.cHref_h6 { font-size: 0.85em; margin-left: 50px; }
.toc-list a { text-decoration: none; color: #5800A0; transition: color 0.2s; }
.toc-list a:hover { color: #AB58EF; cursor: pointer; }
a:link { color:blue; background-color: transparent; text-decoration: underline; }
a:visited { color: purple;  }
a:hover { color: #4e4eff; cursor:pointer;  }
a:active { color: red; cursor:pointer; }

.header-image { max-width: 100%; max-height: 12em; height: auto; display: block; margin: 0em auto; }
.header-container { background-color: white; text-align: center; padding: 1em 1em; height: fit-content; position:relative; width:100vw; }
.custom-hr { border-color: #000000; border-width: 1px; border-style: solid none solid none; height:5px; background-color: #CCCCCC; margin:0px; padding: 0px; position:absolute; bottom:0px; left:-5px; right:0px; }
hr { border-color: #939393; border-width: 1px; border-style: solid none solid none; height:3px; background-color: #CCCCCC; margin:0.5em 0em; padding: 0px; }
.hrSepar { border-color: #939393; border-width: 1px; border-style: solid none solid none; height:3px; background-color: #CCCCCC; margin:0.5em 0em; padding: 0px; }

.hrdash2 { border-top: 2px dashed #8c8b8b; padding-top: 0.3em; margin-top: 0.5em; border-bottom: 2px dashed #8c8b8b; padding-bottom: 0.3em; margin-bottom: 0.5em; }
.hrdot2 { border-top: 2px dotted #8c8b8b; padding-top: 0.3em; margin-top: 0.5em; border-bottom: 2px dotted #8c8b8b; padding-bottom: 0.3em; margin-bottom: 0.5em; }
.hrsolid2 { border-top: 2px solid #8c8b8b; padding-top: 0.3em; margin-top: 0.5em; border-bottom: 2px solid #8c8b8b; padding-bottom: 0.3em; margin-bottom: 0.5em; }

.hrdash2black { border-top: 2px dashed #000000; padding-top: 0.3em; margin-top: 0.5em; border-bottom: 2px dashed #000000; padding-bottom: 0.3em; margin-bottom: 0.5em; }
.hrdot2black { border-top: 2px dotted #000000; padding-top: 0.3em; margin-top: 0.5em; border-bottom: 2px dotted #000000; padding-bottom: 0.3em; margin-bottom: 0.5em; }
.hrsolid2black { border-top: 2px solid #000000; padding-top: 0.3em; margin-top: 0.5em; border-bottom: 2px solid #000000; padding-bottom: 0.3em; margin-bottom: 0.5em; }

.hrdash2light { border-top: 2px dashed #C4C4C4; padding-top: 0.3em; margin-top: 0.5em; border-bottom: 2px dashed #C4C4C4; padding-bottom: 0.3em; margin-bottom: 0.5em; }
.hrdot2light  { border-top: 2px dotted #C4C4C4; padding-top: 0.3em; margin-top: 0.5em; border-bottom: 2px dotted #C4C4C4; padding-bottom: 0.3em; margin-bottom: 0.5em; }
.hrsolid2light { border-top: 2px solid #C4C4C4; padding-top: 0.3em; margin-top: 0.5em; border-bottom: 2px solid  #C4C4C4; padding-bottom: 0.3em; margin-bottom: 0.5em; }

.hrdashTlight  { border-top: 2px dashed #C4C4C4; padding-top: 0.3em; margin-top: 0.5em; }
.hrdotTlight   { border-top: 2px dotted #C4C4C4; padding-top: 0.3em; margin-top: 0.5em; }
.hrsolidTlight { border-top: 2px solid  #C4C4C4; padding-top: 0.3em; margin-top: 0.5em; }

.hrsoliddblTlight { border-top: 6px double  #C4C4C4; padding-top: 0.3em; margin-top: 0.5em; }

.hrdashBlight  { border-bottom: 2px dashed #C4C4C4; padding-bottom: 0.3em; margin-bottom: 0.5em; }
.hrdotBlight   { border-bottom: 2px dotted #C4C4C4; padding-bottom: 0.3em; margin-bottom: 0.5em; }
.hrsolidBlight { border-bottom: 2px solid  #C4C4C4; padding-bottom: 0.3em; margin-bottom: 0.5em; }

div.science:last-child { border: 2px solid  #C4C4C4; padding: 0.3em; margin: 0.5em; border-radius: 5px; }

.content-container { max-width: 80em; margin: auto; padding: 5px; }
@media screen and (max-width: 768px)
  { .content-container { width: 100vw; max-width: 100vw; margin: 0 auto; padding: 4px; }
  }
body { max-width: 100%; overflow-x: hidden; word-wrap: break-word; white-space: normal; } /* max-width: 100%; Zabrání přetečení obsahu mimo viewport */  /* overflow-x: hidden; Skryje horizontální posuvník */  /* word-wrap: break-word; Zalomí dlouhá slova /* white-space: normal; Zajistí normální zalamování textu */
img, video { max-width: 100%;  height: auto;  } /* Zabrání přetečení obrázků mimo viewport */  /* Zachová poměr stran */

nav { text-align: left; padding: 10px; background: #ddd; }
#toggle-nav { font-size: 16px; padding: 8px; background: #444; color: white; border: none; cursor: pointer; }

#container { width: 100%; max-width: 80em; margin: 0 auto;  min-height: 100vh; }
#sidebar_all { background: #e9dbff;  margin: 0px; padding:0px; overflow: auto; }
#splitter { width: 5px; margin: 0px; padding: 0px; background: #ccc; cursor: ew-resize; }
main { background: #f3ecff; padding: 5px; }

@media screen and (min-width: 768px) /* Responsive Design */
  { #sidebar_all { width:20em; }
    #container { display: flex; }
    main { flex: 1; } /* flex: 1; Takes remaining space */
    #is_mobile_div { width: 0px; color:#000000; }
    .hidden_desk { visibility:hidden !important; display:none !important; }
  }

@media screen and (max-width: 768px) /* Responsive Design */
  { aside {  width:100%; }
    #container { width: 100%; max-width: 100%; margin: 0px 0px; padding: 0px; }
    main { width:100%; max-width:100%; }
    #is_mobile_div { width: 1px; color:#FFFFFF; }
    .hidden_mob { visibility:hidden !important; display:none !important; } /* Hide splitter on small screens */
  }

/*
nav { text-align: left; padding: 10px; background: #ddd; }
#toggle-nav { font-size: 16px; padding: 8px; background: #444; color: white; border: none; cursor: pointer; }

.container { display: flex; width: 90%; max-width: 1200px;  margin: 0 auto;  min-height: 100vh; }
aside { width: 250px; background: #f4f4f4;  padding: 20px;  overflow: auto; }
#splitter { width: 5px; background: #ccc; cursor: ew-resize; }
main { flex: 1; background: white; padding: 20px; }

@media screen and (max-width: 768px)
  { aside {  display: none;  } 
    #splitter { display: none; } 
  }

*/