

[class^="iconnavbar-"], [class*=" iconnavbar-"] {
font-family: "icomoon";
	speak: none;
font-style: normal;
	font-weight: normal;
	font-variant: normal;	
text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.iconnavbar-book-cd:before {
	content: "\e600";
}
.iconnavbar-hometheater2:before {
	content: "\e801";
}
.iconnavbar-cart:before {
	content: "\e601";
}
.iconnavbar-kbase:before {
	content: "\e602";
}
.iconnavbar-learning:before {
	content: "\e603";
}
.iconnavbar-cart2:before {
	content: "\e605";
}
.iconnavbar-tools:before {
    content: "\e610";
}
.iconnavbar {    
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    transition: .3s;
    cursor: pointer;
  }
.iconnavbar:before {
    transition: .3s;
  }
.fixbarnav {
display:table-cell; width: 50px; height:100%; 
background-color: #DEF5FB;
border-right: 1px solid #84c5de;
vertical-align: middle; text-align: center;
padding: 5px;
top: 0;
left: 0;
position: fixed;
box-sizing: content-box;
z-index: 100;
}
.fixbarnav a{
margin: 0px;  border-radius: 5px; 
display:table-cell; width: 50px; height: 50px; 
vertical-align: middle; text-align: center;
text-decoration: none; 
color: rgb(129, 200, 224);
text-shadow: 0px 0px 1px #DEF5FB);
}
.fixbarnav a:hover{
  color: #0E91BF;  
background-color: #fff;
box-shadow: 0px 0px 1px #065E96;

}
.fixbarnav a span{
font-size: 28px;
}
.fixbarnav br{
font-size: 3px;
}
.icon2{
margin: 0px;  border-radius: 5px; 
display:table-cell; width: 50px; height: 50px; 
vertical-align: middle; text-align: center;
text-decoration: none; 
  color: #FF7632 !important;  background-color: #ffffff;
box-shadow: 0px 0px 3px #065E96;
}
.icon2:hover{}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  filter: alpha(opacity=0);
  opacity: 0;

  line-break: auto;
}
.tooltip.in {
  filter: alpha(opacity=97);
  opacity: .97;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip-inner {
  max-width: 300px;
  min-width: 200px;
  /* padding: 3px 8px; */
  color: #D6E7F6;
  text-align: center;
  background-color: #0E91BF;
  border: 0px solid #0E91BF;
  border-radius: 14px;
  font-size: 14px;
text-shadow: 0px 0px 2px #ccc !important;
box-shadow: 0px 0px 3px #fff;
  padding: 20px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #fff;
}
.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #fff;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #fff;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 01;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #fff;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #fff;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #fff;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #fff;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #fff;
}
.tooltip.fade {
	visibility: hidden !important;
}
.tooltip.fade.in {
	visibility: visible !important;
}