// align
.format-align-center {
  background-image: url("../../assets/images/editor/buttons/align/editor-format-align-center.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30px;
  height: 30px;
  width: 30px;
}
.format-align-justify {
  background-image: url("../../assets/images/editor/buttons/align/editor-format-align-justify.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30px;
  height: 30px;
  width: 30px;
}
.format-align-left {
  background-image: url("../../assets/images/editor/buttons/align/editor-format-align-left.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30px;
  height: 30px;
  width: 30px;
}
.format-align-right {
  background-image: url("../../assets/images/editor/buttons/align/editor-format-align-right.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30px;
  height: 30px;
  width: 30px;
}

// arrow
.format-arrow-down {
  background-image: url("../../assets/images/editor/buttons/arrow/arrow-down.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 9px;
  height: 9px;
  width: 10px;
  display: inline-block;
}
.format-arrow-u-left-top {
  background-image: url("../../assets/images/editor/buttons/arrow/arrow-u-left-top.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 9px;
  height: 9px;
  width: 10px;
}
.format-arrow-u-right-top {
  background-image: url("../../assets/images/editor/buttons/arrow/arrow-u-right-top.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 9px;
  height: 9px;
  width: 10px;
}

// colors
.format-alpha-a-box {
  background-image: url("../../assets/images/editor/buttons/colors/alpha-a-box.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
  height: 20px;
  width: 20px;
}
.format-alpha-a {
  background-image: url("../../assets/images/editor/buttons/colors/alpha-a.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
  height: 20px;
  width: 20px;
}
.format-background-color {
  background-image: url("../../assets/images/editor/buttons/colors/background-color.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px;
  height: 28px;
  width: 28px;
}
.format-background-color1 {
  background-image: url("../../assets/images/editor/buttons/colors/background-color1.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px;
  height: 28px;
  width: 28px;
}
.format-letrer-color {
  background-image: url("../../assets/images/editor/buttons/colors/letrer-color.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px;
  height: 28px;
  width: 28px;
}
.format-letrer-color1 {
  background-image: url("../../assets/images/editor/buttons/colors/letter-color1.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px;
  height: 28px;
  width: 28px;
}

// common
.format-code {
  background-image: url("../../assets/images/editor/buttons/common/code.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
  height: 20px;
  width: 20px;
}
.format-document-view {
  background-image: url("../../assets/images/editor/buttons/common/file-with-eye-view.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px;
  height: 28px;
  width: 28px;
}
.format-format-clear {
  background-image: url("../../assets/images/editor/buttons/common/format-clear.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px;
  height: 28px;
  width: 28px;
}
.format-lower-case {
  background-image: url("../../assets/images/editor/buttons/common/lower-case.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  height: 24px;
  width: 24px;
}
.format-title-case {
  background-image: url("../../assets/images/editor/buttons/common/title-case.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  height: 24px;
  width: 24px;
}
.format-upper-case {
  background-image: url("../../assets/images/editor/buttons/common/upper-case.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  height: 24px;
  width: 24px;
}

// format
.format-bold {
  background-image: url("../../assets/images/editor/buttons/format/format-bold.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
  height: 20px;
  width: 20px;
}
.format-italic {
  background-image: url("../../assets/images/editor/buttons/format/format-italic.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
  height: 20px;
  width: 20px;
}
.format-strikethrough-variant {
  background-image: url("../../assets/images/editor/buttons/format/format-strikethrough-variant.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
  height: 20px;
  width: 20px;
}
.format-subscript {
  background-image: url("../../assets/images/editor/buttons/format/format-underline.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
  height: 20px;
  width: 20px;
}
.format-subscript {
  background-image: url("../../assets/images/editor/buttons/format/format-subscript.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px;
  height: 22px;
  width: 22px;
}
.format-subscript {
  background-image: url("../../assets/images/editor/buttons/format/format-superscript.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px;
  height: 22px;
  width: 22px;
}
// links
.format-add-image {
  background-image: url("../../assets/images/editor/buttons/links/add-image.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
  height: 20px;
  width: 20px;
}
.format-add-link {
  background-image: url("../../assets/images/editor/buttons/links/add-link.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
  height: 20px;
  width: 20px;
}
.format-delete-link {
  background-image: url("../../assets/images/editor/buttons/links/delete-link.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
  height: 20px;
  width: 20px;
}
// lists
.format-big-latin-letters {
  background-image: url("../../assets/images/editor/buttons/lists/big-latin-letters.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 17px;
  height: 17px;
  width: 17px;
}
.format-big-roman-numerals {
  background-image: url("../../assets/images/editor/buttons/lists/big-roman-numerals.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 17px;
  height: 17px;
  width: 17px;
}
.format-black-circle-num-list {
  background-image: url("../../assets/images/editor/buttons/lists/black-circle-num-list.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 17px;
  height: 17px;
  width: 17px;
}
.format-black-square-num-list {
  background-image: url("../../assets/images/editor/buttons/lists/black-square-num-list.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px;
  height: 28px;
  width: 28px;
}
.format-nums {
  background-image: url("../../assets/images/editor/buttons/lists/nums.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 17px;
  height: 17px;
  width: 17px;
}
.format-smal-latin-letters {
  background-image: url("../../assets/images/editor/buttons/lists/smal-latin-letters.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 17px;
  height: 17px;
  width: 17px;
}
.format-smal-roman-numerals {
  background-image: url("../../assets/images/editor/buttons/lists/smal-roman-numerals.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 17px;
  height: 17px;
  width: 17px;
}
.format-white-circle-num-list {
  background-image: url("../../assets/images/editor/buttons/lists/white-circle-num-list.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 17px;
  height: 17px;
  width: 17px;
}
.format-white-square-num-list {
  background-image: url("../../assets/images/editor/buttons/lists/white-square-num-list.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 17px;
  height: 17px;
  width: 17px;
}
// table
.format-add-bottom-table {
  background-image: url("../../assets/images/editor/buttons/table/add-bottom-table.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30px;
  height: 30px;
  width: 30px;
}
.format-add-left-table {
  background-image: url("../../assets/images/editor/buttons/table/add-left-table.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30px;
  height: 30px;
  width: 30px;
}
.format-add-right-table {
  background-image: url("../../assets/images/editor/buttons/table/add-right-table.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30px;
  height: 30px;
  width: 30px;
}
.format-add-top-table {
  background-image: url("../../assets/images/editor/buttons/table/add-top-table.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30px;
  height: 30px;
  width: 30px;
}
.format-delete-table {
  background-image: url("../../assets/images/editor/buttons/table/delete-table.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30px;
  height: 30px;
  width: 30px;
}
.format-remove-row-cells {
  background-image: url("../../assets/images/editor/buttons/table/remove-row-cells.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30px;
  height: 30px;
  width: 30px;
}
.format-color-picker-chip {
  background-image: url("../../assets/images/editor/buttons/table/color-picker-chip.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px;
  height: 18px;
  width: 18px;
}
.format-table {
  background-image: url("../../assets/images/editor/buttons/table/table.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px;
  height: 28px;
  width: 28px;
}
// tabs
.format-indent-decrease {
  background-image: url("../../assets/images/editor/buttons/tabs/format-indent-decrease.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px;
  height: 28px;
  width: 28px;
}
.format-indent-increase {
  background-image: url("../../assets/images/editor/buttons/tabs/format-indent-increase.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px;
  height: 28px;
  width: 28px;
}
