.aui {
  a.btn.status-icon:hover {
    color: white;
    background-color: #656565;
    border-color: #444;
  }


.btn-mediaobject {
  margin: 20px auto;
}

.btn-mediaobject, .btn-carousel, .btn-article {
  width: em(80px);
  display: block;
  text-align: left;
  position: relative;

  &:hover {
    a {
      color: $red-logo;
      text-decoration: none;
    }
    .btn-line {
      background-color: $red-logo;
      transform: translateX(20%);

      .btn-arrow-up, .btn-arrow-down {
        background-color: $red-logo;
      }
      .btn-arrow-up {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
      }
      .btn-arrow-down {
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg);
      }
    }
  }

  a {
    color: $footer-color;
    text-decoration: none;
    font-family: $second-font;
    text-transform: uppercase;
    font-size: em(12px);
    transition: color $speed;
    font-weight: bold;

    &:focus {
      color: $footer-color!important;
      text-decoration: none!important;
    }
  }


  .btn-line {
    position: absolute;
    top: 50%;
    right: em(15px);
    width: em(20px);
    height: 2px;
    margin-top: -1px;
    background-color: $footer-color;
    transition: all $speed;

    .btn-arrow-up {
      @include transform(rotate(45deg));
      transform-origin: right top;
    }
    .btn-arrow-down {
      @include transform(rotate(-45deg));
      transform-origin: right bottom;
    }
    .btn-arrow-up, .btn-arrow-down {
      position: absolute;
      right: 0;
      top: 0;
      display: block;
      width: 8px;
      height: 2px;
      background-color: $footer-color;
      transition: all $speed;
    /*  @include transform-origin(right);*/
    }
  }
}

.btn-article {
  width: em(180px);
  margin-top: em(15px);
  margin-bottom: em(15px);
  cursor: pointer;
}

}

.aui .btn {
  /*@media (max-width: 979px) {*/
    padding: 6px 8px;
 /* }*/
}

.taglib-header {
  .header-back-to {
    a {
      padding-top: 0px;
    }
  }
}


.aui {
  .btn-action {
    border-radius: 5px!important;
    min-width: 40px;
  }
  .btn-std {
    border-radius: 5px!important;
  }
  .tooltip-help, .tooltip {
    background-color: transparent;
  }

  .tooltip-info {
    padding: 6px 2px;

    .btn a {
      color: $w;
    }
  }
}

.aui {
  .avvisi-tooltip {
    .avviso-tooltip {
      position: relative;
      padding: 4px 0;
      &:before {
        content: "";
        position: absolute;
        width: 25%;
        height: 1px;
        background-color: rgba(255, 255, 255, 0.3);
        bottom: 0;
        left: 50%;
        @include transform(translateX(-50%))
      }
      
      &:last-child {
        &:before {
          display: none;
        }
      }
    }
  }
}