body .row.pdf .favoritknap{
    float: left;
    margin: 5px 0;
    width: 101px;
    height: 36px;
    background-image: url(/fileadmin/template/image/favorit-konf.png);
}

body.mini .row.pdf .favoritknap{
  background-image: url(/fileadmin/template/image/favorit-mini.png);
}


.favoritknap.favorit {
    outline: 1px solid gold;
}

/*-----------------------------------------------------
################### Flyout Menu #####################
-----------------------------------------------------*/

.flyout-menu .widget-title .title{ font-size:16px !important; }

.flyout-menu-wrapper{
    position: fixed;
    right: 0;
    top: 155px;
    z-index: 99999999;
}
.flyout-menu {
    background-color: #e82e00;
    width: 40px;
    padding: 8px 0;
    float: left;
    cursor: pointer;
}
.flyout-menu .texticon-content h1,.flyout-menu .texticon-content h2,.flyout-menu .texticon-content h3,.flyout-menu .texticon-content h4,.flyout-menu .texticon-content h5{
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  /*writing-mode: rl-tb;*/
  margin-top: 52px;
  color: #fff;
  margin-left: 8px;
  -ms-transform:rotate(270deg);
  -ms-writing-mode:rl;
}
.flyout-menu .glyphicon{
  background-color: #e82e00 !important;
}

.vertical-menu {
    float: left;
    width: 0;
    transition: width .9s ease;
    -webkit-transition: width .9s ease;
    background-color: #cccccc;
    min-height: 143px;
}

.vertical-menu a {
    background-color: #cccccc;
    color: #fff !important;
    display: none;
    padding: 2px 12px;
    opacity: 0;
    visibility: hidden;
    text-decoration: none;
    transition: visibility 0s, opacity 0.5s linear;
}

.vertical-menu a:hover {
  color: #002f68 !important;
}
/*.flyout-menu-wrapper:hover .vertical-menu{
  width: 200px;
}*/
.flyout-menu-wrapper .vertical-menu > div a{
  width: 171px;
  float: left;
}
.flyout-menu-wrapper .vertical-menu > div a.remove{
  width: 29px !important;
  height: 29px;
  margin: 0;
  float: left;
  border: none;
  border-radius: inherit;
  background: #cccccc url("../img/remove1.png") repeat scroll 0 0;
  cursor: pointer;
}
.flyout-menu-wrapper:hover .vertical-menu a {
  display: block;
  opacity: 1;
  visibility: visible;
  transition: visibility 0s, opacity 0.5s linear;
  white-space: pre !important;
}
.vertical-menu > div {
    display: flex;
    height: 29px;
}
@media(max-width: 767px){
  .flyout-menu-wrapper .flyout-menu .texticon-content{
    display: none;
  }
}
/*.vertical-menu a.active {
    background-color: #4CAF50;
    color: white;
}*/
/*-----------------------------------------------------
################### Flyout Menu #####################
-----------------------------------------------------*/