/*blink aggiunto per home cartellino web*/
.blink {
	animation: blinker 1s linear infinite;
}

@keyframes blinker {
	50% {
		opacity: 0;
	}
}

.blink1 {
	animation: blink1 1.5s linear infinite;
}

@keyframes blink1 {
	0% {
		opacity: 0.1;
	}
	50% {
		opacity: 0.5;
	}
	100% {
		opacity: 1;
	}
}

.blink2 {
	animation: blink2 2s linear infinite;
}

@keyframes blink2 {
	0% {
		opacity: 0.5;
	}
	50% {
		opacity: 0.8;
	}
	100% {
		opacity: 1;
	}
}

.blink3 {
	animation: blink3 1.3s linear infinite;
}

@keyframes blink3 {
	0% {
		opacity: 0.2;
	}
	50% {
		opacity: 0.6;
	}
	100% {
		opacity: 1;
	}
}

/*INIZIO far saltare una notifica*/
.bounce-7 {
	animation-name: bounce-7;
	animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1);
}
@keyframes bounce-7 {
	0% {
		transform: scale(1, 1) translateY(0);
	}
	10% {
		transform: scale(1.1, 0.9) translateY(0);
	}
	30% {
		transform: scale(0.9, 1.1) translateY(-20px);
	}
	50% {
		transform: scale(1.05, 0.95) translateY(0);
	}
	57% {
		transform: scale(1, 1) translateY(-7px);
	}
	64% {
		transform: scale(1, 1) translateY(0);
	}
	100% {
		transform: scale(1, 1) translateY(0);
	}
}


/*In corco... con punti che lampeggiano pagina attivita.php e timbra_attivita.php*/
@-webkit-keyframes opacity {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@-moz-keyframes opacity {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.rotate_slow {
	display: inline-block;

	animation: skew 1s infinite;
	transform: skew(20deg);
	animation-direction: alternate;
}

@keyframes skew {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(-45deg);
	}
}

.rotate_move_90 {
	display: inline-block;

	animation: rotate_move_90 1s infinite;
	transform: rotate_move_90(20deg);
	animation-direction: alternate;
}

@keyframes rotate_move_90 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(-90deg);
	}
}

.rotate_move_360 {
	display: inline-block;
	animation: rotate_move_360 3s linear infinite;
	transform: rotate_move_360(20deg);
}

@keyframes rotate_move_360 {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

.rotate_move_360_2 {
	display: inline-block;
	animation: rotate_move_360_2 4s linear infinite;
	transform: rotate_move_360_2(20deg);
}

@keyframes rotate_move_360_2 {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

/*FINE GESTIONE TEXT ELLIPSIS*/
.b_border_info {
	animation: blink_b_info 3s;
	animation-iteration-count: 1;
}

@keyframes blink_b_info {
	50% {
		border: 1px #539bff solid;
		border-radius: 10px;
		background-color: #539bffa9;
	}
}

.b_border_success {
	border: 1px solid #ced4da;
	animation: blink_b_success 3s;
	animation-iteration-count: 1;
}

@keyframes blink_b_success {
	50% {
		border: 1px #7dc855 solid;
		background-color: #7dc85596;
	}
}

.b_border_danger {
	border: 1px solid #ced4da;
	animation: blink_b_danger 1s;
	animation-iteration-count: 4;
}

@keyframes blink_b_danger {
	50% {
		border: 1px #ed5564 solid;
		background-color: #ed556463;
	}
}

.b_border_primary {
	border: 1px solid #448aff87;
	animation: blink_b_primary 1.5s;
	animation-iteration-count: 3;
}

@keyframes blink_b_primary {
	50% {
		border: 1px #448aff solid;
		background-color: #448aff;
	}
}

.b_border_warning {
	border: 1px solid #fcce54;
	animation: blink_b_warning 1.5s;
	animation-iteration-count: 3;
}

@keyframes blink_b_warning {
	50% {
		border: 1px #fcce54 solid;
		background-color: #fcce54;
	}
}

.span_warning_black {
	color: #ffc107;
	animation: warning_black 1.5s;
	animation-iteration-count: infinite;
}

@keyframes warning_black {
	50% {
		color: #343a40;
	}
}

.modal-shaking {
	animation-name: horizontal-shaking;
	animation-duration: 0.4s;
	animation-iteration-count: infinite;
}

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