@import './component.scss';

.status {
	height: 10px;
	width: 10px;
	border-radius: 50%;
	display: inline-block;

	&.ok {
		background-color: $java;
	}

	&.error {
		background-color: $red;
	}

	&.cancel {
		background-color: $black;
	}

	&.late {
		background-color: $red;
	}

	&.waiting {
		background-color: $saffron;
	}

	&.Pendente {
		background-color: $saffron;
	}

	&.Pago {
		background-color: $java;
	}

	&.Atrasado {
		background-color: $red;
	}

	&.Agendado {
		background-color: $black;
	}
}