.st-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'STIconsFont' !important;
  display: inline-block;
  text-align: center;
  vertical-align: middle; /* Vertically align with surrounding text */
  line-height: 1; /* Ensures no extra spacing is added */
  width: 1em; /* Ensures width is proportional to font-size */
  height: 1em; /* Ensures height is proportional to font-size */
}

.st-icon-small
{
	font-size: 8px
}

.st-icon-normal
{
	font-size: 16px
}

.st-icon-mid
{
	font-size: 20px
}

.st-icon-medium
{
	font-size: 24px
}

.st-icon-large
{
	font-size: 32px;
}

.st-icon-xlarge
{
	font-size: 48px;
}



 /* Override dei gli stili delle icone */
.st-icon-assets-tree:before {
  font-weight: 600;
}

.st-icon-select:before {
  color: rgb(7, 7, 7);
}

.st-icon-smart-meter:before {
  color: #282828;
  font-weight: 700;
}

.st-icon-new-add-to-chart:before {
	content: "\e971";
	color: #000;
	display: inline-block;
	transform: scaleY(-1);
	font-size: 1.05em;
}

.st-icon-add-paperclip:before {
  content: "\e900";
}