@charset "utf-8";

/* --- Universal style adjustments --- */

/* makes sure images don't overflow their containers or stretch to fit */
img {
  max-width: 100%;
  height: auto;
}

/* corrects link text tree exapansion crowding in blocks */
.block_tree ul {
  padding-left: 5px;
}

/* adds space between main nav bar items to improve visibility */
.nav .nav-item {
  margin-right: 5px;
}

/* makes site background color darker for improved contrast with content areas */
#page {
  background-color: #f1f1f1;
}

/* makes drawer background color lighter/darker for improved contrast with site background and blocks */
.drawer {
  background-color: #f9f9f9;
}

/* hides the services and support link in the footer */
footer .footer-support-link a[href*="moodle.com/help"]{
display: none;
}

/* hides the data retention summary link in the footer */
footer .tool_dataprivacy a[href*="admin/tool/dataprivacy/summary.php"]{
display: none;
}

/* corrects img tag auto height conflict with user profile pic in grading interface */
div [data-region="grading-navigation-panel"] img.img-rounded {
  max-height: 70px !important;
}

/* Adjust width of grading filter modal with custom language */
#page-mod-assign-grader .moodle-dialogue-base .moodle-dialogue-wrap {
  margin-left: 20%;
  margin-right: 20%;
}

/* Chrome and Edge scrollbar style - decrease border to increase visual width */
.drag-container::-webkit-scrollbar-thumb {
  border: 2px solid #f5f5f5 !important;
}

/* Firefox scrollbar style - adjust colors for higher contrast when scrolling */
.drag-container {
  scrollbar-color: #777 #e9e9e9 !important;
}

/* Resize icons in the Recently Accessed Items block */
.block_recentlyaccesseditems .activityiconcontainer img.icon {
  max-width: none;
  padding: .7rem;
}

/* Resize icons in the Upcoming Events block */
.block_calendar_upcoming .activityiconcontainer img.icon {
  max-width: none;
  padding: .7rem;
}

/* darkens and lessens blur on drawer buttons shadow */
.drawer-toggles .drawer-toggler .btn {
  box-shadow: 0 .1rem .1rem rgba(0,0,0,.2);
}

/*removes right margin from label area on course page*/
.section .label .contentwithoutlink {
  padding-right: 0px;
}

/* Makes main menu block link text break to next line at words instead of characters */
.block_site_main_menu .instancename {
  word-break: break-word;
}

/* Makes tags in question bank table stack in cell instead of being cut off */
div #questionscontainer.categoryquestionscontainer .table-responsive .d-inline-flex.flex-nowrap {
  flex-wrap: wrap !important;
  padding-top: 5px;
  padding-bottom: 5px;
}

/* For unread forum post highlight, increases thickness and contrast of bottom border */
.forumpost.unread .row.header {
  border-bottom: 2px solid #757575;
}

/* Fixes forum move dropdown menu from extending beyond the screen from long item titles */
.movediscussionoption .custom-select {
  width: 100%;
}

/* Hide the doubling of the description on H5P activities */
body#page-mod-hvp-view div#hvpintro.box.mod_introbox .no-overflow {
  display: none;
}

/* Hide the doubling of the description on Panopto activities */
body#page-mod-panoptosubmission-view div.box.generalbox .no-overflow {
  display: none;
}

/* Creates a globally-usable css class to mimic hanging indent behavior */
.engage-hanging-indent {
    padding-left: 30px;
    text-indent: -30px;
}

/* Adds the ability to resize text area height on forum gradebook feedback for grader */
body#page-mod-forum-view .grader-grading-panel textarea[data-auto-rows] {
  resize: vertical !important;
}

/* Increases text area height on forum gradebook feedback for grader  */
body#page-mod-forum-view .grader-grading-panel textarea.form-control {
  min-height: 80px;
}

/* Adds the ability to resize text area height on forum gradebook feedback for student */
body#page-mod-forum-view .modal-content textarea[data-auto-rows] {
  resize: vertical !important;
}

/* Increases text area height on forum gradebook feedback for student */
body#page-mod-forum-view .modal-content textarea.form-control {
  min-height: 80px;
}





/* --- BEGIN Rubric Visual Changes --- */

/* Rubric table cell width */
.gradingform_rubric .criterion .levels .level {
    min-width: 250px;
    max-width: 250px;
    word-break: break-word;
}

/* Rubric table cell - first column */
.gradingform_rubric .criterion .description {
    min-width: 200px;
    max-width: 200px;
    word-break: break-word;
    position: sticky;
    left: 0px;
    background-color: #f7f7f7;
    z-index: 1;
    outline: 1px solid #bbb;
    box-shadow: 1px 3px 5px rgba(0,0,0,0.3);
}

/* Rubric table cell - first column (in grading interface) */
.path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .description {
    min-width: 200px;
    max-width: 200px;
    word-break: break-word;
    position: sticky;
    left: 0px;
    background-color: #f7f7f7;
    z-index: 1;
    outline: 1px solid #bbb;
    box-shadow: 1px 3px 5px rgba(0,0,0,0.3);
}

/* Rubric table cell - text entry (in grading interface) */
.path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .remark textarea {
    min-width: 250px;
    max-width: 250px;
    word-break: break-word;
}

/* Adjusts delete X button location/hitbox when editing criteria */
.gradingform_rubric .criterion .level .delete {
  width: 24px;
  height: 24px;
  margin-top: 0px;
}

/* Ensures table border lines extend to bottom of row */
.gradingform_rubric .criterion td.levels{
    height: 100%;
}

/* Reduces padding around rubric area in grading interface for additional screen space */
#fitem_id_advancedgrading {
  padding: .25rem;
}

/* Reduces padding around rubric area in grading interface for additional screen space */
.path-mod-assign [data-region="grade-panel"] .mform .fitem .felement[data-fieldtype="grading"] {
  padding-left: .25rem;
  padding-right: .25rem;
}

/* Rubric table width on submission page */
.path-mod-assign .gradingform_rubric {
    max-width: 1200px;
}

/* Text size in rubric */
.gradingform_rubric .criterion .levels{
     font-size: 14px;
} 

/* Text size in rubric */
.gradingform_rubric .criterion .description {
    font-size: 14px;
}


/* Rubric fullscreen mode window size in grading interface */
.path-mod-assign [data-region="grade-panel"] .fitem.popout {
    left: 5%;
    right: 5%;
    top: 5%;
    bottom: 5%;
}

/* Grading interface pdf area width */
.path-mod-assign [data-region="review-panel"] {
    right: 40%;
}

/* Grading interface feedback area width */
.path-mod-assign [data-region="grade-panel"] {
    left: 60%;
    width: 40%;
}

/* Grading interface expanded review panel width */
.path-mod-assign [data-region="review-panel"].collapsed + [data-region="grade-panel"] [data-region="grade"], .path-mod-assign [data-region="grade-panel"].fullwidth [data-region="grade"] {
    max-width: 90%;
}

/* Media breakpoint for smaller screens - removes sticky on first column */
@media (max-width: 767px) {
 .path-mod-assign [data-region="grade-panel"] {width: 100%; }
 .gradingform_rubric .criterion .description {position: inherit;}
 .path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .description {position: inherit;}
}

/* darkens background color of grader interface to contrast scrollbar */
.assignfeedback_editpdf_widget .drawingregion {
  background-color: #c0c0c0;
}

/* adds overflow to grading interface rubric popout*/
.path-mod-assign [data-region="grade-panel"] .fitem.popout {
  overflow: auto;
}

/* --- END Rubric Visual Changes --- */