/* clase para mostrar - ocultar elementos, se suele usar en conjunto con javascript */

.hide-opacity{
	opacity:0;
  -webkit-animation: hide-opacity 1s;
  animation:         hide-opacity 1s;
}
.show-opacity {
  opacity: 1;
  -webkit-animation: show-opacity 1s;
  animation:         show-opacity 1s;
}

@-webkit-keyframes show-opacity {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes show-opacity {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-webkit-keyframes hide-opacity {
  100%   { opacity: 0; }
  0% { opacity: 1; }
}
@keyframes hide-opacity {
  100%   { opacity: 0; }
  0% { opacity: 1; }
}

.glyphicon-refresh-animate {
    -webkit-animation: spin .7s infinite linear;
    animation: spin .7s infinite linear;

}

@keyframes spin {
    from {
      -webkit-transform: rotate(0deg);
      transform: scale(1) rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
      transform: scale(1) rotate(360deg);
    }
}

a .glyphicon-chevron-down, button .glyphicon-chevron-down{
    transition-duration: 0.5s;
    transition-property: transform;
}
.dropdown>a[aria-expanded="true"]>.glyphicon-chevron-down,
.dropdown:hover>a>.glyphicon-chevron-down,
.dropdown-submenu>a[aria-expanded="true"]>.glyphicon-chevron-down,
.dropdown-submenu:hover>a>.glyphicon-chevron-down,
.panel-heading a[aria-expanded="true"]  .glyphicon-chevron-down,
.panel-heading button[aria-expanded="true"]  .glyphicon-chevron-down{
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg);
}