.course-contents{width:325px;position:absolute;right:0;margin-top:207px;top:0;bottom:0;z-index:11;background:#f8f8f8;overflow:auto;box-shadow:-4px 0 15px -5px #aaa;padding-top:60px;padding-left:15px;padding-left:15px;padding-bottom:15px;border-bottom-right-radius:12px}.course-contents__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1}.course-contents__tabs{margin-top:15px}.course-contents__block{width:310px}.course-contents__item-info{display:flex;flex-direction:row;justify-content:space-between}.course-contents__caption{cursor:pointer;flex:1}.course-contents__caption:before{content:"";vertical-align:top;display:inline-block;width:0;height:0;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent #bbb;margin:4px 5px 0 5px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}.course-contents__caption_expanded:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.course-contents__caption_good:before{border-color:transparent transparent transparent #9acd29}.course-contents__caption_bad:before{border-color:transparent transparent transparent #ff969a}.course-contents__caption_average:before{border-color:transparent transparent transparent #fec824}.course-contents__lesson{display:inline-block;cursor:default;flex:1}.course-contents__lesson_available{cursor:pointer;color:#09f}.course-contents__lesson_available:hover{text-decoration:underline}.course-contents__lesson_selected{background:#09f;color:#fff}.course-contents__lesson_selected:hover{text-decoration:none}.course-contents__lesson:before{background-color:#bbb}.course-contents__lesson:not([class*="course-contents__lesson_locked"]):before{vertical-align:middle;display:inline-block;border-radius:50%;width:8px;height:8px;content:"";margin:0 5px 2px 5px}.course-contents__lesson_locked{color:#aaa}.course-contents__lesson_locked:before{background-color:transparent;background-image:url("/cassette.axd/file/Content/images/glyphicons-halflings-84f613631b07d4fe22acbab50e551c0fe04bd78b.png");background-position:-289px -25px;vertical-align:middle;display:inline-block;width:11px;height:12px;content:"";margin:0 4px 2px 3px;opacity:.8}.course-contents__lesson_good:before{background-color:#9acd29}.course-contents__lesson_bad:before{background-color:#ff969a}.course-contents__lesson_average:before{background-color:#fec824}.course-contents__codes{font-size:90%;margin-top:20px}.course-contents__code{line-height:12px;display:inline-block;border:1px solid #aaa;width:10px;height:10px;background-color:#bbb;margin-left:5px}.course-contents__code_good{background-color:#9acd29}.course-contents__code_average{background-color:#fec824}.course-contents__code_bad{background-color:#ff969a}.course-contents__subblock{margin-left:12px}.course-contents__lesson-progress{color:#666;white-space:pre;font-family:monospace;padding-left:4px}