/**
 * JF SideButtons
 * @author		JoomForest.com
 * @email		support@joomforest.com
 * @website		http://www.joomforest.com
 * @copyright	Copyright (C) 2011-2014 JoomForest. All rights reserved.
 * @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
 */
.jf_sidebuttons{
  position: fixed;
  top: 130px;
  left: 0;
  z-index: 10;
  list-style: none;
}

.jf_sidebuttons li{
  margin: 2px 0;
}

.jf_sidebuttons li a{
  position: relative;
  border: 1px solid #DDD;
  background-color: #FFF;
  min-width: 86px;
  display: block;
  padding: 10px 20px 10px 0;
  text-align: center;
  color: #222;
  left: -100%;
  margin-right: -37px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  font-size: 14px;
  letter-spacing: 1px;
  /*text-transform: uppercase;*/
}

.jf_sidebuttons li a:hover{
  left: 0;
  color: #fff
}

.jf_sidebuttons li a i{
  position: absolute;
  top: 0;
  right: 0;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  width: 30px;
  text-align: center;
  display: block;
}

.jf_sidebuttons.right{
  left: auto;
  right: 0px;
}
.jf_sidebuttons.right li a{
  left: auto;
  margin-top: 1px;
  margin-right: -5px;
  right: -94%;
  margin-left: -28px;
  padding: 6px 0 6px 6px;
  background-color: #A2D01A; /*harald old war #00549A */
  width:160px;
  text-align: left;
}

.jf_sidebuttons.right li a:hover{
  left: auto;
  right: 0;
}

.jf_sidebuttons.right li a i{
  left: 0;
  right: 0;
}
@media (max-width: 768px) {
.jf_sidebuttons {display: none !important;}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.jf_sidebuttons.right li a {
  left: auto;
  margin-right: -5px;
  right: -94%;
  margin-left: -28px;
  padding: 6px 0 6px 6px;
  background-color: #A2D01A;
  width:160px;
  text-align: left;
  }
}