/* line 7, ../../scss/ereader/_highlights.scss */
span.__mi__yellow {
  background: #fff2a8;
}

/* line 11, ../../scss/ereader/_highlights.scss */
span.__mi__red {
  background: #fecdcd;
}

/* line 15, ../../scss/ereader/_highlights.scss */
span.__mi__green {
  background: #bdffd1;
}

/* line 18, ../../scss/ereader/_highlights.scss */
span.__mi__orange {
  background: #ffdc7e;
}

/* line 22, ../../scss/ereader/_highlights.scss */
span.__mi__blue {
  background: #b1e7fd;
}

/* line 18, ../../scss/ereader/ereader.scss */
.mi-note-popup .frame .profile-section .profile-title, .mi-note-popup .frame .note-section .reference-section .reference-title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* line 72, ../../scss/ereader/ereader.scss */
.mi-note-popup .frame .note-section .social-section .post-note {
  border: 2px solid #131313;
  background: none;
  color: #131313;
  padding: 5px 30px;
  font-size: 28px;
  font-family: 'Oswald', sans-serif;
  outline: 0;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
/* line 84, ../../scss/ereader/ereader.scss */
.mi-note-popup .frame .note-section .social-section .post-note:hover {
  border-color: #4fbbea;
  color: #4fbbea;
}
/* line 89, ../../scss/ereader/ereader.scss */
.mi-note-popup .frame .note-section .social-section [disabled].post-note {
  color: #ccc;
  border-color: #ccc;
}

/* line 98, ../../scss/ereader/ereader.scss */
html {
  height: 100%;
}

/* line 101, ../../scss/ereader/ereader.scss */
body {
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
}

/* line 109, ../../scss/ereader/ereader.scss */
.viewport {
  height: 100%;
  width: 100%;
  overflow-x: hidden;
}

/* line 115, ../../scss/ereader/ereader.scss */
.mindink-reader-container {
  position: relative;
  display: block;
  height: 100%;
  overflow: auto;
  background: white;
  font-family: 'Oswald', sans-serif;
}

/* line 124, ../../scss/ereader/ereader.scss */
#mindink-reader {
  max-width: 1250px;
  position: absolute;
  width: 85%;
  height: 75%;
  top: 12.5%;
  left: 7.5%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 129, ../../scss/ereader/ereader.scss */
#mindink-reader iframe {
  border: none;
}

/* line 134, ../../scss/ereader/ereader.scss */
.mindink-reader-container {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
/* line 137, ../../scss/ereader/ereader.scss */
.mindink-reader-container .mindink-logo {
  position: absolute;
  top: 0;
  left: 0;
  margin: 10px;
  cursor: pointer;
}
/* line 143, ../../scss/ereader/ereader.scss */
.mindink-reader-container .mindink-logo:hover {
  -webkit-filter: brightness(0.9);
  -moz-filter: brightness(0.9);
  filter: brightness(0.9);
}
/* line 147, ../../scss/ereader/ereader.scss */
.mindink-reader-container.open {
  -webkit-transform: translateX(400px);
  -moz-transform: translateX(400px);
  -ms-transform: translateX(400px);
  -o-transform: translateX(400px);
  transform: translateX(400px);
}
/* line 150, ../../scss/ereader/ereader.scss */
.mindink-reader-container .loading {
  font-size: 50px;
  position: absolute;
  text-align: center;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -80px;
}
/* line 159, ../../scss/ereader/ereader.scss */
.mindink-reader-container .mindink-overlay {
  position: relative;
  height: 100%;
  width: 100%;
}
/* line 164, ../../scss/ereader/ereader.scss */
.mindink-reader-container .next-page {
  position: absolute;
  top: 50%;
  margin-top: -80px;
  right: 0;
  text-align: center;
  font-size: 40px;
  line-height: 70px;
  height: 80px;
  width: 40px;
  max-width: 7%;
  background: #cccccc;
  color: #fcfcfc;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 67, ../../scss/ereader/ereader.scss */
.mindink-reader-container .next-page:hover {
  background: #4fbbea;
}
/* line 167, ../../scss/ereader/ereader.scss */
.mindink-reader-container .previous-page {
  position: absolute;
  top: 50%;
  margin-top: -80px;
  left: 0;
  text-align: center;
  font-size: 40px;
  line-height: 70px;
  height: 80px;
  width: 40px;
  max-width: 7%;
  background: #cccccc;
  color: #fcfcfc;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 67, ../../scss/ereader/ereader.scss */
.mindink-reader-container .previous-page:hover {
  background: #4fbbea;
}
/* line 171, ../../scss/ereader/ereader.scss */
.mindink-reader-container .progress-bar-mi {
  border-top: #a8a8a8 solid 4px;
  border-left: 4px solid #a8a8a8;
  background: #f3f3f3;
  height: 30px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
/* line 188, ../../scss/ereader/ereader.scss */
.mindink-reader-container .progress-bar-mi .chapter-control {
  position: absolute;
  font-size: 15px;
  margin: 4.5px;
  padding: 3px;
  bottom: 0;
  color: #d6d6d6;
  display: inline-block;
  cursor: pointer;
  -webkit-transition: color 0.5s;
  -moz-transition: color 0.5s;
  -o-transition: color 0.5s;
  transition: color 0.5s;
}
/* line 200, ../../scss/ereader/ereader.scss */
.mindink-reader-container .progress-bar-mi .chapter-control.filled {
  color: white;
  background: rgba(187, 187, 187, 0.3);
}
/* line 204, ../../scss/ereader/ereader.scss */
.mindink-reader-container .progress-bar-mi .chapter-control.previous-chapter {
  left: 0;
}
/* line 207, ../../scss/ereader/ereader.scss */
.mindink-reader-container .progress-bar-mi .chapter-control.next-chapter {
  right: 0;
}
/* line 212, ../../scss/ereader/ereader.scss */
.mindink-reader-container .progress-bar-mi .bar {
  height: 30px;
  background: #bbbbbb;
  width: 0%;
  -webkit-transition: width 0.5s;
  -moz-transition: width 0.5s;
  -o-transition: width 0.5s;
  transition: width 0.5s;
}
/* line 220, ../../scss/ereader/ereader.scss */
.mindink-reader-container .drawerControls {
  width: 30px;
  height: 30px;
  color: black;
  background: white;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}

/* line 233, ../../scss/ereader/ereader.scss */
.chapter-drawer {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  overflow-x: hidden;
  overflow-y: scroll;
  width: 0;
  height: 100%;
  display: inline-block;
}
/* line 243, ../../scss/ereader/ereader.scss */
.chapter-drawer .drawer {
  -webkit-box-shadow: inset -2px 0 10px 0px rgba(0, 0, 0, 0.02);
  -moz-box-shadow: inset -2px 0 10px 0px rgba(0, 0, 0, 0.02);
  box-shadow: inset -2px 0 10px 0px rgba(0, 0, 0, 0.02);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 400px;
  padding: 30px;
  overflow: hidden;
  display: inline-block;
  min-height: 100%;
  background: white;
}
/* line 253, ../../scss/ereader/ereader.scss */
.chapter-drawer .drawer img {
  height: auto;
  max-width: 200px;
  display: block;
  -webkit-box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.2);
}
/* line 259, ../../scss/ereader/ereader.scss */
.chapter-drawer .drawer h2 {
  font-weight: 100;
  font-size: 16px;
  color: #7c7c7c;
}
/* line 263, ../../scss/ereader/ereader.scss */
.chapter-drawer .drawer h2:hover {
  color: #4fbbea;
}
/* line 266, ../../scss/ereader/ereader.scss */
.chapter-drawer .drawer h2.current {
  color: #131313;
}
/* line 271, ../../scss/ereader/ereader.scss */
.chapter-drawer.open {
  width: 100%;
}

/* line 276, ../../scss/ereader/ereader.scss */
.chapter-slider {
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%;
}

/* line 283, ../../scss/ereader/ereader.scss */
.contextMenu {
  position: absolute;
  margin-top: -40px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 30px;
  background: #4fbbea;
  color: white;
  line-height: 30px;
  font-size: 0;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
/* line 302, ../../scss/ereader/ereader.scss */
.contextMenu i {
  font-size: 21px;
  cursor: pointer;
  width: 30px;
  height: 30px;
  line-height: 30px;
  display: inline-block;
}
/* line 311, ../../scss/ereader/ereader.scss */
.contextMenu span.highlight-square {
  width: 20px;
  height: 20px;
  margin: 5px;
  border: 1px solid rgba(0, 0, 0, 0.11);
  border-radius: 5px;
  display: inline-block;
  cursor: pointer;
}
/* line 324, ../../scss/ereader/ereader.scss */
.contextMenu span.highlight-square.__mi__remove {
  background: white;
  color: red;
  font-size: 20px;
  line-height: 15px;
  vertical-align: top;
}
/* line 334, ../../scss/ereader/ereader.scss */
.contextMenu i.highlight {
  width: 30px;
  height: 30px;
  background: url("highlight.png") no-repeat;
  background-position: 8px 4px;
}
/* line 341, ../../scss/ereader/ereader.scss */
.contextMenu i.pencil {
  width: 30px;
  height: 30px;
  background: url("pencil.png") no-repeat;
  background-position: 8px 4px;
}
/* line 348, ../../scss/ereader/ereader.scss */
.contextMenu:after {
  content: " ";
  position: absolute;
  left: 50%;
  margin-left: -5px;
  bottom: -10px;
  border: 5px solid transparent;
  border-top: 5px solid #4fbbea;
}

/* line 358, ../../scss/ereader/ereader.scss */
.fixed {
  position: fixed !important;
}

/* line 361, ../../scss/ereader/ereader.scss */
.tabletMenu {
  position: absolute;
  bottom: 30px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  left: 50%;
  height: 45px;
  line-height: 45px;
  background: #4fbbea;
  width: auto;
  text-align: center;
  font-size: 0;
}
/* line 375, ../../scss/ereader/ereader.scss */
.tabletMenu i {
  font-size: 31.5px;
  cursor: pointer;
  width: 45px;
  height: 45px;
  line-height: 45px;
  display: inline-block;
}
/* line 384, ../../scss/ereader/ereader.scss */
.tabletMenu span.highlight-square {
  width: 35px;
  height: 35px;
  margin: 5px;
  border: 1px solid rgba(0, 0, 0, 0.11);
  border-radius: 5px;
  display: inline-block;
  cursor: pointer;
}
/* line 397, ../../scss/ereader/ereader.scss */
.tabletMenu span.highlight-square.__mi__remove {
  background: white;
  color: red;
  font-size: 35px;
  line-height: 25px;
  vertical-align: top;
}
/* line 407, ../../scss/ereader/ereader.scss */
.tabletMenu i.pencil {
  width: 45px;
  height: 45px;
  background: url("pencil.png") no-repeat;
  background-position: center;
  background-size: 50%;
}

/* line 416, ../../scss/ereader/ereader.scss */
.ereaderControls {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: absolute;
  top: 10px;
  right: 20px;
}
/* line 423, ../../scss/ereader/ereader.scss */
.ereaderControls .close-button, .ereaderControls .hide-others-notes-button, .ereaderControls .index-button, .ereaderControls .note-button, .ereaderControls .search-button, .ereaderControls .show-others-notes-button {
  background: url(ereader-sprites.png) no-repeat;
  display: inline-block;
  width: 43px;
  height: 43px;
  cursor: pointer;
  position: relative;
}
/* line 431, ../../scss/ereader/ereader.scss */
.ereaderControls .close-button a, .ereaderControls .hide-others-notes-button a, .ereaderControls .index-button a, .ereaderControls .note-button a, .ereaderControls .search-button a, .ereaderControls .show-others-notes-button a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
/* line 439, ../../scss/ereader/ereader.scss */
.ereaderControls .close-button:after, .ereaderControls .hide-others-notes-button:after, .ereaderControls .index-button:after, .ereaderControls .note-button:after, .ereaderControls .search-button:after, .ereaderControls .show-others-notes-button:after {
  font-family: 'helvetica', sans-serif;
  font-weight: 300;
  color: #4fbbea;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -20px;
  text-align: center;
}
/* line 451, ../../scss/ereader/ereader.scss */
.ereaderControls .close-button:hover {
  background-position: -152px -102px;
}
/* line 453, ../../scss/ereader/ereader.scss */
.ereaderControls .close-button:hover.cancel-text:after {
  content: "Cancel";
}
/* line 456, ../../scss/ereader/ereader.scss */
.ereaderControls .close-button:hover:after {
  content: "Close";
}
/* line 461, ../../scss/ereader/ereader.scss */
.ereaderControls .close-button {
  background-position: -103px -103px;
}
/* line 465, ../../scss/ereader/ereader.scss */
.ereaderControls .hide-others-notes-button:hover {
  background-position: -51px -103px;
}
/* line 467, ../../scss/ereader/ereader.scss */
.ereaderControls .hide-others-notes-button:hover:after {
  content: "Notes";
}
/* line 472, ../../scss/ereader/ereader.scss */
.ereaderControls .hide-others-notes-button {
  background-position: -2px -102px;
}
/* line 476, ../../scss/ereader/ereader.scss */
.ereaderControls .index-button:hover {
  background-position: -152px -53px;
}
/* line 478, ../../scss/ereader/ereader.scss */
.ereaderControls .index-button:hover:after {
  content: "Index";
}
/* line 483, ../../scss/ereader/ereader.scss */
.ereaderControls .index-button {
  background-position: -102px -53px;
}
/* line 487, ../../scss/ereader/ereader.scss */
.ereaderControls .note-button:hover {
  background-position: -50px -52px;
}
/* line 490, ../../scss/ereader/ereader.scss */
.ereaderControls .note-button:hover:after {
  content: "Notes";
}
/* line 495, ../../scss/ereader/ereader.scss */
.ereaderControls .note-button {
  background-position: -2px -51px;
  width: 43px;
  height: 43px;
}
/* line 501, ../../scss/ereader/ereader.scss */
.ereaderControls .search-button:hover {
  background-position: -151px -4px;
}
/* line 504, ../../scss/ereader/ereader.scss */
.ereaderControls .search-button:hover:after {
  content: "Search";
}
/* line 509, ../../scss/ereader/ereader.scss */
.ereaderControls .search-button {
  background-position: -103px -4px;
}
/* line 513, ../../scss/ereader/ereader.scss */
.ereaderControls .show-others-notes-button:hover {
  background-position: -50px -3px;
}
/* line 516, ../../scss/ereader/ereader.scss */
.ereaderControls .show-others-notes-button:hover:after {
  content: "Notes";
}
/* line 521, ../../scss/ereader/ereader.scss */
.ereaderControls .show-others-notes-button {
  background-position: -3px -3px;
}

/* line 528, ../../scss/ereader/ereader.scss */
.notes-drawer {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  overflow-x: hidden;
  overflow-y: scroll;
  width: 0;
  height: 100%;
  display: inline-block;
}
/* line 540, ../../scss/ereader/ereader.scss */
.notes-drawer.open:after {
  width: 400px;
}
/* line 543, ../../scss/ereader/ereader.scss */
.notes-drawer:after {
  content: " ";
  position: fixed;
  top: 0;
  right: 0;
  height: 60px;
  -webkit-box-shadow: inset 0 60px 5px -5px white;
  -moz-box-shadow: inset 0 60px 5px -5px white;
  box-shadow: inset 0 60px 5px -5px white;
}
/* line 552, ../../scss/ereader/ereader.scss */
.notes-drawer .drawer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 400px;
  position: absolute;
  top: 0;
  right: 0;
  padding: 30px;
  padding-top: 50px;
  padding-left: 0;
  overflow: hidden;
  display: inline-block;
  min-height: 100%;
  background: white;
  padding-left: 20px;
  -webkit-box-shadow: 2px 0 20px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 2px 0 20px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 2px 0 20px 0px rgba(0, 0, 0, 0.05);
}
/* line 575, ../../scss/ereader/ereader.scss */
.notes-drawer .drawer h2 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-weight: 100;
  font-size: 16px;
  line-height: 22px;
  color: #444;
  border-bottom: 1px solid #7c7c7c;
}
/* line 583, ../../scss/ereader/ereader.scss */
.notes-drawer .drawer h2 i {
  float: right;
  color: #cccccc;
}
/* line 589, ../../scss/ereader/ereader.scss */
.notes-drawer .drawer .note {
  position: relative;
  padding-left: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: hidden;
  *zoom: 1;
}
/* line 601, ../../scss/ereader/ereader.scss */
.notes-drawer .drawer .note .note-avatar {
  position: absolute;
  left: 0;
  width: 30px;
  height: 30px;
  border-radius: 15px;
}
/* line 610, ../../scss/ereader/ereader.scss */
.notes-drawer .drawer .note .note-creator, .notes-drawer .drawer .note .note-subject, .notes-drawer .drawer .note .note-content, .notes-drawer .drawer .note .note-action {
  font-family: 'Helvetica', sans-serif;
  font-size: 12px;
  font-weight: normal;
  display: block;
}
/* line 617, ../../scss/ereader/ereader.scss */
.notes-drawer .drawer .note .note-creator {
  font-family: 'Oswald', sans-serif;
  font-size: 14px;
}
/* line 627, ../../scss/ereader/ereader.scss */
.notes-drawer .drawer .note .note-content {
  font-weight: 300;
}
/* line 632, ../../scss/ereader/ereader.scss */
.notes-drawer .drawer .note time {
  font-size: 10px;
  color: #999;
  display: block;
  float: left;
}
/* line 638, ../../scss/ereader/ereader.scss */
.notes-drawer .drawer .note .note-action {
  font-size: 10px;
  color: #999;
  float: right;
}
/* line 643, ../../scss/ereader/ereader.scss */
.notes-drawer .drawer .note .note-action:hover {
  color: #4fbbea;
}
/* line 650, ../../scss/ereader/ereader.scss */
.notes-drawer.open {
  width: 100%;
}
/* line 652, ../../scss/ereader/ereader.scss */
.notes-drawer.open .drawer-hide-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

/* line 662, ../../scss/ereader/ereader.scss */
.mi-note-popup-back-fixed {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: white;
}

/* line 670, ../../scss/ereader/ereader.scss */
.mi-note-popup {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
/* line 684, ../../scss/ereader/ereader.scss */
.mi-note-popup .frame {
  padding: 100px 0;
  width: 800px;
  margin: auto;
  min-height: 100%;
  -webkit-transform: translateX(-125px);
  -moz-transform: translateX(-125px);
  -ms-transform: translateX(-125px);
  -o-transform: translateX(-125px);
  transform: translateX(-125px);
}
/* line 693, ../../scss/ereader/ereader.scss */
.mi-note-popup .frame .profile-section {
  margin-left: 250px;
  margin-bottom: 20px;
  height: 100px;
  line-height: 100px;
}
/* line 702, ../../scss/ereader/ereader.scss */
.mi-note-popup .frame .profile-section .profile-avatar {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  width: 100px;
  height: 100px;
  vertical-align: middle;
  background: #e5e5e5;
  margin-right: 10px;
  margin-left: -10px;
  float: left;
}
/* line 713, ../../scss/ereader/ereader.scss */
.mi-note-popup .frame .profile-section .profile-title {
  font-size: 40px;
  font-family: 'Oswald', sans-serif;
}
/* line 724, ../../scss/ereader/ereader.scss */
.mi-note-popup .frame .book-info {
  margin-right: 50px;
  width: 200px;
  height: 250px;
  float: left;
  display: block;
}
/* line 730, ../../scss/ereader/ereader.scss */
.mi-note-popup .frame .book-info img {
  display: block;
  width: 200px;
  height: auto;
  margin-bottom: 20px;
  -webkit-box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.2);
}
/* line 739, ../../scss/ereader/ereader.scss */
.mi-note-popup .frame .note-section {
  overflow: hidden;
  display: block;
  font-family: 'Helvetica' sans-serif;
}
/* line 743, ../../scss/ereader/ereader.scss */
.mi-note-popup .frame .note-section .note-subject {
  padding: 0;
  color: #131313;
  font-size: 50px;
  font-weight: normal;
  margin-bottom: 20px;
  max-width: 100%;
  border: none;
  background: none;
  height: auto;
}
/* line 756, ../../scss/ereader/ereader.scss */
.mi-note-popup .frame .note-section .note-content {
  overflow: hidden;
  *zoom: 1;
  font-size: 18px;
  font-weight: 300;
  min-height: 150px;
  resize: vertical;
  margin-bottom: 20px;
  display: block;
  background: none;
  border: none;
  width: 100%;
  max-width: 100%;
  outline: none;
}
/* line 773, ../../scss/ereader/ereader.scss */
.mi-note-popup .frame .note-section .social-section {
  border-top: 1px dashed #cccccc;
  padding-top: 10px;
  overflow: hidden;
  *zoom: 1;
}
/* line 777, ../../scss/ereader/ereader.scss */
.mi-note-popup .frame .note-section .social-section button {
  margin-left: 5px;
}
/* line 781, ../../scss/ereader/ereader.scss */
.mi-note-popup .frame .note-section .social-section .post-note {
  float: right;
  margin: 10px 0 0 10px;
}
/* line 790, ../../scss/ereader/ereader.scss */
.mi-note-popup .frame .note-section .reference-section .reference-title {
  font-family: 'Oswald', sans-serif;
  font-size: 24px;
  font-weight: 500;
  margin: 30px 0;
}
/* line 797, ../../scss/ereader/ereader.scss */
.mi-note-popup .frame .note-section .reference-section .reference-content {
  font-family: 'Helvetica', sans-serif;
  font-size: 18px;
  font-style: italic;
  font-weight: 300;
  margin: 20px 0;
}
