.page .menu-content{top:163px;bottom:0;left:0;box-shadow:3px -3px 10px 0 #e3e3e3;background:#fff}.page .menu-content .menu-content-items{width:80px;height:100%;display:flex;justify-content:space-between;align-items:center;flex-direction:column;background:#fff}.page .menu-content .menu-content-items .menu-content-item{width:100%;height:80px;display:flex;justify-content:center;align-items:center;flex-direction:column;cursor:pointer}.page .menu-content .menu-content-items .menu-content-item:hover{background:#eee}.page .menu-content .menu-content-items .menu-content-item.disable{cursor:unset;color:#c5c5c5}.page .menu-content .menu-content-items .menu-content-item.disable:hover{background:#fff}.page .menu-content .menu-content-items .menu-content-group-item{width:100%;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}.page .menu-content .menu-content-items .menu-content-group-item .menu-content-item.border-if{border-top:1px solid #e5e5e5}.page .menu-content .menu-content-items.active{border-right:1px solid #e5e5e5}.page .menu-content .menu-toggle{position:absolute;top:0;left:100%;width:500px;height:100%;transition:all .5s;transform:translateX(calc(-100% - 80px));background:#fff;z-index:-1;box-shadow:3px -3px 10px 0 #e3e3e3}.page .menu-content .menu-toggle.active{transform:translateX(0)}.page .menu-content .menu-title{width:100%;height:80px;display:flex;justify-content:center;align-items:center;font-size:20px;border-bottom:1px solid #e5e5e5}.page .menu-content .list-chapter{border-bottom:1px solid #e5e5e5}.page .menu-content .list-chapter .item-chapter{display:flex;justify-content:flex-start;align-items:center;cursor:pointer}.page .menu-content .list-chapter .item-chapter .custom-icon{font-size:20px;color:green}.page .menu-content .list-chapter .item-chapter .chapter-name{font-size:18px}.page .menu-content .list-chapter .item-chapter.borderIf{border-top:1px solid #e5e5e5}.page .menu-content .list-chapter .item-chapter:hover{background-color:#f2f2f2}.page .menu-content .list-chapter .item-chapter.active{background:#f2f2f2;cursor:unset}.page .menu-content .menu-toggle-header{width:100%;height:80px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e5e5}.page .menu-content .menu-toggle-header .header-title-custom{font-size:20px}.page .menu-content .menu-toggle-header .header-btn-custom{display:flex;align-items:center;cursor:pointer}.page .menu-content .menu-toggle-header .header-btn-custom .icon-custom{width:20px;height:20px}.page .menu-content .list-note{overflow:scroll;height:100%}.page .menu-content .list-note .note-item{padding:20px;border-bottom:1px solid #e5e5e5;position:relative;cursor:pointer}.page .menu-content .list-note .note-item .content-note,.page .menu-content .list-note .note-item .time-note{font-size:16px;color:#817d7d}.page .menu-content .list-note .note-item .title-note{font-size:18px;font-weight:600}.page .menu-content .list-note .note-item .item-note{position:absolute;right:0}.modal-backdrop{background-color:rgba(0,0,0,.2196078431372549)}