/* --------- Login page --------- */

/* replace Canvas logo on login screen */
body.modal #modal-box.login-box h1 {
    background-image: url("https://test.acue.org/wp-content/uploads/2015/07/AcueIcon15pxMargin-228w.png");
    background-size: 100px;
}

/* update login button */
Button.Button.Button--login {
    background: #b52204;
    color: #fff;
}

/* update login button on hover */
Button.Button.Button--login:hover {
    background: #b52204;
}


/* --------- Global bits --------- */

/* Enlarge the font a bit 
div#content {
    font-size: 15px;
} */

/* Shrink the logo a bit (but keep it ceneted) */
.ic-app-header__logomark {
    width: 87%;
    margin: auto;
}

/* Hide commons from the global navigation menu*/
#context_external_tool_2_menu_item {
    display: none;
}

/* set the color of the active header bar in the custom accordion */
.ui-accordion .ui-accordion-header.ui-state-default.ui-state-active {
    background: #333e48;
}

/* set the color of the active tab in the list of tabs */
.jqueryUIWidgetized .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    background: #EDB913;
}

/* set the font weight of the active tab in the list of tabs */
li.ui-tabs-active > a.ui-tabs-anchor {
    font-weight: bold;
}

/* set the font color of the anchor links inside tabbed widget */
.jqueryUIWidgetized .ui-widget-content a {
  color: var(--ic-link-color);
}

/* set the height of the custom accordion content */
.ACUE-accordion > div.ui-accordion-content {
    height: initial!important;
}

/* fix display of content in first accordion element within tabs */
.ACUE-accordion > div.ui-accordion-content-active {
    display: block!important;
}

/* remove red border from active accordion headers */
.ACUE-accordion > h3.ui-accordion-header-active {
    border: none!important;
}


/* ---------- User Dashboard ---------- */

/* mask text for rightside content buttons
 * says "View Grades"
 * js changes text to "View Progress" and then reveals */
a.Button.button-sidebar-wide {
    color: #f5f5f5;
}

/* Remove total points for assignments in dashboard List View */
#dashboard-planner > div > div > div > div > ol > li > div > div._1xcyR8uqijSHM8SiBryrlT > div > div._3FZ1A2wtE5b7xR3R_6xd3Q._15mchCTsx-o7ruv48HI3b6 > div._3lhxVcwvNn2J6jP2SRtNe3 > div.MgP7FOww9PEc795IC0dXj {
    display: none;
}

/* Remove total points for completed assignments in dashboard List View */
#dashboard-planner > div > div > div > div > ol > li > div > div._1xcyR8uqijSHM8SiBryrlT > div > div._3FZ1A2wtE5b7xR3R_6xd3Q > div._3lhxVcwvNn2J6jP2SRtNe3 > div.MgP7FOww9PEc795IC0dXj {
    display: none;
}


/* --------- Recent Feedback Feed --------- */

/* hide checkmark on recent feedback feed
 * canvas uses checkmarks for all feedback items, even when they don't correspond to a complete score
 * this override hides the icons so custom js can selectively display checkmarks or flags */
ul.right-side-list li.event .icon-check {
    visibility: hidden;
}

/* hide event details on recent feedback feed
 * graded surveys (e.g., PRII, Enrollment, Midcourse, End of Course) show "1 out of 1"
 * custom js updates text to "Complete" and then reveals */
div.events_list.recent_feedback > ul > li > a > div.event-details > p {
    opacity: 0;
}


/* ---------- To Do feed ---------- */

/* hide assignment details from items in To Do list
 * points and stuff in the details from graded surveys and possibly other
 *  js to cut/modify, then reveal */
ul.right-side-list.to-do-list > li.todo > a > div.todo-details > p:last-child {
    opacity: 0;
}


/* ---------- Coming Up feed ---------- */

/* hide assignment details from items in Coming Up feed
 * points and stuff in the details from graded surveys and possibly other
 * js to cut/modify, then reveal */
div.events_list.coming_up > ul.right-side-list.events > li.event > a > div.event-details > p:last-child {
    opacity: 0;
}


/* ---------- Course Navigation Menu ---------- */

/* Relabeling the Grades menu */
div#header-inner ul#menu li#grades_menu_item {
    visibility: hidden;
}

/* mask text for Grades menu uption when inactive (js to modify content and restore color) */
ul#section-tabs > li.section > a.grades {
    color: #fff;
}

/* mask text for Grades menu uption when active (js to modify content and restore color) */
ul#section-tabs > li.section > a.grades.active {
    color: #b52204;
}


/* --------- Course Home Page --------- */

/* hide course options list
 * don't want facilitators to have certian abilities like resetting home page
 * js to selectively remove list options based on course role, then reveal list for everyone */
#course_show_secondary > div.course-options {
    opacity: 0;
}


/* --------- Modules Menu --------- */

/* hide points possible in item details for all quizes and assignments */
.ig-details .points_possible_display {
    display: none;
}

/* anti-flash protection for 1 requirement stuff */
.context_module_item .completion_requirement .requirement_type.min_score_requirement .unfulfilled, .context_module_item.completed_item .completion_requirement .requirement_type.min_score_requirement .fulfilled {
    display: none;
}


/* --------- Course Syllabus --------- */

/* hide table of assignment group weights in the course syllabus */
#sidebar_content > div:nth-child(2) > table.summary {
    display: none;
}

/* hide h2 above table of assignment group weights in the course syllabus  (NOTE: this selector might also return things elsewhere...) */
#sidebar_content > div:nth-child(2) > h2 {
    display: none;
}


/* --------- Course Settings Page --------- */

/* hide Reset Coruse Content button (js to reveal for root admins) */
#right-side > div > a.btn.button-sidebar-wide.reset_course_content_button {
    display: none;
}

/* hide Navigation tab (js to reveal for root admins) */
div#course_details_tabs > ul > li#navigation_tab {
    visibility: hidden;
}

/* hide Apps tab (js to reveal for root admins) */
div#course_details_tabs > ul > li#external_tools_tab {
    visibility: hidden;
}

/* hide Feature Options tab (js to reveal for root admins) */
div#course_details_tabs > ul > li#feature_flags_tab {
    visibility: hidden;
}

/* hide more options link (js to reveal for root admins) */
a.course_form.course_form_more_options_link {
    visibility: hidden;
}

/* hide Update Course Settings button (js to reveal for root admins) */
#course_form > div > div> div > span.course_form > div.form-actions > button {
    display: none;
}


/* --------- Instructor Gradebook --------- */

/* remove gradebook settings, so nobody can configure late policies */
#gradebook-settings-button {
    display: none;
}


/* ---------- Student Grades Page ---------- */

/* Remove right side content with assignment weights on student grades page */
div#student-grades-right-content {
    display: none;
}

/* Remove assignment totals in footer of grades table on student grades page */
.student_assignment.hard_coded.group_total {
    display: none;
}

/* remove Print grades button on student grades page */
a#print-grades-button {
    display: none;
}

/* mask header on student Grades page
 * Says "Grades for [Student Name]"
 * js modifies text to "Progress for..." and then reveals*/
div#content.ic-Layout-contentMain > h2 {
    opacity: 0;
}

/* hide Score header on student grades page (Step 1) */
#grades_summary th.assignment_score {
    visibility: hidden;
    position: relative;
}

/* replace header with "Status" (Step 2) */
#grades_summary th.assignment_score:after {
    visibility: visible;
    content: "Status";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;    
    border-top: none;
    font-size: 1em;
    font-weight: bold;
    padding: 14px 7px 7px 7px;
    /* from .ic-Table th */
    border-bottom-color: #A5AFB5;
    padding-bottom: 7px;
    font-weight: bold;
    /* from .ic-Table th, .ic-Table td */
    line-height: 1.3;
    text-align: left;
    vertical-align: middle;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

/* remove Status column header */
#grades_summary th.status {
    display: none;
}

/* remove cells in Status column */
#grades_summary td.status {
    display: none;
}

/* remove Out of column header */
#grades_summary th.possible {
    display: none;
}

/* remove points possible in Out of column */
#grades_summary td.possible.points_possible {
    display: none;
}

/* remove points from rubric ratings cells */
td.rating > div.container > span.nobr {
    display: none;
}

/* hide mastery threshold in rubric criteria cells */
div.description_content > div.threshold {
    display: none;
}

/* mask X icon represenitng incomplete reflections
 * result of param for assignments and graded discussions to display grade as Complete/Incoplete
 * js changes to checkmark or flag and then reveals */
td.assignment_score > div > span > span.grade > i.icon-x {
    opacity: 0;
}

/* hide assignment scores form graded surveys
 * or anything that can't be displayed as Complete/Incomplete from activity config including:
 * P&RII, enrollment, midcourse, end of course, which are all graded surveys
 * js converts points to icons and then reveals */
#grades_summary td.assignment_score {
    color: #eee;
}


/* ---------- Submission Details Page ---------- */

/* hide grade summary box in upport right corner
 * has "grade" and points
 * js updates and reveals */
#content > div.submission-details-header.submission_details > div.submission-details-header__heading-and-grades > div.submission-details-header__grade-summary {
    opacity: 0;
}


/* --------- Assignments --------- */

/* Remove alert in assignments that aren't included in final grade calculation */
#content > div.alert.alert-info.omit-from-final-warning {
    display: none;
}

/*
 *these selectors may be kind of precarious.
 *Lots of rubrics around, but don't think any are
 *placed direcly on the content page like they are here
 */

/* hide Pts header in rubric */
div#not_right_side > div#content-wrapper > div#content > div#rubrics > div.rubric_container.rubric > table.rubric_table > thead > tr > th:nth-child(3) {
    display: none;
}

/* hide Pts cells in rubric*/
div#not_right_side > div#content-wrapper > div#content > div#rubrics > div.rubric_container.rubric > table.rubric_table > tbody > tr.criterion > td.nobr.points_form {
    display: none;
}


/* --------- Discussions --------- */

/* hide alert at the top of graded discussion instructions  */
#discussion_topic > div.entry-content > div.discussion-section.discussion-assignment-section.alert.alert-info {
    display: none;
}

/* hide the avatar in the discussions, not announcements) */ 
.discussion_topic > div.entry-content > header > a.avatar {
    display: none;
}
 
/* hide the name  of author from discussion posts (not announcements) */
.discussion_topic > div.entry-content > header > div > div.pull-left > div.discussion-subtitle {
    display: none;
}

/*
 *these selectors may be kind of precarious.
 *Lots of rubrics around, but don't think any are
 *placed in a dialog like they are here
 */

/* hide Pts header in rubric dialog box */
div.ui-dialog-content.ui-widget-content > div#rubrics.rubric_dialog > div.rubric_container.rubric > table.rubric_table > thead > tr > th:nth-child(3) {
    display: none;
}

/* hide Pts cells in rubric dialog box */
div.ui-dialog-content.ui-widget-content > div#rubrics.rubric_dialog > div.rubric_container.rubric > table.rubric_table > tbody > tr.criterion > td.nobr.points_form {
    display: none;
}

/* hide mastery thresholds within criteria description cells in rubric dialog */
div.ui-dialog-content.ui-widget-content > div#rubrics.rubric_dialog > div.rubric_container.rubric > table.rubric_table > tbody > tr.criterion.learning_outcome_criterion > td.criterion_description > div.container > div.threshold {
    display: none;
}


/* --------- Quizzes --------- */

/* Remove Quiz Instructions header */ 
.quiz-header h2 {
    display: none;
}

/* Remove table at the top of quiz instructions */ 
ul#quiz_student_details {
    display: none;
}

/* ??? */ 
#assignment_show .student-assignment-overview {
    display: none;
}

/* Remove Attempt History header */
#quiz-submission-version-table h3 {
    display: none;
}

/* Remove Attempt History table */
#quiz-submission-version-table table {
    display: none;
}

/* Remove Quiz points in the quiz questions and module activity grid */
.question .header .question_points_holder {
    display: none;
}

/* Remove Incorrect answer arrows from quiz responses */
span#user_answer_NaN_arrow.answer_arrow.incorrect {
    display: none;
}

/* don't display when used as intermediate page in MP process. Should be JS enabled every other time */
#quiz_show  {
    opacity:0;
}

/* Remove alert "Correct answers are hidden" at bottom of the page */
#quiz_show > div.quiz-submission > div.alert {
    display: none;
}

/* Remove "Score: X out of Y" at bottom of the page */
#quiz_show > div.quiz-submission > div.quiz_score {
    display: none;
}

/* hide "Quiz results are protected" on quiz page (js to modify and reveal when appropriate) */
#quiz_show > div.quiz-submission > h4 {
    opacity: 0;
}


/* ---------- Survey Statistics ---------- */

/* hide summary stats table (js to reveal if O&A or remove completely if P&R) */
div#canvas-quiz-statistics > section > div#summary-statistics > table {
    opacity: 0;
}

/* hide summary stats div (js to reveal if O&A or remove completely if P&R) */
div#canvas-quiz-statistics > section > div#summary-statistics > div {
    opacity: 0;
}

/* change color of stats bar cap */
.question-statistics .bar.bar-highlighted {
    background: #2a333b;
}

/* hide icon-check under highlighted answer option (js to reveal if O&A) */
.question-statistics .bar.bar-highlighted .icon-check {
    opacity: 0;
}

/* change colors in highlighted row */
.question-statistics .answer-drilldown-table tr.correct th {
    color: #2D3B45;
    font-weight: normal;
    background-color: #f5f5f5;
}

.question-statistics .answer-drilldown-table tr.correct td.answer-ratio {
    color: #2D3B45;
    font-weight: normal;
    background-color: #f5f5f5;
}

.question-statistics .answer-drilldown-table tr.correct td.respondent-link {
    color: #2D3B45;
    font-weight: normal;
    background-color: #f5f5f5;
}


/* ------------------ Custom Course Home Page - design elements ------------------ */

a.hLink {
  color: #fff;
}
.hLink2 {
    color: #fff;
    background-color: black;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: inline-block;
    font-size: 18px;
    height: 77px;
    opacity: 0.8;
    padding: 10px;
    text-align: left;
    width: 91.5%;
    line-height: 30px;
    /*  margin-left: -16px; */
    margin-bottom: 5px;
}
.hLink2:hover {
    opacity: 0.70;
}
.headingText {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: -89px;
    max-width: 313px;
}
.hLink:hover {
    color: #fff;
}
.launch {
    background: rgba(0, 0, 0, 0) url("../images/launch_btn.png") repeat scroll 0 0;
    display: inline-block;
    height: 26px;
    margin-left: 224px;
    margin-top: -33px;
    position: absolute;
    width: 87px;
}
/*Unit 1*/
.m_c1>a>.mod_l>.m_text>.m_text_h4 { color: #e76a10;}
.m_c1>a>.mod_l>.m_color { background-color: #e76a10 }
/*Unit 2*/
.m_c2>a>.mod_l>.m_text>.m_text_h4 { color:#5b475b }
.m_c2>a>.mod_l>.m_color { background-color:#5b475b }
/*Unit 3*/
.m_c3>a>.mod_l>.m_text>.m_text_h4 { color: #9900cc }
.m_c3>a>.mod_l>.m_color { background-color: #9900cc }
/*Unit 4*/
.m_c4>a>.mod_l>.m_text>.m_text_h4 { color: #9d3433 }
.m_c4>a>.mod_l>.m_color { background-color: #9d3433 }
/*Unit 5*/
.m_c5>a>.mod_l>.m_text>.m_text_h4 { color: #2080a6 }
.m_c5>a>.mod_l>.m_color { background-color: #2080a6 }
/*ACUE survey banners*/
.m_c6>a>.mod_l>.m_text>.m_text_h4 { color: #b52204 }
.m_c6>a>.mod_l>.m_color { background-color: #b52204 }
/*Career modules*/
.m_cc>a>.mod_l>.m_color { background-color: #016b3d }
.m_cc>a>.mod_l>.m_text>.m_text_h4 { color: #016b3d }
/*progress elements*/
.m_open>a>.mod_r { background-image:url(https://lms.acue.org/lms-home-page/m-open.png) }
.m_blank>a>.mod_r { background-image:url(https://lms.acue.org/lms-home-page/m-blank.png) }
.m_complete>a>.mod_r { background-image:url(https://lms.acue.org/lms-home-page/m-complete.png) }
.m_inprogress>a>.mod_r { background-image:url(https://lms.acue.org/lms-home-page/m-inprogress.png) }
.m_locked>a>.mod_l:hover { box-shadow: 1px 1px 2px 3px rgba(175, 175, 175, 0.2); }
.m_locked>a>.mod_l>.m_text>.m_text_h4 { color: #bdbdbd }
.m_locked>a>.mod_l>.m_color { background-color: #bdbdbd }
.m_locked>a>.mod_r { background-image:url(https://lms.acue.org/lms-home-page/m-locked.png) }
.m_locked>a>.mod_l>img {
    filter: gray;
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
}
.intros>ul {
  list-style: none;
  margin: 0;
}
.intro {
    text-align: center;
    width: 22%;
    display: inline-block;
    margin: 9px;
    box-shadow: 1px 1px 2px 3px rgba(175, 175, 175, 0.2);
    border-radius: 6px;
    overflow: hidden;
    vertical-align: top;
}
.intro:hover {
    box-shadow: 0 4px 18px rgba(0,0,0,0.25);
}
.intro>a:hover {
    text-decoration: none;
}
.intro>a>span {
    padding: 5px;
    display: block;
    overflow: hidden;
}
.intro>a>span.top {
    background-color:#b52204;
    height: 94px;
    text-transform: uppercase;
    color: white;
}
.intro>a>span.top>i { 
    margin: auto;
  width: 17px;
  height: 17px;
  display: block;
  padding: 12px;
  background-repeat: no-repeat;
  background-position: center center;
}
.intro>a>span.top>i.teaching_online { background-image: url(https://lms.acue.org/Teaching%20Online%20ICON_white.png) }
.intro>a>span.top>i.introduce { background-image: url(https://lms.acue.org/lms-home-page/m-hand.png) }
.intro>a>span.top>i.comment { background-image: url(https://lms.acue.org/lms-home-page/m-bubble.png) }
.intro>a>span.top>i.guide { background-image: url(https://lms.acue.org/lms-home-page/m-document.png) }
.intro>a>span.top>i.schedule { background-image: url(https://lms.acue.org/lms-home-page/m-clock.png) }
.intro>a>span.bot {
    height: 67px;
    color: black;
    margin:10px;
}
.m_accordion {
    float:right;
    width:24px;
    height:24px;
    background-image: url(https://lms.acue.org/lms-home-page/m-accordion.png);
  background-repeat: no-repeat;
  background-position: center center;
    transition: all 0.1s linear;
    margin: 8px 0;
}
.m_acc_hide>.m_accordion {
    background-image: url(https://lms.acue.org/lms-home-page/m-accordion-white.png);
    transform: rotate(-90deg);
}
.m_acc_hide {
  box-shadow: 1px 1px 2px 3px rgba(175, 175, 175, 0.2);
    border-radius: 6px;
    background-color:#b52204;
    color: white;
    padding: 0 11px 20px 11px;
  margin: 0 -11px 0 -11px;
}
.m_acc_hide:hover {
    box-shadow: 0 4px 18px rgba(0,0,0,0.25);
}
.modules>ul {
  list-style: none;
  margin: 0;
    margin-top: 40px;
    margin-bottom: 30px;
    background-image: url(https://lms.acue.org/lms-home-page/m-bg.png);
  background-repeat: repeat-y;
  background-position: center center;
}
.mod_ {
    background-color:initial;
    height: 176px;
    margin-bottom: 40px;
}
.mod_l { 
    height: 176px;
    width: auto;
    margin: 12px;
    background-color:white;
  border-radius: 6px;
    overflow: hidden;
    box-shadow: 1px 1px 2px 3px rgba(175, 175, 175, 0.2);
    display: block;
    position: relative;
}
.mod_l:hover {
    box-shadow: 0 4px 18px rgba(0,0,0,0.25);
}
.mod_l>img {
    position: absolute;
  right: 0;
}
.mod_l>.m_text {
    background-color: white;
    padding: 10px 0 0 15px;
    margin: 0 0 0 15px;
    max-width: 65%;
    position: absolute;
    left: 20px;
    z-index: 2;
    color: black;
}
.mod_l>.m_text>span {
  height: 114px;
  display: block;
  overflow: hidden;
}
.mod_l>.m_text>.m_text_h4 {
    height: 27px;
  font-size: 17.5px;
    margin: 6px 0;
 font-weight: normal;
}
.mod_l>.m_color {
    width: 26px;
    height: 176px;
    position: absolute;
  left: 0;
}
.mod_r {
  background-repeat: no-repeat;
  background-position: left center;
    width: 83px;
    height: 85px;
    float:right;
    margin-top: 50px;
}
.instructor.mod_r {
    display: none;
}

.mschedules {}
.mschedules>ul {
  list-style: none;
  margin: 0;
}
.mschedule {
    line-height: 54px;
    background-color: #a3a3a3;
}
.mschedule>a {
    color: black!important;
}
.mschedule:nth-child(even) {
    background-color: #e4e4e4;
}
.mschedule_l {
    margin-left: 36px;
  margin-right: 26px;
}
.mschedule_soon>a:hover {
    text-decoration: none;
}
.mschedule_date {
    margin-left: 24px;
    white-space: nowrap;
}
@media only screen and (max-width: 1414px) {
    .intro {
        min-width: 46%;
        max-width: 46%;
    }
}
@media only screen and (max-width: 1306px) {
    .mod_l>.m_text {
        max-width: 80%;
    }
    .mod_l>img {
        display: none
    }
}
@media only screen and (max-width: 1138px) {
    .intro {
        min-width: 46%;
        max-width: 46%;
    }
    
    .mod_l>.m_text {
        max-width: 60%;
    }
    .mod_l>img {
        display: initial
    }
}
@media only screen and (max-width: 1024px) {
    .mod_l>.m_text {
        max-width: 80%;
    }
    .mod_l>img {
        display: none
    }
}
@media only screen and (max-width: 900px) {
    .intro {
        min-width: 100%;
        max-width: 100%;
    }
}


/* ------------------ User Dashboard ------------------ */

.dbmarkup {
    position:relative;  
}
.dbmarkup >ol >li.brand1> h4, .dbmarkup >ol >li.brand1 > div> a> i, .dbmarkup >ol >li.brand1 > div> a> b {
    background-color:#e76a10
}
.dbmarkup >ol >li.brand2> h4, .dbmarkup >ol >li.brand2 > div> a> i, .dbmarkup >ol >li.brand2 > div> a> b {
    background-color:#5b475b
}
.dbmarkup >ol >li.brand3> h4, .dbmarkup >ol >li.brand3 > div> a> i, .dbmarkup >ol >li.brand3 > div> a> b {
    background-color:#9900cc
}
.dbmarkup >ol >li.brand4> h4, .dbmarkup >ol >li.brand4 > div> a> i, .dbmarkup >ol >li.brand4 > div> a> b {
    background-color:#9d3433
}
.dbmarkup >ol >li.brand5> h4, .dbmarkup >ol >li.brand5 > div> a> i, .dbmarkup >ol >li.brand5 > div> a> b {
    background-color:#2080a6
}
/*Career modules*/
.dbmarkup >ol >li.brandc> h4, .dbmarkup >ol >li.brandc > div> a> i, .dbmarkup >ol >li.brandc > div> a> b {
    background-color:#016b3d
}
.dbmarkup >ol {
    list-style-type: none;
    margin:0;
    margin-bottom: 25px;
}
.dbmarkup >ol >li> h4 {
    margin:0;
    margin-top:15px;
    padding: 10px 10px 10px 12px;
    color:#FFF;
    margin-bottom: 5px;
    border-radius: 6px;
}
.dbmarkup >ol >li > div > a {
    margin-left: 45px;
    margin-right: 45px;
    color: #000;
    text-decoration: none;
    display: block;
}
.dbmarkup >ol >li > div > a:visited,
.dbmarkup >ol >li > div > a:hover {
    color: #000;
    text-decoration: none;
}
.dbmarkup >ol >li > div {
    position: relative;
    padding: 10px;
}
.dbmarkup >ol >li > div> a> i {
    height: 125%;
    width: 6px;
     display: block;
    position: absolute;
    left: 15px;
    top: -1px;
    margin-top: -10px;
}
.dbmarkup >ol >li > div> a> b {
    height: 16px;
    width: 16px;
    display: block;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -8px;
    border-radius: 8px;
}
.dbmarkup >ol >li > div> a> u {
    height: 6px;
    width: 6px;
    display: block;
    background-color: #FFF;
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -3px;
    border-radius: 3px;
}
.dbmarkup >ol >li > div> a.complete > u {
    display:none
}
.dbmarkup >ol >li > div:last-child > a > i {
    height: 75%;
}

.dbmarkup >ol >li > div> a> s {
    height: 1px;
    width: 9px;
    background-color:#000;
    position:absolute;
    right: 19px;
    top: 50%;
}
.dbmarkup >ol >li > div> a.complete > s {
    height: 35px;
    width: 35px;
    position:absolute;
    top: 50%;
    margin-top: -17px;
    background-size: contain;
    background-color: #FFF;
    right: 6px;
    background-repeat: no-repeat;
}

.dbmarkup >ol >li > div> a.complete[data-title="1A"] > s {/*^=1 could also be*/
    background-image:url('https://lms.acue.org/dashboard/u1_mini.png');
}
.dbmarkup >ol >li > div> a.complete[data-title="1B"] > s {
    background-image:url('https://lms.acue.org/dashboard/u1_mini.png');
}
.dbmarkup >ol >li > div> a.complete[data-title="1C"] > s {
    background-image:url('https://lms.acue.org/dashboard/u1_mini.png');
}
.dbmarkup >ol >li > div> a.complete[data-title="1D"] > s {
    background-image:url('https://lms.acue.org/dashboard/u1_mini.png');
}
.dbmarkup >ol >li > div> a.complete[data-title="1E"] > s {
    background-image:url('https://lms.acue.org/dashboard/u1_mini.png');
}
.dbmarkup >ol >li > div> a.complete[data-title="2A"] > s {
    background-image:url('https://lms.acue.org/dashboard/u2_mini.png');
}
.dbmarkup >ol >li > div> a.complete[data-title="2B"] > s {
    background-image:url('https://lms.acue.org/dashboard/u2_mini.png');
}
.dbmarkup >ol >li > div> a.complete[data-title="2C"] > s {
    background-image:url('https://lms.acue.org/dashboard/u2_mini.png');
}
.dbmarkup >ol >li > div> a.complete[data-title="2D"] > s {
    background-image:url('https://lms.acue.org/dashboard/u2_mini.png');
}
.dbmarkup >ol >li > div> a.complete[data-title="2E"] > s {
    background-image:url('https://lms.acue.org/dashboard/u2_mini.png');
}
.dbmarkup >ol >li > div> a.complete[data-title="2F"] > s {
    background-image:url('https://lms.acue.org/dashboard/u2_mini.png');
}
.dbmarkup >ol >li > div> a.complete[data-title="2G"] > s {
    background-image:url('https://lms.acue.org/dashboard/u2_mini.png');
}
.dbmarkup >ol >li > div> a.complete[data-title="3A"] > s {
    background-image:url('https://lms.acue.org/dashboard/u3_mini.png');
}
.dbmarkup >ol >li > div> a.complete[data-title="3B"] > s {
    background-image:url('https://lms.acue.org/dashboard/u3_mini.png');
}
.dbmarkup >ol >li > div> a.complete[data-title="3C"] > s {
    background-image:url('https://lms.acue.org/dashboard/u3_mini.png');
}
.dbmarkup >ol >li > div> a.complete[data-title="3D"] > s {
    background-image:url('https://lms.acue.org/dashboard/u3_mini.png');
}
.dbmarkup >ol >li > div> a.complete[data-title="3E"] > s {
    background-image:url('https://lms.acue.org/dashboard/u3_mini.png');
}
.dbmarkup >ol >li > div> a.complete[data-title="3F"] > s {
    background-image:url('https://lms.acue.org/dashboard/u3_mini.png');
}
.dbmarkup >ol >li > div> a.complete[data-title="4A"] > s {
    background-image:url('https://lms.acue.org/dashboard/u4_mini.png');
}
.dbmarkup >ol >li > div> a.complete[data-title="4B"] > s {
    background-image:url('https://lms.acue.org/dashboard/u4_mini.png');
}
.dbmarkup >ol >li > div> a.complete[data-title="4C"] > s {
    background-image:url('https://lms.acue.org/dashboard/u4_mini.png');
}
.dbmarkup >ol >li > div> a.complete[data-title="4D"] > s {
    background-image:url('https://lms.acue.org/dashboard/u4_mini.png');
}
.dbmarkup >ol >li > div> a.complete[data-title="4E"] > s {
    background-image:url('https://lms.acue.org/dashboard/u4_mini.png');
}
.dbmarkup >ol >li > div> a.complete[data-title="5A"] > s {
    background-image:url('https://lms.acue.org/dashboard/u5_mini.png');
}
.dbmarkup >ol >li > div> a.complete[data-title="5B"] > s {
    background-image:url('https://lms.acue.org/dashboard/u5_mini.png');
}
.dbmarkup >ol >li > div> a.complete[data-title="5C"] > s {
    background-image:url('https://lms.acue.org/dashboard/u5_mini.png');
}
.dbmarkup >ol >li > div> a.complete[data-title="5D"] > s {
    background-image:url('https://lms.acue.org/dashboard/u5_mini.png');
}
.dbmarkup >ol >li > div> a.complete[data-title="5E"] > s {
    background-image:url('https://lms.acue.org/dashboard/u5_mini.png');
}
.dbmarkup >ol >li > div> a.complete[data-title="CGR1"] > s {
    background-image:url('https://lms.acue.org/dashboard/cgr_mini.png');
}
.dbmarkup >ol >li > div> a.complete[data-title="CGR2"] > s {
    background-image:url('https://lms.acue.org/dashboard/cgr_mini.png');
}
.dbmarkup >ol >li > div> a> c {
    display: none;
}
.dbmarkup >ol >li > div> a.complete> c {
    display: inline;
    font-weight:bold;
    margin-left: 45px;
    content: 'Completed';
    margin-bottom: -20px;
}


/* Your Progress visualization */

#chartHolder {
    background-image: url('https://lms.acue.org/dashboard/incomplete-badge-image.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 250px;
    height: 440px;
    transition: 2s;
    margin-top: -5px;
}
#chartHolder.finished {
  background-image: url('https://lms.acue.org/dashboard/complete-badge-image.png');
}
#chartHolder .chartHeader {
    padding-top: 15px;
    text-align: center;
    margin:0;
}
#chartHolder .chartDivider {
    width: 73%;
    margin: 8px auto 10px auto;
}
#chartHTML circle {
    stroke-dashoffset: 0;
    transition: stroke-dashoffset 1s linear;
    stroke: #6a6a6a;
    stroke-width: 20px;
}
#chartHTML #complete {
    stroke: #b52204;
}/*
#chartHolder.finished #complete {
    stroke:#b52204;
}*/
#chartHTML #inprogress {
    display:none;
    stroke: #ae63e4;
}
#chartHTML.loading {
    display:none;
    opacity:0
}
#chartHTML {
    display: block;
    opacity:1;
    height: 200px;
    width: 200px;
    margin: -8px auto 0 auto;
    position: relative;
    transition-property: opacity;
    transition-duration: 1.75s;
    transform: scale(.7) translateY(-30px);
}
#chartLoader {
    display: block;
    opacity:1;
    height: 200px;
    width: 200px;
    margin: 0 auto;
    position: relative;
    transition-property: opacity;
    transition-duration: 1.75s;
}
#chartHTML:after {
    position: absolute;
    display: block;
    height: 160px;
    width: 160px;
    left: 50%;
    top: 50%;
    content: attr(data-pct)"%";
    margin-top: -80px;
    margin-left: -80px;
    border-radius: 100%;
    line-height: 160px;
    font-size: 32px;
    text-align:center;
}
.caption {
    text-align:center;
    margin-top: 75px;
    margin-left: 10px;
    margin-right: 10px;
}
@media only screen and (min-width: 1120px) {
    #dbmarkuph, #cgrmarkuph {
    width:66%;
    width: calc(100% - 280px);
    min-width:400px;
    }
    .dbmarkup {
    width:66%;
    width: calc(100% - 280px);
    min-width:400px;
    }
    #chartHolder {
    position: absolute;
    top: 0;
    right: -280px;
    }
}


/* --------- Custom Progress Charts --------- */

/* button to filter gradebook for student */
#ppc_dialog_content button.filt {
    border: none;
    background-color: #fff;
}

/* flip horizontaly icon inside button to filter gradebook for student */
#ppc_dialog_content button > i.icon-discussion-search {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}


/* --------- Rubrics --------- */

table.ratings > tbody > tr > td.rating {
    width: 25%;
    height: auto;
}


/* --------- Mastery Paths --------- */

#module_sequence_footer > div.module-sequence-footer > div.module-sequence-footer-content > span.module-sequence-footer-button--next[data-html-tooltip-title*="eload"] {
    display:none;
}
.take_quiz_button a.btn.btn-primary {
    color: #b52204;
    color: var(--ic-brand-button--primary-bgd);
}


/* --------- Learning Objectives --------- */

table.lo-table {
    width: 100%;
    border-color: #F8F8F8;
}

/* header row */
table.lo-table > tbody > tr > td:not(:first-child) {
    min-width: 75px;
    text-align: center;
}

/* LO rows */
table.lo-table > tbody > tr.lo > td {
    padding-left: 10px;
    background-color: #333e48;
    color: #ffffff;
    font-weight: bold;
}

/* Non-LO rows, techniques */
table.lo-table > tbody > tr:not(.lo) > td:first-child {
    padding-left: 40px;
}

/* Zebra for non-LO rows */
table.lo-table > tbody > tr:not(.lo):nth-child(even) {
    background-color: #f1f1f1
}

/* hide what's next report so js can show only to completers in full courses */
#section-tabs a:content("What's Next Report"){display:none}
    
/* common challenges voting feature */    
i.icon-solid:before {font-family:"InstructureIcons-Solid"}
.ACUE-accordion .ui-accordion-content > p > i.icon-like:nth-child(2), em > i.icon-like:nth-child(2)  {transform:rotate(180deg)}
/*related, but more general*/
.likable { font-style: italic}
.likable .rotate i {transform:rotate(180deg)}


/* --------- Intro Quiz--------- */

#show-outside-quiz {
    display: none;
}

#show-inside-quiz {
    display: none;
}


/* --------- Notes to self--------- */

#assignment_show {
    padding: 20px 0 0 20px;
}

body.assignments #right-side-wrapper {display:none}

/* ---------PKH Accordion Styling Option 1--------- */
.pkh-details {
    overflow: hidden;
    margin-top: 0.125em;
    background: #ffffff;
    border-radius: 3px;
}
  
.pkh-details summary {
    width: 300px;
    height: 30px;
    background: #b52205;
    cursor: pointer;
    list-style-type: none;
    padding: 8px 16px 8px 16px;
    border-radius: 3px 3px 3px 3px;
    font-family: Helvetica Neue;
    line-height: 30px;
    color: #ffffff;
}
  
.pkh-details:not([open]) summary:hover,
.pkh-details:not([open]) summary:focus {
    background: #b52205;
    color: #ffffff;
}
  
.pkh-details[open] summary {
    background: #b52205;
    font-weight: bold;
    color: #ffffff;
}
  
.pkh-details p {
    font-family: Helvetica Neue;
    font-size: 16px;
    color: #333333;
    font-weight: 350;
}
  
span.pkh-link {
    color: transparent;
    text-shadow: 0 0 0 white;
}

hr.pkh-details {
    background-color: #c7cdd1;
    display: block;
    height: 1px;
    border-bottom: none;
    border-top: 1px solid #c7cdd1;
    margin: 1em 0;
    padding: 0;
    margin: 20px 0;
    border: 0;
}

/* ---------ACUE Accordion Styling--------- */

.acue-accordion-div {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
  
.acue-accordion details {
    margin-top: 0.125em;
    background: #ffffff;
}
  
.acue-accordion summary {
    background: #ffffff;
    cursor: pointer;
    font-weight: normal;
    padding: 8px 16px 8px 30px;
    border-radius: 3px 3px 3px 3px;
    font-family: Helvetica;
    line-height: 30px;
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
}
  
.acue-accordion:not([open]) summary:hover,
.acue-accordion:not([open]) summary:focus {
    background: #ededed;
}
  
.acue-accordion[open] {
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    border-radius: 3px 3px 3px 3px;
    animation: sweep .5s ease-in-out;
}
  
.acue-accordion[open] summary {
    background: #333e48;
    font-weight: normal;
    color: #ffffff;
    border-radius: 3px 3px 0px 0px;
    border-color: #333e48;  
}
  
.acue-accordion p {
    font-family: Helvetica;
    font-size: 16px;
    color: #333e48;
    padding: 8px 16px 8px 16px;
}
  
@keyframes sweep {
    0%    {opacity: 0; margin-bottom: -10px}
    100%  {opacity: 1; margin-bottom: 0px}
}