@font-face {
    font-family: 'gnuolaneregular';
    src: url('../font/gnuolane/gnuolane_rg-webfont.woff2') format('woff2'),
         url('../font/gnuolane/gnuolane_rg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
html, body
{
    height: 100%;
}
#Header
{
    width: 960px;
    height: 150px;
}
body{
    font-family: 'gnuolaneregular',helvetica;
    z-index:-1;
    overflow-y:visible;
}
#tableOfContents{
/*    width:20%;*/
    z-index: 1;
    position:absolute;
    border-left: 6px solid #2196F3;
    background-color: #bfbfbf;
    padding:1%;
    column-count: 2;
}
a{
    color:black;
    text-decoration: none;
}
a:hover{   
    color:blue;
    cursor:pointer;
}
a:visited{
    color:black;
}
#toc{
    font-size:15px;
}
li{
    padding-bottom:7px;
}
#heading{
     font-weight:600;
}
.mainBox{
    z-index:3;
    top:0px;
    background: #bfbfbf;
}
h1{
    display:block;
    left:0;
}
.searchBox{
    display:inline;
    float:inherit;
    padding: 6px;
    font-size: 17px;
    border: none;
    outline:none;
    width:15%;
}
button {
    background-color: #2196F3; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    cursor:pointer;
}
.button {
    background-color: #2196F3; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    cursor:pointer;
}
#iframe{
    width:100%;
    height: 100%;
    z-index: 999;
    border:none;
    background-color:white;
    overflow:inherit;
}
/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #d3d3d3;
    border-radius:5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
    border:0px solid black;
    border-radius:5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}
.welcomeMessage{
    position:absolute;
    z-index:-1;
}
#texbox{
    width:100%;
    height:100vh;
}
#home{
    display:inline;
    float:right;
    margin-right:3px;
}
#aboutus{
    display:inline;
    float:right;
    margin-right:3px;
}
#searchButton{
    display:inline;
    left:29.1%;
    top:0%;
}
#buttonShow{
    display:inline;
}
#mainbar{
    position:sticky;
    height:100%;
}
.searchReset{
    display:inline-block;
    vertical-align:middle;
    width: 1.2%;
    z-index: 4;
    border:0px solid black;
    height:100%;
    cursor: pointer;
}