/* ================================================== */

.BodyNav{
  background-color: #00000030;
  position:absolute;
  top:0px;
  bottom:0px;
  right:0px;
  width:34px;
  z-index:99;
}

/* ================================================== */


.navicon{
  margin: 15px 0px 15px 4px;
  cursor: pointer;
  width:26px;height:26px;
  background:#646464;
}

.selecticon{
  cursor: pointer;
  width:26px;height:26px;
  background:#646464;
  transition: 0.3s;
  overflow: hidden;
}

/* ================================================== */

.icon0{
  -webkit-mask:url("/site/image/nav_home.png") center/contain;
          mask:url("/site/image/nav_home.png") center/contain;
}
.icon0:hover {background: #00FFFF;} /* Color on mouse-over */

/* ================================================== */

.icon1{
  -webkit-mask:url("/site/image/nav_apps.png") center/contain;
          mask:url("/site/image/nav_apps.png") center/contain;
}
.icon1:hover {background: #00FFFF;} /* Color on mouse-over */

/* ================================================== */

.icon2{
  -webkit-mask:url("/site/image/nav_docs.png") center/contain;
          mask:url("/site/image/nav_docs.png") center/contain;
}
.icon2:hover {background: #00FFFF;} /* Color on mouse-over */

/* ================================================== */

.icon3{
  -webkit-mask:url("/site/image/nav_downloads.png") center/contain;
          mask:url("/site/image/nav_downloads.png") center/contain;
}
.icon3:hover {background: #00FFFF;} /* Color on mouse-over */

/* ================================================== */

.icon4{
  -webkit-mask:url("/site/image/nav_contact.png") center/contain;
          mask:url("/site/image/nav_contact.png") center/contain;
}
.icon4:hover {background: #00FFFF;} /* Color on mouse-over */

/* ================================================== */

.icon5{
  -webkit-mask:url("/site/image/nav_shop.png") center/contain;
          mask:url("/site/image/nav_shop.png") center/contain;
}
.icon5:hover {background: #00FFFF;} /* Color on mouse-over */

/* ================================================== */

.icon6{
  -webkit-mask:url("/site/image/nav_comments.png") center/contain;
          mask:url("/site/image/nav_comments.png") center/contain;
}
.icon6:hover {background: #FFFFFF;} /* Color on mouse-over */
.icon6.focus{background: #00FFFF;}  /* Color on focus */

/* ================================================== */

.icon7{
  -webkit-mask:url("/site/image/nav_edit.png") center/contain;
          mask:url("/site/image/nav_edit.png") center/contain;
}
.icon7:hover {background: #00FFFF;} /* Color on mouse-over */