* {box-sizing: border-box}
body {font-family: "Lato", sans-serif;}
body, html {
  overflow:hidden;
}
button,h3 {
  font-family: var(--font-family-default);
}
/* Style the tab */
.tab {
  float: left;
width:100%;
}
.activetab {
  height:100%!important;
}
/* Style the buttons inside the tab */
.tab button {
  display: block;
  background-color: inherit;
  color: #fff;
  padding: 10px;
  width: 100%;
  border: none;
  outline: none;
  word-break:break-word;
  
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
  margin:0.5rem;
  background:#000;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #666;
}

/* Create an active/current "tab button" class */
.tab button.active {
  background-color: #666;
}

/* Style the tab content */
.tabcontent {
  float: left;
  display:none;
  padding: 0px 12px;
  border-left: none;
  height:100%;
  width:100%;
}


.tabheading {
  background:#fff;
  border:1px solid #666;
  width:100%;
    color: #000;
  margin-top:0.5rem;
  min-height:5rem;
}

.tabheading:hover:
{
    background:#444;
}

.tabchapter {
  width:100%;
  min-height:5rem;
  border:none;
  background:#000;
  color: white!important;
}

.tabchapter:hover:
{
    background:#444;
}

.tabtopic {
      width: 100%;
    min-height: 5rem;
    border: none;
     color: #000;
    background: #999;
    
}
.maincol {

}

.chaptertitle
{
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    margin-top: 0;
    color: white;
    top: 0;
    text-align: center;
    position: sticky;
    position: -webkit-sticky;
    z-index: 2;
}
.topicsticky {
  position:relative;
   
 background:#fff;

   padding-left:0.25rem;
  padding-right:0.25rem;
  margin-top:0.5rem;
}

.tabsticky {
  position:sticky!important;
    position: -webkit-sticky; /* Safari */  
  background:white;

  top:0;
}

html,body {
  height:100%;
  overflow:hidden;
}
body {
 
}
#header {
 
}
.wrapper {

    
}



    
  

.container-fluid {
  min-height:100%;
}


.chaptercol {
  padding-left: 0.25rem;
    padding-right: 0.25rem;
    margin: 0;
    background: #000;
}


/*******************************************************************/
/* ftrtch dino */
/* [type: CSS] [file:template-pills] [35.380] DESIGN*/
/*******************************************************************/
/* 0.12 D>D */
/* db 163 */