﻿:root {
  --brand-color: #004C97;
  --accent-color: #DC8633;
  --white: #fff;
  --gray: #808080;
  --light-gray:#e8e8e8;
  --dark-gray: #495057;
  --satans-gray: #666;
  --eqmZq-fontSize: 1rem;
  --eqmZq-fontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --eqmZq-fontWeight: 500;
  --eqmZq-lineHeight: 1.25rem;
  --eqmZq-color: #000000;
  --eqmZq-background: --white;
  --eqmZq-highlightedLabelColor: --white;
  --eqmZq-highlightedBackground: --brand-color;
  --eqmZq-selectedLabelColor: --white;
  --eqmZq-selectedBackground: #666;
  --eqmZq-padding: 0.5rem 0.75rem;
  --eqmZq-iconPadding: 0.75rem;
  --eqmZq-nestedPadding: 0.75rem;
}

body {
    font-size: 1rem;
    font-family: Helvetica, Arial, sans-serif;
}

.ic-Layout-wrapper .ic-Layout-columns {
	background-color: #ebebeb;
}

.ic-Layout-wrapper .ic-Layout-columns .ic-app-main-content .ic-Layout-contentWrapper {
	background-color: var(--white);
	border-bottom: 1px solid #c7cdd1;
	border-right: 1px solid #c7cdd1;
}

#breadcrumbs>ul>li>a .ellipsis {
    float: right;
    line-height: inherit;
    max-width: fit-content!important;
}

.pages.show.home .page-title {
    display: block;
}

.user_content h1,
.pages.show h1.page-title,
.mechanics h1,
.assignments .ic-Layout-contentMain h1,
#discussion_container h1.discussion-title {
    color: var(--brand-color);
    font-size: 2.3rem;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    padding: .25rem 0;
    margin: .25rem 0;
    line-height: 1.5;
}

.tox .tox-editor-container {
	font-family: Helvetica, Arial, sans-serif;
	border-radius: .25rem;
}

.canvas-rce__skins--root.rce-wrapper {
    border-radius: .25rem;
}

.tox .tox-edit-area.active html body h1, 
.tox .tox-edit-area.active iframe html body h1{
    color: var(--brand-color);
    font-size: 2.3rem;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    padding: .25rem 0;
    margin: .25rem 0;
    line-height: 1.5;
}

.tox .tox-edit-area.active iframe html body h2,
.user_content h2,
.mechanics h2,
.discussions .discussion-redesign-layout h2,
.statistics .ic-Layout-contentMain h2,
h2.ic-ThemeCard-container__Heading {
    font-size: 2rem;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    background-color: var(--brand-color);
    color: var(--white);
    padding: .5rem;
    border-radius: .25rem;
    margin: .5rem 0;
    line-height: 2.25rem;
}

/*Formats on the Canvas Theme title bars*/
h2.ic-ThemeCard-container__Heading {
    text-align: left;
	
}

.statistics .ic-Layout-contentMain ul#recently_logged_in_item_list {
    list-style-type: none;
    padding: 0;
    margin: 5px 0 20px 20px;
    max-height: 30rem;
    overflow: auto;
}

.statistics .ic-Layout-contentMain li:nth-of-type(odd) {
    background-color: #e5e4e2;
    padding: 0.25rem;
    border-radius: 0.25rem;
}

.statistics .ic-Layout-contentMain li:nth-of-type(even) {
    padding: 0.25rem;
    border-radius: 0.25rem;
}

#discussion_container h2.discussion-title {
	font-size: 1rem;
    font-weight: bold;
    line-height: 1.5rem;
}

.new-and-total-badge .total-items {
    background-color: #f5f5f5;
    color: gray;
	padding: 0 5px;
}

.new-and-total-badge .total-items,
.new-and-total-badge .new-items {
    border: 1px solid #c7cdd1;
	font-size: .75rem;
	font-weight: normal;
	border-radius: 0.25rem;
}

.tox .tox-edit-area.active iframe html body h2 a,
.user_content h2 a,
.mechanics h2 a { 
    color: var(--white);
}

.user_content a:not(.btn):not(.Button):not(.ui-button):not([role=button]),
.mceContentBody a:not(.btn):not(.Button):not(.ui-button):not([role=button]) {
    text-decoration: none;
}

a.external:hover span,
a.external:focus span,
a.external:active span {
    text-decoration: none;
}

.user_content a.fbyHH_bGBk {
    color: var(--white);
	text-decoration: none;
}

.user_content a.fbyHH_bGBk:hover {
    color: var(--white);
	text-decoration: none;
}

.user_content a.external.fbyHH_bGBk:after {
     font-family: FontAwesome;
    content: "\f08e";
	color: var(--white);
    font-size: .8rem;
	padding-left: .25rem;
    display: inline-block;
}

.user_content a.external.fbyHH_bGBk img {
    display: none;
}

.tox .tox-edit-area.active iframe html body h2 a:hover,
.user_content h2 a:hover,
.mechanics h2 a:hover { 
    color: var(--white);
	text-decoration: none;
}

.user_content h3,
#discussion_container h3,
.mechanics h3 {
    font-size: 1.7rem;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    background-color: var(--dark-gray);
    padding: .25rem .75rem;
    border-radius: .75rem/2.25rem;
    text-align: left;
    margin: .5rem 0;
    line-height: 1.25;
    color: var(--white);
}

.user_content h4,
#discussion_container h4,
.mechanics h4 {
    font-size: 1.6rem;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-align: left;
    margin: 0.5rem;
    line-height: 1.25;
    color: var(--white);
    background-color: var(--dark-gray);
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
}


.user_content h5,
#discussion_container h5,
.mechanics h5 {
    font-size: 1.5rem;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-align: left;
    line-height: 1.25;
    color: var(--brand-color);
    border-bottom: 1px solid var(--brand-color);
    margin: 0.75rem;
}

.user_content h6,
#discussion_container h6,
.mechanics h6 {
    font-size: 1.3rem;
    font-family: Helvetica, Arial, sans-serif;
    text-transform: capitalize;
    font-weight: bold;
    text-align: left;
    line-height: 1.25;
    color: var(--brand-color);
    border-bottom: 1px solid var(--brand-color);
    margin: 0.75rem;
}

.topic .discussion-header-content .pull-left {
    float: initial;
    display: block;
}

.topic .discussion-header-content .discussion-header-right .discussion-pubdate,
.topic .discussion-header-content .discussion-header-right .discussion-tododate {
    font-size: 1rem;
    color: #000;
    line-height: 1.5rem;
    font-weight: 700;
}

.topic .discussion-header-content.right-of-avatar {
    background-color: #e8e8e8;
    padding: 0.25rem 0.75rem;
    color: #000000;
    margin-top: -1px;
    border: 1px solid #c7cdd1;
}

.topic .discussion-section .avatar {
    float: left;
    margin: 1.75rem 1rem;
}

.topic .discussion-section {
	padding: 0;
}

.alert-info {
    background-color: #e5f2f8;
    color: #0078bd;
    border: 1px solid #bacdd8;
}

.discussion-pubdate,
.discussion-tododate {
    font-size: 1rem;
    color: #000;
    line-height: 1.5rem;
}

div.duedate,
.discussions .discussion-redesign-layout .css-h20mns-view--flex-flex div .css-138gh4t-view div.duedate {
    color: #001EFF;
    font-weight: bold;
    font-style: italic;
    display: block;
    overflow: auto;
	background-color: var(--light-gray);
	padding: 0;
}

div.duedate p {
    float: initial;
    color: inherit;
    background-color: inherit;
}

div.sidepictures {
    margin: .5rem;
    background-color: #dbdfe4;
    border: 1px solid #bbb;
    color: #000000;
    padding: .25rem;
    border-radius: .5rem;
    overflow: auto;
}

img.sidebyside {
    float: left;
    border-radius: .25rem;
    width: calc(50% - .5rem);
    height: auto;
    margin: .25rem;
}

div.mechanics,
.discussions .discussion-redesign-layout .css-h20mns-view--flex-flex div .css-138gh4t-view div.mechanics {
    color: #000000;
    background-color: var(--light-gray);
    border: 1px solid #c1c1c1;
    border-radius: .5rem;
    padding: .5rem;
    overflow: hidden;
}

#terms tbody tr.term:nth-of-type(odd) {
    background-color: var(--light-gray);
}

#terms tbody tr.term .header .name {
	font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
	color: var(--brand-color);
}

#terms tbody tr.term td.header {
    word-wrap: break-word;
    padding: 0.25rem;
}

#gradebook_header p.assignmentDetails__Info {
    color: var(--white);
    font-size: .75rem;
}

#gradebook_header {
    padding: 0;
}

#gradebook_header .statsMetric {
    color: #451d00;
    background-color: #e4a732;
    font-weight: bold;
    padding: 0.55rem;
    padding-right: 0.55rem;
    border-right: none;
}

#gradebook_header .gradebookActions {
    padding: 0.5rem;
    background-color: #4c4c4c;
	margin-right: 0;
}

#gradebook_header .assignmentDetails {
    padding-left: 1rem;
    border-left: 1px solid var(--ic-brand-global-nav-menu-item__text-color);
}

.gradebookActions .gradebookActions__Button,
.gradebookActions .css-p6bjhs-view--inlineBlock-baseButton.css-p6bjhs-view--inlineBlock-baseButton.css-p6bjhs-view--inlineBlock-baseButton.css-p6bjhs-view--inlineBlock-baseButton.css-p6bjhs-view--inlineBlock-baseButton.css-p6bjhs-view--inlineBlock-baseButton.css-p6bjhs-view--inlineBlock-baseButton.css-p6bjhs-view--inlineBlock-baseButton.css-p6bjhs-view--inlineBlock-baseButton.css-p6bjhs-view--inlineBlock-baseButton {
    margin: .25rem;
	color: var(--white);
    background-color: var(--brand-color);
	border: 1px solid #c7cdd1;
}

.gradebookActions .gradebookActions__Button:hover,
.gradebookActions .css-p6bjhs-view--inlineBlock-baseButton.css-p6bjhs-view--inlineBlock-baseButton.css-p6bjhs-view--inlineBlock-baseButton.css-p6bjhs-view--inlineBlock-baseButton.css-p6bjhs-view--inlineBlock-baseButton.css-p6bjhs-view--inlineBlock-baseButton.css-p6bjhs-view--inlineBlock-baseButton.css-p6bjhs-view--inlineBlock-baseButton.css-p6bjhs-view--inlineBlock-baseButton.css-p6bjhs-view--inlineBlock-baseButton:hover {
	background-color: var(--accent-color);
}

.gradebookActions .css-p6bjhs-view--inlineBlock-baseButton:hover .speedgrader-postgradesmenu-icon.css-1uh2md0-inlineSVG-svgIcon{
	color: var(--white)!important;
}

.speedgrader-postgradesmenu-icon {
    color: var(--white)!important;
}

.eqmZq_cbMJ,
.eqmZq_dDxn {
    color: #ffd065;
}

.eqmZq_cbMJ p, 
.eqmZq_dDxn p {
    color: var(--eqmZq-highlightedLabelColor);
}

.eqmZq_bGBk p {
	line-height: 1.25rem;
	margin: 0.5rem 0px 0px!important;
}

.eqmZq_bGBk p .enRcg_bGBk.enRcg_ycrn,
.eqmZq_bGBk p  input.enRcg_bGBk[type].enRcg_ycrn {
    font-size: .85rem;
}
.eqmZq_bGBk p .enRcg_bGBk.enRcg_doqw,
.eqmZq_bGBk p input.enRcg_bGBk[type].enRcg_doqw {
    font-size: .85rem;
}

li.eqmZq_bGBk:nth-of-type(odd) {
    background: #eaeaea;
}

li.eqmZq_cbMJ {
    background: var(--eqmZq-highlightedBackground);
}

li.eqmZq_cbMJ:nth-of-type(odd) {
    background: var(--eqmZq-highlightedBackground);
}

/*Discussions*/
.enRcg_bGBk.enRcg_drST,
 input.enRcg_bGBk[type].enRcg_drST {
    font-weight: bold;
}

/*Discussions*/
.enRcg_bGBk.enRcg_eoMd, input.enRcg_bGBk[type].enRcg_eoMd {
    font-size: 2rem;
    font-family: Helvetica, Arial, sans-serif;
}

p,
.user_content p,
.mechanics p {
    color: #000;
    line-height: 1.8rem;
    text-align: left;
    margin: .75rem;
}
.user_content tbody tr th p {
    color: var(--white);
    background-color: var(--brand-color);
}

.user_content ol, .pages .user_content ul {
    margin-top: .75rem;
    margin-bottom: .75rem;
}

.user_content p.duedate {
    color: #F00;
    font-weight: bold;
    font-style: italic;
}

.user_content .assignment {
    font-size: 1.125rem;
    font-weight: bold;
    color: var(--white);
    padding: .625rem;
}

.user_content ol,
.user_content ul {
    margin: 0 .75rem;
    padding: 0 0 0 2rem;
    list-style-position: outside;
}

.user_content ol li,
.user_content ul li {
    color: #000;
    margin: 0.5rem 0;
    line-height: 1.8rem;
    text-align: left;
}

.user_content a {
    color: var(--white);
    background-color: var(--brand-color);
    padding: .125rem .75rem;
    border-radius: 1.5rem;
    text-decoration: none;
}

.user_content a:active {
    color: var(--white);
    text-decoration: none;
}

.user_content a:focus {
    color: var(--white);
    text-decoration: none;
}
.user_content a:hover,
.user_content ul.dwu-nav-btns li a:hover {
    background-color: var(--accent-color);
    color: var(--white);
    text-decoration: none;
}

.user_content .coursecontributor {
    display: block;
    margin: 1rem 0;
    overflow: auto;
}

.user_content .coursecontributor .col-md-12 {
    padding: 0;
}

.user_content .coursecontributor .biography {
    float: left;
	display: block;
}

.user_content .coursecontributor .biography img.user_picture {
    margin: .75rem 1rem .75rem .75rem;
    float: left;
    border-radius: .25rem;
    min-width: 12rem;
    max-width: 18rem;
    width: 100%;
    height: auto;
	float: left;
}

.user_content .coursecontributor .contactinfo {
    padding: .75rem;
    border-radius: .5rem;
    height: auto;
    border: 1px solid #bbb;
    background-color: #dbdfe4;
    float: right;
}

.user_content .coursecontributor .contactinfo .contactlabel {
    font-weight: bold;
}

.user_content .coursecontributor .contactinfo .label-text {
    overflow: hidden;
}

.user_content .coursecontributor .contactinfo .label-text p {
    margin: .5rem;
}
            
.user_content .coursecontributor h4 {
    color: #000;
    padding: 0 .5rem;
    margin: .25rem .5rem;
    border: 0;
    background-color: transparent;
}

.user_content .coursecontributor h5 {
    padding: 0 .5rem;
    margin: .25rem .5rem;
    border: 0;
    background-color: transparent;
}

.user_content .btn.btn-primary,
.user_content .btn.Button--primary {
	color: var(--white);
    background-color: var(--brand-color);
    border: 1px solid var(--brand-color);
	padding: .7rem .8rem;
	border-radius: .35rem;
	margin: 0.1rem;
	text-decoration: none;
}

#mobileContextNavContainer {
background-color: #e8e8e8;
}

#mobileContextNavContainer span.cMIPy_bGBk.cMIPy_dTOw span.fxIji_bGBk.fxIji_dTOw {
	background-color: #f5f5f5;
    padding: 8px 0 8px 6px;
    border: 1px solid #c7cdd1;
    border-radius: 0.25rem;
    margin: 0.25rem;
}

#mobileContextNavContainer span.cMIPy_bGBk.cMIPy_dTOw span.fxIji_bGBk.fxIji_dTOw:hover {
    color: var(--white);
    background-color: var(--accent-color);
}
#mobileContextNavContainer span.cMIPy_bGBk.cMIPy_dTOw span.fxIji_bGBk.fxIji_dTOw:hover a {
    color: var(--white);
    text-decoration: none;
}

.with-fixed-bottom .ic-Layout-wrapper {
    padding-bottom: 7rem;
    box-sizing: border-box;
}

.ig-list .ig-row .module-item-title a.ig-title,
.ig-list .ig-row .module-item-title a.title{
    box-sizing: border-box;
    font-weight: bold;
    padding-right: 12px;
    line-height: 1.3;
    margin-bottom: 3px;
    min-width: 1px;
}

.ig-list .ig-row:hover .lock-icon,
.ig-list .ig-row:hover .lock-icon.lock-icon-locked,
.ig-list .ig-row:hover .publish-icon.publish-icon-published {
    color: var(--white);
}

ul,
ol {
    padding: 0;
    margin: 0 0 .5rem 2rem;
}

.context_module_sub_header .ig-row {
    background-color: #c9c8c4;
    color: #000000;
}

.quiz-header h1#quiz_title {
	color: var(--brand-color);
    border-radius: 0.25rem;
    font-weight: bold;
    padding: 0;
    font-size: 2.3rem;
    font-family: Helvetica, Arial, sans-serif;
}

#quiz_show .header-bar {
    border: none;
    background-color: var(--white);
    min-height: 2.125rem;
    padding-bottom: .75rem;
}

#quiz_show .description.teacher-version {
    padding: 0;
    overflow-y: auto;
    height: auto!important;
    border: 0;
    border-radius: 0.25rem;
    resize: none;
}

#quiz_show .form-horizontal {
    margin: 0 0 20px;
    background-color: antiquewhite;
    border-radius: 0.25rem;
    border: 1px solid #c9bcac;
    padding: 0.5rem;
}

#questions.brief .question_holder .display_question {
    font-size: 1rem;
}

#questions.show_correct_answers:not(.brief) {
    padding: 1.5rem 1.5rem 1.5rem 5.5rem;
}

.ic-DashboardCard {
    box-sizing: border-box;
    box-shadow: 0 2px 5px rgb(0 0 0 / 30%);
    border-radius: 4px;
    overflow: hidden;
    background: var(--white);
    width: 18rem;
    display: inline-block;
    vertical-align: top;
    margin: .5rem;
}

.ic-DashboardCard__box__container {
    margin: .5rem;
}

/*Styles the Group Set Menu popup tool tip*/
.fOyUs_fzxW,
.fOyUs_elGp {
    background: var(--brand-color)!important;
    color: var(--white)!important;
}

/*Styles the Group Set Menu popup tool tip*/
.fOyUs_fzxW p,
.fOyUs_elGp p {
    color: var(--white)!important;
}

.fOyUs_elGp .eZLSb_bGBk {
	padding: 0;
    font-size: .75rem;
    border: 1px solid #ccc;
    border-radius: .25rem;
}

.dqmEK_edfl.dqmEK_ejeM::after,
.dqmEK_ZLAk.dqmEK_ejeM::after,
.dqmEK_ftdy.dqmEK_ejeM::after,
.dqmEK_cjte.dqmEK_ejeM::after{
	color: var(--brand-color);
	}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-radius: 0;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: 0;
    padding-bottom: 0;
	border-bottom: 1px solid white!important;
    box-shadow: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
	color: var(--brand-color);
    font-weight: bold;
	
}

.ui-widget.ui-tooltip.popover {
    color: #ffffff;
    background-color: var(--brand-color);
	padding: .75rem;
    font-size: .75rem;
    max-width: 236px;
    width: 236px;
    text-align: left;
    text-decoration: none;
    opacity: 1;
    border: 1px solid #ccc;
    border-radius: .25rem;
}

.ui-tooltip.popover.horizontal:after {
    top: 50%;
    margin-top: -10px;
    bottom: auto;
    left: -20px;
    right: auto;
    border-color: transparent var(--brand-color) transparent transparent;
}

#right-side .shared-space h2 {
    display: inline-block;
    margin-bottom: 0;
    padding-bottom: .5rem;
    border-bottom-style: none;
}

#content ic-Layout-contentMain{
    padding: 1rem;
}

.ic-Dashboard-header, body.dashboard-is-planner .ic-Dashboard-header {
    position: sticky;
    top: 0;
    z-index: 5;
}

.unpublished_courses_redesign {
    margin-top: 1rem;
}

.unpublished_courses_redesign .ic-DashboardCard__box {
   padding: 1rem;
}

.unpublished_courses_redesign h2.ic-DashboardCard__box__header {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: 0;
    box-sizing: border-box;
    font-size: 2rem;
    font-family: Helvetica, Arial, sans-serif;
    text-transform: capitalize;
    font-weight: bold;
    background-color: var(--brand-color);
    padding: .5rem;
    border-radius: .25rem;
    color: var(--white);
    margin: 0 0 1rem;
    line-height: 2.25rem;
}
.ic-DashboardCard .ic-DashboardCard__header_content {
	box-sizing: border-box;
    padding: .75rem;
    background: var(--white);
	min-height: 6.75rem;
}

.ic-DashboardCard .ic-DashboardCard__header_content h3.ic-DashboardCard__header-title {
    font-size: 1rem;
    font-family: Helvetica, Arial, sans-serif;
    text-transform: capitalize;
    font-weight: bold;
    text-align: left;
    margin: 0 0 .5rem;
    line-height: 1.25;
    color: var(--white);
    transition: all .2s ease-out;
    transform: translate3d(0, 0, 0);
    padding: 0;
}

.ic-DashboardCard .ic-DashboardCard__header_content .ellipsis {
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ic-DashboardCard .ic-DashboardCard__header-subtitle {
	font-size: .85rem;
    font-weight: bold;
	color: #484848;
}

.ic-DashboardCard .ic-DashboardCard__header-term {
    font-size: .85rem;
	font-weight: bold;
    color: #484848;
	height: auto;
    line-height: 1.3;
}

.no-touch .ic-DashboardCard{
	border: 1px solid var(--satans-gray);
	border-radius: 0.5rem;
	box-shadow: none;
}

.no-touch .ic-DashboardCard:hover{
	box-shadow: none;
	border: 1px solid var(--brand-color);
}

.no-touch .ic-DashboardCard:hover .ic-DashboardCard__header_hero {
	background-color: var(--brand-color)!important;
}

.ic-DashboardCard__header-button:focus i[class*=icon-]:before,
.ic-DashboardCard__header-button:focus i[class^=icon-]:before,
.ic-DashboardCard__header-button:focus i[class*=icon-]:before,
.ic-DashboardCard__header-button:focus i[class^=icon-]:before  {
    color: var(--white);
}

.no-touch .ic-DashboardCard:hover .ic-DashboardCard__header_content h3.ic-DashboardCard__header-title span{
	color: var(--brand-color)!important;
}
/*
.no-touch .ic-DashboardCard:hover .ic-DashboardCard__header_content div.ic-DashboardCard__header-subtitle {
	color: var(--brand-color)!important;
}
*/
.no-touch .ic-DashboardCard:hover .ic-DashboardCard__header_content div.ic-DashboardCard__header-term {
	color: var(--brand-color);
}

.no-touch .ic-DashboardCard a:focus, 
.no-touch .ic-DashboardCard a:hover {
text-decoration: none;
}

.ic-DashboardCard__action {
    padding: 0.25rem 0;
}

.no-touch .ic-DashboardCard__action:hover {
    color: #ffffff;
    background-color: var(--brand-color);
}

.ic-DashboardCard__action-container {
    box-sizing: border-box;
    display: flex;
    align-items: flex-end;
	padding: 0;
    margin-top: 0;
    height: 2.75rem;
	background: #e2e2e2;
}

.no-touch:not(.ff) .ic-DashboardCard__action:focus {
    outline-style: solid;
    outline-width: 0;
    outline-offset: 0;
}

.ic-DashboardCard__header-button{
	position: absolute;
    top: 12px;
    right: 12px;
    width: 2rem;
	height: 36px;
    border-radius: .25rem;
    padding: 0;
	border: 1px solid var(--white);
    background-color: var(--satans-gray);
}

.ic-DashboardCard__header .ic-DashboardCard__header-button-bg{ 
	position: absolute;
    top: 12px;
    right: 12px;
    width: 2rem;
	height: 36px;
    border-radius: .25rem;
	opacity: 1; 
	background-color: var(--white)!important;
}

.ic-DashboardCard__header-button.Button--icon-action-rev:focus{
	box-shadow: none;
}

.navigation-tray-container .enRcg_bGBk.enRcg_pEgL {
    font-weight: 500;
}

.navigation-tray-container .enRcg_bGBk.enRcg_dfBC {
    font-size: .85rem;
}

.navigation-tray-container li.jpyTq_bGBk {
    line-height: 1.5rem;
}

.ic-app-header {
    border-right: 1px solid #c7cdd1;
}
/*
body.primary-nav-expanded .ic-app-header {
    width: 94px;
}
body.course-menu-expanded:not(.ic-no-flex-layout):not(.embedded):not(.is-inside-submission-frame) .ic-Layout-columns {
        margin-left: 202px;
    }
	*/

body.primary-nav-expanded .ic-app-header__secondary-navigation,
.ic-app-header__secondary-navigation {
    box-sizing: border-box;
    position: relative;
    left: 0;
    bottom: 3.5rem;
    z-index: 1;
    width: 100%;
}

.nav-badge {
    margin: 0 6px;
    border-radius: 50%;
    padding: 0 6px;
}

.ig-list .item-group-condensed .ig-header .icon-drag-handle {
    color: var(--white);
}

.ig-list .ig-row:hover {
    background-color: var(--accent-color);
    border: 1px solid var(--accent-color);
    color: var(--white);
}

.ig-list .ig-row:hover .icon-drag-handle {
    color: var(--white);
}

.ig-published:not(.student-view).ig-row:hover .ig-type-icon {
    color: var(--white);
}

.ig-list .ig-row:hover a.ig-title {
    color: var(--white);
    text-decoration: none;
}

.ig-list .ig-row:hover .al-trigger-gray {
    color: var(--white);
}

.ig-header .ig-header-admin:hover .publish-icon,
.ig-list .ig-row:hover .publish-icon {
    color: var(--white);
}

.ui-dialog .ui-dialog-titlebar.ui-widget-header {
	color: var(--white);
	background-color: var(--brand-color);
}

.ui-dialog .ui-dialog-titlebar-close span {
    background: none;
	display: none;
}

.ui-dialog .ui-dialog-titlebar-close:after {
    font-family: FontAwesome;
    content: "\f00d";
    color: var(--white);
    font-size: 1rem;
    display: inline-block;
    padding-right: 1.5rem;
    vertical-align: middle;
}

a.external .ui-icon {
    background: none;
	width: auto;
    height: auto;
}

a.external .ui-icon:after {
    font-family: FontAwesome;
    content: "\f00d";
	color: var(--white);
    font-size: 1rem;
    display: inline-block;
}

.ui-dialog .ui-dialog-titlebar-close.ui-state-hover,
.ui-dialog .ui-dialog-titlebar-close.ui-state-focus {
    border: 1px solid transparent;
    box-shadow: 0;
    border-radius: 0;
}

/*Affects the video player in discussion Speedgrader */
.ui-dialog-content.ui-widget-content > div:first-child {
    background-color: #efd1d2;
    padding: .5rem 1rem;
	margin-bottom: 0rem!important;
	font-size: 1rem;
    font-weight: bold;
}

/*Look and feel of the profile picture.*/
.ui-dialog-content.ui-widget-content .avatar-content div:first-child {
    background-color: transparent;
    padding: 0;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 100;
}

.ui-dialog-content.ui-widget-content div#assignments_select div:first-child {
	font-size: .8rem!important;
    background-color: var(--white);
	padding: 0.5rem;
}

.ui-dialog-content.ui-widget-content optgroup{
    background-color: #e9e9e9;
    color: var(--brand-color);
    font-size: 1rem;
}

.ui-dialog-content.ui-widget-content optgroup option{
    background-color: var(--white);
    color: #000000;
    font-size: .9rem;
}

.ig-list .ig-row:hover .ig-admin .cog-menu-container ul li a {
	background-color: var(--white);
}

.ig-list .ig-row:hover .ig-admin .cog-menu-container ul li a:hover {
    background-color: var(--brand-color);
}

.item-group-condensed .ig-header {
    margin-top: 15px;
    background-color: var(--brand-color);
    border: 1px solid var(--brand-color);
    padding: 12px 6px;
    color: var(--white);
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.item-group-condensed .ig-header .publish-icon {
    color: var(--white);
}

.accessible-toggler,
.ig-header .name {
    color: var(--white);
    font-size: 16px;
    font-size: 1rem;
    text-shadow: none;
    font-weight: bold;
}

.accessible-toggler:hover,
.accessible-toggler:focus {
    color: var(--white);
    text-decoration: none;
}

.ig-header .Button--icon-action,
.ig-header .Button--icon-action-rev {
    transition: color 0s;
    padding: 2px 4px;
    color: #000000;
    outline: none;
	border: 1px solid #283540;
    width: 3rem;
    border-radius: 0.25rem;
    height: 2.375rem;
	background: var(--white);
	background-color: #fff;
}

.ig-header .Button--icon-action:hover,
.ig-header .Button--icon-action-rev:hover {
    color: var(--white);
	background-color: var(--accent-color);
}

.ig-header .css-7h1bth-baseButton__content {
border: 1px solid #283540;
width: 3rem;
border-radius: 0.25rem;
height: 2.375rem;
}

.ig-header .css-7h1bth-baseButton__content:hover {
background-color: var(--accent-color);
}

.ig-header .css-7h1bth-baseButton__content:hover .css-1ss7xyt-inlineSVG-svgIcon,
.ig-header .css-7h1bth-baseButton__content:hover .css-f8fjsy-inlineSVG-svgIcon {
	fill: var(--white);
	color:var(--white);
}

.css-1bjt20a-inlineSVG-svgIcon {
    fill: #03893d;
    display: inline-block;
    overflow: visible;
    color: #03893d;
    vertical-align: middle;
    line-height: 1;
    width: 1em;
    height: 1em;
}

.css-1ss7xyt-inlineSVG-svgIcon {
    fill: #03893d;
    display: inline-block;
    overflow: visible;
    color: #03893d;
    vertical-align: middle;
    line-height: 1;
    width: 1em;
    height: 1em;
    font-size: 1.125rem;
}

.ic-app-footer {
    box-sizing: border-box;
    padding: .75rem 1.5rem;
    margin: 0;
    border-top: 1px solid #c7cdd1;
}

.ic-DashboardCard__header-button.Button--icon-action:hover,
.ic-DashboardCard__header-button.Button--icon-action-rev:hover {
	background-color: var(--satans-gray);
}

.ic-DashboardCard__header-button.Button--icon-action:focus,
.ic-DashboardCard__header-button.Button--icon-action-rev:focus{
	background-color: var(--satans-gray);
}

.ic-DashboardCard__header-button.Button--icon-action:active,
.ic-DashboardCard__header-button.Button--icon-action-rev:active {
    background: transparent;
	background-color: #929394;
    box-shadow: none;
    border-color: var(--brand-color);
    color: var(--satans-gray);
}

.ic-DashboardCard__header-button i[class*=icon-]:before,
.ic-DashboardCard__header-button i[class^=icon-]:before {
    font-size: 1rem;
    color: var(--white);
    border-radius: 1rem;
}

.ic-DashboardCard__header-button:hover i[class*=icon-]:before,
.ic-DashboardCard__header-button:hover i[class^=icon-]:before {
    color: var(--white);
}


.mce-content-body table,
.pages .user_content table {
    border: 1px solid var(--brand-color);
}

.mce-content-body table tbody tr td,
.pages .user_content table tbody tr td {
    border: 1px solid var(--brand-color);
}

.mce-content-body table thead tr td,
.pages .user_content table thead tr td {
    border: 1px solid var(--brand-color);
}

.mce-content-body table tbody tr th {
    background-color: var(--brand-color);
    border: 1px solid var(--brand-color);
}

.pages .user_content table tbody tr th {
    background-color: var(--brand-color);
    border: 1px solid var(--brand-color);
    color: var(--white);
}

.mce-content-body table thead tr th,
.pages .user_content table thead tr th {
    background-color: var(--brand-color);
    border: 1px solid var(--brand-color);
    color: var(--white);
}

ul.pill {
    display: inline-block;
    margin: 0;
    list-style: none;
    border-radius: .75rem;
    border: 2px solid var(--white);
    box-shadow:  none;
    background-color: #f7b044;
    color: #000;
}

ul.pill>li{
font-size: 1rem;
font-weight: bold;
}

ul.pill li a,
ul.pill li a.tooltip_link {
    color: #000;
}

.ig-list .ig-row:hover .ig-info a,
.ig-list .ig-row:hover .ig-info span,
.ig-list .ig-row:hover .ig-admin a.al-trigger-gray {
    color: var(--white);
}

.ig-list .ig-row:hover .ig-admin .cog-menu-container ul li a {
    color: #000;
}

.ig-list .ig-row:hover .ig-admin .cog-menu-container ul li:hover a {
    color: var(--white);
}

.ig-list .ig-row:hover .ig-empty-msg {
    text-align: center;
    color: var(--white);
}

.ic-Table.ic-Table--hover-row tbody tr:hover,
.ic-Table.ic-Table--hover-row tbody tr.ic-Table__row--bg-neutral:hover,
.ic-Table.ic-Table--hover-row tbody tr.ic-Table__row--bg-success:hover,
.ic-Table.ic-Table--hover-row tbody tr.ic-Table__row--bg-alert:hover,
.ic-Table.ic-Table--hover-row tbody tr.ic-Table__row--bg-danger:hover,
.ic-Table.ic-Table--hover-row.ic-Table--striped tbody tr:hover {
    background-color: var(--accent-color);
    border-bottom: 1px solid var(--accent-color);
    color: var(--white);
}

.ic-Table.ic-Table--hover-row tbody tr:hover a,
.ic-Table.ic-Table--hover-row tbody tr:hover a.al-trigger-gray{
    color: var(--white);
}

.ic-Table.ic-Table--hover-row tbody tr:hover ul.al-options li.ui-menu-item a,
.ic-Table.ic-Table--hover-row tbody tr:hover .right .admin-links ul.al-options li a {
    color: #000000;
}

.ic-Table.ic-Table--hover-row tbody tr:hover ul.al-options li.ui-menu-item a:hover,
.ic-Table.ic-Table--hover-row tbody tr:hover .right .admin-links ul.al-options li a:hover {
    color: var(--white);
}

.ic-Table--striped tr:hover a.roster_user_name {
 color: var(--white);
}

/*Look and feel of individual grades. Click on Grabebook. Click a user. Click "Grades" on the right.*/
#grades_summary.ic-Table.ic-Table--hover-row tbody tr:hover th.title .context,
#grades_summary.ic-Table.ic-Table--hover-row tbody tr:hover td.details a,
#grades_summary.ic-Table.ic-Table--hover-row tbody tr:hover td .standalone-icon:before {
    color: var(--white);
}

/*Look and feel of individual grades. Click on Grabebook. Click a user. Click "Grades" on the right.*/
#grades_summary.ic-Table.ic-Table--hover-row tbody tr:hover th.title,
#grades_summary.ic-Table.ic-Table--hover-row tbody tr:hover td {
    border-bottom-color: var(--accent-color);
}

#user-info-fieldsets fieldset {
    border: 1px solid var(--brand-color);
    border-radius: 3px;
    padding: 5px 10px;
    margin-bottom: 5px;
    background-color: #e8e8e8;
}

#user-info-fieldsets fieldset#name_and_email .user_details .links {
    text-align: right !important;
    font-size: .9rem !important;
    padding-top: 10px !important;
}

fieldset#courses .courses .unstyled_list.context_list[style]{
    margin-left: 0 !important;
    font-size: 0.9rem !important;
    margin-bottom: 0 !important;
    max-height: fit-content !important;
    overflow: auto !important;
}

#user-info-fieldsets fieldset ul.context_list li:hover {
    background-color: transparent;
}

#user-info-fieldsets fieldset legend {
    width: auto;
    margin-left: 20px;
    font-size: 1.2rem;
    margin-bottom: 0;
    font-weight: bold;
    color: #000;
    background-color: var(--brand-color);
    color: var(--white);
    border: 1px solid var(--brand-color);
    padding: 0.5rem;
    border-radius: 0.25rem;
    line-height: 1.5rem;
}

#user-info-fieldsets fieldset .links a .standalone-icon:before {
    color: var(--white);
}

#user-info-fieldsets fieldset .links a i[class*=icon-]:before,
#user-info-fieldsets fieldset .links a i[class^=icon-]:before,
#user-info-fieldsets fieldset .links a[class*=icon-]:before,
#user-info-fieldsets fieldset .links a[class^=icon-]:before {
    vertical-align: top;
    line-height: 1;
    font-size: inherit;
}

#user-info-fieldsets fieldset legend h4 {
    font-size: 1.2rem;
    font-weight: bold;
    margin: 0;
}

#user-info-fieldsets fieldset .links a,
#user-info-fieldsets fieldset .links button {
 	color: var(--white);
    background-color: #d18631;
	padding: 0.25rem;
    border-radius: 0.25rem;
    border: 1px solid #bc7423;
    white-space: nowrap;	
}

#user-info-fieldsets fieldset .links a:hover,
#user-info-fieldsets fieldset .links button:hover {
    color: var(--white);
    background-color: var(--brand-color);
    border: 1px solid var(--brand-color);
    text-decoration: none;
}
#user-info-fieldsets fieldset .links a:hover i {
    color: var(--white);
}

.courses ul.context_list .name {
    font-size: 1rem;
}

.courses ul.context_list .subtitle {
    font-size: .8rem;
    display: block;
    margin-left: 0;
    line-height: 1rem;
    margin-bottom: 0;
}

.ic-app-nav-toggle-and-crumbs {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #c7cdd1;
    margin: 0!important;
    min-height: 4.5rem;
    box-sizing: border-box;
}

.ic-sticky-frame.has-scrollbar .nav-icon {
    padding: 0 .5rem;
    background-color: transparent;
}

#left-side .ic-sticky-frame li.section a:hover {
    color: var(--white);
    background-color: var(--accent-color);
    text-decoration: none;
}

#left-side .ic-sticky-frame li.section a:hover .nav-icon {
    color: var(--white);
    background-color: transparent;
}

#left-side .ic-sticky-frame li.section a:hover .nav-badge {
    background: var(--white);
    color: var(--brand-color);
}

.ic-app-header__main-navigation {
    box-sizing: border-box;
    flex: 1 0 auto;
	padding: 0 0 3.5rem;
}

.ic-app-course-nav-toggle {
    margin-right: 12px;
    margin: 0 0.75rem;
    padding: 0;
    width: 36px;
    height: 30px;
}

.ic-Table.ic-Table--hover-row tbody tr:hover .right .admin-links ul.al-options.ui-menu li.ui-menu-item a.ui-state-hover,
.ic-Table.ic-Table--hover-row tbody tr:hover .right .admin-links ul.al-options.ui-menu li.ui-menu-item a.ui-state-active,
.ic-Table.ic-Table--hover-row tbody tr:hover .right .admin-links ul.al-options.ui-menu li.ui-menu-item .ui-progressbar a.ui-widget-header,
.ic-Table.ic-Table--hover-row tbody tr:hover .right .admin-links .ui-progressbar ul.al-options.ui-menu li.ui-menu-item a.ui-widget-header,
.ic-Table.ic-Table--hover-row tbody tr:hover .right .admin-links ul.al-options.ui-menu li.ui-menu-item a.ui-state-focus {
    font-weight: normal;
    margin: -1px;
    background-color: var(--brand-color);
    color: var(--white);
}

.ig-list .ig-row.ig-published:not(.student-view):before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: -1px;
    left: -1px;
    width: 0.4rem;
    height: calc(100% + 2px);
    background-color: #479e54;
    border-top: 1px solid #008312;
    border-bottom: 1px solid #008312;
}

.list-view a.active {
    border-left: 6px solid #d9ac55;
    border-radius: 0px;
    font-weight: bold;
    color: #000000;
    padding-left: 4px;
}


#sidebar_content .details {
    background-color: antiquewhite;
    padding: 0.5rem;
    border-radius: 0.5rem;
    border: 1px solid #b2a594;
}

#sidebar_content .details h2 {
    font-size: 1.25rem;
	padding-bottom: 0;
}

#sidebar_content .details .header {
    font-size: 1.1rem;
    font-weight: bold;
    color: #008000;
    margin-top: 2px;
}

#sidebar_content .details .content h3{
	font-size: 1rem;
    font-weight: bold;
    margin-bottom: 0;
}

.with-right-side #right-side-wrapper {
    display: block;
    background-color: #ebebeb;
	padding: 1rem;
    margin-right: 0;
    /*border-left: 1px solid #c7cdd1;*/
}

#right-side .right-side-list li.todo,
#right-side .right-side-list li.event,
#right-side .todo-list li .ToDoSidebarItem {
    font-size: 1rem;
    padding-top: 0; 
    padding-bottom: 0;
    display: flex;
    border: 1px solid #c7cdd1;
    border-radius: 0.35rem;
    margin: 0.5rem 0;
    padding: 0.5rem;
    background-color: #e8d3b8;
}

#right-side .todo-list li .ToDoSidebarItem span{
	color: #2d3b45;
	font-weight: 500;
}
#right-side .todo-list li .ToDoSidebarItem .ToDoSidebarItem__Title a {
	text-decoration: none;
}

#right-side .todo-list li .ToDoSidebarItem .ToDoSidebarItem__Title a span {
	color: var(--brand-color);
	font-size: 1rem;
	font-weight: bold;
}

#right-side .right-side-list li.todo a,
#right-side .right-side-list li.event a,
#right-side .todo-list li .ToDoSidebarItem a {
    font-size: 1rem;
    padding-top: 0; 
    padding-bottom: 0;
    display: flex;
    border-radius: 0.35rem;
}

#right-side .right-side-list li.todo:hover,
#right-side .right-side-list li.event:hover,
#right-side .todo-list li .ToDoSidebarItem:hover {
	background-color: var(--brand-color);
	color: var(--white);
}
#right-side .right-side-list li.todo:hover a,
#right-side .right-side-list li.event:hover a,
#right-side .todo-list li .ToDoSidebarItem:hover a {
	text-decoration: none;
	color: var(--white);
}

#right-side .right-side-list li.todo:hover a i,
#right-side .right-side-list li.event:hover a i,
#right-side .todo-list li .ToDoSidebarItem:hover a i {
    color: var(--white);
}

#right-side .right-side-list li.todo:hover em,
#right-side .right-side-list li.event:hover em,
#right-side .todo-list li .ToDoSidebarItem:hover em,
#right-side .right-side-list li.todo:hover p,
#right-side .right-side-list li.event:hover p,
#right-side .todo-list li .ToDoSidebarItem:hover p,
#right-side .todo-list li .ToDoSidebarItem:hover span,
#right-side .todo-list li .ToDoSidebarItem:hover .ToDoSidebarItem__Title a span,
#right-side .todo-list li .ToDoSidebarItem:hover li {
	color: var(--white);
	
}
#right-side .events_list li.event:hover .todo-badge,
#right-side .events_list li.todo:hover .todo-badge {
	background: var(--white);
    color: var(--brand-color);
}

#right-side .to-do-list li.event:hover .todo-badge,
#right-side .to-do-list li.todo:hover .todo-badge {
	background: var(--white);
    color: var(--brand-color);
}

#right-side .right-side-list li:hover .Button--icon-action,
#right-side .right-side-list li:hover .Button--icon-action-rev,
#right-side .right-side-list li:hover .Button--icon-action:hover,
#right-side .right-side-list li:hover .Button--icon-action-rev:hover,
#right-side .right-side-list li:hover .Button--icon-action:focus,
#right-side .right-side-list li:hover .Button--icon-action-rev:focus{
	color: var(--white);
	transition: none;
}

#right-side .events_list .event-details:after,
#right-side .events_list .todo-details:after,
#right-side .to-do-list .event-details:after,
#right-side .to-do-list .todo-details:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 12px;
    background: none;
}

#right-side .right-side-list li:last-child a {
    box-shadow: none;
}
#right-side .right-side-list .recent_feedback_title {
    line-height: 1.25;
}

#right-side .right-side-list li b {
    font-weight: bold;
}

#right-side .right-side-list {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: 0 0 .75rem;
}

#right-side .right-side-list .disable_item_link {
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
    z-index: 2;
    padding: 0;
}

#right-side .right-side-list li em,
#right-side .right-side-list li p {
    color: #000;
}

#left-side {
    border-right: 1px solid #c7cdd1;
    border-top: 0;
    background-color: #e8e8e8;
}

#left-side .ic-sticky-frame {
    background-color: #e8e8e8;
    position: sticky;
    top: 0;
    max-height: 100vh;
    padding: 1rem 0.5rem 8.5rem 0.5rem;
    box-sizing: border-box;
    overflow-y: auto;
    overscroll-behavior-y: contain;
}

#left-side .ic-sticky-frame li.section {
    font-size: .9rem;
    margin: 0.25rem 0;
    border-radius: 0.25rem;
    background-color: #f5f5f5;
    border: 1px solid #c7cdd1;
}

#left-side .ic-sticky-frame li.section a,
#left-side .ic-sticky-frame li.section i {
    background-color: transparent;
	text-decoration: none;
}

tbody tr.css-uysa3a-view-row:nth-of-type(odd) th,
tbody tr.css-uysa3a-view-row:nth-of-type(odd) td{
    background-color: var(--light-gray);
}

.btn,
.Button,
.ui-button {
    border: 1px solid #c7cdd1;
}

.btn:hover,
.Button:hover,
.ui-button:hover {
    background: var(--accent-color);
    color: var(--white);
	border-color: #aba9a9;
	text-decoration: none;
}

button#courseMenuToggle.Button {
	 border: none;
}

button#courseMenuToggle.Button:hover{
    color: var(--accent-color);
	border: none;
	background: none;
}

.ic-Table.ic-Table--striped tbody tr:nth-child(odd) {
    background-color: var(--light-gray);
}

.Button--link--has-divider {
    display: block;
    text-align: left;
    border: 1px solid #c7cdd1;
    color: #2d3b45;
    background-color: whitesmoke;
    padding: .5rem;
    margin: .5rem 0;
    border-radius: .25rem;
}

/*Controls the look and feel of the header padding in the discussions*/
.discussions .discussion-redesign-layout {
    background-color: var(--light-gray);
}

/*Controls the look and feel of the header padding in the discussions*/
.discussions .discussion-redesign-layout h2.css-11fb808-view.css-11fb808-view.css-11fb808-view.css-11fb808-view.css-11fb808-view.css-11fb808-view.css-11fb808-view.css-11fb808-view.css-11fb808-view.css-11fb808-view,
.discussions .discussion-redesign-layout h2.css-103kjx6-view.css-103kjx6-view.css-103kjx6-view.css-103kjx6-view.css-103kjx6-view.css-103kjx6-view.css-103kjx6-view.css-103kjx6-view.css-103kjx6-view.css-103kjx6-view {
	padding: .5rem;
    margin: 1rem;
}

.discussions .discussion-redesign-layout span.css-10d73cs-view--flex-flex {
    padding: 0;
}

.discussions .discussion-redesign-layout span.css-dzj5tk-view-flexItem {
    padding: 0px .5rem .5rem 2rem !important;
	background-color: var(--brand-color);
}

.discussions .discussion-redesign-layout button.css-1ib2zfd-view--inlineBlock-baseButton .css-1672js-baseButton__childrenLayout {
    padding: .5rem;
    border-radius: .25rem;
	background-color: var(--white);
}

.discussions .discussion-redesign-layout button.css-1ib2zfd-view--inlineBlock-baseButton:hover .css-1672js-baseButton__childrenLayout {
    background-color: var(--accent-color);
	color: var(--white);
}

.discussions .discussion-redesign-layout .css-1kn5kam-inlineSVG-svgIcon{
	font-size: 1.25rem;
}


/*Controls the look and feel of the header in the discussions*/
.discussions .discussion-redesign-layout h2 .css-14fpfr2-text,
.discussions .discussion-redesign-layout h2 .css-bvhjjg-text {
    font-size: 2rem;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    letter-spacing: 0px;
}

/*Controls the look and feel of the post background titlebars in the discussions*/
.discussions .discussion-redesign-layout .css-4814ev-view-flexItem span.css-10d73cs-view--flex-flex,
.discussions .discussion-redesign-layout .css-4814ev-view-flexItem span.css-1hd7lfa-view--flex-flex {
    background-color: var(--brand-color);
    padding: .25rem;
	color: var(--white);
	border-radius: .25rem .25rem 0 0;
}

.discussions .discussion-redesign-layout span.css-6mn2np-view-flexItem,
.discussions .discussion-redesign-layout .css-16e60bh-view-flexItem {
    padding: 0 !important;
}

.discussions .discussion-redesign-layout .css-1vx9cwx-view--block {
    /*background-color: var(--brand-color);*/
	color: var(--white);
    padding: 0;
}

.discussions .discussion-redesign-layout .css-sg1rn7-view {
    border-radius: .25rem;
    padding: .75rem !important;
    margin-bottom: .5rem;
	border: 1px solid #c7cdd1;
}

.discussions .discussion-redesign-layout .css-16umzoa-view--block {
    height: 100% !important;
}

.discussions .discussion-redesign-layout span.css-11gbick-view-flexItem,
.discussions .discussion-redesign-layout span.css-tkftnq-view-flexItem {
    background-color: var(--satans-gray);
	color: var(--white);
    font-weight: bold;
	margin: 0 !important;
}

.discussions .discussion-redesign-layout .css-h20mns-view--flex-flex span.css-15y7cal-view-flexItem {
    background-color: var(--accent-color);
    padding: 1rem !important;
    font-weight: bold;
	border-radius: 0 .25rem 0 .25rem;
}

.discussions .discussion-redesign-layout .css-h20mns-view--flex-flex .css-1ugbsk7-text,
.discussions .discussion-redesign-layout .css-h20mns-view--flex-flex .css-1syzz6l-text {
    font-family: LatoWeb, "Lato Extended", Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 0px;
    font-size: 1rem;
    font-weight: bold;
}

.discussions .discussion-redesign-layout .css-4814ev-view-flexItem button.css-tls3or-view--inlineBlock-baseButton span {
    color: #000;
}

.discussions .discussion-redesign-layout .css-4814ev-view-flexItem button span.css-19bvnq4-baseButton__content {
	color: var(--white);
}

/*sets padding around the author of discussion posts */
.discussions .discussion-redesign-layout span.css-2grpun-view-flexItem span.css-t2d2z3-view--flex-flex {
	padding: .5rem;
}

/*sets padding around the author of discussion post replies */
.discussions .discussion-redesign-layout span.css-6sabuj-view-flexItem span.css-t2d2z3-view--flex-flex {
	padding: .0;
}

/*On mobile browsers of discussions, color the expand replies button*/
.discussions .discussion-redesign-layout .discussion-expand-btn button {
	background-color: var(--white);
	color: var(--brand-color);
    padding: .5rem;
    border-radius: .25rem;
    border: 1px solid black;
	margin: .5rem;
}

/*On mobile browsers of discussions, color the expand replies button*/
.discussions .discussion-redesign-layout .discussion-expand-btn button:hover {
	background-color: var(--accent-color);
	text-decoration: none;
}

.discussions .discussion-redesign-layout .css-h20mns-view--flex-flex {
    background-color: var(--white);
    border-radius: .25rem;
}


.discussions .discussion-redesign-layout .css-4814ev-view-flexItem button span,
.discussions .discussion-redesign-layout .css-oowy02-view-flexItem button.css-yc8pxx-view-link span {
	color: var(--white);
}

/*Controls the color for the New Post badge icon in discussions*/
.discussions .discussion-redesign-layout .css-4814ev-view-flexItem button .css-9ku5uc-view--inlineBlock-badge {
    background-color: var(--white);
	margin: .25rem;
}
/*Controls the border for the New Post badge icon in discussions*/
.discussions .discussion-redesign-layout .css-4814ev-view-flexItem button.css-1ib2zfd-view--inlineBlock-baseButton .css-14lzq7j-baseButton__content,
.discussions .discussion-redesign-layout .css-4814ev-view-flexItem button.css-1ib2zfd-view--inlineBlock-baseButton .css-35b96r-baseButton__children {
    border: 0;
}

/*Controls the look and feel of the author section in discussions*/
.discussions .discussion-redesign-layout .css-1ctvu2o-text,
.discussions .discussion-redesign-layout .css-1qe8d4s-text {
    color: var(--white);
}

/*Controls the look and feel of the button in the author section in discussions*/
.discussions .discussion-redesign-layout span.css-1ihz85b-position {
    margin: .5rem;
    background-color: var(--white);
    padding: .5rem 0;
    border-radius: .25rem;
    border: 1px solid grey;
}

/*Controls the look and feel around the author's name in discussions*/
.discussions .discussion-redesign-layout span.css-t2d2z3-view--flex-flex {
    background-color: var(--brand-color);
	padding: 1rem;
    border-radius: .25rem .25rem 0 0;
}

/*Controls the spacing around the content in discussion posts*/
.discussions .css-1qnr8jl-view-flexItem.css-1qnr8jl-view-flexItem.css-1qnr8jl-view-flexItem.css-1qnr8jl-view-flexItem.css-1qnr8jl-view-flexItem.css-1qnr8jl-view-flexItem.css-1qnr8jl-view-flexItem.css-1qnr8jl-view-flexItem.css-1qnr8jl-view-flexItem.css-1qnr8jl-view-flexItem {
    padding: 0px 0px 0.75rem 0;

}

/*Controls the color around the titles in the author's name title bar in discussion posts*/
.css-1xtrl9w-view--inlineBlock-inlineListItem.css-1xtrl9w-view--inlineBlock-inlineListItem.css-1xtrl9w-view--inlineBlock-inlineListItem.css-1xtrl9w-view--inlineBlock-inlineListItem.css-1xtrl9w-view--inlineBlock-inlineListItem.css-1xtrl9w-view--inlineBlock-inlineListItem.css-1xtrl9w-view--inlineBlock-inlineListItem.css-1xtrl9w-view--inlineBlock-inlineListItem.css-1xtrl9w-view--inlineBlock-inlineListItem.css-1xtrl9w-view--inlineBlock-inlineListItem {
    padding: 0rem;
    max-width: 100%;
    color: var(--white);
}

/*Controls the look and feel around discussion posts*/
.discussions .discussion-redesign-layout span.css-18ks2hs-view--flex-flex {
    background-color: var(--white);
	border-radius: .25rem;
}



.discussions .discussion-redesign-layout span.css-lgd0ef-baseButton__content {
    color: var(--brand-color);
    padding-left: 0;
    padding-right: 0;
    background: none;
    border-color: inherit;
    box-shadow: none;
}

.discussions .discussion-redesign-layout .css-lgd0ef-baseButton__content {
    border: none;
}

.discussions .discussion-redesign-layout span.css-11xkk0o-baseButton__children {
    padding: 0;
}

.discussions .discussion-redesign-layout button.css-127yd6i-view--inlineBlock-baseButton.css-127yd6i-view--inlineBlock-baseButton.css-127yd6i-view--inlineBlock-baseButton.css-127yd6i-view--inlineBlock-baseButton.css-127yd6i-view--inlineBlock-baseButton.css-127yd6i-view--inlineBlock-baseButton.css-127yd6i-view--inlineBlock-baseButton.css-127yd6i-view--inlineBlock-baseButton.css-127yd6i-view--inlineBlock-baseButton.css-127yd6i-view--inlineBlock-baseButton {
    background-color: var(--white);
    border: 1px solid white;
    padding: .5rem;
    border-radius: .25rem;
    margin: .5rem;
}

.discussions .discussion-redesign-layout .css-127yd6i-view--inlineBlock-baseButton:hover > [class$="-baseButton__content"] {
    color: var(--white);
	background: none;
}


.discussions .discussion-redesign-layout button.css-127yd6i-view--inlineBlock-baseButton.css-127yd6i-view--inlineBlock-baseButton.css-127yd6i-view--inlineBlock-baseButton.css-127yd6i-view--inlineBlock-baseButton.css-127yd6i-view--inlineBlock-baseButton.css-127yd6i-view--inlineBlock-baseButton.css-127yd6i-view--inlineBlock-baseButton.css-127yd6i-view--inlineBlock-baseButton.css-127yd6i-view--inlineBlock-baseButton.css-127yd6i-view--inlineBlock-baseButton:hover {
    color: var(--white);
	background-color: var(--accent-color);
}

.discussions .discussion-redesign-layout .userMessage {
    margin: .5rem;
}

.discussions .discussion-redesign-layout h2.css-1dp227-view-heading {
    margin: .5rem;
}

.discussions .discussion-redesign-layout div.css-18ks2hs-view--flex-flex span.css-j9vpg0-view-flexItem span.css-t2d2z3-view--flex-flex {
    margin: 0;
    padding: .25rem;
    border-radius: 0;
}

.discussions .discussion-redesign-layout .css-z34v06-view-flexItem span.css-t2d2z3-view--flex-flex {
    padding: 0;
}

.discussions .discussion-redesign-layout .css-l23zw3-view-flexItem.css-l23zw3-view-flexItem.css-l23zw3-view-flexItem.css-l23zw3-view-flexItem.css-l23zw3-view-flexItem.css-l23zw3-view-flexItem.css-l23zw3-view-flexItem.css-l23zw3-view-flexItem.css-l23zw3-view-flexItem.css-l23zw3-view-flexItem {
	margin: 0;
}

.discussions .discussion-redesign-layout .css-1gfdwuw-inlineListItem__delimiter::after {
    content: "|";
    color: var(--white);
}

.discussions .discussion-redesign-layout .css-mb2jqw-view-flexItem.css-mb2jqw-view-flexItem.css-mb2jqw-view-flexItem.css-mb2jqw-view-flexItem.css-mb2jqw-view-flexItem.css-mb2jqw-view-flexItem.css-mb2jqw-view-flexItem.css-mb2jqw-view-flexItem.css-mb2jqw-view-flexItem.css-mb2jqw-view-flexItem {
    padding: 0;
}

.discussions .discussion-redesign-layout .css-nkwvab-view.css-nkwvab-view.css-nkwvab-view.css-nkwvab-view.css-nkwvab-view.css-nkwvab-view.css-nkwvab-view.css-nkwvab-view.css-nkwvab-view.css-nkwvab-view {
    padding: 0;
}

.discussions .discussion-redesign-layout .css-19l9zud-view-flexItem.css-19l9zud-view-flexItem.css-19l9zud-view-flexItem.css-19l9zud-view-flexItem.css-19l9zud-view-flexItem.css-19l9zud-view-flexItem.css-19l9zud-view-flexItem.css-19l9zud-view-flexItem.css-19l9zud-view-flexItem.css-19l9zud-view-flexItem {
	padding: 0rem;
}

.discussions .discussion-redesign-layout .css-6sabuj-view-flexItem.css-6sabuj-view-flexItem.css-6sabuj-view-flexItem.css-6sabuj-view-flexItem.css-6sabuj-view-flexItem.css-6sabuj-view-flexItem.css-6sabuj-view-flexItem.css-6sabuj-view-flexItem.css-6sabuj-view-flexItem.css-6sabuj-view-flexItem {
    padding: 0;
}

.discussions .discussion-redesign-layout .css-7znutw-view--flex-flex.css-7znutw-view--flex-flex.css-7znutw-view--flex-flex.css-7znutw-view--flex-flex.css-7znutw-view--flex-flex.css-7znutw-view--flex-flex.css-7znutw-view--flex-flex.css-7znutw-view--flex-flex.css-7znutw-view--flex-flex.css-7znutw-view--flex-flex {
    padding: 0;
}

.discussions .discussion-redesign-layout span.css-cxnllk-view--block {
    background-color: var(--brand-color);
	border-radius: 0 0 .25rem .25rem;
}

.discussions .discussion-redesign-layout button {
    background-color: var(--white);
    border: 1px solid white;
    padding: .5rem;
    border-radius: .25rem;
	margin: .5rem;
}

.discussions .discussion-redesign-layout button:hover {
    background-color: var(--accent-color);
	color: var(--white);
    text-decoration: none;
}

/*Controls the look and feel of the author name in the discussions*/
/*.discussions .discussion-redesign-layout span.css-b0vjmt-text a,
.discussions .discussion-redesign-layout span.css-15cje59-text a,
.discussions .discussion-redesign-layout span.css-4p1qht-text a,*/
.discussions .discussion-redesign-layout span.css-1ox1e1u-text a {
    font-size: 1.25rem;
    font-weight: bold;
	color: var(--white);
}

/*.discussions .discussion-redesign-layout span.css-b0vjmt-text a:hover,
.discussions .discussion-redesign-layout span.css-15cje59-text a:hover,
.discussions .discussion-redesign-layout span.css-4p1qht-text a:hover,*/
.discussions .discussion-redesign-layout span.css-1ox1e1u-text a:hover  {
    text-decoration: none;
    color: var(--accent-color);
}

/*video attachments in discussions */
.discussions .discussion-redesign-layout .css-kxbo63-view a.css-ypwn66-view-link {
	background-color: var(--white);
    padding: .125rem .75rem;
    border-radius: 1.5rem;
    text-decoration: none;
	margin: .5rem;
}
/*video attachments in discussions */
.discussions .discussion-redesign-layout .css-kxbo63-view a.css-ypwn66-view-link:active {
    background-color: var(--accent-color);
	color: var(--white);
    text-decoration: none;
	
}
/*video attachments in discussions */
.discussions .discussion-redesign-layout .css-kxbo63-view a.css-ypwn66-view-link:focus {
    background-color: var(--accent-color);
	color: var(--white);
    text-decoration: none;
}
/*video attachments in discussions */
.discussions .discussion-redesign-layout .css-kxbo63-view a.css-ypwn66-view-link:hover{
    background-color: var(--accent-color);
    color: var(--white);
    text-decoration: none;
}

.discussions .discussion-redesign-layout button.css-tls3or-view--inlineBlock-baseButton:hover > [class$="-baseButton__content"]{
background-color: var(--accent-color);
}

.discussions .discussion-redesign-layout .css-4814ev-view-flexItem button.css-tls3or-view--inlineBlock-baseButton:hover > span {
	border: 1px solid var(--white);
}

.discussions .discussion-redesign-layout .css-4814ev-view-flexItem button.css-tls3or-view--inlineBlock-baseButton:hover span {
	color: var(--white);
}

.discussions .discussion-redesign-layout button.css-tls3or-view--inlineBlock-baseButton > [class$="-baseButton__content"]{
background: var(--white);
}

/*Controls the look and feel of the user picture in discussions*/
.discussions .discussion-redesign-layout .css-1w50ddb-view-flexItem span{
	border: 1px var(--white) solid;
}

.discussions .discussion-redesign-layout .css-5and89-view--block .css-10d73cs-view--flex-flex {
    margin: 1rem;
}

/*Controls the look and feel of the spacing around discussion posts*/
.discussions .discussion-redesign-layout span.css-1vc94m3-view--flex-flex,
.discussions .discussion-redesign-layout span.css-1wzf0w1-view--flex-flex {
    background-color: var(--white);
    border-radius: .5rem;
    margin: 1rem 0;
	border: 1px solid var(--gray);
}

.discussions .discussion-redesign-layout .css-kuunbm-text{
	    padding-left: 1rem;
	}

.discussions .discussion-redesign-layout .css-3qn3vl-view--flex-flex,
.discussions .discussion-redesign-layout .css-3qn3vl-view--flex-flex .css-1hatz2-view-flexItem,
.discussions .discussion-redesign-layout .css-p76528-view-flexItem {
    padding: .75rem !important;
}
/*
.discussions .discussion-redesign-layout .css-3qn3vl-view--flex-flex .css-1hatz2-view-flexItem div span div {
    margin: 1rem;
}
*/

.discussions .discussion-redesign-layout .css-3qn3vl-view--flex-flex .css-1hatz2-view-flexItem div.css-138gh4t-view div {
    margin: 0;
}

.discussions .discussion-redesign-layout .css-3qn3vl-view--flex-flex .css-1hatz2-view-flexItem div span.css-138gh4t-view > div {
    margin: .5rem;
}

/*Controls the overflow of the blue title bar within a discussion post*/
.discussions .discussion-redesign-layout .css-1vc94m3-view--flex-flex,
.discussions .discussion-redesign-layout .css-1wzf0w1-view--flex-flex {
    padding: 0 !important;
	overflow: auto;
}
/*Controls the look and feel of the spacing within a discussion post*/
.discussions .discussion-redesign-layout .css-8rac1c-view-flexItem,
.discussions .discussion-redesign-layout .css-1hcnpfq-view-flexItem {
    padding: .5rem 0 0 0 !important;
}

/*Controls the look and feel of the spacing within a discussion post*/
.discussions .discussion-redesign-layout .css-8rac1c-view-flexItem div div {
    padding: 0 1rem;
    margin: 0 !important;
}

/*Controls the look and feel of the reply buttons a discussion post*/
.discussions .discussion-redesign-layout .css-feuh9k-view--block button.css-rf2gao-view--inlineBlock-link,
.discussions .discussion-redesign-layout .css-4814ev-view-flexItem button.css-yc8pxx-view-link,
.discussions .discussion-redesign-layout .css-1vx9cwx-view--block button.css-np1jp6-view--inlineBlock-baseButton .css-1oy6gv6-baseButton__content,
.discussions .discussion-redesign-layout .css-1vx9cwx-view--block button.css-1s4114s-view--block-baseButton .css-1oy6gv6-baseButton__content{
    background-color: var(--white);
    padding: .5rem;
}

/*Controls the padding of the initial discussion post reply button*/
.discussions .discussion-redesign-layout .css-1vx9cwx-view--block button.css-np1jp6-view--inlineBlock-baseButton span.css-11xkk0o-baseButton__children {
	padding-top: 0;
    padding-bottom: 0;
}

/*Controls the look and feel of the reply buttons a discussion post*/
.discussions .discussion-redesign-layout .css-4814ev-view-flexItem button.css-rf2gao-view--inlineBlock-link span,
.discussions .discussion-redesign-layout .css-4814ev-view-flexItem button.css-yc8pxx-view-link span,
.discussions .discussion-redesign-layout .css-1vx9cwx-view--block button.css-np1jp6-view--inlineBlock-baseButton span,
.discussions .discussion-redesign-layout .css-1vx9cwx-view--block button.css-1s4114s-view--block-baseButton span {
    color: #000;
}

.discussions .discussion-redesign-layout .css-sipale-view--inlineBlock-inlineListItem,
.discussions .discussion-redesign-layout .css-ikcorx-view--inlineBlock-inlineListItem {
	color: var(--white);
}

.discussions .discussion-redesign-layout .css-np1jp6-view--inlineBlock-baseButton:active > [class$="-baseButton__content"] {
	background: var(--accent-color);
    box-shadow: none;
}

.discussions .discussion-redesign-layout .tox-sidebar-wrap {
    margin: .5rem;
}

/*Controls the padding on the initial topic discussion post
.discussions .discussion-redesign-layout .css-h20mns-view--flex-flex div .css-138gh4t-view div {
	background-color: var(--brand-color);
	padding: .5rem;
	border-radius: .25rem;
}
*/


/*Controls the look and feel of the reply buttons on hover within a discussion post*/
.discussions .discussion-redesign-layout .css-6mn2np-view-flexItem button.css-np1jp6-view--inlineBlock-baseButton:hover > [class$="-baseButton__content"],
.discussions .discussion-redesign-layout .css-4814ev-view-flexItem button.css-rf2gao-view--inlineBlock-link:hover,
.discussions .discussion-redesign-layout .css-4814ev-view-flexItem button.css-yc8pxx-view-link:hover,
.discussions .discussion-redesign-layout .css-ku4d2h-view-flexItem button.css-np1jp6-view--inlineBlock-baseButton:hover > [class$="-baseButton__content"],
.discussions .discussion-redesign-layout .css-ku4d2h-view-flexItem button.css-112x7jc-view--inlineBlock-baseButton:hover > [class$="-baseButton__content"],
.discussions .discussion-redesign-layout .css-1vx9cwx-view--block button.css-np1jp6-view--inlineBlock-baseButton:hover,
.discussions .discussion-redesign-layout .css-1vx9cwx-view--block button.css-np1jp6-view--inlineBlock-baseButton:hover .css-1oy6gv6-baseButton__content {
    background-color: var(--accent-color);
	text-decoration: none;
}

/*Controls the font color of the reply buttons on hover within a discussion post*/
.discussions .discussion-redesign-layout .css-4814ev-view-flexItem button.css-rf2gao-view--inlineBlock-link:hover span,
.discussions .discussion-redesign-layout .css-4814ev-view-flexItem button.css-yc8pxx-view-link:hover span,
.discussions .discussion-redesign-layout .css-ku4d2h-view-flexItem button.css-np1jp6-view--inlineBlock-baseButton:hover span,
.discussions .discussion-redesign-layout .css-1vx9cwx-view--block button.css-np1jp6-view--inlineBlock-baseButton:hover span,
.discussions .discussion-redesign-layout .css-ku4d2h-view-flexItem button.css-112x7jc-view--inlineBlock-baseButton:hover span {
	color: var(--white);
}

.discussions .discussion-redesign-layout span.css-6inuak-view--flex-flex,
.discussions .discussion-redesign-layout span.css-1qdgi3y-view--flex-flex {
    padding: 0 !important;
}


.discussions .discussion-redesign-layout div.css-1vqfmz1-view {
	background-color: white;
	padding: 0 !important;
}

.discussions .discussion-redesign-layout div.css-15w7yyw-view,
.discussions .discussion-redesign-layout div.css-1xkklln-view.css-1xkklln-view.css-1xkklln-view.css-1xkklln-view.css-1xkklln-view.css-1xkklln-view.css-1xkklln-view.css-1xkklln-view.css-1xkklln-view.css-1xkklln-view {
    padding: 0 !important;
	border-radius: 0.5rem !important;
    overflow: auto;
	background-color: var(--white);
	border: 1px solid #c7cdd1;
}

.discussions .discussion-redesign-layout div.css-15w7yyw-view span.css-11gbick-view-flexItem {
    margin: 0 !important;
}

.discussions .discussion-redesign-layout span.css-1eaecfq-baseButton__content {
    background-color: var(--white);
}

.discussions .discussion-redesign-layout div.css-138gh4t-view {
    background-color: var(--brand-color);
    padding: 1rem;
}

/*Sets the padding on the main part of the page area*/
.ic-Layout-contentMain {
	padding: 1.5rem 2.5rem 2.5rem 2.5rem;
    overflow: auto;
}

/*Keeps the rubric together*/
.rubric_container {
    margin-top: 20px;
    overflow: auto;
	/*border: 1px solid #c7cdd1;*/
}

/*Controls the look and feel of the rubric title bar*/
.rubric_container .rubric_title {
    background-color: var(--brand-color);
	color: var(--white);
    width: calc(100% - 2rem);
	padding: 1rem;
	border: none;
}

.rubric_container .rubric_title a .standalone-icon:before{
    color: #000;
}

.rubric_container .rubric_title a:hover .standalone-icon:before {
    color: var(--white);
}

/*Controls the look and feel of the rubric TABLE*/
.rubric_container .rubric_table {
	width: 100%;
}

/*Controls the look and feel of the rubric title bar*/
.rubric_container .rubric_table tr.summary {
    background-color: var(--accent-color);
    color: var(--white);
	font-weight: bold;
	height: 4rem;
}

/*When adding a rubric, controls the look and feel of the rubric title bar and summary*/
.rubric_container .rubric_title a,
.rubric_container .rubric_table tr.summary a {
    color: #000;
    background-color: #f5f5f5;
    border: 1px solid var(--white);
	padding: .7rem .8rem;
	border-radius: .35rem;
	margin: 0 .25rem;
	text-decoration: none;
}

/*When adding a rubric, controls the look and feel of the rubric title bar links*/
.rubric_container .rubric_title a:hover {
    color: var(--white);
	background-color: var(--accent-color);
	text-decoration: none;
}

/*When adding a rubric, controls the look and feel of the rubric summary links*/
.rubric_container .rubric_table tr.summary a:hover {
    color: #000;
	background-color: #cecdcd;
	text-decoration: none;
}

/*When "Finding a rubric", controls the look and feel of pop-out dialog box*/
.ui-dialog .rubrics_dialog_rubric_brief .rubric_table tbody td, 
.ui-dialog .rubrics_dialog_rubric_brief .rubric_table tbody td div {
    background-color: var(--white);
}
/*
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
     font-family: FontAwesome;
    content: "\f00d";
	color: var(--white);
    font-size: .8rem;
	padding-left: .25rem;
    display: inline-block;
}*/

#sidebar_content a.icon-speed-grader {
	font-size: .9rem;
    margin: 0.25rem 0;
    border-radius: 0.25rem;
    background-color: #f5f5f5;
    border: 1px solid #c7cdd1;
    display: block;
    text-decoration: none;
    padding: 8px 0 8px 6px;
    word-wrap: break-word;
    hyphens: none;
}

#sidebar_content a.icon-speed-grader:hover {
    color: var(--white);
	background-color: var(--accent-color);
	text-decoration: none;
	border: 1px solid #aba9a9;
}

#left-side .ic-sticky-frame li.section:hover {
    border: 1px solid #aba9a9;
}

/*Removes the white background on the Canvas Theme chooser*/
.brand_configs h2.ic-ThemeCard-container__Heading .ic-ThemeCard-container__Heading-text {
    display: inline-block;
    background: inherit;
	background-color: inherit;
}

.brand_configs .ic-ThemeCard-container h2.ic-ThemeCard-container__Heading .css-1dkrlqf-icon {
    padding-inline: 0px;
    margin: 0 .25rem;
}

/*Removes the strikethrough formatting on the Canvas Theme chooser*/
.brand_configs .ic-ThemeCard-container h2.ic-ThemeCard-container__Heading:before {
    display: none;
	background: inherit;
}

/*controls the background color of the checkmark in a Module header*/
button .css-1idz6vn-baseButton__content {
    background: none;
}

/*controls the background color of the checkmark in a Module header on hover*/
button.css-112x7jc-view--inlineBlock-baseButton:hover span.css-1idz6vn-baseButton__content {
    background: none;
}

/*controls the color of the checkmark and arrow dropdown in a Module header*/
.context_module .css-f8fjsy-inlineSVG-svgIcon,
.context_module .css-112x7jc-view--inlineBlock-baseButton > [class$="-baseButton__content"] .css-x4m0dt-inlineSVG-svgIcon{ 
color: #028942;
}

/*controls the color of the checkmark and arrow dropdown in a Module header on hover*/
.css-112x7jc-view--inlineBlock-baseButton:hover > [class$="-baseButton__content"] .css-f8fjsy-inlineSVG-svgIcon,
.css-112x7jc-view--inlineBlock-baseButton:hover > [class$="-baseButton__content"] .css-x4m0dt-inlineSVG-svgIcon {
    color: var(--accent-color);
}

/*controls the color of the checkmark in a Module header*/
.css-x4m0dt-inlineSVG-svgIcon {
    color: var(--white);
}

.user_content ul.dwu-nav-btns {
	text-align: center;
	padding: 0;
}

.user_content ul.dwu-nav-btns li {
	display: inline-block;
	margin: .5rem;
	width: 9rem;
	overflow: hidden;
}

.user_content ul.dwu-nav-btns li a {
    border-radius: .25rem;
    padding: .5rem;
    border: 1px solid #000;
	height: 8rem;
	white-space: break-spaces;
    display: block;
    text-align: center;
	overflow: hidden;
    align-content: center;
    outline: 2px solid var(--accent-color);
    outline-offset: -.5rem;
}

.user_content ul.dwu-nav-btns li a:hover {
    outline: 2px solid var(--white);
}

@media (min-width: 768px) {
    body.course-menu-expanded:not(.ic-no-flex-layout):not(.embedded):not(.is-inside-submission-frame):not(.content-only) .ic-Layout-columns {
        margin-left: 202px;
    }
	body.primary-nav-expanded .ic-app-header {
    width: 94px;
}
}

#students_selectmenu-menu li a span.ui-selectmenu-item-header {
	color: #006602;
}

#students_selectmenu-menu li.ui-state-hover {
    text-decoration: none;
    background-color: #006602;
	color: var(--white);
    border-bottom: 1px solid #c7cdd1;
}

#students_selectmenu-menu li.ui-state-hover a span.ui-selectmenu-item-header {
	color: var(--white);
}

#students_selectmenu-menu li.ui-state-hover.not_submitted {
    background-color: #B30000;
}

#students_selectmenu-menu li.ui-state-hover.not_submitted a span.ui-selectmenu-item-header {
	color: var(--white);
}

#students_selectmenu-menu li.not_submitted a .ui-selectmenu-item-header {
    color: #B30000;
}

.studentSelection {    
margin: 0 .5rem;
}

#gradebook_header #combo_box_container {
    margin: 0 .5rem;
}
.gradebookAvatar {
    margin: 0 .5rem;
}

ul#students_selectmenu-menu {
    border-radius: 0 0 .25rem .25rem;
}

.discussions .discussion-redesign-layout .css-11zy9g-view--inlineBlock-inlineListItem {
	color: var(--white);
	margin: .25rem;
}

.discussions .discussion-redesign-layout .css-3qn3vl-view--flex-flex hr {
    display: none;
}
/*Padding on discussions */
.discussions .discussion-redesign-layout .css-sxx2zb-view-flexItem,
.discussions .discussion-redesign-layout .css-179172s-view-flexItem,
.discussions .discussion-redesign-layout .css-1kjb6pq-view-flexItem,
.discussions .discussion-redesign-layout .css-rm02ls-view-flexItem {
    padding: 0 !important;
}

.discussions .discussion-redesign-layout .css-sxx2zb-view-flexItem .userMessage,
.discussions .discussion-redesign-layout .css-179172s-view-flexItem .userMessage,
.discussions .discussion-redesign-layout .css-1kjb6pq-view-flexItem .userMessage.mobile,
.discussions .discussion-redesign-layout .css-rm02ls-view-flexItem .userMessage {
	margin-left: 0 !important;
	background-color: var(--white);
	padding: .5rem;
}
/*
.discussions .discussion-redesign-layout .css-h20mns-view--flex-flex {
    margin: 1rem 0;
}
*/

.discussions .discussion-redesign-layout span.css-ifyq4z-view-flexItem {
    padding: 0 !important;
}

div#module_sequence_footer {
    margin: 0 !important;
}

.module-sequence-footer .module-sequence-footer-content {
    padding: .75rem;
}

.nav_list li.navitem:hover {
	color: var(--white);
	background-color: var(--accent-color);
}
/*
button#Menu__label_0 {
    border: 1px solid #c7cdd1;
}
*/

button.css-sclux9-view--inlineBlock-baseButton:hover > [class$="-baseButton__content"] {
    background: none;
}

/*
button#Menu__label_0:hover {
	color: var(--white);
	background-color: var(--accent-color);
}
*/

button#Menu__label_0:hover span.css-imcgqx-baseButton__content {
	color: var(--white);
}

.Underline-All-Links__enabled a:not(.Button):not(.ui-button):not(.btn):not(.ui-button):not(.ui-tabs-anchor) {
    text-decoration: inherit;
}

/*Controls the color of attachment files in discussion posts*/
.discussions .discussion-redesign-layout .css-kxbo63-view a.css-1xleu7a-view-link {
    margin: 1rem;
    color: var(--white);
    background-color: var(--accent-color);
    padding: .125rem .75rem;
    border-radius: 1.5rem;
	text-decoration: none;
}

/*Controls the color of attachment files on hover in discussion posts*/
.discussions .discussion-redesign-layout .css-kxbo63-view a.css-1xleu7a-view-link:hover {
    background-color: var(--white);
    color: var(--accent-color);
    text-decoration: none;
}

.discussions .discussion-redesign-layout .css-kxbo63-view.css-kxbo63-view.css-kxbo63-view.css-kxbo63-view.css-kxbo63-view.css-kxbo63-view.css-kxbo63-view.css-kxbo63-view.css-kxbo63-view.css-kxbo63-view {
    padding: .5rem 0rem;
	background-color: var(--brand-color);
}

.discussions .discussion-redesign-layout .css-101td72-view.css-101td72-view.css-101td72-view.css-101td72-view.css-101td72-view.css-101td72-view.css-101td72-view.css-101td72-view.css-101td72-view.css-101td72-view {
    padding: 0px 0px 0px 0.375rem;
    background-color: var(--brand-color);
	border-radius: 0 0 .25rem .25rem;
	padding: .5rem;
}

.discussions .discussion-redesign-layout .css-kuunbm-text,
.discussions .discussion-redesign-layout .css-1sp24u-text {
    color: var(--brand-color);
    font-size: 2.3rem;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    padding: .25rem 0;
    margin: .25rem 0;
    line-height: 1.5;
}

.discussions .discussion-redesign-layout .css-he75de-view--inline.css-he75de-view--inline.css-he75de-view--inline.css-he75de-view--inline.css-he75de-view--inline.css-he75de-view--inline.css-he75de-view--inline.css-he75de-view--inline.css-he75de-view--inline.css-he75de-view--inline {
    margin: 0px;
    padding: .75rem;
}
	
.ic-notification.ic-notification--admin-created .ic-notification__title {
    display: block;
    font-size: 1.125rem;
    margin: .75rem;
    color: var(--brand-color);
}
	
	
/*
.with-left-side .ic-app-header__menu-list .ic-app-header__menu-list-item a.ic-app-header__menu-list-link  {
	text-decoration: none;
}


.userMessage {
    margin-left: 0 !important;
}
*/

.assignments  .ic-app-main-content .css-1fvrx9c-text {
	margin: 1rem;
}

#submission_details #submission_files_list .submission-file .submission-file-delete,
#submission_details #submission_files_list .submission-file .submission-file-download {
	overflow: visible;
	top: auto;
	
}

button.css-1goj4sn-view--inlineBlock-baseButton:hover > [class$="-baseButton__content"] {
    color: var(--white);
	background: var(--accent-color);
    box-shadow: none;
}

.css-1goj4sn-view--inlineBlock-baseButton:hover > [class$="-baseButton__content"] .css-1ss7xyt-inlineSVG-svgIcon {
    fill: var(--white);
}

.discussions .discussion-redesign-layout .css-1l97893-view-flexItem span.css-1l97893-view-flexItem {
    background-color: #134d95;
    padding: 1rem !important;
    font-weight: bold;
    border-radius: .25rem .25rem 0 0;
}

.discussions .discussion-redesign-layout .css-1l97893-view-flexItem span.css-1qe8d4s-text {
    color: white;
}

.discussions .discussion-redesign-layout .css-1l97893-view-flexItem span.css-acd36k-view-flexItem {
    background-color: white;
}

.discussions .discussion-redesign-layout .css-baemep-view {
    background-color: var(--white);
}

.discussions .discussion-redesign-layout span.css-6r5od7-view-flexItem {
    background-color: var(--white);
}

.css-6r5od7-view-flexItem.css-6r5od7-view-flexItem.css-6r5od7-view-flexItem.css-6r5od7-view-flexItem.css-6r5od7-view-flexItem.css-6r5od7-view-flexItem.css-6r5od7-view-flexItem.css-6r5od7-view-flexItem.css-6r5od7-view-flexItem.css-6r5od7-view-flexItem {
    padding: 0px 0.75rem 0.75rem;
}
/*Discussions */
.discussions .discussion-redesign-layout .css-nkwvab-view {
	background-color: var(--white);