.chapter{text-align:center}.chapter .chapter-title:hover,.chapter .truyen-title:hover{text-decoration:none}.chapter .chapter-title{color:gray;font-size:16px}.chapter hr.chapter-end,.chapter hr.chapter-start{border:0;display:table;margin:10px auto}.chapter hr.chapter-start{background:url(/assets/images/spriteimg_new_white_op.webp) -200px -27px no-repeat;height:20px;width:59px}.chapter hr.chapter-end{background:url(/assets/images/spriteimg_new_white_op.webp) 0 -51px no-repeat;height:35px;width:277px}.chapter-nav .btn-group a{width:170px}.chapter-nav .btn-group .chapter_jump{margin:0 5px;text-align:left}.btn-chapter-nav{font-size:16px;height:47px;padding:11px 22px}#chapter-content{font-size:20px;padding:15px;text-align:justify}.btn-chapter-nav{background-color:#c3195d!important;border:1px solid #c3195d!important;border-radius:15px!important;color:#fff!important}#chapter-big-container{padding-top:2rem;position:sticky;z-index:0}.bg-1-active{background-color:#252525;color:#ebebeb}.bg-2-active{background-color:#fff;color:#000}.bg-3-active{background-color:#efdeb380}.bg-3-active::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch' seed='7'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.1;z-index:1;pointer-events:none}.bg-3-active::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 10% 20%,rgba(193,178,151,.15) 2px,transparent 2px),radial-gradient(circle at 30% 70%,rgba(193,178,151,.1) 1px,transparent 1px),radial-gradient(circle at 70% 40%,rgba(193,178,151,.1) 1px,transparent 1px),radial-gradient(circle at 90% 90%,rgba(193,178,151,.15) 2px,transparent 2px);background-size:100% 100%;z-index:2;pointer-events:none}.bg-4-active{background-color:#f6f0e2;color:#000}.bg-5-active{background-color:#eaeaea;color:#000}@media screen and (max-width:991px){.chapter-modal-item{display:flex;justify-content:space-between;align-items:center;align-self:stretch;position:relative;padding-left:8px;padding-right:8px;padding-top:16px;padding-bottom:16px;border-bottom:1px solid #ddd}.chapter-modal-link{width:70%}.chapter-modal-info{display:flex;justify-content:flex-start;align-items:center;flex-grow:0;flex-shrink:0;width:219px;position:relative;gap:8px;width:100%}.chapter-modal-icon{flex-grow:0;flex-shrink:0;width:24px;height:24px;position:relative}.chapter-modal-content{display:flex;justify-content:flex-start;align-items:center;flex-grow:0;flex-shrink:0;position:relative;gap:8px;width:90%}.chapter-modal-name{font-size:15px;font-weight:500;text-align:left;color:#111;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chapter-modal-time{font-size:12px;font-weight:500;text-align:right;color:#a2a2a2;width:30%;text-decoration:none!important}}@media (device-width:768px){.chapter .row{margin-left:0;margin-right:0}.chapter .row .col-xs-12{padding-left:0;padding-right:0}}.chapter-nav .form-control{max-width:205px}@media (max-width:576px){#chapter-nav-bot div a,#chapter-nav-top div a{align-items:center;display:flex;gap:6px;justify-content:center}#chapter-nav-bot div a .glyphicon,#chapter-nav-top div a .glyphicon{top:0}}
