@import "app/styles/bootstrap/variables" @import "app/styles/mixins" @import "app/styles/style-flat-variables" #teacher-student-view .breadcrumbs color: #065e73 a color: #065e73 .student-details margin-top: 20px .playtime-charts margin-top: 30px h4 margin-bottom: 15px // font-weight: 600 svg.visualisation // background-color: $navy display: none text.label font-size: 11px fill: #000000 font-weight: bold .domain // fill: $navy g.tick font-size: 13px g.labels font-size: 15px font-weight: 600 .graphs :first-child display: block .graphsSelector text-align: center margin-bottom: 10px div.legend text-align: center padding: 10px 0 0 0 font-size: 15px font-style: italic .student-levels margin-top: 30px margin-bottom: 30px h4 margin-bottom: 10px // font-weight: 600 .course-row padding-left: 75px padding-top: 15px padding-bottom: 30px .course-info font-weight: 600 .progress-dot margin: 5px .progress-dot display: inline-block margin-right: 6px min-width: 34px height: 34px border-radius: 16px padding: 0 5px // margin-top: 23px // margin-bottom: 23px background: $gray-light position: relative a text-decoration: none .dot-label padding-top: 2px .dot-label-inner font-size: 11px font-weight: bold color: white .progress-dot-lg .dot-label .dot-label-inner font-size: 13px .progress-dot.forest background: $forest .tooltip-inner color: $forest border-color: $forest .tooltip-arrow border-top-color: $forest .progress-dot.gold background: $gold .tooltip-inner color: $navy border-color: $navy .tooltip-arrow border-top-color: $navy .progress-dot.navy background: $navy .tooltip-inner color: $navy border-color: $navy .tooltip-arrow border-top-color: $navy