.skill-development{display:flex;flex-direction:column;overflow:hidden;height:100%}.skill-development .top-bar{display:flex;margin-bottom:10px;line-height:32px}.skill-development .top-bar .title{font-size:1rem;text-align:center;margin:0 10px}.skill-development .top-bar__side-block{flex:1}.skill-development .top-bar__side-block.right{text-align:right}.skill-development .top-bar__side-block .date-range-label{margin-right:10px}.skill-development .top-bar__side-block .date-range-input{width:220px;text-align:center}.skill-development .table-holder{flex:1;overflow:auto}.skill-development .table-header{display:flex;height:60px;align-items:center;background:#fafafa;border:1px solid #e8e8e8;overflow:hidden;line-height:15px;z-index:3;position:sticky;position:-webkit-sticky;top:0}.skill-development .table-header__column{overflow:hidden;display:flex;align-items:center;height:100%}.skill-development .table-header__column_area{width:20%}.skill-development .table-header__column_direction{width:20%;border-left:1px solid #e8e8e8}.skill-development .table-header__column_skill{flex:1;border-left:1px solid #e8e8e8}.skill-development .table-header__column_count,.skill-development .table-header__column_mark{width:160px;border-left:1px solid #e8e8e8;display:flex;align-items:center}.skill-development .table-cell{padding:10px 15px;display:flex;align-items:center;min-height:52px;word-break:break-word}.skill-development .table-body{border:1px solid #e8e8e8;border-top:0 none}.skill-development .table-body .table-row{border-top:1px solid #e8e8e8;display:flex;flex:1 1 auto}.skill-development .table-body .table-row__column .table-cell{position:sticky;position:-webkit-sticky;z-index:1;top:60px}.skill-development .table-body .table-row__container{flex:1;display:flex;flex-direction:column}.skill-development .table-body .table-row:first-child{border-top:0 none}.skill-development .table-body .table-row__column_area{width:20%}.skill-development .table-body .table-row__column_direction{width:25%;border-left:1px solid #e8e8e8}.skill-development .table-body .table-row__column_skill{flex:1;border-left:1px solid #e8e8e8}.skill-development .table-body .table-row__column_count,.skill-development .table-body .table-row__column_mark{width:160px;border-left:1px solid #e8e8e8;display:flex;align-items:center;justify-content:center}.skill-development .table-body .skill-link{color:#1890ff;cursor:pointer;transition:all .3s cubic-bezier(.645,.045,.355,1)}.skill-development .table-body .skill-link:hover{color:#40a9ff}.skill-development .no-data{padding:50px 0;border:1px solid #e8e8e8;border-top:0 none}