#list-page .list > .row > div > div > .cover {
  width: 100%;
  max-height: 80px;
  object-fit: cover;
  object-position: 0 10%;
}

.list-history .text-info {
  padding-left: 5px !important;
}

li {
  cursor: pointer;
}

.top {
  font-weight: 600;
  color: #df1a0c !important;
}

.top::before {
  content: "\e007";
  display: inline-block;
  vertical-align: baseline;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  font-family: "Glyphicons Halflings";
  font-weight: 400;
}

.pl-0 {
  padding-left: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.mb-4px {
  margin-bottom: 4px;
}

.mt-4px {
  margin-top: 4px;
}

.user-login a,
.user-manager a {
  margin-left: 10px;
}

#chapter-content {
    font-size: 20px;
    padding: 15px;
}

#chapter-content, .story-desc {
    text-align: left;
}

.desc-text a, #chapter-content a, .adsense-label, 
#ads_top_center_chapter, #ads_center_chapter, #ads_bottom_center_chapter {
  display: none !important;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover,
.nav > li > a:focus,
.nav > li > a:hover {
  background-color: #14425d;
}

.navbar-default .navbar-nav .dropdown-menu .user-login *:not(input),
.navbar-default .navbar-nav .dropdown-menu .user-manager *:not(input),
.navbar-default .navbar-nav .dropdown-menu .search_advance {
  color: #f9f9f9;
}

.float-right {
  float: right !important;
}

.follow {
  padding: 10px;
}

.top-40px {
  top: 40px;
}

.col-xs-7 {
  width: 50%;
}

.limit-desc {
  overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 8;
           line-clamp: 8; 
   -webkit-box-orient: vertical;
}

.btnModal {
  color: #ff9601!important;
}

/* Modal Content/Box */
.modal .modal-content {
    background-color: #fefefe;
    margin: 1% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.modal .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.modal .close:hover,
.modal .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.dark .chapter a {
    color: #fff;
}

.dark .modal-content {
    background-color: #423e3e;
}

.gp-container .gp-title {
    font-family: "Roboto Condensed", Tahoma, sans-serif;
    font-size: 24px;
    height: 30px;
    line-height: 30px;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
}

.gp-container .gp-image {
    aspect-ratio: 4 / 3;
    display: flex;
    justify-content: center;
    align-items: center;
}

.gp-container .gp-image img {
    max-width: 100%;
    object-fit: contain;
}

.gp-container .gp-content {
    margin-top: 16px;
}

.title-home>h1 {
  font-family: "Roboto Condensed", Tahoma, sans-serif;
  font-size: 20px;
  height: 40px;
  line-height: 40px;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom: 1px solid #4e4e4e;
  text-transform: uppercase;
}

.title-list>h1 {
  font-family: "Roboto Condensed", Tahoma, sans-serif;
  font-size: 20px;
  height: 40px;
  line-height: 40px;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom: 1px solid #4e4e4e;
}