@import 'https://redlands.evaluationkit.com/canvas/css';

:root {
  --brand-color: #580e0e;
  --accent-color: #7A2426;
  --white: #fff;
  --satans-gray: #666;
}

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;
}

#breadcrumbs>ul>li>a .ellipsis {
    float: right;
    line-height: inherit;
    max-width: fit-content!important;
}

.pages.show.home .page-title {
    display: block;
}

.uor-header {
  background-color: var(--brand-color);
  color: var(--white);
  border-radius: 0.25rem;
  display: block;
  overflow: auto;
}

.uor-header .uor-banner-image {
  width: 100%;
  height: auto;
}

.uor-header .uor-title {
  text-align: center;
  margin: 0 auto;
}

.uor-header .uor-instructor-name,
.uor-header .uor-school-name {
    text-align: center;
	margin: 0.5rem auto;
    padding: 0;
}

.uor-header .school-of-business-and-society {
  font: 1.5rem/3rem Garamond, Palatino, Times New Roman, serif;
  text-transform: uppercase;
  letter-spacing: 0.15rem;
  line-height: 1.5rem;
}

.uor-navigation-buttons {
  text-align: center;
  margin: 0.5rem;
  display: block;
  overflow: auto;
}

.user_content h1,
.pages.show h1.page-title,
.mechanics 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-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 {
    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;
}

#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: #495057;
    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: #495057;
    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 {
    color: #001EFF;
    font-weight: bold;
    font-style: italic;
    display: block;
    overflow: auto;
}

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 {
    color: #000000;
    background-color: #e8e8e8;
    border: 1px solid #c1c1c1;
    border-radius: .5rem;
    padding: .5rem;
    overflow: hidden;
}

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;
    line-height: 1.8rem;
    text-align: left;
}

.user_content a {
    color: var(--white);
    background-color: #13629A;
    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 {
    background-color: #9b080f;
    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 {
    background-color: #4396b5;
    font-size: 1.125rem;
    font-weight: bold;
    color: var(--white);
    padding: .625rem;
}

#quiz_show .header-bar {
    border: none;
    background-color: var(--white);
    min-height: 2.125rem;
    padding-bottom: .75rem;
}

#questions.brief .question_holder .display_question {
    font-size: 1rem;
}

.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 .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__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:before {
    font-family: FontAwesome;
    content: "\f00d";
	color: var(--white);
    font-size: 1rem;
    display: inline-block;
    padding-right: 1.5rem;
    vertical-align: middle;
}

.user_content .uor-navigation-buttons a:not(.btn):not(.Button):not(.ui-button):not([role=button]),
.mceContentBody .uor-navigation-buttons a:not(.btn):not(.Button):not(.ui-button):not([role=button]) {
    text-decoration: none;
}

.user_content .uor-navigation-buttons a.btn-primary,
.mceContentBody .uor-navigation-buttons a.btn-primary {
    text-decoration: none;
    background-color: var(--brand-color);
	padding: 0.5rem;
    border-radius: 0.25rem;
    margin: 0.5rem;
	display: inline-block;
}

.user_content .uor-navigation-buttons a.btn-primary:hover,
.mceContentBody .uor-navigation-buttons a.btn-primary:hover {
    background-color: var(--accent-color);
	text-decoration: none;
	}
	
	
.user_content .uor-navigation-buttons a.btn-primary:hover span,
.user_content .uor-navigation-buttons a.btn-primary:focus span,
.user_content .uor-navigation-buttons a.btn-primary:active span {
    text-decoration: none;
}

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;
}

.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 .2s;
    background: transparent;
    border: none;
    padding: 2px 4px;
    border-radius: 3px;
    color: var(--white);
    outline: none;
}

.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);
}

.ig-header .Button--icon-action:hover,
.ig-header .Button--icon-action-rev:hover {
    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 {
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);
}

#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: #7a2427;
	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: #7a2427;
    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;
    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;
}

.with-right-side #right-side-wrapper {
    display: block;
    background-color: #ebebeb;
    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.75rem 8.5rem 0.75rem;
    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;
    color: white;
    border: 1px solid #c7cdd1;
}

#left-side .ic-sticky-frame li.section a,
#left-side .ic-sticky-frame li.section i {
    background-color: transparent;
}