/* CSS file for Novel plugin */
div#custom_html-11 a.uk-button.uk-button-secondary {
    padding: 0px 8px;
    font-size: 9px;
    line-height: 24px;
}
.vip {
  font-size: 11px;
      position: relative;
      color: white;
      font-weight: bold;
      background-color: #ffb600;
      padding: 5px 10px;
      border-radius: 3px;
      overflow: hidden;
}

.vip::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%; /* Bắt đầu ngoài phần tử */
    width: 200%; /* Đủ rộng để phủ kín phần tử */
    height: 100%;
    background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,0.5) 50%, transparent 100%);
    animation: shimmer 2s infinite;
}

@keyframes shimmer {
    0% {
        left: -100%;
    }
    100% {
        left: 100%;
    }
}

.hot {
    background-color: #ff2853;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    padding: 2px 6px 3px;
}
.new {
    border-radius: 5px;
    background-color: #56ccf2;
    margin-right: 5px;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    padding: 2px 6px 3px;
}
@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.hot {
  animation: blink 0.8s infinite;
}

#tim-truyen
.trang-thai {
    position: absolute;
    top: 5px;
    left: 5px;
}
#tim-truyen .trang-thai>a {
    color: #fff !important;
    font-size: 9px;
    font-weight: 700;
    background: #2271b1;
    padding: 3px 5px;
}
li.menu-avatar img.avatar {
    width: 44px;
    height: 44px;
    border-radius: 100%;
}
/* a.uk-button.uk-button-secondary {
    padding: 0 10px;
    font-size: 11px;
    margin-right: 3px;
} */

@media (max-width: 768px) {
  .uk-modal-title {
      font-size: 22px;}
}
.tm-page.dark .tm-headerbar-top.tm-headerbar-default {
    background-color: #18191a !important;
}
.tm-page.dark div#footer {
    background-color: #242526;
    border-color: #e4e6eb;
}
.tm-page.dark .uk-dropnav-dropbar {
    background-color: #242526;
  }

.tm-page.dark  .uk-navbar-dropdown-dropbar a.el-link {
      color: #ebebeb;
  }
  .tm-page.dark  .uk-navbar-dropdown-dropbar a.el-link:hover {
        color: #f18121;
    }
.tm-page.dark .uk-section-primary {
        background: #333333;
        color: #f18121;
      }
.tm-page.dark .uk-tile-secondary {
  background-color: #242526;
  color: #ebebeb;
      }
.tm-page.dark .uk-navbar-container:not(.uk-navbar-transparent) {
          background: #242526;
      }
.tm-header-mobile .toggle-theme svg {
    width: 30px !important;
    height: 30px !important;
}
.tm-header-mobile li.menu-avatar img.avatar {
    width: 30px;
    height: 30px;
}