.fcf-controls-menu a{
  color: #000;
}

@keyframes fcf-controls-menu-level-show{
  0% {
    max-height: 0px;
    overflow: hidden;
  }
  99% {
    max-height: 2000px;
    overflow: hidden;
  }
  100% {
    max-height: none;
    overflow: none;
  }
}


.fcf-controls-menu-level.animation{
  animation-name: fcf-controls-menu-level-show;
  animation-duration: 3s;
}



.fcf-controls-menu-item{
  border-bottom: 1px solid #efefef;
  padding: 8px 8px 8px 12px;
}

.fcf-controls-menu-item.novisible{
  display: none;
}

.fcf-controls-menu-item[level="0"],
.fcf-controls-menu-item[level="1"]{
  background:#efefef;
  border-bottom: 1px solid #fff;
}

.fcf-controls-menu-item.active{
  border-left: 8px solid #e0e0e0;
  padding: 8px 8px 8px 4px;
}


.fcf-controls-menu-level-offset {
  display:inline-block;
}

.fcf-controls-menu-level-offset-item {
  display:inline-block;
  width: 0.5em;
}


.fcf-controls-menu-button{
  display: inline-block;
  min-width: none;
  float: right;
  cursor: pointer;
}


@keyframes fcf-controls-menu-item-open{
  0% {
    transform: rotate(-180deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@keyframes fcf-controls-menu-item-close{
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

.fcf-controls-menu-item.visible.noempty.open  div  .fcf-controls-menu-button::before{
  font-family: "FcfIcons";
  content: "\0024";
  font-style: normal;
  display: inline-block;
  cursor: pointer;
}
.fcf-controls-menu-item.visible.noempty.noopen  div .fcf-controls-menu-button::before{
  font-family: "FcfIcons";
  content: "\0023";
  font-style: normal;
  display: inline-block;
  cursor: pointer;
}
.fcf-controls-menu-item.animation.visible.noempty.open  div  .fcf-controls-menu-button::before{
  animation-name: fcf-controls-menu-item-open;
  animation-duration: 0.4s;
}
.fcf-controls-menu-item.animation.visible.noempty.noopen  div  .fcf-controls-menu-button::before{
  animation-name: fcf-controls-menu-item-close;
  animation-duration: 0.4s;
}
