.elementor-15812 .elementor-element.elementor-element-60318d8{--display:flex;}.elementor-15812 .elementor-element.elementor-element-811e03e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-15812 .elementor-element.elementor-element-e6bfb81 .elementor-button-content-wrapper{flex-direction:row;}.elementor-15812 .elementor-element.elementor-element-f978651 .elementor-button-content-wrapper{flex-direction:row;}/* Start custom CSS for button, class: .elementor-element-e6bfb81 */#print_all_essays {
    background-color: black;
    width: 205px;
}
#approve_all_essays {
    width: 205px;
}/* End custom CSS */
/* Start custom CSS *//* Global */
.uo-groups * {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    line-height: 1.3875rem;
}

.uo-row.uo-groups-section.uo-groups-report-go-back {
    display: none;
}

/* Breadcrumb Buttons */
.group-management-buttons button {
    border: 1px solid #D6D9DD !important;
    border-radius: 5px !important;
    color: #7a7a7a !important;
    height: 41px;
}

.group-management-buttons button:hover {
    background-color: #efefef !important;
    border: 1px s;
}

/* Grading Table */
#uo-group-essays-table {
    border-radius: 5px;
}

#uo-group-essays-table tbody tr td {
    height: 40px !important;
    vertical-align: middle !important;
}

#uo-group-essays-table button.small {
    min-height: 31px !important;
}

/* Table Header */
.uo-groups .uo-groups-table thead tr {
    background-color: #f0f0f0 !important;
}

.uo-groups .uo-groups-table th {
    border-top: 0px !important;
    border-right: 0px !important;
    border-bottom: 1px solid #D6D9DD !important;
    border-left: 0px !important;
}

.uo-groups .uo-groups-table th.ulg-report-cell {
    color: #282828 !important;
    height: 40px !important;
}

.uo-groups .uo-groups-table th.ulg-report-cell:not(:last-child) {
    border-right: 1px solid #D6D9DD !important;
}

/* Filtering Options Above Grading Table */
.uo-groups .uo-select button, 
.uo-groups .uo-select select {
    border: 1px solid #D6D9DD !important;
    border-radius: 5px !important;
    color: #5a5a5a !important;
}

.uo-groups .dataTables_filter input {
    border: 1px solid #D6D9DD !important;
    border-radius: 5px !important;
    color: #5a5a5a !important;
    padding: 8px 15px !important;
}

.uo-groups .uo-select select.h3-select {
    background-color: white !important;
    font-size: 16px !important;
    font-weight: bold !important;
    padding: 6px 15px !important;
}

/* Hide COURSE option, which isn't actually filterable */
.uo-groups-select-filters > .uo-row.uo-groups-select-filter:nth-child(2) {
    display: none;
}

/* Select Custom Columns Section */
.dataTables-filter-columns {
    padding: 20px;
    margin: 15px 0px 25px 0px;
    border: 1px solid #D6D9DD;
    border-radius: 5px;    
}

.dataTables-filter-columns__fields label:not(:first-child) {
    padding-right: 15px !important;
}

/* Data Loading in Table */
#group-loader {
    display: flex;
    margin: auto;
    padding: 25px;
    background-color: white;
    
}

/* Column Specific Settings */
/* Hide Column ID */
.ulg-report-essays-cell--id {
    display: none;
}

.ulg-report-essays-cell--student {
    width: 100px !important;
}

.ulg-report-essays-cell--title {
    width: 15% !important;
    white-space: nowrap !important;
}

.ulg-report-essays-cell--status {
    width: 50px !important;
}

.ulg-report-essays-cell--points {
    width: 75px !important;
}

.ulg-report-essays-cell--comments {
    width: 25px !important;
}

.ulg-report-essays-cell--date {
    width: 100px !important;
}

/* Grade Input */
.ulg-report-essays-cell--points input {
    width: 50px !important;
    text-align: center;
}

.ulg-report-essays-cell--points input.small-text {
    height: 31px !important;
}

/* Replace "TITLE" with "OPEN" on Edit Essay Buttons */
a.edit_essay.edit_essay_single {
    font-size: 0px;
    border: none !important;

}

a.edit_essay.edit_essay_single::before {
    content:"OPEN" !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    padding: 8px 10px !important;
    background-color: #1a975c !important;
    border-radius: 5px !important;
    color: white;

}

a.edit_essay.edit_essay_single:hover::before {
    background-color: #178752 !important;
}

/* Replace "APPROVE" with "SAVE" on Essay & Assignment Status Buttons */
.uo-groups .uo-groups-table .essay_approve_single,
.uo-groups .uo-groups-table .assignment_approve_single {
    font-size: 0px !important;
    background-color: #fafafa !important;
    border: 1px solid #1a975c !important;
    padding: 8px 10px !important;
    border-radius: 5px !important;
    color: #1a975c !important;
    font-weight: 500 !important;
    width: 100% !important;
}

.uo-groups .uo-groups-table .essay_approve_single::before,
.uo-groups .uo-groups-table .assignment_approve_single::before {
    content:"SAVE" !important;
    font-size: 13px !important;
}

.uo-groups .uo-groups-table .essay_approve_single:hover,
.uo-groups .uo-groups-table .assignment_approve_single:hover {
    background-color: #efefef !important;
}

/* Customization to "Row Action" div */
.row-actions {
    padding-top: 5px;
    margin-left: 3px;
    display: inline-block;
    visibility: visible !important;
}

/* Hide "TRASH" button in Row Actions */
 .row-actions span a {
    display: none;
}

/* Show "DOWNLOAD" button for file submissions in Row Actions */
.row-actions a {
    font-size: 13px;
    background-color: #D6D9DD;
    color: #282828 !important;
    text-transform: uppercase !important;
    padding: 8px 12px;
    border-radius: 5px;
    font-weight: 500 !important;
}


/*  ------------------------------ 
STILL CLEANING UP THE CUSTOM CODE BELOW THIS POINT. EVERYTHING ABOVE HAS BEEN CONFIRMED AND DOCUMENTED
------------------------------ */

/* modal header */
.modal-header-key {
    margin-right: 5px;
}

.modal-header-value {
    color: black;
    font-weight: 700;
}

/* modal */
.uo-modal {
    max-width: 1040px !important;
}

.blocker {
    background-color: rgba(250, 251, 253, .75) !important;
}

.group-management-modal.uo-modal {
    background-color: #fcfcfc !important;
    box-shadow: 0 12px 28px 0 rgba(18,43,70,.25), 
            0 2px 7px 0 rgba(18,43,70,.08) !important;
    width: auto;
    margin: 0 auto;
    border: 1px solid #d2d4d6;
    border-radius: 10px !important;
    padding: 20px;
}

.group-management-modal .uo-row {
    border: none !important;
    margin: 0px !important;
    padding: 0px !important;
}

/* Styling for Content section in modal */
.uo-content-section {
    border: 1px solid #d2d4d6;
    border-radius: 7px;
    padding: 15px;
    background-color: white;
}

/* Remove all bottom margins from content section -- i.e., submitted assignments and question content */
.uo-row__content p, .uo-row__content ol, .uo-row__content ul, .uo-row__content li {
    margin-bottom: 0rem !important;
}

#edit_essay_form .uo-row__content {
    white-space: pre-line !important;
}

/* Styling for Grading section in modal */
.uo-grading-section {
    display: flex;
    column-gap: 20px;
    padding: 20px;
    margin: 0px -20px 0px -20px;
}

/* Styling for left column of Grading section in modal */
.uo-grading-section > .uo-scoring-subsection {
    border: 1px solid #d2d4d6 !important;
    padding: 15px !important;
    border-radius: 7px;
    background-color: white;
}

/* Styling for right column of Grading section in modal */
.uo-grading-section > .uo-comments-subsection {
    border: 1px solid #d2d4d6 !important;
    padding: 15px !important;
    border-radius: 7px;
    background-color: white;
}

/* Label for "Internal Notes" and "Instructor Feedback" text in modal */
.enter-comments {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #000 !important;
    margin-bottom: 10px !important;
}

/* Margin between text area field and "comment history" label in the instructor feeback section */
.uo-comments-subsection .uo-row {
    margin-bottom: 20px !important;
}

/* Label for posted comments in the instructor feedback section */
.comment-list {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #000 !important;
}


/* Padding around posted comments in the instructor feedback section */
#modal-comment-list {
    padding: 10px 0px !important;
}

/* Content of posted comments in instructor feedback section */
.comment-content {
    margin-top: 5px;
    text-align: left;
    white-space: pre-wrap;
}

/* Underlining of user + timestamp of posted comments in instructor feedback section */
#modal-comment-list div:not(.comment-content) {
    text-decoration: underline;
}

/* Styling for successful save of grade */
#group-management-message {
    margin-bottom: 20px !important;
    font-weight: 600;
    border-radius: 7px;
}

/* Styling for "save" button in modal */
#uo-essay-edit-button {
    color: white;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 15px;
    padding: 8px 16px;
    border: none;
}

/* Styling for ALL ESSAYS buttons */
#print_all_essays {
    background-color: #282828;
}

#print_all_essays:hover {
    background-color: black;
}

#approve_all_essays:hover {
    background-color: #178752;
}/* End custom CSS */