body .row.pdf .favoritknap{
    float: left;
    margin: 5px 0;
    width: 101px;
    height: 36px;
    background-image: url(/typo3conf/ext/konfirmand/Resources/Public/images/favorit-konf.png);
    cursor: pointer;
}

body .row.pdf .favoritknap:hover{
    opacity: .8;
}

body.mini .row.pdf .favoritknap{
  background-image: url(/typo3conf/ext/konfirmand/Resources/Public/images/favorit-mini.png);
}

/* behov was only covered by colorcontrol.css, which loads on the KC set alone —
   added here 2026-07-14 so all three target groups work wherever this file loads */
body.behov .row.pdf .favoritknap{
  background-image: url(/typo3conf/ext/konfirmand/Resources/Public/images/favorit-behov.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,
.vertical-menu .remove {
    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;
}
/* The remove icon itself (removefav.png) is painted by konfmat.less's
   .glyphicon-remove:before rule, as on live — this rule only provides the clickable box.
   The CDN-era a.remove selector never matched the span the plugin renders (and its
   ../img/remove1.png was 404 on live too) — fixed 2026-07-13. */
.flyout-menu-wrapper .vertical-menu > div .remove{
  width: 29px !important;
  height: 29px;
  margin: 0;
  padding: 0;
  float: left;
  border: none;
  border-radius: inherit;
  background-color: #cccccc;
  cursor: pointer;
}
.flyout-menu-wrapper:hover .vertical-menu a,
.flyout-menu-wrapper:hover .vertical-menu .remove {
  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 #####################
-----------------------------------------------------*/