@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);.current-avatar{border-radius:50%;border:1px solid #eeeeee;height:40px;width:40px}.input-create-post{border-radius:24px;padding:8px 10px;width:100%;color:#62718b;cursor:pointer;background:#f0f4fa}.input-create-post:hover{background:#f7f7f7}.type-post-create{cursor:pointer;color:#62718b;pointer-events:none}.type-post-create{color:#62718b;overflow:hidden;position:relative;transition:color 0.3s ease}.type-post-create::before{content:"";position:absolute;top:0;left:0;width:0%;height:100%;transition:width 0.3s ease-in-out;z-index:0}.type-post-create:hover::before{width:100%}.type-post-create:hover{color:#0B1A15 !important}.type-post-create span{position:relative;z-index:1}.advanced-comment-post{font-size:10px;color:#888a8a !important;line-height:14px;font-weight:600}.advanced-comment-post:hover{cursor:pointer;text-decoration:underline}.text-time{font-size:14px;color:#879c98 !important}.text-time:hover{cursor:pointer;text-decoration:underline}.text-user{font-size:16px;color:#123336;font-weight:600;cursor:pointer;text-decoration:none}.text-user:hover{cursor:pointer;text-decoration:underline}.header-post{position:relative}.favorite-post{color:#f35e6d;cursor:pointer;font-size:26px}.more-settings{cursor:pointer;color:#d9d9d9;font-size:26px}.post-content{font-size:16px;color:#123336;font-weight:400}.post-content:hover{cursor:pointer}.post-content-cz{font-size:16px;color:#123336;font-weight:400}.post-content-cz:hover{text-decoration:underline;cursor:pointer}.image-book-preview{max-width:45px;aspect-ratio:2 / 3;object-fit:cover;border-radius:8px}.text-publisher{color:#879c98;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-publisher-preview{color:#879c98;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-bookname{font-size:16px;color:#123336;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-bookname-preview{font-size:20px;color:#1e3454;overflow:hidden;text-overflow:ellipsis;width:99%}.progress{width:80%;height:5px;background:#e0e0e0;border-radius:10px;overflow:hidden;position:relative}.progress-bar{width:50%;height:100%;background:linear-gradient(90deg, #ff9a75, #ff9a75);transition:width 0.5s ease-in-out}.status-post{font-size:12px;color:#8999b6}.rating-book{display:flex;gap:5px;font-size:26px;cursor:pointer;user-select:none;justify-content:space-between}.count-rating{font-size:16px;color:#8999b6}.btn-see-more{background:#d9dfe9;color:#1e3454;padding:4px 12px;border-radius:8px;cursor:pointer}.modal-select-book-preview,.modal-select-topic-preview{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:99999;display:none;justify-content:center;align-items:center;transform:translateY(-100%);transition:transform 0.3s ease-out}.modal-select-book-preview.show,.modal-select-topic-preview.show{transform:translateY(0)}.modal-body-modal-content{padding:20px;border-radius:5px;width:60%;height:100%;position:relative}.view-content{padding:20px;max-height:80vh;overflow-y:auto;overflow-x:hidden;background:white;border:1px solid rgba(0,0,0,0);border-radius:0px 0px 10px 10px;scrollbar-width:none;-ms-overflow-style:none}.view-content::-webkit-scrollbar{display:none;width:0}.panigation{gap:10px;padding:10px 20px;background-color:#f8f9fa;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,0.1)}.panigation .prev-page,.panigation .next-page{width:20px;height:20px;display:flex;justify-content:center;align-items:center;background-color:#007bff;color:white;border-radius:50%;cursor:pointer;transition:all 0.3s ease}.panigation .prev-page.disabled,.panigation .next-page.disabled{background-color:#ccc;cursor:not-allowed}.panigation .prev-page:not(.disabled):hover,.panigation .next-page:not(.disabled):hover{background-color:#0056b3;transform:scale(1.1)}.page-list{display:flex;gap:8px}.page-item{padding:5px 10px;cursor:pointer;border:1px solid #ddd;border-radius:4px;background-color:#f8f9fa;color:#007bff;transition:all 0.2s ease}.page-item:hover{background-color:#007bff;color:white}.page-item.active{background-color:#007bff;color:white;font-weight:bold}.prev-page.disabled,.next-page.disabled{opacity:0.5;cursor:not-allowed}.go-to-page{display:flex;align-items:center;gap:8px}.go-to-page input{width:60px;padding:3px;text-align:center;border:1px solid #ddd;border-radius:4px;font-size:14px}.search-modal{position:relative;padding:20px;border-radius:10px 10px 0px 0px;background:#fff;border-bottom:1px solid #ccc}.book-list{border:1px solid #ccc;padding:10px;border-radius:8px;margin-top:10px}.book-list:hover{background:#f0f4fc;cursor:pointer}#chooseTopicPost{z-index:99999999}#chooseTopicPost .topic-item-post{margin:4px;font-size:14px;font-weight:600;padding:3px 12px;line-height:19px;cursor:pointer;border-radius:4px;border:1px solid #eeeeee;width:fit-content}#chooseTopic{z-index:99999999}#chooseTopic .modal-body .list-topic{grid-template-columns:repeat(3, 1fr);gap:14px;margin-bottom:20px}#chooseTopic .modal-body .list-topic .topic-item{position:relative;-webkit-transition-duration:0.4s;transition-duration:0.4s;overflow:hidden;user-select:none;background-color:#f0f4fc;color:#62718b;font-size:14px;font-weight:400;line-height:22px;border-radius:8px;cursor:pointer}#chooseTopic .modal-body .list-topic .topic-item.active{border:1.5px solid #00b789;color:#123336;font-weight:600;background-color:#fff;box-shadow:0px 2px 3.4px 0px #dce4f1}#chooseTopic .modal-body .list-topic .topic-item:active:after{padding:0;margin:0;opacity:1;transition:0s}.body-modal-post{height:100%}@media (min-width: 768px){.text-bookname{font-size:14px}.text-bookname.cs{font-size:18px}.text-bookname-preview{font-size:20px}.text-publisher{font-size:12px}.text-publisher.cs{font-size:18px}.text-publisher-preview{font-size:16px}.btn-see-more{padding:10px 20px}.count-rating{font-size:18px}.progress{width:100%;height:10px}.status-post{font-size:18px}.rating-book{font-size:16px}#chooseTopic .modal-body .list-topic{grid-template-columns:repeat(4, 1fr);gap:20px}}@media (max-width: 768px){.modal-dialog{height:100%;margin:0}.modal-content{height:100%;border-radius:0}.modal-body-modal-content{width:100%}.text-bookname-preview{width:85%}#chooseTopic .modal-dialog{margin-inline:auto}.body-modal-post{height:50%}.content-post-modal{height:100% !important}.add-comment-to-post{bottom:0;border-radius:0px !important}.modal-post-content{height:auto !important}.pb-6{padding-bottom:7rem !important}.close-modal-select-book-preview{position:fixed !important;top:20px !important;right:20px !important;z-index:999}.text-topic-post{font-size:18px !important}.text-publisher.cs{font-size:16px !important;max-width:50%;min-width:50px;overflow:hidden !important}}.modal-dialog-scrollable .modal-content{height:100%;background-color:transparent;border:none}.modal-dialog-scrollable .modal-content .header-modal,.modal-dialog-scrollable .modal-content .modal-body,.modal-dialog-scrollable .modal-content .modal-footer{background:#fff}.modal-content{height:100%}.btn-create-post-wrapper{width:100%;margin:8px 4px 0 4px}.btn-create-post-wrapper .btn-create-post-start{width:100%;border-radius:6px;padding:8px;background:#f0f4fc;color:#62718b}.btn-create-post-wrapper .btn-create-post,.btn-create-post-wrapper .btn-update-content-post{width:100%;border-radius:6px;padding:8px}.btn-create-post,.btn-update-content-post{background:#00b789 !important;color:white !important}.targer-post{font-size:14px;color:#62718b !important;background:#f0f4fc;border-radius:8px;padding:0px 8px}textarea{resize:none}.content-post-value:focus,.content-edit-value:focus{outline:none;border:none;box-shadow:none !important}.content-post-value,.content-edit-value{position:relative;white-space:normal;word-wrap:break-word}.content-post-value div,.content-edit-value div{width:100%}.content-post-value.placeholder-cs::before,.content-edit-value.placeholder-cs::before{content:attr(data-placeholder);color:#c4c4c4;position:absolute;pointer-events:none;display:block;cursor:text;opacity:1}.setting-post-create{border-radius:8px;border:1px solid #e0e5ee;padding:8px;box-shadow:0px 3px 10px -2px #bbc7d94d;width:100%}.setting-post-create .cs{border:none;cursor:pointer}.setting-post-create .cs .btn-setting-post{background:#ff7e22}.setting-post-create .cs .select-book-preview-text{color:#62718b;font-size:16px;font-weight:600}.btn-setting-post{color:#fff;cursor:pointer;padding:5px;border-radius:50%;width:40px;height:40px;background:#00b789;display:flex;justify-content:center;align-items:center;text-decoration:none;margin-inline:5px}.btn-setting-post.cs{width:32px;height:32px}.btn-setting-post.disable{background:gray}.post-recommend{color:#888a8a;cursor:pointer}.post-recommend i{color:#d9d9d9}.post-recommend:hover{color:#00b789}.post-recommend:hover i{color:#00b789}.post-recommend.active{color:#00b789;cursor:pointer}.post-recommend.active i{color:#00b789}.like-count{border-radius:50%;background:#00b789;padding:0px 6px;color:#fff;width:18px;height:18px;text-align:center;display:flex;justify-content:center;align-items:center}.total_comment{cursor:pointer}.total_comment:hover{text-decoration:underline}.btn-setting-post:hover{scale:1.1}.btn-setting-post.disable:hover{scale:1}.btn-delete-book-selected{position:absolute;top:0px;right:0px;background:#fff;border-radius:50%;padding:5px;cursor:pointer}.book-selected-preview{position:relative;border-radius:8px;border:1px solid #ccc;user-select:none}fieldset,label{margin:0;padding:0}.rating{border:none;float:left}.rating>input{display:none}.rating>label:before{margin:5px;font-size:1.25em;font-family:FontAwesome;display:inline-block;content:"\f005"}.rating>.half:before{content:"\f089";position:absolute}.rating>label{color:#ddd;float:right}.rating>input:checked~label,.rating:not(:checked)>label:hover,.rating:not(:checked)>label:hover~label{color:#ffd700}.rating>input:checked+label:hover,.rating>input:checked~label:hover,.rating>label:hover~input:checked~label,.rating>input:checked~label:hover~label{color:#ffed85}.star-select{cursor:pointer}.modal-more-settings{display:none;position:absolute;top:0;right:0;background:#fff;border-radius:8px;box-shadow:0px 0px 10px rgba(0,0,0,0.1);z-index:1000}.items-more-settings{padding:10px;cursor:pointer}.items-more-settings:hover{background:#f0f4fc;cursor:pointer}.btn.scroll-to-top{width:46px;height:46px}#createPostModal{z-index:99999}.input-search-book:focus{outline:none;box-shadow:none !important}.modal-image-post{max-height:100%;max-width:100%;cursor:pointer;border-radius:8px}.image-tag-modal{position:relative;background:#3f3a3a}.btn-next-image-modal{position:absolute;right:-0%;top:50%;color:#cfcdcd;opacity:0.5;display:none}.btn-pre-image-modal{position:absolute;left:-0%;top:50%;color:#cfcdcd;opacity:0.5;display:none}.image-tag-modal:hover .btn-next-image-modal,.image-tag-modal:hover .btn-pre-image-modal{cursor:pointer;display:block !important}.overlay{position:absolute;top:0;left:0;z-index:1;opacity:1;pointer-events:none}.image-tag-modal{user-select:none}.book-infos-name-modal{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.comment-body{background:#f0f4fc;border-radius:6px;padding:2px 8px;min-width:210px}.emoticon{position:relative}.emotion-icon{display:none;position:absolute;transition:all 0.3s ease-in-out;opacity:0;z-index:1000000;background:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.1);padding:10px;height:50px;width:230px;top:-40px;left:-10px}.icon{display:inline-block;margin:5px;margin-bottom:10px;cursor:pointer;transition:all 0.3s ease-in-out;font-size:20px}.icon:hover{transform:scale(1.4)}.emoji-sizer{width:26px;height:26px}.emoji-outer{display:inline-block;overflow:hidden;letter-spacing:50px;color:transparent;text-shadow:none}.emoji-sizer.emoji-outer{background-size:5250%;background-repeat:no-repeat;background-image:url("https://cdn.hoclieuthongminh.com/lib/js/emoji-md.png");margin:0px 0px -5px}.emotion-post span.emoji-sizer{width:18px !important;height:18px !important}.emotion-post:hover{cursor:pointer;text-decoration:underline}.add-comment-to-post{width:100%;border-radius:0 0 12px 12px;background:#fff}#contentCommentPost{border-radius:0;padding:0;background:#f0f4fc;outline:none !important;box-shadow:none !important}.input-comment-post{background:#f0f4fc;width:100%;border-radius:8px;padding:10px}#contentCommentPost:focus{box-shadow:none !important;border:1px solid #d6d6d6}.btn-send-comment{background:#00b789;color:#fff;border-radius:50%;padding:5px 10px;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.btn-send-comment.disable{background:#62718b;color:#fff;border:none;cursor:not-allowed;pointer-events:none}.btn-send-comment:hover{background:#00b789;color:#fff}.emojis-view{z-index:999999999999;overflow-y:scroll;overflow-x:hidden;overflow-y:visible}.modal-post-content::-webkit-scrollbar{width:2px}.modal-post-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modal-post-content::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.modal-post-content::-webkit-scrollbar-thumb:hover{background:#555}.post-title-modal{max-height:150px;overflow:hidden;position:relative;mask-image:linear-gradient(to bottom, #000 60%, rgba(0,0,0,0));-webkit-mask-image:linear-gradient(to bottom, #000 60%, rgba(0,0,0,0))}.show-more{position:absolute;bottom:0;left:0;width:100%;text-align:center;background:#fff;padding:5px;cursor:pointer;color:#00b789;text-decoration:underline}#contentModal{z-index:99999}#createBook{z-index:999999}.pb-6{padding-bottom:3rem}.topic{width:15%;aspect-ratio:1}.list-topic-preview .active .topic-color{box-shadow:inset 0 0 0 2px #fff,0 0 5px 0 rgba(0,0,0,0.2)}.list-topic-preview .active{pointer-events:none}.text-topic-post{font-size:24px;font-weight:800}@media (min-width: 992px){.modal-lg,.modal-xl{--bs-modal-width: 800px}}.content-post .form-control{border-radius:0}.count-comment{font-size:18px;color:#62718b;font-weight:400;line-height:24.5px}.center-text{display:flex;align-items:center;justify-content:center;text-align:center}.start-text{display:flex;align-items:flex-start;justify-content:flex-start;text-align:start}.topic-title{text-decoration:none;top:6px;right:8px;background:transparent;border:1px solid #eeeeee;border-radius:4px;padding:3px 12px;font-size:14px;font-weight:600;line-height:19px;cursor:pointer}.dropdown-toggle::after{border-top:0.45em solid;border-right:0.35em solid transparent;border-left:0.35em solid transparent;border-bottom:0;vertical-align:middle}.text-comment{font-size:14px;color:#485368;font-weight:400;line-height:21px}.comment-more{font-size:16px;font-weight:600;line-height:22px;color:#888a8a}.comment-more:hover{cursor:pointer;text-decoration:underline}.btn-create-book{background:#00b789;color:#fff;border-radius:8px;font-size:16px;font-weight:600;line-height:22px}.btn-create-book:hover{background:#00b789;color:#fff}.image-new-book{width:100px;height:120px;object-fit:cover}.choose_topic{font-size:16px;font-weight:600;line-height:22px;color:#62718b;padding:4px 15px;border-radius:6px;border:1px solid #e0e5ee;cursor:pointer}.choose_topic.cs{color:#fff}