/*** Usado no icone de triangulo das modais ***/
.swing {
	transform-origin: top center;
	animation: swing 2s ease infinite;
}
@keyframes swing {
	20% { transform: rotate(15deg); }	
	40% { transform: rotate(-10deg); background: var(--red-one); }
	60% { transform: rotate(5deg); background: var(--red-one); }	
	80% { transform: rotate(-5deg);  }	
	100% { transform: rotate(0deg); background: var(--red-one); }
}

/*** Usado no icone de check das modais ***/
.hithere {
  animation: hithere 3s ease infinite;
}
@keyframes hithere {
  30% { transform: scale(0.9); }
  40%, 60% { transform: rotate(-10deg) scale(0.8); }
  50% { transform: rotate(10deg) scale(0.8);}
  70% { transform: rotate(0deg) scale(0.9); }
  100% { transform: scale(1); }
}

/*** Bolinha verde de bloqueado na tela de cadastro de projetos ***/
.grow-green {
  animation: grow-green 1s infinite;
}

@keyframes grow-green {
  from { box-shadow: 0px 0px 0.2em green; }
  to { box-shadow: 0px 0px 0.7em green; }
}

.grow-red {
  animation: grow-red 1s infinite;
}

@keyframes grow-red {
  from { box-shadow: 0px 0px 0.2em red; }
  to { box-shadow: 0px 0px 0.7em red; }
}