@font-face {
  font-family: 'icons';
  src:  url('fonts/icons.eot?grmpv7');
  src:  url('fonts/icons.eot?grmpv7#iefix') format('embedded-opentype'),
    url('fonts/icons.ttf?grmpv7') format('truetype'),
    url('fonts/icons.woff?grmpv7') format('woff'),
    url('fonts/icons.svg?grmpv7#icons') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-branch:before {
  content: "\e917";
  color: #fff;
}
.icon-Colors-path1:before {
  content: "\e918";
  color: rgb(30, 189, 38);
}
.icon-Colors-path2:before {
  content: "\e919";
  margin-left: -1em;
  color: rgb(237, 92, 102);
}
.icon-font:before {
  content: "\e91a";
  color: #fff;
}
.icon-full-screen:before {
  content: "\e91b";
  color: #fff;
}
.icon-miniatures:before {
  content: "\e91c";
  color: #fff;
}
.icon-notes:before {
  content: "\e91d";
  color: #fff;
}
.icon-sync:before {
  content: "\e91e";
  color: #fff;
}
.icon-View-path1:before {
  content: "\e91f";
  color: rgb(201, 85, 93);
}
.icon-View-path2:before {
  content: "\e920";
  margin-left: -1em;
  color: rgb(85, 200, 201);
}
.icon-View-path3:before {
  content: "\e921";
  margin-left: -1em;
  color: rgb(201, 156, 85);
}
.icon-View-path4:before {
  content: "\e922";
  margin-left: -1em;
  color: rgb(201, 156, 85);
}
.icon-View-path5:before {
  content: "\e923";
  margin-left: -1em;
  color: rgb(85, 201, 115);
}
.icon-View-path6:before {
  content: "\e924";
  margin-left: -1em;
  color: rgb(201, 85, 93);
}
.icon-vocabulary:before {
  content: "\e900";
  color: #7c8081;
}
.icon-author:before {
  content: "\e901";
  color: #7c8081;
}
.icon-bookmark:before {
  content: "\e902";
  color: #7c8081;
}
.icon-brightness:before {
  content: "\e903";
  color: #7c8081;
}
.icon-child-mode:before {
  content: "\e904";
  color: #7c8081;
}
.icon-collections:before {
  content: "\e905";
  color: #7c8081;
}
.icon-content:before {
  content: "\e906";
  color: #7c8081;
}
.icon-copy:before {
  content: "\e907";
  color: #7c8081;
}
.icon-day:before {
  content: "\e908";
  color: #7c8081;
}
.icon-favorite:before {
  content: "\e909";
  color: #7c8081;
}
.icon-formats:before {
  content: "\e90a";
  color: #7c8081;
}
.icon-have-read:before {
  content: "\e90b";
  color: #7c8081;
}
.icon-night:before {
  content: "\e90c";
  color: #7c8081;
}
.icon-quote-mark:before {
  content: "\e90d";
  color: #7c8081;
}
.icon-save-file:before {
  content: "\e90e";
  color: #7b8182;
}
.icon-screen-orientation:before {
  content: "\e90f";
  color: #7c8081;
}
.icon-search:before {
  content: "\e910";
  color: #7c8081;
}
.icon-series:before {
  content: "\e911";
  color: #7c8081;
}
.icon-settings:before {
  content: "\e912";
  color: #7c8081;
}
.icon-share:before {
  content: "\e913";
}
.icon-Star:before {
  content: "\e914";
  color: #737373;
}

.icon-Star-yellow:before {
  content: "\e914";
  color: #FFC700;
}
.icon-to-read:before {
  content: "\e915";
  color: #7c8081;
}
.icon-translation:before {
  content: "\e916";
  color: #7c8081;
}