.contentWidget {
    position: relative;
    font-size: 14px !important;
}

.clearFix {
    float: none !important;
    clear: both !important;
    height: 0 !important;
}

.contentWidget .topbar {}

.contentWidget label {
    margin-left: 10px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.contentWidget label:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0px 4px 0px 0;
}

.contentWidget label[name="bookmarks"]:before {
    background: url("../img/iconBookmark.svg") no-repeat;
}

.contentWidget label[name="notes"]:before {
    background: url("../img/iconNote.svg") no-repeat;
}

.contentWidget label[name="highlights"]:before {
    background: url("../img/iconHighlight.svg") no-repeat;
}

.contentWidget label[name="averages"]:before {
    width: 16px;
    background: url("../img/iconAverageScore.svg") no-repeat;
}

.contentWidget .scrollingContainer {
    overflow-y: auto;
    position: relative;
    -webkit-appearance: window;
    margin-top: 40px;
}

.contentWidget text {
    pointer-events: none;
}

.contentWidget .overallContainer {
    min-height: 180px;
    padding: 0;
    padding-top: 50px;
    position: relative;
    width: 100%;
    background: #FFF;
    text-align: center;
}

.contentWidget .overallBg {
    position: absolute;
    height: 170px;
    width: 100%;
    bottom: 10px;
    left: 0;
    z-index: 0;
}

.contentWidget_othersTooltip {
 z-index:1000;
}

.contentWidget .page text {
    text-anchor: middle;
}

.contentWidget .page circle {
    fill: #fff;
    stroke: #ccc;
}

.contentWidget g.averageScore {
    cursor: default;
}

.contentWidget g.averageScore line {
    stroke: #4A90E2;
    stroke-width: 2;
}

.contentWidget g.averageScore circle {
    fill: #4A90E2;
}

.contentWidget g.averageScore text {
    fill: #eee;
    text-anchor: middle;
}

.contentWidget .modulesContainer {}
.contentWidget .module .dataValue {
    margin-top: 4px;
}
.contentWidget .overallContainer .column {
    width: 160px;
    height: auto;
    font-weight: 300;
    margin: 0 0 50px 0;
    z-index: 1;
    position: relative;
    display: inline-block;
    text-align: left;
}

.contentWidget .overallContainer p.overallLabel {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 10px;
}

.contentWidget .dataMetric {
    cursor: pointer;
}

.contentWidget .iconLabel:before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    margin: 0px 4px -9px 0;
}

.contentWidget .iconLabel.video:before {
    background: url("../img/iconVideo.svg") no-repeat;
}

.contentWidget .iconLabel.slideshow:before {
    background: url("../img/iconSlides.svg") no-repeat;
}

.contentWidget .iconLabel.quiz:before {
    background: url("../img/iconQuiz.svg") no-repeat;
}

.contentWidget .iconLabel.article:before {
    background: url("../img/iconArticle.svg") no-repeat;
}

.contentWidget .iconLabel.pdf:before {
    background: url("../img/iconPDF.svg") no-repeat;
}

.contentWidget .selected .iconLabel.video:before {
    background: url("../img/iconVideo_dark.svg") no-repeat;
}

.contentWidget .selected .iconLabel.slideshow:before {
    background: url("../img/iconSlides_dark.svg") no-repeat;
}

.contentWidget .selected .iconLabel.quiz:before {
    background: url("../img/iconQuiz_dark.svg") no-repeat;
}

.contentWidget .selected .iconLabel.article:before {
    background: url("../img/iconArticle_dark.svg") no-repeat;
}

.contentWidget .selected .iconLabel.pdf:before {
    background: url("../img/iconPDF_dark.svg") no-repeat;
}

.contentWidget .overallContainer .iconLabel.others {
    cursor: pointer;
}

.contentWidget .overallContainer .iconLabel.others:after {
    content: "";
    display: inline-block;
    background: url("../img/iconInfo.svg") no-repeat;
    width: 13px;
    height: 13px;
    margin: 0px 0px -1px 4px;
}

.contentWidget .overallContainer .column div {
    padding-left: 6px;
}

.contentWidget .overallContainer .timeSpent:before {
    content: "";
    display: inline-block;
    background: url("../img/iconTimeSpent.svg") no-repeat;
    width: 16px;
    height: 16px;
    margin: 0px 4px -4px 0;
}

.contentWidget .overallContainer .completionRate:before {
    content: "";
    display: inline-block;
    background: url("../img/iconCompletionRate.svg") no-repeat;
    width: 16px;
    height: 16px;
    margin: 0px 4px -4px 0;
}

.contentWidget .overallContainer .completionRate:after {
    content: "% of learners \00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0 completed";
}

.contentWidget .module .dataBarBg,
.contentWidget .module .dataBar {
    margin-left: 10px;
}

.contentWidget .topicBg {
    fill: #fff
}

.contentWidget .contentBg {
    fill: #fff;
}

.contentWidget .header .topicBg {
    fill: #eee;
}

.contentWidget text.topicLabel {
    fill: #333;
    font-weight: 600;
}

.contentWidget text.topicDescription,
.contentWidget text.contentDescription {
    fill: #333;
    font-weight: 300;
    opacity: 0;
    transition: opacity 200ms;
}
/*===Content Elements====*/

.contentWidget .content:hover .bar {
    fill: #4074CB;
}

.contentWidget .bar {
    fill: #333;
    transition: fill 200ms, opacity 200ms;
    opacity: 1;
    shape-rendering: crispEdges;
}

.contentWidget .axis {
    stroke: #eee;
    stroke-width: 1px;
    shape-rendering: crispEdges;
}

.contentWidget .icon .iconBg {
    fill: #fff;
}

.contentWidget .icon .iconShape {
    fill: #fff;
}
/*---overlay elements-----*/

.contentWidget .overlayContainer {
    position: absolute;
    width: 100%;
    z-index: 100;
    opacity: 0;
    transition: opacity 400ms;
    top: 0;
}

.contentWidget .overlayContainer .overlayBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 1;
}

.contentWidget .overlayContainer .overlay {
    position: relative;
    z-index: 101;
    padding: 0;
    margin: 0;
}

.contentWidget .overlayContainer .iconClose {
    float: right;
}

.contentWidget .overlayContainer .chartBg {
    height: 121px;
    fill: #FFF;
    opacity: 0;
}

.contentWidget .overlayContainer svg {
    width: 100%;
    height: 245px;
    background: none;
    margin-top: 20px;
    position: relative;
}

.contentWidget svg.chart path {
    fill: #A6D4FF;
}

.contentWidget svg.chart .xAxis path {
    stroke: #aaa;
    stroke-width: 1px;
    shape-rendering: crispEdges;
}


.contentWidget .cursor {
    opacity: 0;
    pointer-events: none;
}

.contentWidget .cursorLine {
    stroke: #333;
    stroke-width: 2px;
}

.contentWidget .cursorText {
    font-weight: 600;
}

.contentWidget .cursorText,
.contentWidget .cursorDescription {
    text-anchor: middle;
}

.contentWidget .bookmark,
.contentWidget .note {}

.contentWidget .fadeOut {
    transition: opacity 200ms;
    opacity: 0;
    display: none !important;
}

.contentWidget .noteCount,
.contentWidget .highlightCount,
.contentWidget .bookmarkCount {
    text-anchor: middle;
    fill: #555;
    font-size: 14px;
    font-weight: 400;
    display: none;
    opacity: 0;
    transition: opacity 200ms;
}

.contentWidget .highlight .noteCount,
.contentWidget .highlight .highlighttCount,
.contentWidget .highlight .bookmarkCount {
    display: none;
    opacity: 1;
}

.contentWidget .highlight circle {
    stroke: #333;
    stroke-width: 1px;
}

.contentWidget .note circle {
    fill: #78B8CB;
    opacity: 0.9;
}

.contentWidget .bookmark circle {
    fill: #FD4375;
    opacity: 0.9;
}

.contentWidget .highlightt circle {
    fill: #D8CB0E;
    opacity: 0.9;
}

.contentWidget .highlightt line {
    stroke: #D8CB0E;
    stroke-width: 0px;
    stroke-opacity: 0.4;
    transition: stroke-width 200ms;
}

.contentWidget .highlight.highlightt line {
    stroke-width: 12px;
    stroke-opacity: 0.9;
}

.contentWidget .slide.highlight .viewCircle {
    stroke: #333;
    stroke-width: 2px;
}

.contentWidget .note circle,
.contentWidget .note circle {
    opacity: 1;
}
/*
.contentWidget .noteCount {
    transform: translate(2px, 14px);
    -webkit-transform: translate(2px, 14px);
}

.contentWidget .slideshow .note,
.contentWidget .pdf .note {
    transform: translate(-8px, -16px);
    -webkit-transform: translate(-8px, -16px);
}

.contentWidget .pdf .noteCount,
.contentWidget .slideshow .noteCount {
    transform: translate(-1px, 18px);
    -webkit-transform: translate(-1px, 18px);
}

.contentWidget .pdf .bookmarkCount,
.contentWidget .slideshow .bookmarkCount {
    transform: translate(8px, 18px);
    -webkit-transform: translate(8px, 18px);
}

.contentWidget .pdf .bookmark,
.contentWidget .slideshow .bookmark {
    transform: translate(12px,
    -16px);
    -webkit-transform: translate(12px,
    -16px);
}*/

.contentWidget .quiz .note,
.contentWidget .quiz .noteCount,
.contentWidget .quiz .bookmark,
.contentWidget .quiz .bookmarkCount {
    display: none;
}

.contentWidget .quiz .viewCircle {}

.contentWidget .quiz .viewCircleScore {
    opacity: 0.8;
}
.others {
    position: relative;
}
.others:hover {
    opacity: 0.7;
}
.others:after {
   content: '';
   background: url(/img/ic_help.png) 0 0 no-repeat transparent;
   width: 14px;
   height: 14px;
   position: absolute;
   right: 20px;
   background-size: contain;
   top: 4px;
   opacity: 1;
}