body {
  margin: 0;
  font-size: 11pt;
}

a {
  color: #024907;
}

#ranking .nav-tabs > li > a {
  padding: 10px 10px 12px 15px;
}

#ranking .nav-tabs > .active a {
  border-bottom: 2px solid white;
  background: white;
}

#book-indexes .item-story a {
  display: inline-block;
  width: 96%;
  /*border-bottom: 1px dotted #aaa;
  padding: 8px 0 8px 0;*/
}

#book-indexes .item-chapter {
  margin-top: 0em;
  margin-bottom: 0.5em;
}

#book-indexes .item-story {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*#screen-site-index{
	background:url('../images/bg.jpg') no-repeat !important;
	background-size:100% !important;
}*/

.nav-pills > li.active > a,
.nav-pills > li.active > a:active,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:visited {
  color: white !important;
  background-color: #1ab394;
}

.flex-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.flex-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: row;
}

.flex-box-nowrap {
  display: inline-flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

.flex-3 {
  display: flex;
  flex: 33%;
  max-width: 33%;
  /* even single item also just take 33% width */
}

.flex-grow {
  display: flex;
  flex-grow: 1;
}

.flex-shrink {
  display: flex;
  flex-shrink: 1;
}

.contest-card a,
.powerItem-card a {
  display: flex;
  flex: 33%;
  justify-content: space-between;
  flex-direction: column;
  background: white;
  cursor: pointer;
  border: 1px solid hsla(0, 0%, 78%, 0.5);
  border-radius: 5px;
  box-sizing: border-box;
  margin: 15px 3px;
  width: 100%;
  text-decoration: none;
  color: initial;
}

.contest-card .card-img,
.powerItem-card .card-img {
  min-width: 300px;
  min-height: 225px;
  background: palegoldenrod;
  position: relative;
}

.card-stripe {
  background-color: #1ab394;
  background-repeat: no-repeat;
  background-position: top right;
  padding-top: 4px;
}

.contest-card-upper,
.powerItem-card-uppe {
  justify-content: normal;
}

@media only screen and (max-width: 990px) {
  #main-content {
    margin: 0 15px !important;
  }

  .flex-3 {
    flex: 100% !important;
    max-width: 100%;
  }
}

.wrap-text {
  word-wrap: break-word;
}

.help-block {
  font-size: smaller;
  color: #888;
}

#reading-controlBar h2 {
  margin-right: 1em;
  padding: 0;
  display: inline;
}

#reading-controlBar a {
  text-decoration: none;
}

#reading-content {
}

#layout-frontend-reading {
  margin-top: -20px;
}

#layout-frontend-reading .readingStory-infinite,
#layout-frontend-reading #main-content {
  margin-bottom: 0;
  padding-bottom: 0;
}

/*fontSize start */
#layout-frontend-reading .fontSize-small {
  font-size: 90%;
}

#layout-frontend-reading .fontSize-default {
  font-size: 100%;
}

#layout-frontend-reading .fontSize-large {
  font-size: 120%;
}

#layout-frontend-reading .fontSize-xlarge {
  font-size: 140%;
}

/*fontSize end */

/*contentWidth start */
#layout-frontend-reading .contentWidth-small .readingStory-innerContent {
  max-width: 320px;
  margin: 0 auto;
}

#layout-frontend-reading .contentWidth-medium .readingStory-innerContent {
  max-width: 640px;
  margin: 0 auto;
}

#layout-frontend-reading .contentWidth-default .readingStory-innerContent {
  max-width: 100%;
}

/*contentWidth end */

.readingStory-header {
  border-top: 3px solid red !important;
  padding: 5px;
}

.readingStory-content,
.readingStory-content-markdown {
  padding-bottom: 3em;
  text-align: justify;
  padding-left: 1em;
  padding-right: 1em;
  word-wrap: break-word;
}

.readingStory-content p,
.readingStory-content-markdown p {
  margin-bottom: 1.2em;
  line-height: 1.5em;
}

.readingStory-content-markdown ul,
.readingStory-content-markdown ol {
  margin-left: 2em;
}

.readingStory-content-markdown h1,
.readingStory-content-markdown h2,
.readingStory-content-markdown h3,
.readingStory-content-markdown h4,
.readingStory-content-markdown h5,
.readingStory-content-markdown h6 {
  margin-top: 1.6em;
}

.readingStory-content-markdown table,
.readingStory-content-markdown thead,
.readingStory-content-markdown tbody,
.readingStory-content-markdown tfoot,
.readingStory-content-markdown tr,
.readingStory-content-markdown th,
.readingStory-content-markdown td {
  margin: 0;
  padding: 0.5em;
  border: 1px solid #aaa;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

.readingStory-content-markdown img,
.readingStory-content img {
  max-width: 100%;
}

.readingStory-infinite .pageNo {
  background: red;
  display: inline-block;
  padding: 2px 6px 2px 6px;
  color: white;
  left: -5px;
  position: absolute;
}

.chatblock p.narrator {
  background: none !important;
  border: 1px dashed #ccc !important;
  padding: 1.5em !important;
}

.btn-previewGift {
  font-size: 70%;
  text-transform: uppercase;
}

a[aria-expanded="true"] .fa-chevron-right {
  display: none;
}

a[aria-expanded="false"] .fa-chevron-down {
  display: none;
}