[class^="icon-"],
[class*=" icon-"] {
  font-family: "entcore-editor";
  font-style: normal;
  font-weight: normal;

  /* fix buttons height */
  line-height: 1em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
}

.icon-reply {
  *zoom: expression(
    this.runtimeStyle[ "zoom" ] = "1",
    this.innerHTML = "&#xe800;&nbsp;"
  );
}
.icon-forward {
  *zoom: expression(
    this.runtimeStyle[ "zoom" ] = "1",
    this.innerHTML = "&#xe801;&nbsp;"
  );
}
.icon-bold {
  *zoom: expression(
    this.runtimeStyle[ "zoom" ] = "1",
    this.innerHTML = "&#xe802;&nbsp;"
  );
}
.icon-italic {
  *zoom: expression(
    this.runtimeStyle[ "zoom" ] = "1",
    this.innerHTML = "&#xe803;&nbsp;"
  );
}
.icon-underline {
  *zoom: expression(
    this.runtimeStyle[ "zoom" ] = "1",
    this.innerHTML = "&#xe804;&nbsp;"
  );
}
.icon-align-left {
  *zoom: expression(
    this.runtimeStyle[ "zoom" ] = "1",
    this.innerHTML = "&#xe805;&nbsp;"
  );
}
.icon-align-center {
  *zoom: expression(
    this.runtimeStyle[ "zoom" ] = "1",
    this.innerHTML = "&#xe806;&nbsp;"
  );
}
.icon-align-right {
  *zoom: expression(
    this.runtimeStyle[ "zoom" ] = "1",
    this.innerHTML = "&#xe807;&nbsp;"
  );
}
.icon-align-justify {
  *zoom: expression(
    this.runtimeStyle[ "zoom" ] = "1",
    this.innerHTML = "&#xe808;&nbsp;"
  );
}
.icon-list-bullet {
  *zoom: expression(
    this.runtimeStyle[ "zoom" ] = "1",
    this.innerHTML = "&#xe809;&nbsp;"
  );
}
.icon-list-numbered {
  *zoom: expression(
    this.runtimeStyle[ "zoom" ] = "1",
    this.innerHTML = "&#xe80a;&nbsp;"
  );
}
.icon-font {
  *zoom: expression(
    this.runtimeStyle[ "zoom" ] = "1",
    this.innerHTML = "&#xe80b;&nbsp;"
  );
}
.icon-superscript {
  *zoom: expression(
    this.runtimeStyle[ "zoom" ] = "1",
    this.innerHTML = "&#xe80c;&nbsp;"
  );
}
.icon-subscript {
  *zoom: expression(
    this.runtimeStyle[ "zoom" ] = "1",
    this.innerHTML = "&#xe80d;&nbsp;"
  );
}
.icon-attach {
  *zoom: expression(
    this.runtimeStyle[ "zoom" ] = "1",
    this.innerHTML = "&#xe80e;&nbsp;"
  );
}
.icon-music {
  *zoom: expression(
    this.runtimeStyle[ "zoom" ] = "1",
    this.innerHTML = "&#xe80f;&nbsp;"
  );
}
.icon-video {
  *zoom: expression(
    this.runtimeStyle[ "zoom" ] = "1",
    this.innerHTML = "&#xe810;&nbsp;"
  );
}
.icon-unlink {
  *zoom: expression(
    this.runtimeStyle[ "zoom" ] = "1",
    this.innerHTML = "&#xe811;&nbsp;"
  );
}
.icon-link {
  *zoom: expression(
    this.runtimeStyle[ "zoom" ] = "1",
    this.innerHTML = "&#xe812;&nbsp;"
  );
}
.icon-smile {
  *zoom: expression(
    this.runtimeStyle[ "zoom" ] = "1",
    this.innerHTML = "&#xe813;&nbsp;"
  );
}
.icon-table {
  *zoom: expression(
    this.runtimeStyle[ "zoom" ] = "1",
    this.innerHTML = "&#xe814;&nbsp;"
  );
}
.icon-code {
  *zoom: expression(
    this.runtimeStyle[ "zoom" ] = "1",
    this.innerHTML = "&#xe815;&nbsp;"
  );
}
.icon-quote {
  *zoom: expression(
    this.runtimeStyle[ "zoom" ] = "1",
    this.innerHTML = "&#xe816;&nbsp;"
  );
}
.icon-picture {
  *zoom: expression(
    this.runtimeStyle[ "zoom" ] = "1",
    this.innerHTML = "&#xe817;&nbsp;"
  );
}
.icon-download {
  *zoom: expression(
    this.runtimeStyle[ "zoom" ] = "1",
    this.innerHTML = "&#xe818;&nbsp;"
  );
}
.icon-fontsize {
  *zoom: expression(
    this.runtimeStyle[ "zoom" ] = "1",
    this.innerHTML = "&#xe819;&nbsp;"
  );
}
.icon-header {
  *zoom: expression(
    this.runtimeStyle[ "zoom" ] = "1",
    this.innerHTML = "&#xe81a;&nbsp;"
  );
}
