body {
  margin: 0;
  /*font-family: "Lato", sans-serif;*/
}
.c9{font-weight:bold;}
ul {
  padding-left: 5em;
}

.sidebar {
  margin: 0;
  padding: 0;
  width: 25vw;
  background-color: #f1f1f1;
  position: fixed;
  height: 100%;
  overflow: auto;
  z-index:999;
}

.sidebar a {
  display: block;
  color: black;
  padding: 16px;
  text-decoration: none;
}
 
.sidebar a.active {
  background-color: #04A5FD;
  color: white;
}

.sidebar a:hover:not(.active) {
  background-color: #8c8c8cc7;
  color: white; 
}

div.content {
  margin-left: 28vw;
  padding: 1px 16px;
  /*height: 1000px;*/
}
.sidebar span.zpace{
	display:none;
    }
@media screen and (max-width: 700px) {
  div.sidebar {
   padding:0px;

    width: 100%;
    height: auto;
    position: fixed;bottom:0;

    white-space: nowrap;
  }
  div.sidebar a { display: inline-block; font-size:14px; width:90vw; text-align:center; padding:10px; position:relative; height:auto; white-space: normal; top:50%; bottom:50%;margin:auto; vertical-align: middle;}
  div.content {margin-left: 0;position: relative;top:12px;z-index:-1;}
  .sidebar span.zpace{
	display:inline-block; padding:5px;
    }
}

@media screen and (max-width: 485px) {
  div.sidebar {
  
    width: 100%;
    height: auto;
    position: fixed;bottom:0;
    text-decoration: none;
    overflow:none;
    
  }
  div.sidebar a {font-size:14px; width:50vw; text-align:center;  height:auto; overflow:none;  text-decoration: none; overflow-y:auto;    vertical-align: middle;
    white-space: normal;}
  div.content {margin-left: 0;position: relative;top:12px;z-index:-1;}
  .sidebar span.zpace{
	display:none; 
    padding:5px;
    }
}

.content p
{
    line-height:1.4;
}

.content li
{
    line-height:1.6;
}

.content h1
{
    padding-top:20px;
    padding-bottom:10px;
    line-height:1.3;
    text-align:left;
}

h1
{
    scroll-margin-top:50px;
}

.clsuserguidesearch {
  /*width: 30%;
  box-sizing: border-box;*/
  width: 55%;
  height:35px;
  border:0;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
  background-color: white;
  /*background-image: url('../images/search.png');*/
  background-position: 10px 7px;
  background-repeat: no-repeat;
  /*padding: 6px 20px 6px 40px;*/
  padding: 8px 10px 6px 10px;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
}

/*.clsuserguidesearch:focus {
  width: 60%;
  border:0px;
  border: 1px solid #3FBAE4;
  outline: 0;
}*/

mark 
{
    background-color:transparent;
    color:yellow;
}

.highlight {
  background-color: yellow;
}

.finder-activator, #divsearchicon {
	position: fixed;
	top: 75px;
	right: 0;
	margin-right:10px;
	z-index: 1;
	width: 50px;
	height: 40px;
}

.clsbtnsearchupdown
{
    border:0;
    background-color:#ffffff;
    margin-left:10px;
    height:30px;
}

.clsbtnsearchupdown:hover
{
    background-color:#ebebec;
    border-radius:50%;
    /*-webkit-transition: background 2s;*/
}