.course-page{background-color:#fff}.course-page .account-container{padding-left:300px;padding-right:2rem}.course-page .account-wrap{grid-template-columns:5fr 1.6fr;margin-top:30px;display:grid}.course-page .account-wrap .account-content{width:100%}.course-page .account-wrap .account-sidebar{background-color:#fff;border-right:1px solid #e5e7eb;width:100%;height:100%;padding-top:0}.course-page .account-box{border:1px solid #ffd9d9;border-radius:15px;padding:15px}.course-page .account-pick-subject-item{color:#000;background-color:#fff;border:1px solid #ffd9d9;border-radius:15px;padding:10px}.course-page .account-pick-subject-item .account-pick-subject-item-text{margin-top:10px}.course-page .account-pick-subject-item .account-pick-subject-value{font-size:1.5em;font-weight:700}.course-page .account-pick-subject-item .account-pick-subject-value span{color:#000000e5;font-size:15px}.course-page .account-pick-subject-item .account-pick-subject-description{color:#000000ec;padding-left:5px;font-size:.9em}.course-page .account-pick-subject-item .pick-subject-quiz{background:url(/trangnguyen/images/report/learning.svg) 0 0/cover no-repeat;width:80px;height:80px}.course-page .account-pick-subject-item .pick-subject-completed{background:url(/trangnguyen/images/report/completed.svg) 0 0/cover no-repeat;width:80px;height:80px}.course-page .account-pick-subject-item .pick-subject-participation{background:url(/trangnguyen/images/report/participation.svg) 0 0/cover no-repeat;width:80px;height:80px}.course-page .account-pick-subject-item .pick-subject-ranking{background:url(/trangnguyen/images/report/graduation.svg) 0 0/cover no-repeat;width:80px;height:80px}.course-page .subject-item{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fff8f3ea;grid-template-columns:52px 1fr;padding:10px;position:relative;overflow:hidden;box-shadow:0 0 3px #ffd9d9}.course-page .subject-item:hover{border:1px solid #009141}.course-page .subject-item.active{color:#009141;background-color:#e3f8ecea;border:1px solid #009141}.course-page .subject-item.active:before{content:"";color:#fff;background:url(/trangnguyen/images/icons/icon-answer-correct.svg) 50%/cover no-repeat;width:20px;height:20px;font-size:8px;position:absolute;top:10px;right:10px}.course-page .subject-item span{font-size:.8em;display:inline-block}.course-page .subject-item .subject-name{font-size:1.1em;font-weight:700;display:block}.course-page .subject-icon{background:url(/trangnguyen/images/icons3d/sub-toan.png) 0 0/contain no-repeat;width:48px;height:48px}.course-page .subject-english{background:url(/trangnguyen/images/icons3d/sub-tieng-anh.png) 0 0/contain no-repeat}.course-page .subject-tiengviet{background:url(/trangnguyen/images/icons3d/sub-tieng-viet.png) 0 0/contain no-repeat}.course-page .subject-history{background:url(/trangnguyen/images/icons3d/sub-lich-su.png) 0 0/contain no-repeat}.course-page .age-list{flex-wrap:wrap}.course-page .age-list .age-item{cursor:pointer;text-align:center;border-radius:5px;padding:5px;position:relative;overflow:hidden}.course-page .age-list .age-item:hover{border:1px solid #009141}.course-page .age-list .age-item.active{color:#fff;background-color:#009141;border:1px solid #009141}.course-page .age-list .age-title{font-family:fantasy;font-size:20px;display:block}.course-page .filter-price{background-color:#f0f0f0;border-radius:10px;padding:5px;overflow:hidden}.course-page .filter-price .filter-price-btns{border-radius:8px;overflow:hidden}.course-page .filter-price .filter-price-button{cursor:pointer;background-color:#f8f8f8;padding:5px 10px}.course-page .filter-price .filter-price-button:hover{color:#df3636}.course-page .filter-price .filter-price-button.active{color:#fff;background-color:#df3636}.course-page .filter-free{width:18px;height:18px}.school-select{cursor:pointer;background-color:#f8f8f8;border:1px solid #8d8d8d;border-radius:10px;padding:6px 10px}