.mucluc-content.white{margin-bottom:20px;font-family: Arial, sans-serif;background: #f4f4f4;padding:20px;border-radius:20px;line-height:1.3 !important;max-width:600px;border: 1px dashed #999;}
.mucluc-content.white, .mucluc-icon.white{color:#444;}
.mucluc-content.white a, .mucluc-icon.white a{color:#444 !important;box-shadow:0px 0px 0px !important;text-decoration:none !important} .mucluc-content.white a:hover, .mucluc-icon.white a:hover{color:#888 !important}
.mucluc-content img, .mucluc-icon img{box-shadow:0px 0px 0px !important;}
.toc{position: relative;font-size:18px;margin-top:10px;}
.toc-link.node-name--H1.is-active-link{font-size:23px;}
.toc-list-item{line-height:1.2;padding-top:6px;} .toc-list-item a{text-decoration: none !important;font-weight:bold;} .toc-list-item a:hover{color:#444;}
.toc-link.node-name--H3{font-weight: normal;}
.toc-link.node-name--H4{font-weight: normal;}
.td-tocbot.white{font-size:20px;font-weight:bold;color:#111;line-height: 1.1;margin-top: auto;margin-bottom: auto;}
.anhien{display: grid;grid-template-columns: 1fr 1fr;} .nutanhien{text-align: right;margin-top: auto;margin-bottom: auto;}
.td-and-close{display: grid;grid-template-columns: 1fr 1fr;margin-bottom:-20px;}
.baotocbot{margin-top:15px;}
.nuttocbot.white {
    padding: 6px 15px 6px 15px;
    background: #e0e0e0;
    border-radius: 30px;
    color: #111;
    display: inline-block;
	cursor: pointer;
	text-decoration:none;
	font-size:15px;
}
.nuttocbot2.white {
    padding: 6px 15px 6px 15px;
    background: #e0e0e0;
    border-radius: 30px;
    color: #111;
    display: inline-block;
	cursor: pointer;
	text-decoration:none;
	font-size:15px;
}
/* DARK MODE */
.mucluc-content.dark{margin-bottom:20px;font-family: Arial, sans-serif;background: #2a2b2f;padding:20px;border-radius:20px;line-height:1.3 !important;max-width:600px;border: 1px dashed #444;}
.mucluc-content.dark, .mucluc-icon.dark{color:#999;}
.mucluc-content.dark a, .mucluc-icon.dark a{color:#ccc !important;box-shadow:0px 0px 0px !important;text-decoration:none !important} .mucluc-content.dark a:hover, .mucluc-icon.dark a:hover{color:#999 !important}
.mucluc-content.dark .muiten{filter: brightness(100);}
.td-tocbot.dark{font-size:20px;font-weight:bold;color:#fff;line-height: 1.1;margin-top: auto;margin-bottom: auto;}
.nuttocbot.dark {
    padding: 6px 15px 6px 15px;
    background: #444;
    border-radius: 30px;
    color: #111;
    display: inline-block;
	cursor: pointer;
	text-decoration:none;
	font-size:15px;
}
.nuttocbot2.dark {
    padding: 6px 15px 6px 15px;
    background: #444;
    border-radius: 30px;
    color: #111;
    display: inline-block;
	cursor: pointer;
	text-decoration:none;
	font-size:15px;
}
.toccao-content.dark {
  background: #222;
  border-radius:20px;
  margin: auto;
  padding: 10px 20px 20px 20px;
  font-size:18px;
  border: none;
  max-width:700px;
  box-shadow:0px 0px 7px #111;
  width: 90%;
  margin-top: 60px;
  font-family: Arial, sans-serif;
  opacity:0.9;
}
/* css menu toc muc luc bai viet */
#menutoc {
position: fixed;
height:55px;
width:55px;
top: 50%;
left: 10px; 
border: none;
outline: none;
background: #333 !important;
color: white;
cursor: pointer;
border-radius: 100%;
opacity: 0.7;
padding:12px;
box-shadow:0px 0px 2px #111;
opacity:0.5;
}   
#menutoc:hover {
background: #333 !important;
}
.toccao {
  display: none; 
  position: fixed; 
  z-index: 1; 
  padding-top: 20px; 
  left: 0;
  top: 0;
  width: 100% !important; 
  max-width:100% !important;
  height: 100%; 
  overflow: auto; 
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.7);
}
.toccao a{font-size:18px;}
.toccao-content.white {
  background: #f8f8f8;
  border-radius:20px;
  margin: auto;
  padding: 10px 20px 20px 20px;
  font-size:18px;
  border: none;
  max-width:700px;
  box-shadow:0px 0px 7px #111;
  width: 90%;
  margin-top: 60px;
  font-family: Arial, sans-serif;
  opacity:0.9;
}
.menuclose {
  float: right;
  font-size: 30px;
  font-weight: bold;
  margin:0px;
}
.menuclose:hover,
.menuclose:focus {
  color: #666;
  text-decoration: none;
  cursor: pointer;
}
.toc
{
   overflow-y:auto
}
.tocbot
{
   overflow-y:auto
}

.toc>.toc-list
{
   overflow:hidden;
   position:relative
}
.tocbot>.toc-list
{
   overflow:hidden;
   position:relative
}

.toc>.toc-list li
{
   list-style:none
}
.tocbot>.toc-list li
{
   list-style:none
}

.toc-list
{
   margin:0;
   padding-left:0px
}
a.toc-link
{
   color:currentColor;
   height:100%
}

.is-collapsible
{
   max-height:1000px;
   overflow:hidden;
   transition:all 300ms ease-in-out
}

.is-collapsed
{
   max-height:0
}

.is-position-fixed
{
   position:fixed!important;
   top:0
}

.is-active-link
{
   color:#777!important;
   font-size:20px;
}

.entry-content ul, .entry-content ol {
    margin: 0px !important;
}
body, button, input, select, optgroup, textarea {
    font-size: normal !important;
}