.input-button-icon
{
	display: flex;
	min-height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
}

.input-button-icon > span:hover
{
	background-color: green;
}

.input-button-icon > span, .input-button-icon > a
{
	display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  padding: 0px 5px;
	cursor: pointer;
}

.input-button-icon svg
{
	width: 16px;
	fill: white;
}

.input-button-icon-contener:not([data-icon~="edit"]) span[data-event-name="edit"],
.input-button-icon-contener:not([data-icon~="add"]) span[data-event-name="add"],
.input-button-icon-contener:not([data-icon~="list"]) span[data-event-name="list"],
.input-button-icon-contener:not([data-icon~="call"]) a[data-event-name="call"]
{
	display: none;
}

@media print
{
	.input-button-icon
	{
		display: none;
	}
}