#my-knowledge-performance-chart,#my-knowledge-performance-chart-subcategories{padding:0!important;width:100%;text-align:center;height:calc(100vh - 130px)}#my-knowledge-performance-chart iframe,#my-knowledge-performance-chart-subcategories iframe{margin:auto;width:100%;height:100%}#my-knowledge-list,#my-knowledge-list-subcategories{width:100%;color:#fff}.my-knowledge-list-element{width:100%;height:80px}.my-knowledge .my-knowledge-list-element-progress-title{font-size:1em}.my-knowledge-list-element.element-with-subcategories{cursor:pointer}.my-knowledge-list-element-box-1{height:100%;width:25%;text-align:center}.my-knowledge-list-element-box-2{height:100%;width:45%;display:table}.my-knowledge-list-element-box-3{height:100%;width:30%}.my-knowledge-list-element-icon{width:45px;height:45px;position:relative;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%)}.my-knowledge-list-element-name{font-size:1em;display:table-cell;vertical-align:middle;text-align:left;line-height:1.2;word-break:break-all}.my-knowledge-list-element-progress-wrapper{width:100%;height:100%;text-align:center;position:relative}.my-knowledge-list-element-progress{height:100%}.my-knowledge-list-element-progress-title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:1em}.chart-subcategory-back-btn{display:table;width:100%;height:55px;padding:0 10px}.chart-subcategory-back-btn .back-btn-container{display:table-cell;vertical-align:middle;width:40px}.parent-category-name{display:table-cell;vertical-align:middle;text-align:center;font-size:1.25em;color:#fff;line-height:1.2}.parent-category-image{line-height:0;display:table-cell;vertical-align:middle;text-align:center;width:35px;height:35px}.parent-category-image img{max-width:35px;max-height:35px}.chart-subcategory-back-btn .back-btn{width:30px;height:30px;background:url(../../images/btn-back.png) no-repeat center center;background-size:100% 100%;cursor:pointer}.chart-subcategory-back-btn h1{color:#fff;margin:0;font-size:25px}@media(max-width:420px){.my-knowledge-list-element{height:60px}.my-knowledge-list-element-name{font-size:.8em}.my-knowledge-list-element-progress-title{font-size:.6em}.my-knowledge .my-knowledge-list-element-progress-title{font-size:.6em}.my-knowledge-list-element-icon{width:30px;height:30px}.chart-subcategory-back-btn .back-btn{width:25px;height:25px}.parent-category-name{font-size:.9em}.parent-category-image img{width:30px;height:30px}.chart-subcategory-back-btn{height:45px}}