body {
	margin: 0;
	font-size: 14px !important;
	color: #333333;
	background-color: #ffffff;
}
#whleftcol{position: relative;}
#whsizer{float:left;min-height:100%;height:100%;}
#whtoc{position:relative;left:-20px;}
#whtoc>ul {margin-top: 28px;}
.tree>ul>.parent_li .parent_li li{display:none;} /*close all tree's grandson nodes instead of js*/
.tree li {
    list-style-type:none;
    position:relative;
	white-space: nowrap;
	margin:0.5rem 0;
  left:-20px;
  font-size: 14px;
}
.tree li span {
    display:inline-block;
    text-decoration:none;
	/* height:19px !important; */
	width:18px;
}
.tree li.parent_li>span {
    cursor:pointer
}
.ygtvln{position:relative;top:5px;}
.current_bold{font-weight:bold;}
#content{padding:18px 30px!important;}
/*resizer*/
#resizerCol{width:20px; cursor: e-resize;font-size: 0;padding: 0; position: absolute; top:0; right: -10px; height: 100%;}

/*Question Feedback Modal*/
#questionModal input.text{display:inline-block;width:425px;margin-left:5px;}
#tabs *{-moz-box-sizing:content-box !important; -webkit-box-sizing:content-box !important; box-sizing:content-box !important;}
#mfth-toc + ul, #mfth-toc + ul ul {list-style-type: none;-webkit-padding-start: 10px;}
#mfth-toc + ul li {margin: 6px;}

/* Fix the horizontal scroll bar issue when resize the page */
.code .lines, .code .line{
  word-break: break-word;
  white-space: normal !important;
}

/* fontello arrow icons lib */
@font-face {
  font-family: "fontello";
  src: url("font/fontello.eot?6037458");
  src: url("font/fontello.eot?6037458#iefix") format("embedded-opentype"),
    url("font/fontello.svg?6037458#fontello") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "fontello";
  src: url("fontello.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "fontello";
  src: url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAUUAAoAAAAAB/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAEkAAABgPkNZJGNtYXAAAAFAAAAAPQAAAUrqaeiTZ2x5ZgAAAYAAAAFBAAAB1KuhSQ1oZWFkAAACxAAAADMAAAA2FdL8RWhoZWEAAAL4AAAAHQAAACQGxgNZaG10eAAAAxgAAAAYAAAAGA/7AFJsb2NhAAADMAAAAA4AAAAOAYIA6m1heHAAAANAAAAAIAAAACAA4gBObmFtZQAAA2AAAAF3AAACzcydHyFwb3N0AAAE2AAAADwAAABQxwAhHnjaY2BhymKcwMDKwMBUxbSHgYGhB0IzPmAwZGQCijKwMjPAgQCCyRCQ5prC4PCC4aU2c9D/LIYo5iCGaUBhRiQlCgwMAF61C/UAAAB42mNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZheML/U/v+fgeEFA4iWYBS7BVUPBIxsDCMeAADJAwnJAAAAeNp9ULFOwzAQPTtSIrWiPY6QDpSgpsYtUgXIpOnIwicwdK66sfEJKFMmJtQBdUR8Q5WpyidUzFXHquoHIBWwnQEkBJZ95/fke/fOwD63AOyWPwACHDQCv87cqCOvWUcOEjVaIa7wEoWYzYRAxe83eI4bRNGbFz2hSxjoxW94aOqZ50YXTMaD5IQNEi3G4zX1aI0ou0XRlchelkRLVChlnkuJChxbn/MhVKEBba2hAt9ttyIZJ1d9G1uW2f/B8yxohv7u1Q+bgTl8aPA3xx7Dbqj3uEwfizKbVtYve+MjOAY41ZLasGcmjs3I2rky1pX5B1aQUJSmpAgxyxCpRIKyOakIJxNLPU/tA40iRVMj78AYnpyU57AHR3Cm+2nb/XKSQ9/1/kHO3Y6qtVqVb038486zesWASv3910W3/wKeF1JiAAAAeNpjYGRgYADi8gvPNsXz23xl4GZ+ARRhuLkwJghG/3/HwMDcwrQHyOVgYAKJAgB/AA0DAHjaY2BkYGAO+p8FJF/8fwckWxiAIiiADQCC2AUmAAAAA+gAAAFU/+4CRAAAArwAAAHWAAAD6ABkAAAAAAAgAEAAeACqAOoAAAABAAAABgAqAAMAAAAAAAIAEgAiAHMAAABTAAAAAAAAeNp1kMtOwkAUhv+RiwqJGk3cOisDMZZL4gISEhIMbHRDDFtTSmlLSodMBxJew3fwYXwJn8WfdjAGYpvpfOebM2dOB8A1viGQP08cOQucMcr5BKfoWS7QP1sukl8sl1DFm+Uy/bvlCh4QWK7iBh+sIIrnjBb4tCxwJS4tn+BC3Fku0D9aLpJ7lku4Fa+Wy/Se5QomIrVcxb34GqjVVkdBaGRtUJftZqsjp1upqKLEjaW7NqHSqezLuUqMH8fK8dRyz2M/WMeu3of7eeLrNFKJbDnNvRr5ia9d48921dNN0DZmLudaLeXQZsiVVgvfM05ozKrbaPw9DwMorLCFRsSrCmEgUaOtc26jiRY6pCkzJDPzrAgJXMQ0LtbcEWYrKeM+x5xRQuszIyY78PhdHvkxKeD+mFX00ephPCHtzogyL9mXw+4Os0akJMt0Mzv77T3Fhqe1aQ137brUWVcSw4MakvexW1vQePROdiuGtosG33/+7wfseIRVAHjaY2BigAAuBmyADQgZGJkYmRlZGFkZ2biKMtMzSnTzC1LzOFPyy/PALJbc1LxStuTEvOTUHAYA2zkL/g==')
    format("woff"),
    url("font/fontello.ttf") format("truetype"),
    url("font/fontello.svg#fontello") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?6037458#fontello') format('svg');
  }
}
*/
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em; /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-right-open:before {
  content: "\e800";
} /* '' */
.icon-down-open:before {
  content: "\e801";
}

/* '' */
.icon-menu:before {
  content: "\e92b";
} /* '' */
.icon-cancel:before {
  content: "\e803";
} /* '' */

.ygtvtp:before {
  font-family: "fontello";
  content: "\e800"; }

.ygtvlm:before {
  font-family: "fontello";
  content: "\e801"; }

/* right side toc style */
.right-table-of-contents {
  display: none;
  margin: 60px 20px 0;
  flex: 1;
  position: sticky;
  top: 60px; 
  overflow-y: auto;
  overflow-x: hidden;
  max-height: calc(100vh - 65px - 40px - 60px);
}
  .right-table-of-contents ul, .right-table-of-contents li {
    list-style: none;
    padding: 0;
    margin: 0; }
  .right-table-of-contents .toc-h1 > a {
    padding-left: 0.5rem; }
  .right-table-of-contents .toc-h2 > a {
    padding-left: 0.5rem; }
  .right-table-of-contents .toc-h3 > a {
    padding-left: 1rem; }
  .right-table-of-contents .toc-h4 > a {
  	padding-left: 1.5rem; }
  .right-table-of-contents .toc-h5 > a {
  	padding-left: 2rem; }
  .right-table-of-contents .toc-h6 > a {
  	padding-left: 2.5rem; }
  .right-table-of-contents ul > li::before {
    content: ""; }
  .right-table-of-contents a {
    overflow: initial;
    display: block;
    padding: 0.3rem;
    color: #636363;
    background: none;
    font-size: 0.85rem;
    border-left: 4px solid #e8e9ea;
    white-space: normal; }
  .right-table-of-contents a:hover {
    border-left-color: #b9b9b9;
    color: black; }
  .right-table-of-contents a.active {
    border-left-color: #2193d6;
    color: #1A72B9; }