@keyframes glowing {
	0% {
		background-color: #28a745;
		border-color: #28a745;
		;
		box-shadow: 0 0 3px #28a745;
	}

	50% {
		background-color: #218838;
		border-color: #1e7e34;
		box-shadow: 0 0 8px #1e7e34;
	}

	100% {
		background-color: #28a745;
		border-color: #28a745;
		;
		box-shadow: 0 0 3px #28a745;
	}
}

@keyframes clignoter {
	0%   { opacity:1; }
	50%   {opacity:.05; }
	100% { opacity:1; }
}

@keyframes clignoterAc {
	0%   { color:#212529; }
	50%   { color:#b99016; }
	100% { color:#212529; }
}

@keyframes animateC {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@keyframes animate {
	0% {
		transform: rotate(45deg);
	}

	100% {
		transform: rotate(405deg);
	}
}	

@keyframes horizontal-shaking {
    0% { transform: translateX(0) }
    25% { transform: translateX(5px) }
    50% { transform: translateX(-5px) }
    75% { transform: translateX(5px) }
    100% { transform: translateX(0) }
}

 @-webkit-keyframes flip-horizontal-bottom {
	0% {
	  -webkit-transform: rotateX(0);
			  transform: rotateX(0);
	}
	100% {
	  -webkit-transform: rotateX(-180deg);
			  transform: rotateX(-180deg);
	}
  }
  @keyframes flip-horizontal-bottom {
	0% {
	  -webkit-transform: rotateX(0);
			  transform: rotateX(0);
	}
	100% {
	  -webkit-transform: rotateX(-180deg);
			  transform: rotateX(-180deg);
	}
  }

  @-webkit-keyframes flip-horizontal-bottom-inverse {
	0% {
	  -webkit-transform: rotateX(-180deg);
			  transform: rotateX(-180deg);
	}
	100% {
	  -webkit-transform: rotateX(0);
			  transform: rotateX(0);
	}
  }
  @keyframes flip-horizontal-bottom-inverse {
	0% {
	  -webkit-transform: rotateX(-180deg);
			  transform: rotateX(-180deg);
	}
	100% {
	  -webkit-transform: rotateX(0);
			  transform: rotateX(0);
	}
  }
  
  @keyframes rotate {
	0% {
	  transform: translate(-50%, -50%) rotateZ(0deg);
	}
	100% {
	  transform: translate(-50%, -50%) rotateZ(360deg);
	}
  }

  @keyframes rotateccw {
	0% {
	  transform: translate(-50%, -50%) rotate(0deg);
	}
	100% {
	  transform: translate(-50%, -50%) rotate(-360deg);
	}
  }

  @keyframes spin {
	0%,
	100% {
	  box-shadow: .2em 0px 0 0px currentcolor;
	}
	12% {
	  box-shadow: .2em .2em 0 0 currentcolor;
	}
	25% {
	  box-shadow: 0 .2em 0 0px currentcolor;
	}
	37% {
	  box-shadow: -.2em .2em 0 0 currentcolor;
	}
	50% {
	  box-shadow: -.2em 0 0 0 currentcolor;
	}
	62% {
	  box-shadow: -.2em -.2em 0 0 currentcolor;
	}
	75% {
	  box-shadow: 0px -.2em 0 0 currentcolor;
	}
	87% {
	  box-shadow: .2em -.2em 0 0 currentcolor;
	}
  }

  @keyframes clignotteOp {
	0%,
	50%,
	100% {
		opacity: 1;
	}
	25%,
	75% {
		opacity: 0;
	}
  }