#my-students .mdl-data-table {
  width: 100%;
  white-space: normal;
  overflow-x: auto;
}
@media screen and (max-width: 37.5rem) {
  #my-students .mdl-data-table {
    display: inline-block;
  }
}
#my-students .section-title {
  margin: 0 1.1429rem;
}
#my-students .section-title .mdl-menu__container {
  right: 1.1429rem !important;
  /* TODO: remove important */
}
#my-students .app-loading-wrapper {
  text-align: center;
}
#my-students .app-loading-wrapper .data-loading {
  margin: 10.7143rem 0;
}
#my-students .app-loading-wrapper .data-loading.mini {
  margin: 0;
}
#my-students .text-centered {
  text-align: center;
}
#my-students .text-right {
  text-align: right;
}
#my-students .margin-right0 {
  margin-right: 0;
}
#my-students .padding-right0 {
  padding-right: 0;
}
#my-students .padding-right19 {
  padding-right: 19;
}
#my-students .padding0 {
  padding: 0;
}
#my-students .mdl-data-table td {
  padding: 0 1.2857rem;
}
#my-students .text-centered {
  text-align: center;
}
#my-students .page-content {
  min-height: 32.1429rem;
}
#my-students .padding-right-details {
  padding-right: 2.9286rem;
}
#my-students .send-invitation-form {
  display: flex;
  margin-top: 0.5714rem;
  overflow: hidden;
}
#my-students .send-invitation-form .mdl-textfield {
  width: 99% !important;
  /* TODO: remove important */
  margin-top: -1.4286rem;
  margin-bottom: -0.8571rem;
}
#my-students .send-invitation-form .mdl-list {
  position: absolute;
  width: 17.8571rem;
  margin-top: -0.5714rem;
  margin-left: 0.5714rem;
  background: white;
  z-index: 999;
}
#my-students .send-invitation-label {
  display: inline-block;
  float: right;
  line-height: 1.8571rem;
  margin-bottom: 2.1429rem;
  margin-left: 0.5rem;
}
#my-students .icon-center {
  float: left;
  padding-top: 0.8571rem;
}
#my-students div.wrong-email-alert {
  font-size: 0.86rem;
  padding-top: 1.7857rem;
  padding-left: 0.7143rem;
  color: var(--common-error-color);
}
app-pearson-jwtsso #loading-wrapper {
  background: var(--footer-background-color);
}
app-pearson-logout #loading-wrapper {
  width: 100%;
  height: 100%;
  background: var(--common-white);
  display: flex;
  justify-content: center;
  align-items: center;
}
.school-name-container {
  float: left;
}
.school-name-container .my-school-name {
  float: left;
  margin-left: 0.7143rem;
}
.school-name-container .my-school-name h2 {
  font-size: var(--common-h2-font-size);
  line-height: 2.2857rem;
}
sort-direction-indicator {
  display: inline-block;
  vertical-align: middle;
}
.mat-select {
  border: none;
  padding-left: 5px;
  padding-top: 3px;
  font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 0.9rem;
}
.mat-select-panel-wrap {
  margin-top: 1rem;
}
.age-container {
  display: flex;
  width: 300px;
}
.age-container,
.mdl-list__item-primary-content {
  pointer-events: auto;
}
mat-select.select-age.focused {
  outline: var(--common-black) 2px solid;
  border-radius: 3px;
}
.page-content .activation-info {
  padding-top: 1.4286rem;
}
.page-content .activation-info .activation-info-paragraph {
  font-size: 1.43rem;
}
.page-content .activation-info .activation-info-button {
  margin-top: 1.0714rem;
  padding: 0.7143rem;
  min-width: 10.7143rem;
}
#accounts-register-agreements .mat-checkbox-label {
  margin-left: 1.1429rem;
}
#accounts-register-agreements .error-list.form-alert {
  margin-left: 5.7143rem;
}
#accounts-register-agreements .expandable-regulations-without-checkbox {
  margin-left: 4.25rem;
}
#accounts-register-agreements mat-divider {
  margin-bottom: 1rem;
}
.mat-select {
  border: none;
  padding-left: 5px;
  padding-top: 3px;
  font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 0.9rem;
}
.mat-select-panel-wrap {
  margin-top: 1rem;
}
.usage-type-container {
  display: flex;
  width: 540px;
}
body .mdl-list__item .mdl-list__item-primary-content .mdl-list__item-icon {
  margin-right: 1rem;
}
.usage-type-container,
.mdl-list__item-primary-content {
  pointer-events: auto;
}
mat-select.select-usage.focused {
  outline: var(--common-black) 2px solid;
  border-radius: 3px;
}
.mat-select {
  border: none;
  padding-left: 5px;
  padding-top: 3px;
  font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 0.9rem;
}
.mat-select-panel-wrap {
  margin-top: 1rem;
}
.gender-container,
.profile-container {
  display: flex;
  width: 300px;
  white-space: nowrap;
  pointer-events: auto;
}
mat-select.select-profile.focused {
  outline: var(--common-black) 2px solid;
  border-radius: 3px;
}
app-general-profile-edit div.page-content-loader {
  display: flex;
  width: 100%;
  height: 100%;
}
app-general-profile-edit div.page-content-loader app-loading {
  margin: auto;
}
app-profile-header div.page-title-bar__header {
  display: flex;
}
app-profile-header div.page-title-bar__header div.menu-title {
  display: flex;
  flex-direction: column;
  padding-left: 1.1429rem;
}
app-profile-header div.page-title-bar__header div.menu-title h1 {
  line-height: 2.2857rem;
  font-size: 2.29rem;
}
app-profile-header div.page-title-bar__header div.menu-title small {
  opacity: 0.54;
  line-height: 1.7143rem;
  font-size: 1.15rem;
}
#notifications-settings .table {
  text-align: center;
}
#notifications-settings .mdl-checkbox {
  width: auto;
}
#notifications-settings .mat-checkbox-inner-container {
  margin: auto;
}
#notifications-settings .mdl-data-table td {
  text-align: center;
}
.no-email-error-edit-password mat-card-header {
  display: flex;
  align-items: center;
}
.no-email-error-edit-password mat-card-header .error-icon {
  color: red;
  display: flex;
  align-items: center;
  justify-content: center;
}
.no-email-error-edit-password mat-card-header mat-card-title {
  margin-bottom: 0;
  font-size: 1.43rem !important;
  /* TODO: remove important */
}
#accounts-register .change-password-title {
  font-family: var(--common-font-family);
  font-size: 1.7143rem;
  line-height: 2.2857rem;
  margin: 1.7143rem 0 1.1429rem;
}
#profile-edit-agreements section .save-agrrements-button {
  margin-left: 1.7143rem;
  padding-bottom: 2rem;
}
#profile-edit-header .page-title-bar__header h1 {
  font-size: var(--common-h1-font-size);
  font-weight: var(--common-h1-font-weight);
}
@media (max-width: 37.5rem) {
  #profile-edit-header .page-title-bar__header h1 {
    font-size: 2rem;
  }
}
#profile-edit-header .page-title-bar__header .navigation button:not(.active-mdl-button):not(:focus-visible),
#profile-edit-header .page-title-bar__header .navigation mat-button-toggle {
  color: var(--page-title-bar-header-nav-button-color);
  background-color: var(--page-title-bar-header-nav-button-background-color);
  border-radius: var(--page-title-bar-header-nav-button-border-radius);
  border-color: var(--page-title-bar-header-nav-button-border-color);
  border-width: var(--page-title-bar-header-nav-button-border-width);
  border-style: var(--page-title-bar-header-nav-button-border-style);
  line-height: calc(36px - 2 * var(--page-title-bar-header-nav-button-border-width, 0)) !important;
}
#profile-edit-header .page-title-bar__header .navigation app-toc-display-options button {
  padding: var(--page-title-bar-header-nav-view-type-switch-button-padding);
  min-width: 0;
}
#profile-edit-header .page-title-bar__header .navigation button.active-mdl-button:not(:focus-visible) {
  color: var(--page-title-bar-header-nav-button-active-color);
  background-color: var(--page-title-bar-header-nav-button-active-background-color);
  border-radius: var(--page-title-bar-header-nav-button-active-border-radius);
  border-width: var(--page-title-bar-header-nav-button-active-border-width);
  border-color: var(--page-title-bar-header-nav-button-active-border-color);
  border-style: var(--page-title-bar-header-nav-button-active-border-style);
}
#profile-edit-header .page-title-bar__header .navigation button:not(.active-mdl-button):hover,
#profile-edit-header .page-title-bar__header .navigation mat-button-toggle:hover {
  color: var(--page-title-bar-header-nav-button-hover-color);
  background-color: var(--page-title-bar-header-nav-button-hover-background-color);
}
#profile-edit-header .page-title-bar__header .navigation button.active-mdl-button:hover {
  color: var(--page-title-bar-header-nav-button-active-hover-color);
  background-color: var(--page-title-bar-header-nav-button-active-hover-background-color);
}
#profile-edit-header .page-title-bar__header .navigation mcourser-ui-button-group > button.mat-raised-button.mat-button.mat-button-base {
  min-height: 36px;
  background-color: var(--page-title-bar-header-nav-button-active-background-color);
  color: var(--page-title-bar-header-nav-button-active-color);
}
.no-email-error-edit-password mat-card-header {
  display: flex;
  align-items: center;
}
.no-email-error-edit-password mat-card-header .error-icon {
  color: var(--common-error-color);
  display: flex;
  align-items: center;
  justify-content: center;
}
.no-email-error-edit-password mat-card-header mat-card-title {
  margin-bottom: 0;
  font-size: 1.4286rem !important;
  /* TODO: remove important */
}
.padding-right15 {
  padding-right: 1.0714rem;
}
.margin-bottom15 {
  margin-bottom: 1.0714rem;
}
#profile-edit #timeZoneContainer {
  font-size: var(--edit-profile-information-form-h4-font-size);
  font-weight: var(--edit-profile-information-form-h4-font-weight);
  color: var(--edit-profile-information-form-h4-color);
  margin: 2rem 0;
}
#profile-edit form {
  border: var(--edit-profile-information-form-border);
  padding: var(--edit-profile-information-form-padding);
  background-color: var(--edit-profile-information-form-background-color);
}
#profile-edit form i {
  color: var(--edit-profile-information-form-icon-color);
}
#profile-edit .mdl-list__item .mdl-textfield.is-focused > input:not([readonly]) {
  border-bottom: 2px solid var(--common-primary);
}
#profile-edit .mdl-list__item .mdl-textfield.is-focused > input:read-only {
  border-bottom: 2px solid var(--common-dark-opacity-300);
}
div.form-field {
  display: flex;
}
div.form-field mat-form-field {
  margin-left: auto;
  margin-right: 0.5714rem;
  min-width: 17.8571rem;
}
div.form-field span {
  color: var(--edit-profile-information-form-label-color);
}
div.form-field mat-icon {
  color: var(--edit-profile-information-form-icon-color);
}
app-sejer-profile-edit-links div.links-wrapper {
  display: flex;
  flex-direction: column;
  line-height: 2.1429rem;
  padding: 1.1429rem 0 2.2857rem 0;
}
app-sejer-profile-edit .page-title-bar__header div.menu-title small {
  color: var(--common-primary);
  font-weight: bold;
}
app-sejer-profile-edit div.page-content {
  background-color: var(--common-white);
}
app-sejer-profile-edit div.page-content div.mdl-grid {
  padding: 0.5714rem 1.4286rem;
}
app-sejer-profile-edit div.page-content div.mdl-grid div.grid-border {
  display: flex;
  flex-direction: column;
  width: 100%;
}
app-sejer-profile-edit div.page-content div.mdl-grid div.grid-border div.wrapper {
  padding-top: 1.1429rem;
  margin: 1.1429rem auto 0 auto;
  width: 32.1429rem;
  border: var(--edit-profile-information-form-border);
  line-height: 4rem;
}
app-sejer-profile-edit div.page-content div.mdl-grid div.grid-border div.wrapper h4 {
  margin: 1.1429rem;
  font-size: var(--edit-profile-information-form-h4-font-size);
  font-weight: var(--edit-profile-information-form-h4-font-weight);
  color: var(--edit-profile-information-form-h4-color);
}
app-sejer-profile-edit div.page-content div.mdl-grid div.grid-border div.wrapper iframe {
  padding: 1.1429rem;
  width: calc(100% - 2.2857rem);
  border-bottom: 0.0714rem solid var(--common-black);
}
app-sejer-profile-edit div.page-content div.mdl-grid div.grid-border div.wrapper mat-icon {
  padding: 1.1429rem;
}
app-sejer-profile-edit div.page-content div.mdl-grid div.grid-border app-sejer-profile-edit-form form {
  background-color: var(--edit-profile-information-form-background-color);
  border: var(--edit-profile-information-form-border);
  padding: var(--edit-profile-information-form-padding);
}
app-sejer-profile-edit div.page-content div.mdl-grid div.grid-border app-sejer-profile-edit-links {
  width: 32.1429rem;
  margin: auto;
}
#admin-repository-sylabus-detail mat-form-field {
  width: 95%;
}
app-assessment-header div.page-title-bar__header {
  display: flex;
}
app-assessment-header div.page-title-bar__header div.details {
  margin-right: auto;
}
app-assessment-header div.page-title-bar__header div.details h1.without-sub-items {
  line-height: 4rem;
}
app-assessment-header div.page-title-bar__header div.details div.sub-items {
  display: flex;
  align-items: center;
}
app-assessment-header div.page-title-bar__header button.back-button {
  margin-right: 1.1429rem;
}
.mat-menu-content nav app-navigation {
  width: 100%;
}
#assessment-list-online-wrapper {
  height: auto;
  min-height: 36.4286rem;
}
#assessment-list-online-wrapper th .material-icons.content-vertical-align-middle {
  position: relative;
  top: 0.5rem;
}
#assessment-list-online-wrapper .list-menu .group-options {
  float: left;
  padding-top: 1.0714rem;
}
#assessment-list-online-wrapper .list-menu .filter-section {
  float: right;
}
#assessment-list-online-wrapper span.no-score {
  text-align: center;
}
.lea-table-header-cell {
  background: var(--common-grey-50);
  font-weight: 700;
  height: 3.4286rem;
  font-size: 0.86rem;
  color: var(--common-dark-opacity-500);
}
.lea-table-actions-cell {
  justify-content: center;
}
.lea-table-actions-cell .assessment-list-action-button {
  padding: 0;
  margin: 0 0.5rem;
}
#assessment-report-class-wrapper {
  padding: 0 1.7857rem 1.7857rem 1.7857rem;
  width: 96vw;
}
#assessment-report-class-wrapper mat-table {
  display: table;
  min-width: 100%;
}
#assessment-report-class-wrapper mat-table mat-header-row.mat-header-row mat-header-cell div.cell-horizontal-center {
  min-width: 7.1429rem;
}
#assessment-report-class-wrapper mat-table mat-header-row.mat-header-row mat-header-cell {
  min-height: 4.2857rem;
}
#assessment-report-class-wrapper .app-loading-wrapper {
  text-align: center;
  min-height: 28.5714rem;
}
#assessment-report-class-wrapper .no-assessments {
  display: flex;
}
#assessment-report-class-wrapper .no-assessments span.message {
  margin: 0 auto;
}
#assessment-reports .page-content {
  min-height: 57vh;
}
#assessment-reports .page-content .action-menu {
  padding: 1.7857rem 1.7857rem 0.7143rem 1.7857rem;
}
#assessment-reports .page-content .action-menu .type-section {
  float: right;
}
#assessment-reports .page-content .action-menu .type-section .type-select {
  margin-right: 0.3571rem;
}
#assessment-reports .navigation mcourser-ui-button-group > button {
  background-color: var(--page-title-bar-header-nav-button-active-background-color);
  color: var(--page-title-bar-header-nav-button-active-color);
}
#assessment-reports .app-loading-wrapper {
  padding-top: 1.7857rem;
  height: 39.2857rem;
  text-align: center;
}
app-assessment-teacher-details {
  width: 100vw;
}
app-assessment-teacher-details section.content-section {
  min-height: 33.2143rem;
  padding: 1.7857rem;
}
app-assessment-teacher-details section.content-section div.spinner {
  margin: auto;
}
app-assessment-tests-teacher .action-menu {
  margin-top: 0.7143rem;
  height: 3.5714rem;
}
app-assessment-tests-teacher .action-menu .create-test-button {
  float: right;
}
app-assessment-tests-teacher #assignments-create-options .time-options-group {
  display: flex;
  flex-direction: column;
}
app-assessment-tests-teacher #assignments-create-options .time-options-group .time-option {
  margin-bottom: 0.3571rem;
}
#assessment-tests .page-content {
  padding: 1.7857rem;
}
#assessment-tests .page-content.loading-wrapper {
  height: 39.2857rem;
  text-align: center;
}
#assessment-tests .page-title-bar .close-btn {
  margin-right: 0.7143rem;
}
#assessment-tests .page-title-bar .navigation mcourser-ui-button-group > button {
  background-color: var(--page-title-bar-header-nav-button-active-background-color);
  color: var(--page-title-bar-header-nav-button-active-color);
}
app-assessment-user-historical-scores {
  width: 100%;
}
app-assessment-user-historical-scores div.spinner {
  display: flex;
}
app-assessment-user-historical-scores div.spinner app-loading {
  margin: auto;
}
app-assessment-user-historical-scores #assessment-report-class-wrapper {
  padding: 0 1.7857rem 1.7857rem 1.7857rem;
  width: auto;
}
app-assessment-user-historical-scores mat-cell:first-of-type,
app-assessment-user-historical-scores mat-header-cell:first-of-type,
app-assessment-user-historical-scores mat-footer-cell:first-of-type {
  padding: 0;
}
app-assessment-user-historical-scores mat-header-cell:first-of-type > div,
app-assessment-user-historical-scores mat-cell:first-of-type.summary-row-td > div {
  margin-left: 25%;
}
app-assessment-users-scores {
  width: 100%;
}
app-assessment-users-scores div.spinner {
  display: flex;
}
app-assessment-users-scores div.spinner app-loading {
  margin: auto;
}
app-assessment-users-scores #assessment-report-class-wrapper {
  padding: 0 1.7857rem 1.7857rem 1.7857rem;
  width: auto;
}
app-assessment-users-scores #assessment-report-class-wrapper .cdk-column-createdDate div span.cell-color {
  text-decoration: underline;
}
#assessment .page-title-bar .navigation button {
  margin-top: 0;
  margin-bottom: 0;
  color: var(--primary);
}
#assessment .page-title-bar .navigation button.active {
  color: var(--primary-content) !important;
  background-color: var(--primary) !important;
  border: 1px solid var(--primary) !important;
}
@media screen and (max-width: 37.5rem) {
  #assessment .page-title-bar .navigation button {
    margin-bottom: 0.2857rem;
  }
}
#assessment .page-title-bar mcourser-ui-button-group .mat-button-wrapper {
  color: var(--common-light-primary-text);
}
#assessment .content-section {
  display: flex;
  flex-wrap: wrap;
  padding-top: 1.7857rem;
}
app-create-new-assessment .full-width {
  width: 100%;
}
app-create-new-assessment .container-flex {
  display: flex;
  margin-top: -3.2143rem;
  margin-bottom: 1.0714rem;
  justify-content: flex-end;
}
app-create-new-assessment .container-flex button {
  margin-left: 0.7143rem;
}
app-create-new-assessment assignments-create-resources #assignments-create-resources {
  min-height: 28.5714rem;
}
app-create-new-assessment .mat-step-disabled #assignments-create-resources,
app-create-new-assessment .mat-step-disabled #assignments-create-assignees > div:first-child h2,
app-create-new-assessment .mat-step-disabled .details-form {
  pointer-events: none;
  opacity: 0.5;
  color: var(--common-grey-400);
}
app-create-new-assessment assignments-create-assignees #assignments-create-assignees .infoMessage {
  margin-left: 2.1429rem;
}
app-create-new-assessment .resources-loading-spinner {
  display: flex;
  justify-content: center;
  align-items: center;
}
app-create-new-assessment .resources-loading-spinner app-loading {
  display: flex;
  align-items: center;
  justify-content: center;
}
app-create-new-assessment .resources-loading-spinner app-loading .mdl-spinner {
  width: 1.2857rem;
  height: 1.2857rem;
}
app-create-new-assessment .resources-loading-spinner .mdl-spinner--single-color .mdl-spinner__layer-1 {
  border-color: var(--common-white);
}
app-create-new-assessment .resources-loading-spinner .mdl-spinner--single-color .mdl-spinner__layer-2 {
  border-color: var(--common-white);
}
app-create-new-assessment .resources-loading-spinner .mdl-spinner--single-color .mdl-spinner__layer-3 {
  border-color: var(--common-white);
}
app-create-new-assessment .resources-loading-spinner .mdl-spinner--single-color .mdl-spinner__layer-4 {
  border-color: var(--common-white);
}
app-create-printable-assessment .list-wrapper {
  padding: 0.5714rem;
  display: flex;
  justify-content: center;
  min-height: 17.8571rem;
}
app-create-printable-assessment .list-wrapper .options-list {
  display: flex;
  flex-direction: column;
  max-width: 42.8571rem;
  width: 100%;
}
app-create-printable-assessment .list-wrapper .options-list .description-text {
  margin-bottom: 2.5rem;
}
app-create-printable-assessment .list-wrapper .options-list .description-text > p {
  text-align: center;
}
app-create-printable-assessment .full-width {
  width: 100%;
}
app-create-printable-assessment .config-header {
  font-size: 1.86rem;
  padding: 1.1429rem;
}
app-navigation button#assessments-reports-button.mdl-button.mdl-js-button.reports:disabled {
  color: gray;
}
app-popup-score .popup-content {
  display: flex;
  flex-direction: column;
  width: auto;
  padding: 0 25%;
  align-items: flex-start;
  justify-content: center;
  margin-left: 20%;
}
app-popup-score .popup-content .manual-score {
  padding-top: 0.5714rem;
  display: flex;
  align-items: center;
}
app-popup-score .popup-content .automatic-score .score {
  margin-top: 0.3571rem;
}
app-popup-score .popup-content .automatic-score .score-value {
  float: right;
  margin-left: 6.7857rem;
}
app-popup-score .popup-content mat-form-field.manual-score {
  font-size: 1.07rem;
}
big-calendar-date mat-form-field.time {
  width: 2.2857rem;
}
big-calendar-date div.date {
  padding: 0.3571rem 0 0.3571rem 0.7143rem;
}
#news-calendar-component {
  background-color: var(--common-grey-100);
  position: relative;
}
#news-calendar-component div.overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 12;
  background-color: #f5f5f5bf;
}
#news-calendar-component div.overlay app-loading {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#news-calendar-component #calendar-component {
  padding: 0 0 1.4286rem 0.5714rem;
}
#news-calendar-component calendar div.cell {
  height: 12vh;
  width: 100%;
}
#news-calendar-component calendar div.cell mat-card {
  height: 100%;
  padding: 0;
  display: block;
  position: relative;
  cursor: pointer;
  user-select: none;
  border-radius: 0.3571rem;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
  overflow: auto;
}
#news-calendar-component calendar div.cell mat-card div.day {
  position: absolute;
  top: 0.1429rem;
  bottom: 0.1429rem;
  left: 0.1429rem;
  right: 0.1429rem;
  background-color: var(--common-white);
  transition: all 0.3s ease;
  border-radius: 4px;
  padding: 0.7143rem;
}
#news-calendar-component calendar div.cell mat-card div.day > div {
  display: inline-block;
  white-space: nowrap;
  padding: 0.1429rem 0 0 0.2143rem;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  font-size: 0.75rem;
}
#news-calendar-component calendar div.cell mat-card div.day > p {
  margin: 0 0 0.1429rem 0;
}
#news-calendar-component calendar div.cell mat-card div.selector {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 0.3571rem;
  background-color: rgba(0, 0, 0, 0);
  transition: all 0.5s ease;
}
#news-calendar-component calendar div.cell mat-card div.selector.selected {
  background-color: #2196f3de;
}
#news-calendar-component calendar div.cell mat-card div.selector.disabled {
  background-color: #e5e5e5cf;
  z-index: 10;
  transition: all 0.5s ease;
}
#news-calendar-component calendar div.cell mat-card.selected {
  background-color: #2196f3de;
}
#news-calendar-component calendar table {
  width: 100%;
}
#news-calendar-component calendar table tbody {
  overflow: hidden;
}
#news-calendar-component calendar table thead td div.cell {
  height: 1.4286rem;
  text-align: center;
  color: #afafaf;
}
#news-calendar-component calendar div div.lesson-day {
  text-align: left;
  font-size: 2.14rem;
  padding: 0.7143rem 0.3571rem 2.1429rem;
  color: #00000054;
  font-family: sans-serif;
}
#news-calendar-component calendar div div.day-buttons-container {
  padding: 0 0;
  font-size: var(--common-h4-font-size);
}
#news-calendar-component calendar div div.day-buttons-container i {
  transition: all 0.3s ease;
  color: #0000008f;
}
#news-calendar-component calendar div div.day-buttons-container i:hover {
  color: var(--common-black);
}
#news-calendar-component div.lesson-day {
  text-align: left;
  font-size: 2.14rem;
  padding: 0.7143rem 0.3571rem 0.7143rem;
  color: #00000054;
  font-family: sans-serif;
}
#news-calendar-component div.mdl-grid {
  padding: 20px 0 20px 0;
}
#news-calendar-component div.mdl-grid div.mdl-cell.single-day {
  margin: 0 0 0 1.1429rem;
}
#news-calendar-component div.mdl-grid div.mdl-cell.single-day > mat-card {
  min-height: 14.2857rem;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  background-color: #f7f7f7;
  border-radius: 0;
  overflow-y: auto;
}
#news-calendar-component div.mdl-grid div.mdl-cell.single-day > mat-card > div {
  padding: 0.7143rem;
}
#news-calendar-component div.popup-actions {
  border-top: 1px solid #ccc;
  height: 2.7143rem;
}
#news-calendar-component button {
  margin-bottom: 0.7143rem;
  font-weight: bold;
}
#news-calendar-component div.actions {
  width: 100%;
  text-align: right;
}
#news-calendar-component mat-card {
  margin-bottom: 0.7143rem;
  text-align: left;
  padding: 1.2143rem;
}
#news-calendar-component mat-card mat-card-header {
  align-items: center;
}
#news-calendar-component mat-card .mat-card-no-avatar .mat-card-header-text {
  margin-left: 0;
}
#news-calendar-component mat-card div.mat-card-avatar {
  background-size: cover;
  background-position: center center;
  margin-bottom: 0.2857rem;
}
#news-calendar-component mat-card div.ng-star-inserted {
  overflow-x: auto;
}
#news-calendar-component mat-card div.ng-star-inserted img {
  margin: 0.3571rem;
}
#news-calendar-component mat-card mat-card-title {
  margin-bottom: 0.7143rem;
}
#news-calendar-component mat-card mat-card-title h5 {
  margin: 0.8571rem 0.1429rem 0.5714rem 0.1429rem;
  display: inline-block;
}
#news-calendar-component mat-card mat-card-title h6 {
  margin: 0;
  display: inline-block;
  color: var(--common-dark-opacity-500);
}
#news-calendar-component mat-card mat-card-title button {
  position: absolute;
  top: 1.0714rem;
  right: 1.0714rem;
  color: var(--common-dark-opacity-500);
}
#news-calendar-component mat-card mat-card-content {
  position: relative;
}
#news-calendar-component mat-card mat-card-actions {
  border-top: 1px solid #ccc;
  text-align: right;
}
#news-calendar-component app-loading {
  margin: 0.3571rem 0;
}
#news-calendar-component div.buttons-loading {
  text-align: center;
  width: 100%;
}
div.newsboard-visibility div.popup-title {
  line-height: 1.2857rem;
  vertical-align: middle;
}
div.newsboard-visibility div.popup {
  border-radius: 0.7143rem;
  text-align: left;
}
div.newsboard-visibility mat-panel-title {
  line-height: 3.9286rem;
  height: 3.9286rem;
}
div.newsboard-visibility #visibility-basic mat-checkbox {
  margin: 0.8571rem 2.1429rem;
  display: flex;
}
div.newsboard-visibility app-loading {
  width: 100%;
  text-align: center;
}
div.newsboard-visibility div.content {
  overflow-y: hidden;
}
div.newsboard-visibility div.content mat-checkbox {
  width: 100%;
  display: block;
  border-top: 1px solid #ccc;
  padding: 0.8571rem 0;
}
div.newsboard-visibility div.content mat-checkbox label {
  padding-left: 2.5rem;
}
div.newsboard-visibility mat-checkbox.partially-checked div.mat-checkbox-background {
  background-color: var(--common-accent);
}
div.newsboard-visibility mat-icon {
  color: #afafaf;
}
div.newsboard-visibility .mat-expansion-panel-body {
  padding: 0;
}
div.newsboard-visibility div.visibility-input {
  color: #5d5d5d;
  margin: 0.7143rem 0 1.0714rem 0;
  padding: 0.2143rem;
  position: relative;
  height: 2.1429rem;
  cursor: pointer;
}
div.newsboard-visibility div.visibility-input span {
  position: absolute;
  left: 2.8571rem;
  right: 0.3571rem;
  border-bottom: 1px solid #ccc;
  height: 1.7857rem;
  padding-left: 0.1429rem;
  overflow: hidden;
}
div.newsboard-visibility div.visibility-input mat-icon {
  position: absolute;
  left: 0.3571rem;
}
div.newsboard-visibility div.options-container {
  padding: 0.3571rem 0.3571rem 0.3571rem 0.3571rem;
  overflow-y: auto;
  max-height: 50vh;
}
div.newsboard-visibility div.options-container .groups-title {
  font-size: 1.07rem;
  margin-top: 0.7143rem;
}
div.newsboard-visibility div.options-container .class-title {
  font-size: 1.07rem;
  margin-bottom: 0.7143rem;
}
#calendar-component {
  padding: 0.7143rem;
  position: relative;
}
#calendar-component .header-calendar {
  display: flex;
}
#calendar-component div > div.lesson-day {
  padding: 0.7143rem 0.3571rem;
  color: var(--common-black);
  font-size: 1.15rem;
  margin-right: auto;
}
#calendar-component div > div.day-buttons-container {
  top: 1.1429rem;
  right: 1.4286rem;
}
#calendar-component div > div.day-buttons-container > i {
  padding: 0 0.2857rem;
  cursor: pointer;
  user-select: none;
  color: var(--common-black);
}
#calendar-component table {
  width: 100%;
  flex: 1 1 auto;
  display: block;
}
#calendar-component table tbody {
  overflow: hidden;
  flex: 1 1 auto;
  display: block;
  min-width: 22rem;
  padding-top: 0.5rem;
}
#calendar-component table {
  display: flex;
  flex-flow: column;
  height: 100%;
  width: 100%;
}
#calendar-component thead {
  flex: 0 0 auto;
  display: table;
  width: 100%;
}
#calendar-component tbody tr {
  width: 100%;
}
#calendar-component thead,
#calendar-component table tbody tr {
  display: table;
  table-layout: fixed;
}
#calendar-component div.chip {
  text-align: center;
  border-radius: 50%;
  background-color: var(--common-white);
  color: var(--common-black);
  height: 2.5rem;
  width: 2.5rem;
  line-height: 2.8571rem;
  margin: auto;
  cursor: pointer;
  transition: all 0.3s ease;
  user-select: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
#calendar-component div.chip:hover {
  background-color: var(--common-grey-200);
}
#calendar-component div.chip.disabled {
  background-color: var(--common-white);
  color: #afafaf;
  cursor: pointer;
}
#calendar-component div.chip.header {
  background-color: var(--common-white);
  color: #afafaf;
  cursor: auto;
}
#calendar-component div.chip.selected {
  background-color: var(--calendar-today-background-color);
  color: var(--calendar-today-font-color);
}
#calendar-component div.chip.selected:hover {
  background-color: var(--common-primary);
}
#calendar-component div.chip.active {
  font-weight: bold;
  border-color: var(--calendar-event-date-border-color);
  border-width: var(--calendar-event-date-border-width);
  border-style: solid;
  box-sizing: border-box;
}
#calendar-component div.chip.highlighted {
  background-color: var(--calendar-selected-date-background-color);
  color: var(--calendar-selected-date-font-color);
  display: flex;
  align-items: center;
  justify-content: center;
}
#calendar-component td {
  border-width: 0;
}
#card-active .card-table-active {
  min-height: 28.5714rem;
  height: auto;
  padding-bottom: 2.2857rem;
}
#card-active section h2 {
  padding: 0.5714rem 1.7857rem 0 0.3571rem;
  margin: 0;
}
#card-active .section {
  padding: 0.5714rem 1.7857rem;
}
#card-active .card-active-bottom {
  padding-top: 0;
  padding-bottom: 0;
}
#card-active .card-active-bottom .mdl-cell {
  margin-top: 0;
  margin-bottom: 0;
}
#card-active .card-active-bottom .information-label {
  display: inline-block;
  float: right;
  line-height: 1.8571rem;
}
#card-active .card-active-bottom .information-label button {
  margin-top: 0.3571rem;
}
#card-active .card-active-bottom .icon-center {
  display: inline-block;
  float: left;
}
#card-active .card-active-bottom .icon-center span {
  display: block;
}
#card-archive section h2 {
  padding: 0.5714rem 1.7857rem 0 0.3571rem;
  margin: 0;
}
#card-archive .section {
  padding: 0.5714rem 1.7857rem;
}
#card-archive .card-table-archive {
  min-height: 28.5714rem;
  height: auto;
  padding-bottom: 2.2857rem;
}
#card-licenses section h2 {
  padding: 0.5714rem 1.7857rem 0 0.3571rem;
  margin: 0;
}
#card-licenses .section {
  padding: 0.5714rem 1.7857rem;
}
#card-licenses table.mdl-data-table {
  width: 100%;
}
#card-licenses .text-centered {
  text-align: center;
}
#card-licenses .information-label {
  display: inline-block;
  float: right;
  line-height: 1.8571rem;
  margin-bottom: 1.1429rem;
}
#card-licenses .information-label button {
  margin-top: 0.3571rem;
}
#card-licenses .card-licences-content {
  padding-bottom: 0;
}
#card-licenses .card-licences-content .mat-form-field-infix {
  width: 25.7143rem;
}
#card-licenses .card-table-licences {
  padding-bottom: 2.2857rem;
}
#card-licenses .mdl-cell {
  padding-top: 0;
  margin-top: 0;
}
#card-licenses .mdl-cell .licence-course-list {
  padding: 0;
  margin: 0;
}
#card-licenses .mdl-cell .licence-button {
  padding: 0;
  margin: 0;
  flex: auto;
}
@media (max-width: 52.4375rem) {
  #card-licenses .mdl-cell .licence-button .information-label {
    float: left;
    margin-top: 0.3571rem;
  }
}
#card-licenses .mdl-grid {
  padding-top: 0;
}
#card-licenses .mdl-grid .licence {
  padding: 0;
}
#card-licenses .max-page-height {
  height: auto;
  min-height: 28.5714rem;
}
card-table #card-table table.mdl-data-table {
  width: 100%;
}
card-table #card-table .content-to-right {
  padding-right: 1.2857rem;
  text-align: right;
}
card-table #card-table .text-centered {
  text-align: center;
  margin: 2.8571rem 0;
}
card-table #card-table p {
  margin-bottom: 2.1429rem;
}
card-table #card-table .mdl-grid {
  padding-top: 0;
}
.school-admin-certificate-edit .page-content {
  padding: 1.7857rem;
  background-color: var(--common-white);
}
.school-admin-certificate-edit .page-title-bar .page-title-bar__header .navigation {
  margin: 0;
}
.school-admin-certificate-edit .options-list {
  margin-bottom: 1.7143rem;
}
.school-admin-certificate-edit .actualize-button {
  float: right;
  margin: 0.5714rem 0;
}
.school-admin-certificate-edit .container {
  display: flex;
  flex-direction: row;
}
.school-admin-certificate-edit .container certificate-preview {
  margin-left: 2.8571rem;
}
.school-admin-certificate-edit .container .table-container {
  min-width: 42.8571rem;
  margin-top: 4.6429rem;
}
.school-admin-certificate-edit .container .table-container table {
  width: 100%;
}
.school-admin-certificate-edit .container .table-container table mat-form-field {
  width: 100%;
}
#manage-admin-certificates-view .page-content {
  padding: 1.7857rem;
  background-color: var(--common-white);
}
#manage-admin-certificates-view .page-title-bar .page-title-bar__header .navigation {
  margin: 0;
}
.manage-school-admin-certificates-view .page-content {
  padding: 1.7857rem;
  background-color: var(--common-white);
}
.manage-school-admin-certificates-view .header-title {
  display: flex;
  align-items: center;
}
.manage-school-admin-certificates-view .refresh-button {
  float: right;
  margin: 0.5714rem 0;
}
#assigned-students-table .empty-list-info {
  text-align: center;
}
#connections-no-login-view {
  height: 100%;
}
#connections-nav .disabled {
  color: grey;
}
:host {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
:host .student-menu.back-button {
  margin: auto 0;
}
:host .title-wrapper {
  margin-right: auto;
  display: flex;
  flex-direction: column;
}
:host .subtitle {
  font-size: 1rem;
  line-height: 1.4286rem;
  letter-spacing: normal;
}
#connections-card-header {
  width: 100%;
}
.mat-menu-content nav connections-nav {
  width: 100%;
}
.mat-menu-content nav connections-nav #connections-nav a {
  width: 100%;
  padding: 0;
}
.mat-menu-content nav connections-nav #connections-nav a:not(.active-mdl-button):hover {
  background-color: var(--page-title-bar-header-nav-button-hover-background-color);
}
.mat-menu-content nav buttons-nav-context-menu:hover {
  background-color: var(--page-title-bar-header-nav-button-hover-background-color);
}
app-dashboard div.page-content {
  min-height: 40.7143rem;
}
app-dashboard div.page-content .radius-border {
  border-radius: 4px;
}
app-dashboard .chat-wrapper {
  min-height: 57vh;
  max-height: 57vh;
}
#student-details-info {
  width: 100%;
  max-width: 42.8571rem;
  margin: 0 auto;
}
#student-details-info h2 {
  margin-top: 0;
  padding-top: 1.4286rem;
}
#student-details-info mat-card {
  background: var(--common-grey-100);
  box-shadow: none;
  border-radius: 0;
}
#student-details-info .student-details-info-subsection {
  padding-left: 1.4286rem;
}
#student-details-info .thumbnail-icon {
  font-size: 12.8571rem;
}
#student-details-photo {
  display: block;
  margin-top: 0.7143rem;
  margin-bottom: 0.7143rem;
  border-radius: 0.2857rem;
  padding: 0.2857rem;
  border: 1px solid #ddd;
}
#my-students {
  overflow: hidden;
}
#my-students .page-content {
  padding-left: 1.125rem;
  padding-right: 1.125rem;
}
#my-students .page-title-bar mcourser-ui-button-group > button.mat-raised-button {
  background-color: var(--page-title-bar-header-nav-button-active-background-color);
  color: var(--page-title-bar-header-nav-button-active-color);
}
.my-students::-webkit-scrollbar {
  display: none;
}
.my-students {
  -ms-overflow-style: none;
}
app-connections-header div.page-title-bar__header {
  display: flex;
}
app-connections-header div.page-title-bar__header h1 {
  line-height: 4rem;
}
app-connections-header div.page-title-bar__header div.sub-items {
  display: flex;
  align-items: center;
}
app-connections-header div.page-title-bar__header div.tabs {
  margin-left: auto;
}
app-connections-header button.button__back {
  margin-right: 1.2857rem;
}
@media (max-width: 480px) {
  app-connections-header .page-title-bar > .page-title-bar__header .button__back {
    width: 2.6rem;
    height: 2.6rem;
    margin-right: 0.5rem;
  }
  app-connections-header .page-title-bar > .page-title-bar__header .button__back .mat-button-wrapper {
    padding: 0;
  }
  app-connections-header .page-title-bar > .page-title-bar__header .tabs > mcourser-ui-button-group > button {
    padding: 0 0 0 0.5rem;
    width: min-content;
    min-height: 2.6rem;
    align-items: center;
    line-height: 1.5rem;
    text-wrap: wrap;
  }
  app-connections-header .page-title-bar > .page-title-bar__header .tabs > mcourser-ui-button-group > button .mat-button-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
}
#recipients-search::placeholder {
  color: var(--common-dark-opacity-800);
}
#my-students {
  overflow: hidden;
}
#my-students .page-content {
  padding-left: 1.125rem;
  padding-right: 1.125rem;
}
#my-students .page-title-bar mcourser-ui-button-group > button.mat-raised-button {
  background-color: var(--page-title-bar-header-nav-button-active-background-color);
  color: var(--page-title-bar-header-nav-button-active-color);
}
@media (max-width: 1024px) {
  #connections-nav {
    overflow: hidden;
  }
}
.my-students::-webkit-scrollbar {
  display: none;
}
.my-students {
  -ms-overflow-style: none;
}
.my-teachers .send-invitation-label {
  margin-bottom: 0 !important;
  /* TODO: remove important */
}
.my-teachers .app-join-to-group {
  margin-top: 2.0714rem;
  margin-bottom: 0;
}
#my-private-class-students-assignments .page-content {
  min-height: 32.1429rem;
  padding: 0.5714rem;
}
#my-private-class-students-assignments .table-wrapper {
  padding: 0.5714rem;
}
#my-private-class-students-course-details {
  background: var(--common-grey-100);
}
#my-private-class-students-course-details .courses-expand {
  width: 100%;
}
#my-private-class-students-course-details .page-content {
  min-height: 32.1429rem;
  padding: 0.5714rem;
}
#my-private-class-students-course-details .my-private-classes-courses-expand {
  padding: 1.1429rem;
}
#my-private-class-students-course-details .my-private-classes-courses-expand .header-with-actions {
  align-items: flex-start;
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
}
#my-private-class-students-course-details .my-private-classes-courses-expand .header-with-actions h5 {
  margin-top: 0;
}
#my-private-class-students-course-details .my-private-classes-courses-expand .header-with-actions .header-color-score-legend {
  margin-bottom: 1rem;
}
#my-private-class-students-courses {
  background: var(--common-grey-100);
}
#my-private-class-students-courses div.table-wrapper {
  width: 100%;
  padding: 0.2857rem;
}
#my-private-class-students-courses app-loading {
  padding: 7.1429rem 0;
}
#my-private-class-students-courses .page-content {
  min-height: 32.1429rem;
  padding: 0.5714rem;
}
#my-private-class-students-courses .centered {
  text-align: center;
  margin: auto;
}
@media (max-width: 100rem) {
  #private-class-edit .mdl-group-edit {
    width: calc(100% - 1.1429rem);
  }
}
#my-students .btn-with-right-margin {
  margin-right: 1.0714rem;
}
#my-students .btn-courses {
  margin: 0 1.2143rem 0 0.1429rem;
}
#my-students .text-align {
  text-align: right;
}
#my-students .mdl-data-table td {
  border-top: 0;
  border-bottom: 0;
}
#my-students .class-name-cell {
  max-width: 21.4286rem;
  overflow-wrap: anywhere;
}
#my-students .mdl-data-table tr {
  border-top: 1px solid var(--common-dark-opacity-100);
  border-bottom: 1px solid var(--common-dark-opacity-100);
}
#my-students .virtual-classroom-button {
  white-space: normal;
  vertical-align: middle;
}
@media screen and (min-width: 88.875rem) {
  #my-students .virtual-classroom-button {
    min-width: 17.8571rem;
  }
}
@media screen and (max-width: 88.8125rem) {
  #my-students .btn-desc {
    display: none;
  }
  #my-students .virtual-classroom-button {
    min-width: 3.5714rem;
  }
  #my-students .virtual-classroom-button span span {
    display: none;
  }
  #my-students .dashboard-button > span span {
    display: none;
  }
}
@media screen and (max-width: 65.6875rem) {
  #my-students .btn-actions-column {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    height: 100%;
    align-items: center;
  }
  #my-students .btn-courses,
  #my-students .btn-with-right-margin {
    margin: 0;
  }
  #my-students .text-align {
    text-align: center;
  }
}
#my-student-courses .my-student-courses-header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}
#my-student-courses .my-student-courses-title {
  margin-top: 0;
}
#my-student-courses .my-student-color-score-legend {
  margin-bottom: 1rem;
}
#my-student-courses {
  background: var(--common-grey-100);
}
#my-student-courses div.table-wrapper {
  width: 100%;
  padding: 0.2857rem;
}
#my-student-courses .app-loading {
  padding: 7.1429rem 0;
}
#my-student-courses .page-content {
  min-height: 32.1429rem;
  padding: 0.5714rem;
}
#my-groups .mat-cell,
#my-groups .mat-header-cell {
  overflow-wrap: anywhere;
}
#my-groups .mat-cell:last-child,
#my-groups .mat-header-cell:last-child {
  flex-grow: 2;
  flex-flow: wrap;
  max-width: 40rem;
}
#my-groups .mat-cell:last-child .mat-button,
#my-groups .mat-header-cell:last-child .mat-button {
  white-space: initial;
}
#my-groups .mat-cell.justify-center-text,
#my-groups .mat-header-cell.justify-center-text {
  display: flex;
  justify-content: center;
}
#my-groups mat-table {
  box-shadow: none;
  width: 100%;
  border: 1px solid var(--common-dark-opacity-100);
}
#my-groups .page-content {
  min-height: 32.1429rem;
  padding: 0.5714rem;
}
#my-groups .mat-cell-id {
  max-width: 4.5714rem;
}
#my-groups .mat-row,
#my-groups .mat-header-row {
  column-gap: 0.4rem;
}
#my-groups .mat-row .mat-column-actions {
  justify-content: flex-end;
  display: flex;
}
#my-groups .centered {
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 150ch) {
  #my-groups .mat-cell:last-child,
  #my-groups .mat-header-cell:last-child {
    max-width: 15rem;
  }
  #my-groups .btn-desc {
    display: none;
  }
  #my-groups .virtual-classroom-button {
    min-width: 3.5714rem;
  }
  #my-groups .virtual-classroom-button span span {
    display: none;
  }
  #my-groups .dashboard-button > span span {
    display: none;
  }
  #my-groups app-join-to-group button {
    height: auto;
  }
}
@media screen and (max-width: 80ch) {
  #my-groups .mat-row,
  #my-groups .mat-header-row {
    column-gap: 1rem;
  }
  #my-groups .placeholder-smallWidth {
    max-width: 4rem;
  }
  #my-groups .mat-header-cell:last-child {
    max-width: 4rem;
  }
  #my-groups .mat-cell:last-child {
    flex-direction: column;
    max-width: 4rem;
  }
}
app-student-results div.spinner-wrapper {
  display: block;
  width: 100%;
  height: 60px;
}
app-student-results div.spinner-wrapper app-loading {
  margin: auto;
}
#unassigned-students-table .mdl-textfield {
  width: 15.7143rem;
}
#unassigned-students-table .empty-list-info {
  text-align: center;
}
#unassigned-students-table .search-button {
  margin: 0.7143rem;
}
#courses-assignments-main .data-table-info .state-data {
  padding-top: 0;
  padding-bottom: 0;
}
#courses-assignments-main .data-table-info .state-data .status-info:hover {
  background: transparent;
}
#main-wrapper {
  background-color: var(--common-grey-100);
}
.uco-editor #main-wrapper {
  background-color: white;
}
#custom-dashboard-create-new-widget div.cd-new-widget-loading-wrapper {
  padding-top: 16px;
}
#main-wrapper {
  background-color: var(--common-grey-100);
}
.uco-editor #main-wrapper {
  background-color: white;
}
#custom-dashboard-edit-widget div.cd-edit-widget-loading-wrapper {
  padding-top: 16px;
}
#custom-dashboard-widget-details-form small.max-length-validation-error {
  color: #ff0000;
}
#custom-dashboard-widget-details-form input.mat-input-element {
  margin-bottom: 5px;
}
#custom-dashboard-widget-details-form .mat-form-field {
  display: block;
}
#custom-dashboard-widget-details-form small {
  font-size: 1rem;
}
#custom-dashboard-widget-details-form form {
  background-color: white;
  padding: 16px;
  margin: 16px auto 16px;
  width: 50%;
  font-size: 20px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);
}
#custom-dashboard-widget-details-form form mat-form-field {
  width: 100%;
}
#custom-dashboard-widget-details-form form .cd-widget-form-btn-wrapper {
  display: flex;
  justify-content: right;
}
app-custom-dashboard-form mat-form-field {
  margin-top: 16px;
  display: block;
}
app-custom-dashboard-list .custom-dashboard-list {
  width: 100%;
}
app-custom-dashboard-list .custom-dashboard-list .cd-list-width-max {
  width: 100%;
}
app-custom-dashboard-list .custom-dashboard-list mat-icon.cd-list-header-icon {
  vertical-align: bottom;
}
app-custom-dashboard-list .custom-dashboard-list .cd-list-info-icon {
  transform: scale(0.85);
}
app-custom-dashboard-main .custom-dashboard-main-component {
  min-height: 500px;
}
app-custom-dashboard-main .custom-dashboard-main-component .cd-main-widget-wrapper {
  margin: 0 10px;
}
app-custom-dashboard-main .custom-dashboard-main-component .cd-main-parent {
  width: calc(100% - 1.5rem);
  padding: 20px 10px;
  display: flex;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 20px 0;
  grid-auto-flow: row;
  grid-template-areas: 'column-1 column-2 column-3';
}
@media screen and (max-width: 1274px) {
  app-custom-dashboard-main .custom-dashboard-main-component .cd-main-parent {
    display: block;
    width: calc(100% - 20px);
  }
}
app-custom-dashboard-main .custom-dashboard-main-component .cd-main-column-1 {
  grid-area: column-1;
}
app-custom-dashboard-main .custom-dashboard-main-component .cd-main-column-2 {
  grid-area: column-2;
  width: 100%;
}
app-custom-dashboard-main .custom-dashboard-main-component .cd-main-column-3 {
  grid-area: column-3;
}
app-custom-dashboard-main .custom-dashboard-main-component .cd-main-widget-width {
  min-width: 26rem;
}
app-custom-dashboard-main .custom-dashboard-main-component mcourser-base-widget > .mat-card.mat-focus-indicator.widget > mat-card-content > div > ng-component,
app-custom-dashboard-main .custom-dashboard-main-component mcourser-base-widget > .mat-card.mat-focus-indicator.widget > mat-card-content > div.container,
app-custom-dashboard-main .custom-dashboard-main-component mcourser-base-widget > .mat-card.mat-focus-indicator.widget > mat-card-content > div mat-card {
  padding: 0.7143rem;
  margin: 0;
  display: block;
}
app-custom-dashboard-main .custom-dashboard-main-component mcourser-base-widget > .mat-card.mat-focus-indicator.widget > mat-card-content > div.container:is(div.container) {
  width: auto;
}
app-custom-dashboard-main .custom-dashboard-main-component mcourser-base-widget > .mat-card.mat-focus-indicator.widget > mat-card-content > div.container > iframe {
  height: calc(100% - 20px);
}
app-icon {
  display: inline-block;
  height: 1.7143rem;
  width: 1.7143rem;
  vertical-align: middle;
}
app-icon .mat-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.publisher-panel-site-management__management-wrapper {
  max-width: 100%;
  overflow-x: auto;
}
.site-management-table {
  width: 100%;
}
.site-management-table .table-edit-input {
  width: 100%;
}
.site-management-table .upload-button {
  float: right;
}
.site-management-table .refresh-button {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-bottom: 0;
}
:host {
  display: block;
  height: fit-content;
}
mat-card.dashboard-card {
  padding: 0;
  width: 100%;
}
mat-card.dashboard-card .mat-card-header-text {
  margin: 0;
  width: 100%;
}
mat-card.dashboard-card header {
  background-color: var(--dashboard-card-header-background-color);
  color: var(--dashboard-card-header-color);
  height: var(--dashboard-card-header-height);
  width: calc(100% - 1rem);
  padding: 0 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
mat-card.dashboard-card header .title {
  display: flex;
  align-items: center;
  gap: 0.7143rem;
}
mat-card.dashboard-card header .title .centered {
  display: flex;
  align-items: center;
  justify-content: center;
}
mat-card.dashboard-card header .title h5 {
  margin: 0;
  font-size: var(--dashboard-card-header-font-size);
  font-weight: var(--dashboard-card-header-font-weight);
}
mat-card.dashboard-card article {
  box-sizing: border-box;
  padding: 0.5rem;
}
.dashboard-nav .page-title-bar {
  padding: 1.4286rem 1.4286rem;
  height: 3.15rem;
}
mat-card.notifications-list {
  padding: 0;
}
mat-card.notifications-list .mat-card-header {
  width: 100%;
  background-color: var(--dashboard-card-header-background-color);
  height: var(--dashboard-card-header-height);
  color: var(--dashboard-card-header-color);
}
mat-card.notifications-list .mat-card-header mat-card-title app-icon {
  display: flex;
  align-items: center;
}
mat-card.notifications-list .card-header {
  display: flex;
  align-items: center;
  height: 100%;
}
mat-card.notifications-list .row-icon-desc {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-top: 0.5714rem;
}
mat-card.notifications-list .mat-card-content {
  min-height: 4.2857rem;
}
mat-card.notifications-list .row-unread {
  background-color: var(--common-accent-opacity-500);
}
mat-card.notifications-list mat-table {
  min-height: 25rem;
}
mat-card.notifications-list mat-table mat-row {
  cursor: pointer;
}
mat-card.notifications-list .notification-name {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
mat-card.notifications-list .notification-name .text {
  margin-left: 0.7143rem;
  margin-right: 0.7143rem;
}
mat-card.notifications-list .notification-name .date {
  margin-left: auto;
}
#dashboard_main_dashboard .page-content {
  padding: 0.7rem 0.7rem 1.7rem 0.7rem;
  height: 100%;
}
#dashboard_main_dashboard .page-content div.lists-container {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
}
#dashboard_main_dashboard .horizontal-alignment {
  padding-top: 0.7143rem;
}
#dashboard_main_dashboard #dashboard_grid_container {
  display: grid;
  grid-template-columns: 24.65rem auto 24.6429rem;
  grid-template-rows: auto;
  grid-gap: 0.7rem 0.7rem;
  grid-template-areas: 'groups notifications calendar' 'groups notifications calendar' 'groups notifications calendar';
}
#dashboard_main_dashboard #dashboard_grid_container #dashboard_groups {
  grid-area: groups;
  padding-top: 0.7143rem;
}
#dashboard_main_dashboard #dashboard_grid_container #dashboard_groups.hide-groups-column {
  display: none;
}
#dashboard_main_dashboard #dashboard_grid_container #dashboard_notifications {
  grid-area: notifications;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  gap: 0.7rem;
}
#dashboard_main_dashboard #dashboard_grid_container #dashboard_notifications .title {
  padding-left: 10px;
}
@media (max-width: 900px) {
  #dashboard_main_dashboard #dashboard_grid_container #dashboard_notifications .title {
    padding-top: 12px;
  }
}
@media (max-width: 900px) {
  #dashboard_main_dashboard #dashboard_grid_container #dashboard_notifications header {
    height: 100%;
    flex-direction: column;
  }
}
#dashboard_main_dashboard #dashboard_grid_container #dashboard_notifications .action {
  display: flex;
}
@media (max-width: 900px) {
  #dashboard_main_dashboard #dashboard_grid_container #dashboard_notifications .action {
    flex-direction: column;
  }
}
#dashboard_main_dashboard #dashboard_grid_container #dashboard_calendar {
  grid-area: calendar;
}
#dashboard_main_dashboard #dashboard_grid_container.two-columns {
  grid-template-columns: auto 24.6429rem;
  grid-template-areas: 'notifications calendar' 'notifications calendar' 'notifications calendar';
}
@media (max-width: 1200px) {
  #dashboard_main_dashboard #dashboard_grid_container {
    grid-template-columns: auto;
    grid-template-areas: 'notifications notifications' 'notifications notifications' 'groups calendar';
  }
  #dashboard_main_dashboard #dashboard_grid_container.two-columns {
    grid-template-columns: auto;
    grid-template-areas: 'notifications notifications' 'notifications notifications' 'calendar calendar';
  }
  #dashboard_main_dashboard #dashboard_grid_container #dashboard_groups {
    max-width: calc(100vw - 1.4rem);
    padding-top: 0;
  }
}
@media (max-width: 900px) {
  #dashboard_main_dashboard #dashboard_grid_container {
    grid-template-columns: auto;
    grid-template-areas: 'notifications' 'notifications' 'groups' 'calendar';
  }
  #dashboard_main_dashboard #dashboard_grid_container.two-columns {
    grid-template-columns: auto;
    grid-template-areas: 'notifications' 'notifications' 'calendar';
  }
  #dashboard_main_dashboard #dashboard_grid_container #dashboard_groups {
    max-width: calc(100vw - 1.4rem);
    padding-top: 0.7143rem;
  }
}
.card-header .card-header-title {
  font-size: var(--dashboard-card-header-font-size);
  font-weight: var(--dashboard-card-header-font-weight);
  color: var(--dashboard-card-header-color);
  margin: 0 0.7143rem;
}
mat-card.groups-list {
  padding: 0;
  width: 24.6429rem;
  margin-bottom: 1.1429rem;
}
@media screen and (max-width: 79.625rem) {
  mat-card.groups-list {
    width: 100%;
  }
}
mat-card.groups-list .mat-card-header {
  width: 100%;
  background-color: var(--dashboard-card-header-background-color);
  height: var(--dashboard-card-header-height);
  color: var(--dashboard-card-header-color);
  cursor: pointer;
}
mat-card.groups-list .mat-card-content {
  max-height: 13rem;
  overflow-x: auto;
}
mat-card.groups-list .app-loading-wrapper {
  padding: 1.0714rem 0;
}
mat-card.groups-list .card-header {
  display: flex;
  align-items: center;
  height: 100%;
}
mat-card.groups-list .mat-card-content.container-is-empty {
  display: flex;
  align-items: center;
  justify-content: center;
}
mat-card.groups-list mat-list-item div {
  display: flex;
  width: 100%;
  align-items: center;
  cursor: pointer;
}
mat-card.groups-list mat-list-item div .subject-name {
  width: 50%;
}
mat-card.groups-list mat-list-item div .subject-actions {
  flex: 1;
}
mat-card.groups-list mat-row {
  cursor: pointer;
}
mat-card.groups-list mat-row .subject-cell {
  font-size: 1.15rem;
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
}
mat-card.groups-list mat-row .mat-cell-actions:last-of-type {
  padding-right: 0.5714rem;
}
mat-card.groups-list mat-row .mat-cell-actions .bt-action:first-of-type {
  margin-left: auto;
}
mat-card.groups-list mat-row .mat-cell-actions app-virtual-class-button {
  margin-left: auto;
}
mat-card.groups-list .focus-invisible {
  outline: none;
  min-height: min-content;
}
mat-card.groups-list .last-group {
  border: none;
}
mat-card.groups-list .center-div {
  min-height: 4.2857rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
#last-lessons-container {
  font-size: 1.15rem;
  font-family: var(--common-font-family);
}
#last-lessons-container .lesson-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 3.3rem;
  padding-left: 2rem;
  padding-right: 2rem;
}
#last-lessons-container .lesson-wrapper .lesson-link {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  text-decoration: none;
}
#last-lessons-container .lesson-wrapper .lesson-link .lesson-title {
  color: var(--common-table-cell-color);
}
#last-lessons-container .lesson-wrapper:not(:last-child) {
  border-bottom: rgba(0, 0, 0, 0.12) solid 1px;
}
@media screen and (min-width: 900px) and (max-width: 1200px) {
  #last-lessons-container .lesson-wrapper .lesson-wrapper {
    justify-content: flex-start;
  }
  #last-lessons-container .lesson-wrapper .lesson-wrapper .lesson-link {
    width: 20rem;
  }
}
#last-lessons-container .empty-list-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#last-lessons-container .empty-list-wrapper .empty-list-message {
  padding: 1.5rem 2rem 1.5rem 2rem;
  text-align: center;
}
#last-lessons-container .empty-list-wrapper .mcourser-base-raised-button {
  width: fit-content;
  margin-bottom: 1.5rem;
}
#last-lessons-container .lesson-wrapper:hover {
  cursor: pointer;
}
mat-card.subjects-list {
  padding: 0;
  width: 24.6429rem;
  margin-bottom: 1.1429rem;
}
@media screen and (max-width: 79.625rem) {
  mat-card.subjects-list {
    width: 100%;
    margin-bottom: 0;
  }
}
mat-card.subjects-list .mat-card-header {
  width: 100%;
  background-color: var(--dashboard-card-header-background-color);
  height: var(--dashboard-card-header-height);
  color: var(--dashboard-card-header-color);
  cursor: pointer;
}
mat-card.subjects-list .app-loading-wrapper {
  padding: 1.0714rem 0;
}
mat-card.subjects-list .card-header {
  display: flex;
  align-items: center;
  height: 100%;
}
mat-card.subjects-list .mat-card-content.container-is-empty {
  display: flex;
  align-items: center;
  justify-content: center;
}
mat-card.subjects-list mat-list-item div {
  display: flex;
  width: 100%;
  align-items: center;
  cursor: pointer;
}
mat-card.subjects-list mat-list-item div .subject-name {
  width: 50%;
}
mat-card.subjects-list mat-list-item div .subject-actions {
  flex: 1;
}
mat-card.subjects-list mat-row {
  cursor: pointer;
}
mat-card.subjects-list mat-row .subject-cell {
  font-size: 1.15rem;
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
}
mat-card.subjects-list mat-row .mat-cell-actions:last-of-type {
  padding-right: 0.5714rem;
}
mat-card.subjects-list mat-row .mat-cell-actions .bt-action:first-of-type {
  margin-left: auto;
}
mat-card.subjects-list mat-row .mat-cell-actions app-virtual-class-button {
  margin-left: auto;
}
mat-card.subjects-list .focus-invisible {
  outline: none;
  min-height: min-content;
}
mat-card.subjects-list .last-subject {
  border: none;
}
mat-card.subjects-list .center-ico {
  padding-left: 1.7857rem;
}
mat-card.subjects-list .center-div {
  min-height: 4.2857rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
add-page .flex-container {
  display: flex;
  flex-direction: column;
}
add-page .form-field {
  width: 21.4286rem;
}
add-page button {
  margin: 0 0.5714rem 0 auto;
}
add-page .buttons-right {
  float: right;
  margin-bottom: 1.4286rem;
}
add-page textarea {
  width: 100%;
  margin-bottom: 0.3571rem;
}
add-page .url {
  margin-bottom: 1.0714rem;
  margin-top: 1.0714rem;
}
add-page .language {
  margin-bottom: 2.1429rem;
  margin-top: 1.0714rem;
}
docs-export .page-content {
  margin-top: 50px;
  align-items: center;
  display: flex;
  flex-direction: column;
}
docs-export #documentation-export-button {
  margin-top: 50px;
  margin-bottom: 50px;
}
docs-import .page-content {
  margin-top: 50px;
  align-items: center;
  display: flex;
  flex-direction: column;
}
docs-import #documentation-import-button {
  margin-top: 50px;
  margin-bottom: 50px;
}
documentation .documentation-content {
  min-height: 40vh;
  background-color: var(--common-white);
}
documentation .title {
  font-size: 1.43rem;
  font-weight: bold;
}
documentation .structure-section {
  border-right: 1px solid var(--common-grey-300);
  min-height: 35vh;
}
edit-page .url {
  margin-bottom: 1.0714rem;
  margin-top: 1.0714rem;
}
edit-page .language {
  margin-bottom: 2.1429rem;
  margin-top: 1.0714rem;
}
edit-page .flex-container {
  display: flex;
  flex-direction: column;
}
edit-page .form-field {
  width: 21.4286rem;
}
edit-page button {
  margin: 0 0.5714rem 0 auto;
}
edit-page .buttons-right {
  float: right;
  margin-bottom: 1.4286rem;
}
edit-page textarea {
  width: 100%;
  margin-bottom: 0.3571rem;
}
edit-page .url {
  margin-bottom: 1.0714rem;
  margin-top: 1.0714rem;
}
edit-page .language {
  margin-bottom: 2.1429rem;
  margin-top: 1.0714rem;
}
edit-page .loading-content {
  min-height: 7.1429rem;
  display: flex;
  justify-content: center;
}
edit-toc .page-content {
  display: flex;
  align-items: center;
  justify-content: center;
}
edit-toc .placeholder {
  background-color: var(--common-grey-300);
}
edit-toc .save-button {
  float: right;
}
edit-toc .item-container {
  min-height: 2.8571rem;
  border: 1px solid var(--common-grey-300);
  border-bottom: 0.1429rem;
  background-color: var(--common-white);
  padding: 0;
  position: relative;
}
edit-toc ul {
  cursor: pointer;
  list-style-type: none;
}
edit-toc .row {
  background-color: var(--common-white);
}
edit-toc .toc-column {
  width: 48%;
  min-width: 25rem;
}
edit-toc .column-separator {
  width: 4%;
}
edit-toc .toc-content {
  width: 60%;
}
edit-toc .save-button {
  margin-bottom: 1.4286rem;
}
edit-toc .app-loading {
  display: flex;
  justify-content: center;
}
edit-toc .list-header {
  text-align: center;
}
load-file .wiki-file-no-image {
  height: 5.7143rem;
  position: relative;
}
load-file .not-image-info {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
load-file .load-file-button {
  float: right;
  margin-bottom: 1.4286rem;
  margin-top: 1.4286rem;
}
load-img {
  margin-bottom: 5rem;
}
load-img .flex-box {
  display: flex;
  flex-direction: column;
}
load-img .file-button {
  margin-right: 0.7143rem;
}
load-img .form-field {
  width: 100%;
}
load-link {
  margin-bottom: 5rem;
}
load-link .flex-box {
  display: flex;
  flex-direction: column;
}
load-link .file-button {
  margin-right: 0.7143rem;
}
load-link .form-field {
  width: 100%;
}
preview-page .flex-container {
  display: flex;
  flex-direction: column;
}
preview-page .form-field {
  width: 25rem;
}
preview-page button {
  margin: 0 0.5714rem 0 auto;
}
preview-page .buttons-right {
  float: right;
  margin-bottom: 1.4286rem;
}
preview-page textarea {
  width: 100%;
  margin-bottom: 0.3571rem;
}
preview-page .title {
  font-size: 1.43rem;
  font-weight: bold;
}
.toc-list-item li {
  list-style-type: none;
}
.toc-list-item .line-separator {
  border-bottom: 1px solid var(--common-grey-300);
  position: absolute;
  width: 100%;
  left: 0;
}
.toc-list-item a {
  text-decoration: none;
  color: var(--common-black);
}
.toc-list-item .material-icons {
  color: #bdbdbd;
}
.toc-list-item .row {
  padding: 0.5rem 2.1429rem 0.5rem 2.1429rem;
  display: flex;
  align-items: center;
}
.toc-list-item .container-left {
  flex: 50%;
}
.toc-list-item .container-right {
  display: flex;
  align-items: center;
}
.toc-list-item .page-title {
  word-break: break-word;
}
#teacher__buttons {
  width: 100%;
  display: flex;
  flex-direction: column;
}
#teacher__buttons .margin-y--16px {
  margin: 1.1429rem 0;
}
#teacher__buttons .buttons--wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1.1429rem 0;
}
#teacher__buttons .buttons--wrap .mdl-button {
  margin: 0 0.8571rem;
  padding: 1.0714rem;
  box-shadow: 0 2px 2px 0 rgb(0 0 0%), 0 3px 1px -2px rgb(0 0 0%), 0 1px 5px 0 rgb(0 0 0%);
}
@media (max-width: 480px) {
  #teacher__buttons .buttons--wrap > .seller-button {
    display: flex;
    align-items: center;
    height: auto;
    min-height: 2.5714rem;
    line-height: 1.5rem;
    padding: 0 0.5rem;
  }
}
#holidays-edit .app-loading-wrapper {
  padding: 4.5714rem 0;
  text-align: center;
}
#holidays-edit .fetching-wrapper {
  margin-top: 0.5714rem;
}
#holidays-edit .mdl-card-grid {
  width: calc(100% - 1.1429rem);
}
#holidays-edit .modified-hint {
  color: #dcc61c;
}
gradebook-lesson-item .mat-form-field-infix {
  width: initial;
}
gradebook-student-avatar-contacts div.container {
  min-width: 15.7143rem;
  width: 100%;
  height: 100%;
}
gradebook-student-avatar-contacts div.container div.avatar-container {
  padding: 0.5714rem;
  float: left;
}
gradebook-student-avatar-contacts div.container div.avatar-container div.avatar {
  border-radius: 50%;
  background-size: cover;
  background-position: center center;
  width: 2.5714rem;
  height: 2.5714rem;
  background-repeat: no-repeat;
}
gradebook-student-avatar-contacts div.container div.user-info-container {
  float: left;
  width: 8.2143rem;
  min-width: 8.2143rem;
  display: table;
  height: 3.7143rem;
}
gradebook-student-avatar-contacts div.container div.user-info-container p {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  white-space: normal;
  word-break: break-word;
}
gradebook-student-avatar-contacts div.container div.contact-container {
  float: right;
  padding: 0.7143rem;
}
gradebook-student-avatar-contacts div.container div.contact-container i.material-icons {
  cursor: pointer;
  user-select: none;
  animation: fadein 0.2s;
}
gradebook-student-avatar-contacts div.container button.mdl-menu__item {
  width: 100%;
}
gradebook-student-avatar-contacts div.container app-loading {
  margin-left: auto;
  margin-right: auto;
  width: 2rem;
  height: 2rem;
  display: block;
}
#substitution-lesson-plan .lesson-plan-item {
  cursor: pointer;
}
#substitution-lesson-plan .popup__content > div {
  margin-bottom: 1.4286rem;
}
#substitution-lesson-plan .popup__content > mat-select {
  display: block;
}
#substitution-lesson-plan .app-loading-wrapper {
  padding-top: 1.4286rem;
  text-align: center;
}
#substitution-lesson-plan .page-content {
  min-height: 40.4286rem;
}
#substitution-lesson-plan table.data-table-info {
  margin: 0;
}
#app-loading {
  position: fixed;
  top: calc(50% - 1rem);
  left: calc(50% - 1rem);
}
#app-loading .mdl-spinner {
  margin: 0 auto;
  display: block;
}
#app-loading img {
  display: block;
}
/* HOME:: DESCRIPTIONS */
section.descriptions {
  display: block;
  overflow: auto;
  /* HOME:: DESCRIPTIONS - MCOURSER */
}
section.descriptions .descriptions__mcourser {
  max-width: 73.1429rem;
  margin: 0 auto;
  padding: 1.7857rem 0;
  text-align: left;
}
section.descriptions .descriptions__mcourser .descriptions__mcourser-logo img {
  margin: 0 auto;
  display: block;
}
section.descriptions .descriptions__mcourser h1 {
  font-size: 1.29rem;
}
@media screen and (max-width: 64rem) {
  section.descriptions .descriptions__mcourser {
    padding: 1.7857rem 0.5714rem;
  }
}
.iframe-embedment-communication-wrapper-full-width {
  height: 100%;
}
#admin_panel_header {
  padding: 1rem 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.7rem;
  background: var(--common-white);
  border-bottom: 1px solid var(--common-grey-300);
}
#admin_panel_header h2 {
  margin: 0;
  font-size: 35px;
}
#admin_panel_header .row-spacer {
  flex: 1 auto;
}
#admin_panel_important_message_form #grid_container {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
  grid-row-gap: 0.7rem;
  grid-column-gap: 0.7rem;
  grid-template-areas: 'title title title title' 'profileTypes profileTypes profileTypes profileTypes' 'content content content content' 'content content content content' 'actions actions actions actions';
}
#admin_panel_important_message_form #title {
  grid-area: title;
  padding: 1.7rem 0.7rem 0 0.7rem;
  display: flex;
  gap: 0.7rem;
}
#admin_panel_important_message_form #profile_types {
  grid-area: profileTypes;
  padding: 0 0.7rem;
}
#admin_panel_important_message_form #content {
  grid-area: content;
  padding: 0.7rem;
  display: flex;
  gap: 0.7rem;
}
#admin_panel_important_message_form #content tiny-mce {
  width: 100%;
}
#admin_panel_important_message_form #errors {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.25rem;
  padding: 0.7rem;
}
#admin_panel_important_message_form #errors ul {
  list-style-type: none;
  margin: 0;
  padding-left: 0;
}
#admin_panel_important_message_form #errors .error {
  padding: 0.7rem;
  color: #b71c1c;
  background: #ffcdd2;
}
#admin_panel_important_message_form #errors .error p {
  margin: 0;
}
#admin_panel_important_message_form #actions {
  grid-area: actions;
  padding: 0.7rem;
  display: flex;
  align-items: center;
  gap: 0.7rem;
}
#admin_panel_important_message_form .mat-form-field-wrapper {
  padding-bottom: 0 !important;
}
#admin_panel_important_message_form button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.7rem;
  font-weight: 700;
}
.cdk-overlay-container .cdk-overlay-connected-position-bounding-box .cdk-overlay-pane .mat-select-panel-wrap .mat-select-panel.mat-primary.profile-type-select {
  min-width: calc(100% + 1rem) !important;
  margin-left: 0.4rem;
}
@media (min-width: 1250px) {
  .cdk-overlay-container .cdk-overlay-connected-position-bounding-box .cdk-overlay-pane .mat-select-panel-wrap .mat-select-panel.mat-primary.profile-type-select {
    margin-left: 2rem;
  }
}
#admin_panel_upload_image {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  max-width: 20rem;
  min-width: 20rem;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  background: var(--common-grey-200);
  border-radius: 0.5rem;
}
#admin_panel_upload_image header {
  width: calc(100% - 1rem);
  padding: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--common-grey-300);
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
#admin_panel_upload_image header section {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
#admin_panel_upload_image header section h4 {
  margin: 0;
  padding: 0;
  max-width: 11rem;
  font-size: 1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#admin_panel_upload_image header section .mat-button-toggle-group {
  height: 32px;
  align-items: center;
}
#admin_panel_upload_image header section .mat-button-toggle-group .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  padding: 0;
}
#admin_panel_upload_image header button {
  width: 30px;
  height: 30px;
}
#admin_panel_upload_image #not_uploaded_box {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
#admin_panel_upload_image img {
  margin: 0.5rem;
  box-sizing: border-box;
  object-fit: contain;
  max-width: calc(20rem - 1rem);
}
#admin_panel_upload_image input {
  display: none;
}
#admin_panel_upload_image button {
  display: flex;
  justify-content: center;
  align-items: center;
}
mat-card.dashboard-card {
  padding: 0;
  width: 100%;
}
mat-card.dashboard-card .mat-card-header-text {
  margin: 0;
  width: 100%;
}
mat-card.dashboard-card header {
  background-color: var(--dashboard-card-header-background-color);
  color: var(--dashboard-card-header-color);
  height: var(--dashboard-card-header-height);
  width: calc(100% - 1rem);
  padding: 0 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.7rem;
}
mat-card.dashboard-card header .title {
  display: flex;
  align-items: center;
  gap: 0.7143rem;
}
mat-card.dashboard-card header .title .centered {
  display: flex;
  align-items: center;
  justify-content: center;
}
mat-card.dashboard-card header .title h5 {
  margin: 0;
  font-size: var(--dashboard-card-header-font-size);
  font-weight: var(--dashboard-card-header-font-weight);
}
mat-card.dashboard-card article {
  box-sizing: border-box;
  padding: 0 0.5rem 0.5rem 0.5rem;
}
.important-message-content {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  width: 100%;
  padding: 0.5rem;
  gap: 0.7rem;
  box-sizing: border-box;
}
.important-message-content .row-spacer {
  flex: 1 auto;
}
.important-message-content article {
  display: flex;
  flex-direction: column;
  max-width: 100%;
}
.important-message-content article h1,
.important-message-content article h2,
.important-message-content article h3,
.important-message-content article h4,
.important-message-content article h5,
.important-message-content article h6,
.important-message-content article p {
  padding: 0 !important;
  margin-top: 0 !important;
}
.important-message-content img {
  max-width: 30%;
  object-fit: contain;
}
.important-message-content--reverse-row-order {
  flex-direction: row-reverse;
}
@media (max-width: 800px) {
  .important-message-content {
    flex-direction: column !important;
  }
  .important-message-content img {
    max-width: 100% !important;
  }
}
.mdl-card__wrapper {
  text-align: left;
}
.mdl-card__title .course-card__title-wrapper {
  width: 100%;
}
.mdl-card__title .course-card__title-wrapper .mdl-card__title-text {
  height: 5.5rem;
  width: calc(100% + 5.5rem);
  line-height: unset !important;
}
.mdl-card__title .course-card__title-wrapper .mdl-card__title-text mcourser-ui-card-link {
  width: 100%;
}
.mdl-card__title .course-card__title-wrapper .mdl-card__subtitle-text {
  height: 2.5rem;
}
#library-main-card-course .mdl-card__title {
  height: 10.5rem;
  overflow: hidden;
}
#library-main-card-course .mdl-card__title .course-card__title-wrapper .mdl-card__title-text {
  height: 7.15rem;
}
#library-main-card-course .mdl-card__title .course-card__title-wrapper .mdl-card__subtitle-text {
  height: 1.5rem;
}
#library-main-card-course .mdl-card__supporting-text.card-text {
  margin-bottom: 0.6rem;
}
#new-message .sending-file-and-audio-panel {
  display: flex;
  align-items: center;
  gap: 1rem;
}
#new-message .w-100 {
  width: 100%;
}
#new-message .d-flex {
  display: flex;
}
#new-message .margin-b-0 {
  margin-bottom: 0;
}
#new-message .margin-t-0 {
  margin-top: 0;
}
#new-message .padding-t-0 {
  padding-top: 0;
}
#new-message .flex-column {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
#new-message .position-relative {
  position: relative;
}
#new-message #progressbar_is_adding_users {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
}
#new-message #empty_recipient {
  padding: 0.2857rem 0.5714rem !important;
}
@media (max-width: 550px) {
  #messenger #new-message .send-message-from {
    height: fit-content;
    display: flex;
    flex-direction: column;
    padding-bottom: 1rem;
  }
  #messenger #new-message .mdl-textfield {
    padding-bottom: 0;
  }
  #messenger #new-message .grid > #message_panel > .sending-file-and-audio-panel {
    width: 100%;
  }
  #messenger #new-message .grid > #message_panel > .sending-file-and-audio-panel upload-file > base-upload-file > .mdl-button {
    margin-left: 0;
  }
  #messenger #new-message .grid > #message_panel > .sending-file-and-audio-panel mcourser-base-audio-recorder > .media-recorder-wrapper > .media-recorder-interface-wrapper {
    padding: 0;
  }
  #messenger #new-message .grid > #message_panel > .sending-file-and-audio-panel mcourser-base-audio-recorder > .media-recorder-wrapper > .media-recorder-interface-wrapper mcourser-ui-audio-timer > .media-recorder-timer {
    margin: 0;
  }
}
.messenger-paragraph-dialog-container .dialog-content {
  padding: 0.7143rem;
  align-items: center;
}
.messenger-paragraph-dialog-container .btn-close-dialog {
  float: right;
  margin: 1rem;
}
.messenger-paragraph-dialog-container .page-content-loader {
  display: flex;
  width: 100%;
  height: 39.7143rem;
}
.messenger-paragraph-dialog-container .page-content-loader app-loading {
  margin: auto;
}
#messenger-received {
  min-height: 32.1429rem;
}
#messenger-received button.active-mdl-button {
  background-color: var(--common-grey-100);
}
#messenger-received .empty-collection-info {
  text-align: center;
  line-height: 16.0714rem;
  height: 16.0714rem;
}
.messenger-view-wrapper .audio-recorder-wrapper {
  display: inline-block;
  vertical-align: bottom;
  margin-left: 1rem;
}
.metadata-structures-collection-list-table-index {
  width: 3.6rem;
}
.metadata-structures-collection-list-table-title {
  width: calc(65% - 18.8rem);
}
.metadata-structures-collection-list-table-company-name {
  width: calc(35% - 18.8rem);
}
.metadata-structures-collection-list-table-searchable,
.metadata-structures-collection-list-table-reportable,
.metadata-structures-collection-list-table-tags_view {
  width: 8rem;
  display: flex;
  justify-content: center;
}
.metadata-structures-collection-list-table-preview {
  width: 10rem;
}
#metadata-structures-collection-list {
  overflow: hidden;
}
#metadata-structures-collection-list .page-content {
  padding: 1.125rem;
}
#popup-gradebook-grade mat-form-field {
  width: 100%;
}
#popup-gradebook-serial-presence-edit .statistics {
  margin-top: 1.1429rem;
  margin-bottom: 1.1429rem;
}
#popup-gradebook-serial-presence-edit .statistics .title {
  font-weight: bold;
}
#popup-gradebook-serial-presence-edit .loading-indicator {
  padding-top: 2.2857rem;
}
.attendance-table-container .gradebook-student-holiday-table .holiday-column {
  background-color: #eaeae0;
  vertical-align: top;
  border: none;
  border-right: 1px solid #c3c3c3;
  border-left: 1px solid #c3c3c3;
}
.attendance-table-container .gradebook-student-holiday-table .holiday-name {
  font-weight: bold;
  font-size: 1rem;
  margin-top: 1.7143rem;
  margin-bottom: 1.1429rem;
}
my-school-classes-container a.virtual-classroom-button {
  display: none;
  width: 9em;
  white-space: normal;
  line-height: 1.5em;
  vertical-align: middle;
  visibility: hidden;
}
@media screen and (max-width: 65.6875rem) {
  my-school-classes-container .my-classes__table {
    max-width: calc(100vw - 3.4286rem);
    overflow-x: auto;
  }
  my-school-classes-container .mdl-data-table tbody tr,
  my-school-classes-container .mdl-data-table tbody td {
    height: auto;
  }
}
@media (max-width: 480px) {
  my-school-classes-container .my-classes__table {
    max-width: 100%;
  }
}
#my-school-no-login-view {
  height: 100%;
}
.mat-menu-content student-details-nav-menu .navigation {
  flex-direction: column;
}
.mat-menu-content student-details-nav-menu .navigation buttons-nav-item {
  width: 100%;
}
.mat-menu-content student-details-nav-menu .navigation buttons-nav-item button {
  width: 100%;
}
.mat-menu-content student-details-nav-menu .navigation buttons-nav-item button:hover {
  background-color: var(--page-title-bar-header-nav-button-hover-background-color);
}
#my-school-gradebook-sylabuses .my-school-name h2 {
  margin-left: 0;
}
#my-school-gradebook-sylabuses .page-title-bar .page-title-bar__header {
  height: 4.57rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#my-school-gradebook-sylabuses .page-title-bar .page-title-bar__header .page-title-bar__title-container {
  display: flex;
  flex-direction: row;
}
#my-school-gradebook-sylabuses .page-title-bar .page-title-bar__header .page-title-bar__title-container .my-school-name {
  margin-left: 0.7143rem;
}
#my-school-gradebook-sylabuses .page-title-bar .page-title-bar__header .page-title-bar__title-container .my-school-name h1 {
  margin-left: 0;
}
#my-school-gradebook-sylabuses .page-title-bar .page-title-bar__header .page-title-bar__title-container .subject-name {
  margin-top: 0;
}
#my-school-gradebook-sylabuses .page-title-bar .page-title-bar__header my-school-gradebook-nav {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
}
#my-school-gradebook-sylabuses .page-content .classes-table {
  width: 100%;
}
#my-school-gradebook-sylabuses .page-content .classes-table .empty-table {
  text-align: center;
}
#my-school-gradebook-sylabuses .page-content .classes-table tr {
  height: 4.6429rem;
}
#my-school-gradebook-sylabuses .page-content .classes-table th.lesson-subject {
  width: 100%;
}
#my-school-gradebook-sylabuses .page-content .sylabus-select {
  width: 100%;
}
#my-school-gradebook-sylabuses .page-content .sylabus-select:focus-visible {
  outline: #000 2px solid;
  box-shadow: 0 0 0 3px #fff;
}
#my-school-gradebook-teacher-attendance .page-title-bar .page-title-bar__header {
  height: 4.57rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#my-school-gradebook-teacher-attendance .page-title-bar .page-title-bar__header .page-title-bar__title-container {
  display: flex;
  flex-direction: row;
}
#my-school-gradebook-teacher-attendance .page-title-bar .page-title-bar__header .page-title-bar__title-container .my-school-name {
  margin-left: 0.7143rem;
}
#my-school-gradebook-teacher-attendance .page-title-bar .page-title-bar__header .page-title-bar__title-container .my-school-name h1 {
  margin-left: 0;
}
#my-school-gradebook-teacher-attendance .page-title-bar .page-title-bar__header .page-title-bar__title-container .subject-name {
  margin-top: 0;
}
#my-school-gradebook-teacher-attendance .page-title-bar .page-title-bar__header my-school-gradebook-nav {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
}
#my-school-gradebook-teacher-attendance .page-content .attendance-table-container .teacher-attendance-holiday-table .holiday-column {
  background-color: #eaeae0;
  vertical-align: top;
  border: none;
  border-right: 1px solid #c3c3c3;
  border-left: 1px solid #c3c3c3;
}
#my-school-gradebook-teacher-attendance .page-content .attendance-table-container .teacher-attendance-holiday-table .holiday-name {
  font-weight: bold;
  font-size: 1rem;
  margin-top: 1.7143rem;
  margin-bottom: 1.1429rem;
}
#my-school-gradebook-teacher-attendance .page-content .attendance-table-container table.data-table-info tbody > tr:hover > td.index-cell {
  background-clip: padding-box;
}
#my-school-gradebook-teacher-attendance .page-content .attendance-table-container td.user-cell {
  padding: 0;
}
my-school-header-class div.school-name-container div.my-school-name {
  margin-left: 0;
}
my-school-header-class div.school-name-container div.my-school-name h1 {
  line-height: 2.5714rem;
}
my-school-header-class div.school-name-container div.my-school-name div.sub-items {
  display: flex;
  align-items: center;
}
my-school-header-class div.school-name-container div.my-school-name div.sub-items span.separator {
  display: none;
}
my-school-header-class div.school-name-container div.my-school-name div.sub-items .sub-item + .sub-item .separator {
  display: initial;
}
my-school-header-class div.school-name-container div.my-school-name div.sub-items span.sub-item {
  margin-right: 0.3571rem;
}
my-school-header-class div.school-name-container div.my-school-name div.sub-items span.sub-item.sub-item-icon {
  display: flex;
  align-items: center;
}
#my-school-my-classes-accesses .app-loading-wrapper {
  padding-top: 1.1429rem;
}
#my-school-my-classes-accesses .small-column {
  width: 2.1429rem;
}
#my-school-my-classes-accesses .cancel-button {
  margin-right: 0.3571rem;
}
#my-school-my-classes-accesses .collection-row {
  cursor: pointer;
}
.attendance .page-content .attendance-table-container .my-classess-attendance-table .username-cell-header {
  width: 15%;
}
.attendance .page-content .attendance-table-container .my-classess-attendance-table .username-cell-value {
  text-align: left;
  padding-left: 2.2857rem;
}
.attendance .page-content .attendance-table-container .my-classess-attendance-table .edit-serial-excuses-button {
  color: grey;
  border-left: none;
}
.attendance .page-content .attendance-table-container .my-classess-attendance-table .holiday-column {
  background-color: #eaeae0;
  vertical-align: top;
  border: none;
  border-right: 1px solid grey;
}
.attendance .page-content .attendance-table-container .my-classess-attendance-table .holiday-name {
  font-weight: bold;
  font-size: 1rem;
  margin-top: 1.7143rem;
  margin-bottom: 1.1429rem;
}
.attendance .page-content .attendance-table-container .mdl-data-table tbody tr:hover {
  background: none;
}
.attendance .page-content app-popup-gradebook-serial-presence-edit .popup-mask .popup {
  /*table {
                    margin-bottom: 2.2857rem;
                }*/
}
.attendance .page-content app-popup-gradebook-serial-presence-edit .popup-mask .popup .popup-title {
  font-size: 1.72rem;
}
.attendance .page-content app-popup-gradebook-serial-presence-edit .popup-mask .popup .popup-content p {
  margin-bottom: 1.7143rem;
}
.attendance .page-content app-popup-gradebook-serial-presence-edit .popup-mask .popup .popup-content .input-container {
  margin-right: 1.1429rem;
}
.my-school-my-classes-certificates-connector .page-content {
  min-height: 44.8571rem;
}
.my-school-my-classes-certificates-connector .page-content .certificate-title {
  display: flex;
  align-items: center;
}
.my-school-my-classes-certificates-connector .page-content .table-container {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.my-school-my-classes-certificates-connector .page-content .table-container table {
  width: 100%;
}
.my-school-my-classes-certificates-connector .page-content .save-button {
  margin-top: 1.4286rem;
}
#my-school-my-classes-parent-codes .small-column {
  width: 2.1429rem;
}
#my-school-my-classes-parent-codes .app-loading-wrapper {
  padding-top: 1.1429rem;
}
.parents-table {
  width: 100%;
  margin: 0.5714rem 0;
}
my-school-my-classes-teacher-nav {
  display: flex;
  align-items: center;
}
.mat-menu-content student-details-nav-menu .navigation {
  flex-direction: column;
}
.mat-menu-content student-details-nav-menu .navigation buttons-nav-item {
  width: 100%;
}
.mat-menu-content student-details-nav-menu .navigation buttons-nav-item button {
  width: 100%;
}
.mat-menu-content student-details-nav-menu .navigation buttons-nav-item button:hover {
  background-color: var(--page-title-bar-header-nav-button-hover-background-color);
}
.navigation {
  display: flex;
  align-items: center;
}
.navigation mcourser-ui-button-group .my-school-subtab-nav {
  margin-right: 0.5rem;
}
@media (max-width: 37.5rem) {
  .navigation mcourser-ui-button-group button {
    line-height: 1.5rem;
    min-height: 36px;
  }
}
.navigation mcourser-ui-button-group button span {
  text-wrap: nowrap;
}
@media (max-width: 37.5rem) {
  .navigation mcourser-ui-button-group button span {
    font-weight: normal;
    text-wrap: initial;
  }
}
@media (max-width: 480px) {
  .navigation mcourser-ui-button-group > button {
    min-width: 2.6rem;
    width: min-content;
    padding: 0 0 0 0.4rem;
  }
  .navigation mcourser-ui-button-group > button .mat-button-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .navigation .school-admin-menu-btn {
    padding: 0;
    min-width: 2.6rem;
    width: 2.6rem;
  }
  .navigation .more-options-btn {
    width: 1.5rem;
  }
}
.mat-menu-content my-school-nav-tabs .navigation {
  flex-direction: column;
}
.mat-menu-content my-school-nav-tabs .navigation button {
  width: 100%;
}
.mat-menu-content my-school-nav-tabs .navigation button:hover {
  background-color: var(--page-title-bar-header-nav-button-hover-background-color);
}
@media screen and (max-width: 480px) {
  .page-title-bar__header > my-school-nav {
    padding-left: 0.5rem;
  }
}
#my-school-news button.back-button {
  float: left;
}
#grade-scale .grade-scale-title {
  display: flex;
  align-items: center;
}
#grade-scale table.sylabus-topics-table {
  max-width: 100%;
  table-layout: fixed;
}
#grade-scale table.sylabus-topics-table thead th.hours-cell {
  width: 7.1429rem;
}
#grade-scale table.sylabus-topics-table thead th.button-cell {
  width: 5.7143rem;
}
#grade-scale table.sylabus-topics-table tbody div.topic-name {
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}
#grade-scale table.sylabus-list td.button-cell a:first-of-type {
  margin-right: 0.7143rem;
}
@media (max-width: 480px) {
  #grade-scale .page-content > .mdl-grid > .mdl-cell--8-col {
    width: 100%;
  }
  #grade-scale .page-content > .mdl-grid > .mdl-cell--8-col form {
    overflow-x: auto;
  }
}
#my-subject-dashboard {
  height: 100%;
}
#my-subject-dashboard .page-content {
  height: 100%;
}
#my-subject-dashboard button.back-button {
  float: left;
}
#my-subject-dashboard #subject-class__home > div > div.mdl-cell.mdl-cell--3-col.clean-left-margin {
  margin-left: 0.5714rem;
}
#mySubjects {
  height: 100%;
}
#mySubjects .table-wrapper {
  width: auto;
  padding: 0.8571rem 0 1.7143rem 0;
  margin: 0 1.2857rem;
  overflow-x: auto;
  height: auto;
}
#mySubjects mat-table {
  box-shadow: none;
  width: 100%;
  border: 1px solid var(--common-dark-opacity-100);
}
#mySubjects .page-content {
  height: 100%;
}
#mySubjects .mat-cell-id {
  max-width: 4.5714rem;
}
#mySubjects .mat-row,
#mySubjects .mat-header-row {
  gap: 1rem;
}
#mySubjects .mat-cell:not(:last-of-type),
#mySubjects .mat-cell:not(:last-of-type) span {
  word-break: break-word;
}
#mySubjects .mat-column-actions {
  justify-content: flex-end;
  flex-shrink: 0;
}
#mySubjects .mat-column-actions,
#mySubjects .mat-column-actions > button,
#mySubjects .mat-column-actions > span,
#mySubjects .mat-column-actions .btn-desc {
  white-space: normal;
}
#mySubjects .mat-cell-teachers {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 150ch) {
  #mySubjects .mat-column-actions {
    flex-wrap: wrap;
    flex-grow: 2;
    max-width: 40rem;
  }
}
@media screen and (min-width: 220ch) {
  #mySubjects .mat-column-actions {
    flex-grow: 1;
  }
}
@media screen and (max-width: 150ch) {
  #mySubjects .mat-column-actions {
    max-width: 15rem;
  }
  #mySubjects .btn-desc {
    display: none;
  }
  #mySubjects .virtual-classroom-button {
    min-width: 3.5714rem;
  }
  #mySubjects .virtual-classroom-button span span {
    display: none;
  }
  #mySubjects .dashboard-button > span span {
    display: none;
  }
}
@media screen and (max-width: 90ch) {
  #mySubjects .mat-column-actions {
    flex-direction: column;
    max-width: 4rem;
  }
}
app-student-results div.spinner-wrapper {
  display: block;
  width: 100%;
  height: 60px;
}
app-student-results div.spinner-wrapper app-loading {
  margin: auto;
}
app-view-code-class-join div.page-content {
  min-height: 35.7143rem;
}
app-view-code-class-join div.page-content div.main-column {
  display: flex;
}
app-view-code-class-join div.page-content div.main-column div.box {
  margin: auto;
  max-width: 30%;
  min-width: 25%;
}
app-view-code-class-join div.page-content div.main-column div.box h2 {
  font-family: var(--common-font-family);
  font-size: 1.7143rem;
  line-height: 2.2857rem;
  margin: 1.7143rem 0 1.1429rem;
}
app-view-code-class-join div.page-content div.main-column div.box div.input-container {
  display: flex;
  align-items: center;
  flex: 1 1 0;
}
app-view-code-class-join div.page-content div.main-column div.box div.input-container mat-form-field {
  width: 100%;
  padding: 0 1.7143rem;
}
app-view-code-class-join div.page-content div.main-column div.box div.input-container button {
  margin-left: auto;
}
app-view-code-class-join .header-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.about-us-view {
  height: 100%;
}
.about-us-view .logo {
  display: flex;
  justify-content: center;
}
.about-us-view .about-us .learn-more {
  text-align: center;
  font-weight: bold;
  font-size: 1.15rem;
}
div#librus {
  width: 100%;
  min-height: 500pt;
}
div#librus div.container {
  padding-top: 10.7143rem;
  padding-bottom: 15.7143rem;
  font-family: var(--common-font-family);
}
div#librus div.card {
  width: 73.1429rem;
  min-height: 21.4286rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 98%;
  font-size: 1.29rem;
  color: var(--common-black);
  font-family: var(--common-font-family);
  font-weight: 400;
}
div#librus a {
  color: var(--common-primary);
  text-decoration: none;
}
div#librus div.mdl-card__title > h2.mdl-card__title-text {
  font-size: 1.29rem;
  color: var(--common-black);
  font-family: var(--common-font-family);
}
div#librus div.card > .mdl-card__supporting-text {
  font-size: 1.15rem;
  color: var(--common-black);
  font-family: var(--common-font-family);
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: -0.02em;
  padding: 1.4286rem;
}
#publisher-collection-details .page-title-bar > .page-title-bar__header > .left-menu {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#publisher-collection-details .page-title-bar > .page-title-bar__header > .left-menu h1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: 1.8rem;
  line-height: 2.1rem;
  font-weight: var(--mycontent-toc-header-title-font-weight);
}
@media (max-width: 37.5rem) {
  #publisher-collection-details .page-title-bar > .page-title-bar__header > .left-menu h1 {
    font-size: 1.5rem;
    line-height: 1.7rem;
  }
}
@media (max-width: 26.3rem) {
  #publisher-collection-details .page-title-bar > .page-title-bar__header > .left-menu h1 {
    font-size: 1.3rem;
    line-height: 1.5rem;
  }
}
#publisher-collection {
  height: 100%;
}
#publisher-collection .display-type-button {
  float: left;
  margin-left: 0.3571rem;
}
#publisher-collection .right-menu {
  float: right;
  display: flex;
  align-items: center;
}
#publisher-collection .page-content {
  height: 100%;
}
#publisher-collection .page-title-bar > .page-title-bar__header > .left-menu {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#publisher-collection .page-title-bar > .page-title-bar__header > .left-menu h1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: 1.8rem;
  line-height: 2.1rem;
  font-weight: var(--mycontent-toc-header-title-font-weight);
}
@media (max-width: 37.5rem) {
  #publisher-collection .page-title-bar > .page-title-bar__header > .left-menu h1 {
    font-size: 1.5rem;
    line-height: 1.7rem;
  }
}
@media (max-width: 26.3rem) {
  #publisher-collection .page-title-bar > .page-title-bar__header > .left-menu h1 {
    font-size: 1.3rem;
    line-height: 1.5rem;
  }
}
#publisher-add-sample-lesson .page-title-bar {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
}
#publisher-add-sample-lesson .page-title-bar .title {
  margin: 0;
  padding: 0;
  display: block;
}
#publisher-add-sample-lesson .wrapper {
  padding: 1.7857rem;
  min-height: 830px;
}
#publisher-add-sample-lesson .wrapper .file-input {
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  padding: 20px 0;
  gap: 20px;
}
#publisher-add-sample-lesson .wrapper .file-input input {
  display: none;
}
#publisher-add-sample-lesson .wrapper .icon {
  max-height: 200px;
}
#publisher-add-sample-lesson .wrapper .table-container {
  height: 500px;
}
#publisher-add-sample-lesson .wrapper .table-container table {
  display: flex;
  flex-flow: column;
  height: 100%;
  width: 100%;
}
#publisher-add-sample-lesson .wrapper .table-container table thead {
  flex: 0 0 auto;
  width: calc(100% - 0.9em);
}
#publisher-add-sample-lesson .wrapper .table-container table tbody {
  flex: 1 1 auto;
  display: block;
  overflow-y: scroll;
}
#publisher-add-sample-lesson .wrapper .table-container table tbody tr {
  width: 100%;
}
#publisher-add-sample-lesson .wrapper .table-container table thead,
#publisher-add-sample-lesson .wrapper .table-container table tbody tr {
  display: table;
  table-layout: fixed;
}
#publisher-add-sample-lesson .wrapper .table-container table thead .sample,
#publisher-add-sample-lesson .wrapper .table-container table tbody tr .sample {
  width: 50px;
  max-width: 50px;
}
#publisher-add-sample-lesson .wrapper .table-container table thead .id,
#publisher-add-sample-lesson .wrapper .table-container table tbody tr .id {
  width: 200px;
  max-width: 200px;
}
#publisher-add-sample-lesson .wrapper .save-button {
  margin: 20px 0;
}
app-publisher-collection-select-badges-for-grade-scale #publishers-collection-select-badges-for-grading-scale {
  min-width: 1450px;
}
#publisher-collection-styles-dialog {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
#publisher-collection-styles-dialog #name-input {
  margin-bottom: 1.4286rem;
}
#publisher-collection-styles-dialog #cancel-button {
  margin-left: 2.8571rem;
}
#publisher-collection-styles-dialog #text-area {
  width: 80%;
  height: 28.5714rem;
  border: 1px solid var(--common-grey-700);
}
#publisher-collection-styles-dialog #buttons {
  display: flex;
  margin-top: 1.4286rem;
}
.table {
  width: 50rem;
}
#requests-sandbox-config .requests-sandbox-form {
  display: flex;
  justify-content: center;
}
#requests-sandbox-config .requests-sandbox-form mat-form-field {
  width: 42.8571rem;
}
#requests-sandbox-config .actions {
  display: flex;
  justify-content: center;
}
app-toc-role-settings div.options-wrapper {
  display: flex;
  justify-content: space-around;
}
app-toc-role-settings div.options-wrapper span.title {
  width: 10%;
  line-height: 4.0714rem;
  padding: 1.2143rem 0;
}
app-toc-role-settings div.options-wrapper form {
  display: flex;
  width: 75%;
  justify-content: space-around;
}
app-toc-role-settings div.options-wrapper form mat-checkbox {
  line-height: 4.0714rem;
  padding: 1.2143rem 0;
}
app-toc-role-settings div.options-wrapper form mat-form-field {
  width: 25%;
  line-height: 1.7857rem;
}
app-toc-roles-settings mat-card {
  margin-bottom: 0.7143rem;
}
app-regulations-settings-date-picker {
  display: contents;
}
app-regulations-settings-date-picker mat-label {
  margin-right: 0.5714rem;
}
app-regulations-settings-date-picker {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: auto;
}
app-regulations-settings-date-picker .mat-form-field {
  max-width: 32rem;
}
#regulations-settings .page-title-bar {
  padding: 1.3571rem 1.4286rem;
}
#regulations-settings .regulations-settings-form {
  width: 100%;
  margin: 0 auto;
}
#regulations-settings .regulations-settings-form .button-save {
  text-align: center;
}
#regulations-settings p {
  padding: 1.0714rem 1.0714rem 0.5714rem;
  margin: 0.7143rem 0 0 0;
  border-top: 1px solid var(--common-grey-300);
  min-width: 100%;
  color: var(--common-grey-700);
  font-weight: bold;
  font-size: 0.9rem;
}
#regulations-settings .scrollable-table {
  overflow-x: auto;
  padding-bottom: 1.5rem;
}
#regulations-settings .scrollable-table table {
  width: 100%;
}
#regulations-settings .scrollable-table table td {
  padding: 0.5rem;
}
#regulations-settings .scrollable-table table .mat-column-author_of_changes,
#regulations-settings .scrollable-table table .mat-column-new_regulations_start_date {
  width: 12rem;
}
#regulations-settings .scrollable-table table .mat-column-operations {
  max-width: 2rem;
}
#regulations-settings .scrollable-table table td.mat-column-operations {
  max-width: 2rem;
  text-align: center;
  vertical-align: middle;
}
.tab-configuration {
  min-height: 35.7143rem;
  padding: 1.4286rem;
}
.tab-configuration .config-from {
  width: 80%;
  margin: 0 auto;
}
.tab-configuration .config-from .mat-form-field-short-number {
  width: 7.1429rem;
  margin: 0 0.7143rem;
  text-align: center;
}
.tab-configuration .config-from .fields-center {
  display: flex;
  align-items: center;
}
.tab-configuration .config-from .space {
  width: 1.4286rem;
}
.tab-configuration .config-from .field-label {
  width: 15rem;
}
.tab-configuration .config-from .select-margin {
  margin-left: 0.7143rem;
}
.tab-configuration .config-from .from-field {
  margin-left: 0.7143rem;
}
.tab-configuration .actions {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.revision-configuration-panel .page-content {
  min-height: 35.7143rem;
}
.revision-lessons-list .lessons-table {
  padding: 1.4286rem;
  width: 80%;
  margin: 0 auto;
}
.revision-lessons-list mat-cell:last-of-type,
.revision-lessons-list mat-header-cell:last-of-type,
.revision-lessons-list mat-footer-cell:last-of-type {
  flex: 0 0 80%;
}
.revision-lessons-list .actions {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
app-revision-header div.page-title-bar__header {
  display: flex;
}
app-revision-header div.page-title-bar__header div.details {
  margin-right: auto;
}
app-revision-header div.page-title-bar__header div.details h1.without-sub-items {
  line-height: 4rem;
}
app-revision-header div.page-title-bar__header button.back-button {
  margin-right: 1.1429rem;
}
app-revision-plan .revision-plan .page-content {
  height: auto;
  min-height: 36.4286rem;
  padding: 3.1429rem;
}
app-revision-plan .revision-plan .page-content h4 {
  margin: 0.3571rem 0 0.3571rem 0;
}
.revision-plans-list .disable-line-break {
  margin-left: 0.5rem;
  white-space: nowrap;
}
.revision-plans-list .content-center {
  display: flex;
  align-items: center;
}
.revision-plans-list .content-center > span {
  margin-left: 0.5rem;
}
.revision-plans-list .actions-buttons {
  display: flex;
  justify-content: center;
}
.revision-plans-list .lea-table-actions-cell {
  padding-right: 0;
}
.revision-plans-list .no-data-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.revision-plans-list .no-data-container p {
  font-weight: bold;
  font-size: 1rem;
  margin-top: 1.1429rem;
}
.revision-plans .page-content {
  height: auto;
  min-height: 36.4286rem;
  padding: 0.3571rem 2.5714rem 2.1429rem 2.5714rem;
}
.revision-plans .page-content h4 {
  margin: 1.1429rem 0 0.2857rem 0;
}
.revision-plans .revision-plans-table-options {
  margin: 0.5714rem 0 1.9286rem 0;
}
app-class-details-item div.mdl-textfield.mdl-js-textfield:empty {
  display: none;
}
#schools-join-welcome div.page-content section.section {
  padding: 0.3571rem 1.7857rem 1.7857rem;
}
#schools-join-welcome .columns-wrapper {
  min-height: 35.7143rem;
  padding: 2.8571rem;
  text-align: center;
  max-width: 50rem;
  margin: 0 auto;
}
#schools-join-welcome .columns-wrapper .button-info {
  padding: 0.8571rem;
  width: 13.5714rem;
  font-size: 1.07rem;
  margin: 0.7143rem 0 0.7143rem 0;
}
#schools-join-welcome .columns-wrapper .left-column {
  width: 50%;
  float: left;
}
#schools-join-welcome .columns-wrapper .right-column {
  width: 50%;
  float: left;
}
#schools-join-welcome .columns-wrapper p.header-join-school {
  font-size: 1.72rem;
  white-space: nowrap;
}
#schools-join-welcome .columns-wrapper p.description-join-school {
  margin-top: 0.3571rem;
  font-size: 1.07rem;
  padding: 0.7143rem 2.8571rem 0.7143rem 2.8571rem;
}
@media screen and (max-width: 33.75rem) {
  #schools-join-welcome .columns-wrapper .left-column {
    width: 100%;
  }
  #schools-join-welcome .columns-wrapper .right-column {
    width: 100%;
  }
}
#schools-join app-loading,
#schools-register app-loading {
  margin-top: 2.1429rem;
}
#schools-join section h2,
#schools-register section h2 {
  font-size: 2.57rem;
}
#schools-join section div.columns-wrapper,
#schools-register section div.columns-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 64.2857rem;
  text-align: left;
  padding: 2.8571rem;
  margin: 0 auto;
}
#schools-join section div.columns-wrapper.already-requested,
#schools-register section div.columns-wrapper.already-requested,
#schools-join section div.columns-wrapper.register,
#schools-register section div.columns-wrapper.register {
  text-align: center;
}
#schools-join section div.columns-wrapper.already-requested p.hint,
#schools-register section div.columns-wrapper.already-requested p.hint,
#schools-join section div.columns-wrapper.register p.hint,
#schools-register section div.columns-wrapper.register p.hint {
  width: 100%;
  padding: 1.4286rem;
}
#schools-join section div.columns-wrapper a,
#schools-register section div.columns-wrapper a {
  padding: 0.8571rem;
  width: 13.5714rem;
  font-size: 1.07rem;
}
#schools-join section div.columns-wrapper .button-info,
#schools-register section div.columns-wrapper .button-info {
  padding: 0.8571rem;
  width: 13.5714rem;
  font-size: 1.07rem;
  margin: 0.7143rem 0;
}
#schools-join section div.columns-wrapper div.input-container,
#schools-register section div.columns-wrapper div.input-container {
  text-align: center;
  width: 100%;
}
#schools-join section div.columns-wrapper div.input-container mat-form-field,
#schools-register section div.columns-wrapper div.input-container mat-form-field {
  width: 100%;
}
#schools-join section div.columns-wrapper div.input-container div.input-wrapper,
#schools-register section div.columns-wrapper div.input-container div.input-wrapper {
  width: 70%;
  float: left;
}
#schools-join section div.columns-wrapper div.input-container div.input-wrapper div.icon-wrapper,
#schools-register section div.columns-wrapper div.input-container div.input-wrapper div.icon-wrapper {
  width: 20%;
  float: left;
  padding-top: 0.7143rem;
}
#schools-join section div.columns-wrapper div.input-container div.input-wrapper div.input-container-wrapper,
#schools-register section div.columns-wrapper div.input-container div.input-wrapper div.input-container-wrapper {
  width: 80%;
  float: left;
}
#schools-join section div.columns-wrapper div.input-container div.button-wrapper,
#schools-register section div.columns-wrapper div.input-container div.button-wrapper {
  width: 30%;
  float: left;
}
#schools-join section div.columns-wrapper div.left-column,
#schools-register section div.columns-wrapper div.left-column {
  width: 50%;
  float: left;
}
#schools-join section div.columns-wrapper div.right-column,
#schools-register section div.columns-wrapper div.right-column {
  width: 50%;
}
#schools-join section p.hint,
#schools-register section p.hint {
  font-style: italic;
  clear: both;
  text-align: center;
  padding-top: 3.5714rem;
}
#schools-join section .table-wrapper,
#schools-register section .table-wrapper {
  width: 100%;
  padding: 0;
  margin: 0 auto;
  overflow-x: auto;
  overflow-y: hidden;
  height: auto;
}
#schools-join section div.results-wrapper,
#schools-register section div.results-wrapper {
  padding-bottom: 2.8571rem;
}
#schools-join section div.results-wrapper td,
#schools-register section div.results-wrapper td {
  white-space: normal;
}
#schools-join section div.results-wrapper div.center,
#schools-register section div.results-wrapper div.center {
  max-width: 64.2857rem;
  margin: 0 auto;
}
#schools-join section div.results-wrapper div.school-logo button,
#schools-register section div.results-wrapper div.school-logo button {
  background-size: cover;
  background-position: center center;
}
#schools-join section div.results-wrapper div.loading-wrapper,
#schools-register section div.results-wrapper div.loading-wrapper {
  width: 2rem;
  margin: 3.5714rem auto;
}
#schools-join section div.results-wrapper div.get-more-wrapper,
#schools-register section div.results-wrapper div.get-more-wrapper {
  width: 100%;
}
#schools-join section div.results-wrapper div.get-more-wrapper button,
#schools-register section div.results-wrapper div.get-more-wrapper button {
  margin: 1.4286rem auto;
  min-width: 10.7143rem;
  display: block;
}
#schools-join div.clear,
#schools-register div.clear {
  clear: both;
}
@media screen and (max-width: 50rem) {
  #schools-join section div.columns-wrapper div.left-column,
  #schools-register section div.columns-wrapper div.left-column {
    width: 100%;
  }
  #schools-join section div.columns-wrapper div.right-column,
  #schools-register section div.columns-wrapper div.right-column {
    width: 100%;
  }
  #schools-join section div.columns-wrapper.already-requested div.right-column,
  #schools-register section div.columns-wrapper.already-requested div.right-column {
    margin-top: 1.4286rem;
  }
  #schools-join section div.columns-wrapper a.button-info,
  #schools-register section div.columns-wrapper a.button-info {
    margin: 0.7143rem 0;
  }
}
#schools-register section div.columns-wrapper .button-info {
  margin: 2.8571rem 0;
}
color-score-legend div.color-score-legend {
  display: flex;
}
color-score-legend div.color-score-legend div.color-score-legend-item {
  display: flex;
  margin-right: 1.0714rem;
  align-items: flex-end;
}
color-score-legend div.color-score-legend div.color-score-legend-item div.color-score-legend-color {
  width: 1.5em;
  height: 1.5em;
  position: relative;
  margin-right: 0.5rem;
}
color-score-legend div.color-score-legend div.color-score-legend-item div.color-score-legend-color-empty {
  width: 1.5em;
  height: 1.5em;
  border: 1px lightgray solid;
  position: relative;
  box-sizing: border-box;
  margin-right: 0.5rem;
}
color-score div.color-score {
  display: inline-block;
  width: 5em;
  height: 1.2em;
  color: var(--common-light-primary-text);
  text-align: center;
  padding: 0.2em;
}
color-score div.empty-color-score {
  display: inline-block;
  width: 5em;
  height: 1.3em;
  border: 1px lightgray solid;
  color: var(--common-black);
}
chart {
  display: inline-block;
  vertical-align: middle;
}
app-loading {
  width: 2rem;
  height: 2rem;
  display: inline-block;
  overflow: hidden;
}
app-loading.app-loading__center {
  margin: 0 auto;
  display: block;
}
app-loading.app-loading__padding {
  padding: 4.5714rem 0;
}
app-ui-settings-admin-custom-site-enum {
  display: contents;
}
app-ui-settings-admin-custom-site-enum mat-label {
  margin-right: 0.5714rem;
}
app-ui-settings-checkbox-form {
  display: contents;
}
app-ui-settings-color-picker {
  display: contents;
}
app-ui-settings-color-picker mat-label {
  margin-right: 0.5714rem;
}
app-ui-settings-color-picker input {
  width: 1.4286rem !important;
  /* TODO: remove important */
}
app-ui-settings-enum-select {
  display: contents;
}
app-ui-settings-enum-select mat-label {
  margin-right: 0.5714rem;
}
app-ui-settings-number-form {
  display: contents;
}
app-ui-settings-number-form mat-form-field {
  width: 100%;
}
app-ui-settings-text-form {
  display: contents;
}
app-ui-settings-text-form mat-form-field {
  width: 100%;
}
#ui-settings .page-title-bar {
  padding: 1.3571rem 1.4286rem;
}
#ui-settings .ui-settings-form {
  width: 100%;
  max-width: 42.8571rem;
  margin: 0 auto;
}
#ui-settings .ui-settings-form .button-save {
  text-align: center;
}
#ui-settings .ui-settings-form .button-save button {
  color: var(--common-white) !important;
}
#ui-settings p {
  padding: 1.0714rem 1.0714rem 0.5714rem;
  margin: 0.7143rem 0 0 0;
  border-top: 1px solid var(--common-grey-300);
  min-width: 100%;
  color: var(--common-grey-700);
  font-weight: bold;
  font-size: 0.9rem;
}
#ui-settings app-ui-settings-configurable-element-toggle {
  width: 100%;
}
#historic_important_messages_view #historic_important_messages_view_messages_list {
  padding: 1rem 0.7rem;
  max-width: 1200px;
  margin: 0 auto;
}
#historic_important_messages_view #historic_important_messages_view_messages_list #historic_important_messages_view_list {
  position: relative;
  width: 100%;
  min-height: 50vh;
}
#historic_important_messages_view #historic_important_messages_view_messages_list #historic_important_messages_view_list #historic_important_messages_view_progress_bar {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  border-radius: 50vw;
}
#historic_important_messages_view #historic_important_messages_view_messages_list #historic_important_messages_view_list .actions {
  display: flex;
  align-items: center;
}
#important_messages_view_loader {
  width: 100%;
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.important-message-list-item--date-range {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: 0.5rem;
  margin-bottom: 0.5rem;
  color: var(--common-grey-500);
}
@media (max-width: 800px) {
  .mobile--d-none {
    display: none;
  }
}
app-assignment-student-view .no-access .text {
  text-align: center;
}
.not-started {
  display: flex;
  justify-content: center;
}
app-assignment-watch-students-progress .no-access {
  color: red;
  display: flex;
  align-items: center;
}
app-assignment-watch-students-progress .no-access mat-icon {
  margin-left: 0.7143rem;
}
app-assignment-watch-students-progress .open-lesson-button {
  margin-right: 0.7143rem;
}
app-assignment-watch-students-progress .buttons-start-stop-open {
  display: flex;
  align-items: center;
  margin-left: 2.1429rem;
}
app-assignment-watch-students-progress .buttons-start-stop-open button {
  position: relative;
  border-radius: 1.4286rem;
  right: 1.4286rem;
}
app-assignment-watch-students-progress .title-buttons-header {
  display: flex;
  justify-content: space-between;
}
.virtual-class-display-publisher-video {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0 0 0 !important;
  /* TODO: remove important */
}
.virtual-class-display-publisher-video .display-publisher-owner-video--hidden {
  height: 0;
}
.virtual-class-display-publisher-video .mat-card-header-text {
  width: 100%;
  margin: 0;
}
.virtual-class-display-publisher-video .card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background-color: var(--common-primary);
  color: var(--primary-content);
  height: var(--dashboard-card-header-height);
  margin-bottom: 0;
}
.virtual-class-display-publisher-video .card-header .card-title {
  display: flex;
  align-items: center;
  height: 2.8571rem;
  padding-left: 0.5714rem;
}
.virtual-class-display-publisher-video .card-header .card-title .text {
  margin-left: 0.7143rem;
}
.virtual-class-display-publisher-video .card-header .card-title .text h5 {
  font-size: var(--dashboard-card-header-font-size);
  font-weight: var(--dashboard-card-header-font-weight);
  margin-top: 1.2143rem;
}
.virtual-class-display-publisher-video .card-header .card-title .card-header-ico {
  margin-left: 0.5714rem;
}
.virtual-class-display-publisher-video .card-header .card-buttons {
  float: right;
  padding-right: 0.5714rem;
}
.virtual-class-display-publisher-video .actions-buttons {
  position: absolute;
  right: 0.7143rem;
  bottom: 0.7143rem;
}
.virtual-class-display-publisher-video-error {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.display-publisher-loader-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  position: absolute;
  top: 4.2857rem;
  left: 0;
  height: calc(100% - 4.2857rem);
}
.loading-video-mock__video {
  width: 100%;
}
.display-publisher__video-card--full-screen {
  width: 100vw;
  height: 100vh;
}
app-user-action-buttons div.buttons {
  display: flex;
}
app-user-action-buttons .assignment-opened {
  margin-left: -1.2857rem;
}
app-user-action-buttons .question-opened {
  margin-left: -1.2857rem;
  margin-right: 2.3571rem;
}
.mat-menu-content app-user-action-buttons div.buttons {
  display: flex;
  flex-direction: column;
}
.video-room {
  position: relative;
  width: 21.4286rem;
}
.video-room .display-name {
  position: absolute;
  left: 0.3571rem;
  top: 0.3571rem;
  background-color: var(--common-black);
  opacity: 0.25;
  padding: 0.1429rem 0.3571rem;
}
.video-room .display-name span {
  color: var(--primary-content);
  font-size: 0.86rem;
}
.video-room video {
  width: 21.4286rem;
}
.video-room .controls {
  position: absolute;
  bottom: 0.3571rem;
  right: 0.3571rem;
}
.video-room .controls-video,
.video-room .controls-audio {
  opacity: 0.5;
}
.video-room .controls-audio:hover,
.video-room .controls-video:hover {
  opacity: 1;
}
.video-room .loader {
  text-align: center;
}
.janus-video-component-play-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
mat-card.assignment {
  padding: 0;
  height: 100%;
  max-height: calc(100vh - 4.5714rem);
}
mat-card.assignment .mat-card-header {
  width: 100%;
  height: var(--dashboard-card-header-height);
  background-color: var(--dashboard-card-header-background-color);
  color: var(--dashboard-card-header-color);
}
mat-card.assignment .card-header {
  height: 100%;
  display: flex;
  align-items: center;
  color: var(--primary-content);
  line-height: 4;
  margin: 0;
}
mat-card.assignment .card-header .card-title {
  margin-left: 0.7143rem;
}
mat-card.assignment .card-header .card-title h5 {
  margin-top: 1.4286rem;
  font-size: var(--dashboard-card-header-font-size);
  font-weight: var(--dashboard-card-header-font-weight);
}
mat-card.assignment .card-header-ico {
  margin-left: 0.5714rem;
  line-height: 2.1429rem;
}
app-virtual-class-assignment .full-width {
  width: 100%;
}
app-virtual-class-assignment button.dropdown-button {
  width: 100%;
  text-align: left;
  display: flex;
  align-items: center;
}
app-virtual-class-assignment button.dropdown-button span {
  margin-right: auto;
}
app-virtual-class-assignment button.mdl-button--raised {
  display: flex;
  align-items: center;
}
app-virtual-class-assignment h4 {
  margin: 0 auto;
  margin-top: 2.1429rem;
}
app-virtual-class-assignment .open-assignment-container {
  min-height: 14.2857rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
app-virtual-class-assignment .open-assignment-container .teacher-assigned-text {
  width: 100%;
  text-align: center;
}
app-virtual-class-assignment .start-stop-button {
  position: relative;
  display: flex;
  justify-content: center;
  height: 2.8571rem;
  margin-top: -2.8571rem;
}
app-virtual-class-assignment .start-stop-button button {
  position: absolute;
  border-radius: 1.4286rem;
  right: 1.4286rem;
}
app-virtual-class-assignment .start-stop-button .mat-button-wrapper {
  display: flex;
  align-items: center;
}
app-virtual-class-assignment .specific-pages-button {
  display: flex;
  justify-content: center;
}
app-virtual-class-assignment .specific-pages-button button {
  border-radius: 1.4286rem;
  right: 1.4286rem;
}
app-virtual-class-assignment .specific-pages-button .mat-button-wrapper {
  display: flex;
  align-items: center;
}
app-virtual-class-assignment .assignment mat-card-content {
  max-height: calc(100% - 4.2857rem);
  overflow: auto;
}
app-virtual-class-assignment .table-container {
  margin-top: 0.7143rem;
  max-height: 14.2857rem;
  overflow: auto;
}
app-virtual-class-assignment .assignment-select {
  width: 100%;
}
mat-card.breakout-rooms {
  padding: 0;
  height: 100%;
  max-height: calc(100vh - 4.5714rem);
}
mat-card.breakout-rooms .mat-card-header {
  width: 100%;
  height: 4.2857rem;
  background-color: var(--common-primary);
  color: var(--primary-content);
}
mat-card.breakout-rooms .card-header {
  display: flex;
  align-items: center;
  color: var(--primary-content);
  line-height: 4;
}
mat-card.breakout-rooms .card-header .card-title {
  margin-left: 0.7143rem;
}
mat-card.breakout-rooms .card-header .card-title h5 {
  margin-top: 1.4286rem;
}
mat-card.breakout-rooms .card-header-ico {
  margin-left: 0.5714rem;
  line-height: 2.1429rem;
}
.breakout-rooms-buttons {
  width: calc(100% - 3.2143rem);
  text-align: end;
  margin-top: 1.7857rem;
  margin-bottom: 2.1429rem;
}
.video-control {
  display: inline-grid;
  margin: 0.2143rem;
}
mat-card.breakout-room-item {
  min-width: 20.7143rem;
  width: 20.7143rem;
  margin: 0.3571rem;
  padding: 0;
  display: inline-grid;
}
mat-card.breakout-room-item .mat-card-header {
  width: 100%;
  height: 2.8571rem !important;
  /* TODO: remove important */
  position: relative;
}
mat-card.breakout-room-item .mat-card-header .mat-card-header-text {
  width: 100%;
}
mat-card.breakout-room-item .mat-card-header .mat-card-header-text .mat-card-title {
  width: 100%;
}
mat-card.breakout-room-item .mat-card-header .breakout-room-progressbar {
  position: absolute;
  bottom: 0;
}
mat-card.breakout-room-item .card-header {
  display: flex;
  align-items: center;
  color: var(--primary-content);
  line-height: 4;
}
mat-card.breakout-room-item .card-header .card-title {
  margin-left: 0.7143rem;
}
mat-card.breakout-room-item .mat-card-header.colors-breakout-room {
  color: var(--common-grey-900);
}
mat-card.breakout-room-item .card-header-ico {
  margin-left: 0.5714rem;
  line-height: 2.1429rem;
}
mat-card.breakout-room-item .mat-card-content {
  min-height: 7.5rem;
  max-height: 16.4286rem;
  overflow-y: auto;
}
mat-card.breakout-room-item .mat-card-content .breakout-room-sub-item {
  position: relative;
  margin-bottom: 0.7143rem;
}
mat-card.breakout-room-item .mat-card-content .breakout-room-sub-item .breakout-room-more-button {
  margin-top: 0.3571rem;
}
.dropbox-message {
  padding-top: 1.4286rem;
  text-align: center;
  vertical-align: bottom;
  font-style: italic;
  color: var(--common-dark-opacity-500);
}
.drop-target {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 2.8571rem;
  z-index: 100;
}
.breakout-room-item-title {
  display: inline-block;
  font-size: 1.29rem;
  font-weight: bold;
  padding-top: 0.3571rem;
}
.breakout-room-item-title-left {
  float: left;
  margin-top: 0.3571rem;
}
.breakout-room-item-title-right {
  float: right;
}
.button-flex-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.button-row {
  display: table-cell;
}
.breakout-room-more-button {
  display: table;
  position: absolute;
  top: 0;
  right: 0.7143rem;
}
.breakout-room-more-button .mat-icon-button[disabled][disabled] {
  color: rgba(0, 0, 0, 0.5);
}
mat-card.breakout-rooms {
  padding: 0;
  height: 100%;
  max-height: calc(100vh - 4.5714rem);
}
mat-card.breakout-rooms .mat-card-header {
  width: 100%;
  height: var(--dashboard-card-header-height);
  background-color: var(--common-primary);
  color: var(--primary-content);
}
mat-card.breakout-rooms .card-header {
  height: 100%;
  display: flex;
  align-items: center;
  color: var(--primary-content);
  line-height: 4;
  margin: 0;
}
mat-card.breakout-rooms .card-header .card-title {
  margin-left: 0.7143rem;
}
mat-card.breakout-rooms .card-header .card-title h5 {
  margin-top: 1.4286rem;
  font-size: var(--dashboard-card-header-font-size);
  font-weight: var(--dashboard-card-header-font-weight);
}
mat-card.breakout-rooms breakout-rooms-container .card-header-ico {
  margin-left: 0.5714rem;
  line-height: 2.1429rem;
}
mat-card.breakout-rooms mat-hint {
  color: var(--common-dark-opacity-500);
}
.breakout-rooms-container {
  width: calc(100% - 0.3571rem);
  position: absolute;
  top: 12.1429rem;
  bottom: 0;
  overflow-y: auto;
}
.breakout-rooms-container .loader {
  position: absolute;
  text-align: center;
  margin-left: 50%;
  margin-right: 50%;
  top: 1.0714rem;
}
.breakout-rooms-buttons {
  width: calc(100% - 3.2143rem);
  text-align: end;
  margin-top: 1.7857rem;
  margin-bottom: 2.1429rem;
}
.breakout-rooms-buttons button {
  border-radius: 1.4286rem;
}
.breakout-rooms-buttons mat-form-field {
  text-align: right;
  width: 7.1429rem;
}
app-virtual-class-question .mat-card {
  padding: 0;
  height: 100%;
}
app-virtual-class-question .mat-card .mat-card-header {
  width: 100%;
  height: var(--dashboard-card-header-height);
  background-color: var(--common-primary);
  color: var(--primary-content);
}
app-virtual-class-question .mat-card .card-header {
  height: 100%;
  display: flex;
  align-items: center;
  color: var(--primary-content);
  line-height: 4;
  margin: 0;
}
app-virtual-class-question .mat-card .card-header .card-title {
  margin-left: 0.7143rem;
}
app-virtual-class-question .mat-card .card-header .card-title h5 {
  margin-top: 1.4286rem;
  font-size: var(--dashboard-card-header-font-size);
  font-weight: var(--dashboard-card-header-font-weight);
}
app-virtual-class-question .mat-card .card-header-ico {
  margin-left: 0.5714rem;
  line-height: 2.1429rem;
}
app-virtual-class-question .mat-card .content {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
app-virtual-class-question .mat-card .content iframe {
  height: initial;
  width: calc(100% - 1px) !important;
  /* TODO: remove important */
}
app-virtual-class-question .mat-card .content app-loading {
  margin: 7.1429rem auto;
}
app-virtual-class-question .mat-card .content .question-input {
  padding: 1.4286rem;
  width: 100%;
}
app-virtual-class-question .mat-card .content .question-input .mce-tinymce {
  box-shadow: none;
  border: 1px solid #c5c5c5;
  width: calc(100% - 2px) !important;
  /* TODO: remove important */
}
app-virtual-class-question .mat-card .content .question-input .question-input-button {
  border: 0.0714rem solid #c5c5c5;
  border-top: none;
  padding: 0.7143rem;
  display: flex;
  justify-content: flex-end;
}
app-virtual-class-question .mat-card .content .question-input .question-input-button button {
  margin-left: 0.7143rem;
}
app-virtual-class-question .mat-card .content .question-text-container {
  display: flex;
  padding: 1.4286rem 1.4286rem 0.7143rem 1.4286rem;
  flex-direction: column;
  width: 100%;
}
app-virtual-class-question .mat-card .content .question-text-container .text {
  background-color: var(--common-grey-200);
  padding: 0.7143rem;
  border-radius: 0.7143rem;
}
app-virtual-class-question .mat-card .content .question-text-container .text p {
  color: var(--common-black);
}
app-virtual-class-question .mat-card .content .question-text-container .label {
  padding: 0 0 0.7143rem;
  font-size: 1.36rem;
}
app-virtual-class-question .mat-card .content .question-text-container p {
  font-size: 1.15rem;
  margin: 0;
}
app-virtual-class-question .mat-card .content .answers-container {
  padding: 1.4286rem;
  width: 100%;
}
app-virtual-class-question .mat-card .content .answers-container .number-of-answers {
  display: flex;
  padding: 0.7143rem 0;
  border-bottom: 1px solid #c5c5c5;
  justify-content: space-between;
}
app-virtual-class-question .mat-card .content .answers-container .number-of-answers .controls {
  display: flex;
  align-items: center;
}
app-virtual-class-question .mat-card .content .answers-container .number-of-answers .controls mat-slide-toggle {
  margin-right: 0.7143rem;
}
app-virtual-class-question .mat-card .content .answers-container .answers-list {
  flex-direction: column;
}
app-virtual-class-question .mat-card .content .answers-list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
app-virtual-class-question .mat-card .content .answers-list .answer {
  padding: 0.7143rem 0;
  flex: 1;
  display: flex;
}
app-virtual-class-question .mat-card .content .answers-list .answer display-user {
  display: flex;
  align-items: flex-start;
}
app-virtual-class-question .mat-card .content .answers-list .answer .answer-body-container {
  display: flex;
  flex-direction: column;
  flex: 1;
}
app-virtual-class-question .mat-card .content .answers-list .answer .answer-body-container .username {
  font-weight: 600;
}
app-virtual-class-question .mat-card .content .answers-list .answer .answer-body-container .answer-text p {
  color: var(--common-grey-900);
  font-size: 1.15rem;
  margin: 0;
}
app-virtual-class-question .mat-card .content .answers-list .answer .answer-body-container .answer-text.answer-student p {
  color: var(--common-black);
}
app-virtual-class-question .mat-card .content .answers-list .no-answers {
  text-align: center;
  padding: 0.7143rem;
  flex: 1;
}
app-virtual-class-question .mat-card .content .no-question {
  padding: 1.4286rem 1.4286rem 0.7143rem 1.4286rem;
}
app-virtual-class-question .mat-card .content .student-answer-container {
  display: flex;
  padding: 1.4286rem 1.4286rem 0.7143rem 1.4286rem;
  flex-direction: column;
  width: 100%;
}
app-virtual-class-question .mat-card .content .student-answer-container .label {
  font-size: 1.36rem;
}
app-virtual-class-question .mat-card .content .student-answer-container .text {
  background-color: #dff6ff;
  padding: 0.7143rem;
  border-radius: 0.7143rem;
  margin-top: 0.7143rem;
}
app-virtual-class-question .mat-card .content .student-answer-container .text p {
  color: var(--common-grey-900);
  font-size: 1.15rem;
  margin: 0;
}
app-virtual-class-question .mat-card .content .student-answer-container .student-answer-input {
  padding: 1.4286rem 0;
}
app-virtual-class-question .mat-card .content .student-answer-container .student-answer-input .mce-tinymce {
  box-shadow: none;
  border: 1px solid #c5c5c5;
  width: calc(100% - 2px) !important;
  /* TODO: remove important */
}
app-virtual-class-question .mat-card .content .student-answer-container .student-answer-input .student-answer-input-button {
  border: 1px solid #c5c5c5;
  border-top: none;
  padding: 0.7143rem;
  display: flex;
  justify-content: flex-end;
}
app-virtual-class-question .mat-card .content .student-answer-container .student-answer-input .student-answer-input-button button {
  margin-left: 0.7143rem;
}
app-virtual-class-question .mat-card .content .first-question {
  padding: 1.4286rem 1.4286rem 0.7143rem 1.4286rem;
}
app-virtual-class-question .mat-card .content .add-question-input-button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}
app-virtual-class-question .mat-card .content .add-question-input-button mat-slide-toggle {
  margin-right: 1.4286rem;
}
app-virtual-class-question .mat-card .content .add-question-input-button button {
  border-radius: 1.4286rem;
  margin-right: 1.4286rem;
  margin-bottom: 0.2rem;
}
app-virtual-class-question .mat-card .content .add-question-input-button .mat-button-wrapper {
  display: flex;
  align-items: center;
}
app-virtual-class-question .mat-card .other-students-answers-container {
  padding: 1.4286rem 1.4286rem 0.7143rem 1.4286rem;
  width: 100%;
}
app-virtual-class-question .mat-card .other-students-answers-container .label {
  font-size: 1.36rem;
}
app-virtual-class-question .mat-card .other-students-answers-container .answers-list {
  flex-direction: column;
}
app-virtual-class-question .mat-card .other-students-answers-container .answers-list .answer {
  padding: 0.7143rem;
  border-radius: 0.5714rem;
  background-color: #efefef;
  margin-top: 0.7143rem;
}
mat-card.virtualclass-user-list {
  max-height: calc(100vh - 4.5714rem);
  overflow: auto;
  padding: 0;
  height: 100%;
}
mat-card.virtualclass-user-list .mat-card-header {
  width: 100%;
  background-color: var(--common-primary);
  height: var(--dashboard-card-header-height);
  color: var(--primary-content);
}
mat-card.virtualclass-user-list .mat-card-header h5 {
  margin-top: 1.4286rem;
  margin-left: 0.7143rem;
  font-size: var(--dashboard-card-header-font-size);
  font-weight: var(--dashboard-card-header-font-weight);
}
mat-card.virtualclass-user-list .mat-card-header-text {
  margin: 0 0 0 0.5714rem;
  display: flex;
  align-items: center;
}
mat-card.virtualclass-user-list .card-header-ico {
  line-height: 2.1429rem;
  margin-left: 0.5714rem;
}
mat-card.virtualclass-user-list .card-header {
  height: 100%;
  display: flex;
  align-items: center;
  color: var(--primary-content);
  line-height: 4;
  margin: 0;
}
mat-card.virtualclass-user-list .mat-cell-id {
  max-width: 1.7857rem;
}
mat-card.virtualclass-user-list .mat-cell-id .is-user-online {
  width: 1.7857rem;
  height: 1.7857rem;
  border-radius: 50%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
mat-card.virtualclass-user-list .mat-cell-id .is-online {
  background-color: lightgreen;
}
mat-card.virtualclass-user-list .mat-cell-hand {
  max-width: 2.8571rem;
}
mat-card.virtualclass-user-list .mat-cell-actions {
  max-width: 2.8571rem;
}
mat-card.virtualclass-user-list .mat-cell-status {
  max-width: 8.5714rem;
  display: flex;
}
mat-card.virtualclass-user-list .student-cell {
  display: flex;
  justify-content: space-between;
  word-break: break-word;
}
@media screen and (min-width: 86.25rem) {
  mat-card.virtualclass-user-list .student-cell {
    flex-wrap: wrap;
  }
}
mat-card.virtualclass-user-list .user-status {
  display: flex;
}
mat-card.virtualclass-user-list .icon-entry {
  width: 2.8571rem;
  display: flex;
  justify-items: center;
  align-items: center;
}
mat-card.virtualclass-user-list p.status.online:before {
  content: '\A';
  width: 0.7143rem;
  height: 0.7143rem;
  border-radius: 50%;
  background: #86bb71;
  display: inline-block;
  margin: 0 0.7143rem;
}
#virtual-class__header {
  display: flex;
  align-items: center;
}
#virtual-class__header .page-title-bar {
  width: 100%;
  align-items: center;
}
#virtual-class__header .page-title-bar.mobile {
  padding: 0 1rem;
}
#virtual-class__header .page-title-bar .page-title-bar__header {
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#virtual-class__header .page-title-bar .page-title-bar__header .header__class-details {
  float: left;
}
#virtual-class__header .page-title-bar .page-title-bar__header .header__class-details.mobile {
  width: min-content;
}
#virtual-class__header .page-title-bar .page-title-bar__header .header__class-details h1 {
  line-height: 2.5714rem;
}
#virtual-class__header .page-title-bar .page-title-bar__header .navigation {
  float: right;
  margin: 0.5714rem 0;
  position: relative;
  display: flex;
}
#virtual-class__header .page-title-bar .page-title-bar__header .mat-menu-trigger {
  margin-left: auto;
}
#virtual-class__header .page-title-bar .page-title-bar__header .action-list {
  margin-left: auto;
}
#virtual-class__header .page-title-bar .page-title-bar__header .action-list.mobile mcourser-ui-button-group button {
  width: 9rem;
  padding: 0 0.3rem;
  min-height: 2.6rem;
}
#virtual-class__header .page-title-bar .page-title-bar__header .action-list.mobile mcourser-ui-button-group button span {
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-wrap: wrap;
  line-height: 1.5rem;
}
#virtual-class__header .page-title-bar .page-title-bar__header .action-list.mobile mcourser-ui-button-group button span .material-icons {
  align-content: center;
}
.mat-menu-content nav nav app-user-action-buttons .buttons button:not(.active-mdl-button):hover {
  background-color: var(--page-title-bar-header-nav-button-hover-background-color);
  color: var(--common-black);
}
#virtual-class {
  height: 100%;
}
#virtual-class .page-content {
  height: 100%;
}
#virtual-class .page-title-bar.flex-row .page-title-bar__header .virtual-class__header__container .virtual-class__header__items div.sub-items {
  display: flex;
  align-items: center;
}
#virtual-class .page-title-bar.flex-row .page-title-bar__header .virtual-class__header__container .virtual-class__header__items div.sub-items span.sub-item {
  margin-right: 0.3571rem;
}
#virtual-class .page-title-bar.flex-row .page-title-bar__header .virtual-class__header__container .virtual-class__header__items div.sub-items span.sub-item.sub-item-icon {
  display: flex;
  align-items: center;
}
#virtual-class #virtual-class__home div.video {
  display: flex;
  flex-direction: column;
}
#virtual-class .chat-table-view {
  margin-left: 0.5714rem;
}
#virtual-class .chat {
  margin-top: 1.1429rem;
  min-height: 32.1429rem;
  max-height: 100vh;
  display: flex;
  overflow: auto;
}
#virtual-class .chat app-chat {
  width: 100%;
}
#virtual-class .loading-with-message {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  position: absolute;
  top: 4.2857rem;
  left: 0;
  height: calc(100% - 4.2857rem);
}
mat-card.whiteboard {
  padding: 0;
  height: 100%;
  max-height: calc(100vh - 4.5714rem);
}
mat-card.whiteboard .mat-card-header {
  width: 100%;
  height: var(--dashboard-card-header-height);
  background-color: var(--common-primary);
  color: var(--primary-content);
}
mat-card.whiteboard .card-header {
  height: 100%;
  display: flex;
  align-items: center;
  color: var(--primary-content);
  line-height: 4;
  margin: 0;
}
mat-card.whiteboard .card-header .card-title {
  margin-left: 0.7143rem;
}
mat-card.whiteboard .card-header .card-title h5 {
  margin-top: 1.4286rem;
  font-size: var(--dashboard-card-header-font-size);
  font-weight: var(--dashboard-card-header-font-weight);
}
mat-card.whiteboard .card-header-ico {
  margin-left: 0.5714rem;
  line-height: 2.1429rem;
}
.whiteboard iframe {
  position: absolute;
  height: calc(100% - 3.5714rem) !important;
  /* TODO: remove important */
}
.skybox-create .skybox-create-form {
  margin: 3.125rem auto;
  width: 50rem;
}
::ng-deep .file-over .drop-placeholder-container {
  background-color: var(--common-grey-300);
}
.upload-file {
  display: flex;
  gap: 1.5rem;
  align-items: center;
}
.resource-actions-buttons {
  display: flex;
  justify-content: flex-end;
  margin-top: 2rem;
}
.cd-skybox-create-loading-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tag-list-page-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 1.5rem 2rem;
}
.tag-list-page-content .cd-tag-list {
  justify-content: center;
}
.text-input {
  padding: 0.5rem;
  border: 1px solid var(--common-grey-400);
}
.tag-list-loading-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
app-accounts-login-form a.left-alignment {
  text-align: left;
}
app-accounts-login-form i.empty-icon {
  min-width: 1.7143rem;
}
app-accounts-login-form .dark-link-color {
  color: #0857a0;
}
app-accounts-login-form span.icon {
  display: inline-block;
  vertical-align: middle;
}
app-accounts-login-form .text_under_login_button {
  text-align: center;
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 2rem;
  white-space: pre-line;
  margin-top: -1.15rem;
}
app-accounts-login-form .other-credentials-btn {
  display: flex;
  justify-content: center;
}
app-accounts-login-form .other-credentials-btn .sso-login-button {
  width: 17.8571rem;
  padding: 0;
}
app-accounts-login-form .create-account-link,
app-accounts-login-form .forgot-link {
  display: flex;
  justify-content: center;
}
app-accounts-login-form .create-account-link a,
app-accounts-login-form .forgot-link a {
  text-align: center;
}
app-accounts-login-form .center-remember-me-element,
app-accounts-login-form .center-element {
  justify-content: center;
}
app-accounts-login-form .create-account-link > .inner-bottom-actions {
  padding-bottom: 1.5rem;
}
app-accounts-login-form .create-account-link > a {
  height: auto;
  text-wrap: balance;
  line-height: 1.5rem;
}
.container {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.container .logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 50%;
  padding-right: 1.4286rem;
}
.container .logo > a {
  height: 100%;
  display: flex;
  justify-content: center;
}
.container .logo > a > img {
  width: 16.4286rem;
  height: 16.4286rem;
  padding: 1.0714rem;
  border: 0.0714rem solid var(--common-grey-300);
  border-radius: 1.0714rem;
}
.container .logo:not(.bergen) {
  border-right: 0.0714rem solid var(--common-grey-300);
}
.container .form {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 47.75rem) {
  .container {
    flex-direction: column;
    align-items: center;
  }
  .container .logo {
    width: 100%;
    border-right: none;
    border-bottom: 0.0714rem solid var(--common-grey-300);
    padding-bottom: 1.0714rem;
    padding-right: 0;
  }
}
@media screen and (max-width: 25rem) {
  .container .logo {
    justify-content: left;
    margin-right: auto;
    max-width: 25rem;
  }
}
app-premium-features-slider-form {
  display: contents;
}
#premium-features .page-title-bar {
  padding: 1.3571rem 1.4286rem;
}
#premium-features .premium-features-form {
  width: 100%;
  max-width: 42.8571rem;
  margin: 0 auto;
}
#premium-features .premium-features-form .button-save {
  text-align: center;
}
#premium-features p {
  padding: 1.0714rem 1.0714rem 0.5714rem;
  margin: 0.7143rem 0 0 0;
  border-top: 0.0714rem solid var(--common-grey-300);
  min-width: 100%;
  color: var(--common-grey-700);
  font-weight: bold;
  font-size: 0.9rem;
}
form#edit-variables-container cdk-virtual-scroll-viewport {
  width: 100%;
  height: 40vh;
  display: flex;
}
form#edit-variables-container .edit-variable-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 50px;
  padding: 0 1rem;
}
form#edit-variables-container .edit-variable-row span {
  width: 45%;
}
form#edit-variables-container .edit-variable-row mat-form-field {
  width: 45%;
}
form#edit-variables-container .edit-variable-row .reset-to-default-icon {
  cursor: pointer;
}
form#edit-variables-container .edit-variable-row .reset-to-default-icon:hover {
  color: var(--common-grey-900);
}
form#edit-variables-container .grey-background {
  background-color: var(--common-grey-100);
}
div#grade-selector .select-grade-container {
  margin-top: 1rem;
  display: flex;
  justify-content: space-between;
}
div#grade-selector .select-grade-container mat-form-field {
  width: 45%;
}
div#grade-selector .checkboxes-container {
  display: flex;
  justify-content: space-between;
  padding-top: 1rem;
}
div#grade-selector .checkboxes-container mat-checkbox {
  width: 100%;
}
mat-option.variable-set-not-defined span {
  color: var(--common-dark-disabled-text);
}
#select-styles-target-group {
  display: flex;
  justify-content: center;
}
#select-styles-target-group form {
  width: 40rem;
}
#select-styles-target-group form mat-form-field {
  width: 100%;
}
#select-styles-target-group form mat-form-field mat-select.variable-set-not-defined .mat-select-value {
  color: var(--common-dark-disabled-text);
}
#select-styles-target-group form mat-checkbox.dark-mode-checkbox {
  padding-bottom: 1rem;
  display: block;
}
#styles-editor {
  height: 100%;
  display: flex;
  background-color: var(--common-white);
}
#styles-editor div.page-content {
  width: 100%;
}
#styles-editor .page-title-bar {
  padding: 1.4rem;
}
#styles-editor div.select-styles-target-group-container {
  padding-top: 1rem;
}
#styles-editor .styles-editor-form {
  width: 100%;
  margin: 0 auto;
}
#styles-editor .buttons-container {
  display: flex;
  justify-content: space-between;
  padding: 1.2rem;
  box-sizing: border-box;
  width: 40rem;
  margin: 0 auto;
}
#styles-editor .loading-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.w-100 {
  width: 100%;
}
#user_search_input .close-icon:hover {
  cursor: pointer;
}
#user_search_select .mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 0.5em 0 !important;
}
#user_search_select .select-trigger {
  max-height: 20px;
}
#user_search_select .mat-select-disabled .mat-select-trigger .mat-select-arrow-wrapper {
  display: none;
}
.w-100 {
  width: 100%;
}
.d-flex {
  display: flex;
}
.wrap-row {
  display: flex;
  align-items: center;
}
#selection_user_list {
  max-height: 28rem;
  overflow: auto;
}
#selection_user_list .person-option {
  display: flex;
  flex-direction: row;
}
#selection_class_list .class-option {
  display: flex;
  flex-direction: row;
}
#selection_class_list.scrollable {
  height: 646px;
  overflow-y: scroll;
}
.mdl-card .mdl-shadow--2dp.ng-star-inserted {
  width: 100%;
}
.element-name {
  padding-left: 5px;
}
.students-count {
  padding-left: 10px;
  color: darkgray;
}
.checkbox-wrapper {
  display: flex;
  align-items: baseline;
}
.mat-list-text {
  padding-right: 0 !important;
}
button.mat-focus-indicator.tab-page.focus-visible.mat-button.mat-button-base.inactive-button.show-more {
  font-weight: bold;
  color: var(--common-primary);
}
.mat-list-option.mat-list-item.mat-list-option.mat-focus-indicator.mat-accent.ng-star-inserted {
  min-height: 3rem;
  height: unset;
}
.mat-list-item-content.mat-list-item-content-reverse {
  min-height: 3rem;
}
.mat-list-option.mat-list-item.mat-list-option.mat-focus-indicator.mat-accent.ng-star-inserted.mat-list-single-selected-option {
  background: none;
}
.mat-list-option.mat-list-item.mat-list-option.mat-focus-indicator.mat-accent.ng-star-inserted.mat-list-single-selected-option:hover {
  background: var(--common-focused);
}
.w-100 {
  width: 100%;
}
.d-flex {
  display: flex;
}
.justify-center {
  justify-content: center;
}
.wrap-column {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.search-info-container {
  text-align: center;
}
#user_search_selectable_users_list #selectable_list_description {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 0.5rem;
}
#user_search_selectable_users_list #selectable_list_description .wrap-row {
  display: flex;
  align-items: center;
  color: darkgray;
}
#user_search_selectable_users_list #selectable_list_description .wrap-row kbd {
  border: 1px solid darkgray;
  border-radius: 0.5rem;
  padding: 0.25rem;
}
#user_search_selectable_users_list #selectable_list_description #loading_progress_bar {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#user_search_selectable_users_list #selectable_list_description #loading_progress_bar .loading-text {
  text-align: center;
}
#user_search_selectable_users_list #selectable_list_description #loading_progress_bar .progress-bar {
  width: 80%;
}
.w-100 {
  width: 100%;
}
.wrap-column {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#selection_list {
  width: 100%;
  max-height: 17.3rem;
  overflow-y: auto;
}
#selection_list .person-option {
  display: flex;
  align-items: center;
  flex-direction: row;
}
#selection_list .person-option .wrap-column .truncate-text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-right: 10px;
}
#selection_list .person-option .username {
  color: darkgray;
}
button.mat-focus-indicator.tab-page.focus-visible.mat-button.mat-button-base.inactive-button.show-more {
  font-weight: bold;
  color: var(--common-primary);
}
.w-100 {
  width: 100%;
}
.wrap-column {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#selection_list {
  width: 100%;
  max-height: 17.3rem;
  overflow-y: auto;
}
#selection_list .person-option {
  display: flex;
  align-items: center;
  flex-direction: row;
}
#selection_list .person-option .wrap-column .truncate-text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#selection_list .person-option .username {
  color: darkgray;
}
button.mat-focus-indicator.tab-page.focus-visible.mat-button.mat-button-base.inactive-button.show-more {
  font-weight: bold;
  color: var(--common-primary);
}
.page-title-bar {
  height: 6.5rem;
  padding-left: 1.4286rem;
  padding-right: 1.4286rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media (max-width: 480px) {
  .page-title-bar {
    height: 4.5rem;
    padding-left: 0.7rem;
    padding-right: 0.7rem;
  }
}
.page-title-bar h1 {
  margin: 0;
}
.page-title-bar .page-title-bar__header {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.page-title-bar .page-title-bar__header .title-wrapper {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}
@media (max-width: 480px) {
  .page-title-bar .page-title-bar__header .title-wrapper div > button,
  .page-title-bar .page-title-bar__header .title-wrapper div > back-button > button,
  .page-title-bar .page-title-bar__header .title-wrapper .back-url-button {
    min-width: 2.6rem;
    width: 2.6rem;
    height: 2.6rem;
  }
  .page-title-bar .page-title-bar__header .title-wrapper div > h1,
  .page-title-bar .page-title-bar__header .title-wrapper h1 {
    margin: 0;
  }
  .page-title-bar .page-title-bar__header .title-wrapper mcourser-ui-button-group > button {
    padding: 0 0.2rem 0 0.5rem;
  }
  .page-title-bar .page-title-bar__header .title-wrapper mcourser-ui-button-group > button .mat-button-wrapper {
    width: min-content;
    min-height: 2.6rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: 1.5rem;
    text-wrap: wrap;
  }
}
.anchor-wrapper {
  width: 100%;
}
.anchor-wrapper .card-link {
  width: 100%;
  border: 2px solid transparent;
  border-radius: 4px;
  border-left-width: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
}
.anchor-wrapper .card-link .collection-title {
  width: calc(100% - 5.5rem);
  overflow-wrap: break-word;
}
.card-link:focus-visible > span {
  border: 2px solid var(--common-black);
}
app-popup-base div div .popup-content {
  padding-top: 0 !important;
  /* TODO: remove important */
  padding-bottom: 0 !important;
  /* TODO: remove important */
}
app-popup-base .popup__title p {
  font-size: 1rem;
  margin-bottom: 0;
}
app-popup-base .popup__content {
  width: 100%;
  display: inline-block;
  padding-top: 0;
  padding-bottom: 0;
}
app-popup-base .popup__content mat-form-field {
  width: 100%;
}
app-user-search-categories-chooser #search-by-menu {
  margin-left: 0.3571rem;
}
mat-card.user-list {
  min-height: 57vh;
  max-height: 57vh;
  overflow: auto;
  padding: 0;
  height: 100%;
}
mat-card.user-list .mat-card-header {
  width: 100%;
  background-color: var(--primary);
  color: var(--primary-content);
  height: var(--dashboard-card-header-height);
}
mat-card.user-list .mat-card-header-text {
  width: 100%;
  margin: 0 0.7143rem 0 1.1429rem;
}
mat-card.user-list .card-header-icon {
  line-height: 2.1429rem;
}
mat-card.user-list .card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}
mat-card.user-list .card-header h5 {
  font-size: var(--dashboard-card-header-font-size);
  font-weight: var(--dashboard-card-header-font-weight);
  margin: 0 0.7143rem;
}
mat-card.user-list .card-header .mat-cell-checkbox-header {
  max-width: 2.1429rem;
}
mat-card.user-list .card-header .header-left,
mat-card.user-list .card-header .header-right {
  display: flex;
  align-items: center;
}
mat-card.user-list .mat-cell-checkbox {
  max-width: 1.7857rem;
  padding-left: 1.1429rem;
}
mat-card.user-list .mat-cell-id {
  max-width: 1.7857rem;
}
mat-card.user-list .mat-cell-id .is-user-online {
  width: 1.7857rem;
  height: 1.7857rem;
  border-radius: 50%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
mat-card.user-list .mat-cell-id .is-online {
  background-color: lightgreen;
  display: flex;
  justify-content: center;
  align-items: center;
}
mat-card.user-list .mat-cell-hand {
  max-width: 2.8571rem;
}
mat-card.user-list .mat-cell-actions {
  max-width: 2.8571rem;
}
mat-card.user-list .mat-cell-status {
  max-width: 8.5714rem;
  display: flex;
}
mat-card.user-list .student-cell {
  display: flex;
  justify-content: space-between;
  word-break: break-word;
}
@media screen and (min-width: 86.25rem) {
  mat-card.user-list .student-cell {
    flex-wrap: wrap;
  }
}
mat-card.user-list .user-status {
  display: flex;
}
mat-card.user-list .icon-entry {
  width: 2.8571rem;
  display: flex;
  justify-items: center;
  align-items: center;
}
mat-card.user-list p.status.online:before {
  content: '\A';
  width: 0.7143rem;
  height: 0.7143rem;
  border-radius: 50%;
  background: #86bb71;
  display: inline-block;
  margin: 0 0.7143rem;
}
.h2-title {
  margin: 0 0 0 0.7143rem;
  font-size: var(--dashboard-card-header-font-size);
  font-weight: var(--dashboard-card-header-font-weight);
  color: var(--dashboard-card-header-color);
}
.h3-title {
  margin: 0;
  display: inline-block;
  font-size: 1.2rem;
  font-family: var(--common-font-family);
}
#my-school-assigments #assignments-list .page-content {
  text-align: center;
}
#my-school-assigments .app-loading-wrapper {
  display: block;
  padding: 4.5714rem 0;
  text-align: center;
}
#my-school-gradebook-student-attendance .my-school-name h2 {
  margin-left: 0;
}
#my-school-gradebook-student-attendance .app-loading-wrapper {
  text-align: center;
  display: block;
  padding: 4.5714rem 0;
}
#my-school-gradebook-student-attendance .page-title-bar .page-title-bar__header {
  height: 4.57rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.attendance-table-container .teacher-student-attendance-table .holiday-column {
  background-color: #eaeae0;
  vertical-align: top;
  border: none;
  border-right: 1px solid #c3c3c3;
  border-left: 1px solid #c3c3c3;
}
.attendance-table-container .teacher-student-attendance-table .holiday-name {
  font-weight: bold;
  font-size: 1rem;
  margin-top: 1.7143rem;
  margin-bottom: 1.1429rem;
}
#my-school-collections .no-collections-message {
  padding: 0.7143rem;
}
#my-school-collections .app-loading-wrapper {
  display: block;
  padding: 4.5714rem 0;
  text-align: center;
}
#my-school-collections .header-title {
  display: flex;
  align-items: center;
}
.my-school-student-details-component .page-title-bar__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#student-details-info {
  width: 100%;
  max-width: 42.8571rem;
  margin: 0 auto;
}
#student-details-info h2 {
  margin-top: 0;
  padding-top: 1.4286rem;
}
#student-details-info mat-card {
  background: var(--common-grey-100);
  box-shadow: none;
  border-radius: 0;
  margin: -1.4286rem 0 0 0 !important;
  /* TODO: remove important */
  padding: 0 !important;
  /* TODO: remove important */
}
#student-details-info .student-details-info-subsection {
  padding-left: 3.5714rem !important;
  /* TODO: remove important */
}
#student-details-info #student-details-photo {
  display: block;
  margin-top: 0.7143rem;
  margin-bottom: 0.7143rem;
  border-radius: 0.2857rem;
  padding: 0.2857rem;
  border: 1px solid #ddd;
}
#student-details-info .mdl-textfield.mdl-textfield {
  padding: 0;
  width: 100%;
}
#student-details-info .mat-list-item {
  padding: 0 2.8571rem !important;
  /* TODO: remove important */
}
#student-details-info .select-info {
  min-width: 8.5714rem;
}
#student-details-info h3 {
  margin-top: 0;
  padding-top: 1.4286rem;
}
#student-details-info h4 {
  border-top: 1px solid #ccc;
  padding-top: 1.7857rem;
  padding-left: 0.7143rem;
  text-transform: capitalize;
}
#student-details-info h5 {
  margin-left: 2.8571rem;
}
#student-details-info h6 {
  margin-left: 0.4286rem;
}
#student-details-info > h4 {
  border-top: initial;
}
#student-details-info display-user div.display-user__icon {
  background-position: center center;
  max-height: 2.2857rem;
}
#student-details-info display-user {
  min-height: 2.8571rem;
}
#my-school-gradebook .page-title-bar .page-title-bar__header {
  height: 4.57rem;
}
#my-school-gradebook-class-student-course-details .app-loading {
  padding: 7.1429rem 0;
}
#my-school-gradebook-class-student-course-details .courses-expand {
  width: 100%;
}
#my-school-gradebook-class-student-course-details mat-panel-title {
  font-size: 1.15rem;
  align-items: center;
}
#my-school-gradebook-class-student-course-details div.header-with-actions {
  width: 100%;
  flex-wrap: wrap;
}
#my-school-gradebook-class-student-course-details div.header-with-actions h5 {
  margin-top: 0;
}
#my-school-gradebook-class-student-course-details .header-color-score-legend {
  align-self: flex-start;
  margin-left: auto;
  margin-bottom: 1rem;
}
#my-classes-class-student-courses mat-table {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px var(--common-dark-opacity-200), 0 1px 5px 0 var(--common-dark-opacity-100);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px var(--common-dark-opacity-200), 0 1px 5px 0 var(--common-dark-opacity-100);
  width: 100%;
}
#my-classes-class-student-courses mat-header-cell {
  text-overflow: ellipsis;
  font-weight: 700;
  line-height: 3.5714rem;
  letter-spacing: 0;
  height: 3.4286rem;
  font-size: 0.86rem;
  color: var(--common-black);
  font-family: var(--common-font-family);
  vertical-align: bottom;
}
#my-classes-class-student-courses mat-cell mat-icon {
  text-align: center;
}
#my-classes-class-student-courses .mat-cell-right {
  text-align: right;
}
#my-classes-class-student-courses .mat-cell-center {
  text-align: center;
}
#my-classes-class-student-courses .mat-cell-id {
  max-width: 3.5714rem;
}
#my-classes-class-student-courses app-loading {
  padding: 7.1429rem 0;
}
app-student-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
lea-table-picture {
  height: 100%;
  width: 100%;
}
lea-table-score {
  text-align: center;
  width: 100%;
}
lea-table-score div.chart-wrapper {
  display: inline-block;
}
lea-table-score div.score-wrapper {
  display: inline-block;
  width: 4.2857rem;
}
lea-table-score div.progress-bar-wrapper {
  clip-path: var(--progress-bar-clip-path);
}
lea-table-score div.progress-bar-score-wrapper {
  display: block;
  text-align: left;
  font-family: var(--progress-bar-score-font-family);
  font-weight: var(--progress-bar-score-font-weight);
}
lea-table-score .mat-progress-bar-fill::after {
  background-color: var(--progress-bar-fill-color);
  box-shadow: var(--progress-bar-fill-box-shadow);
}
lea-table-score .mat-progress-bar-buffer {
  background: var(--progress-bar-background-color);
  box-shadow: var(--progress-bar-background-box-shadow);
}
lea-table-score .mat-progress-bar {
  height: var(--progress-bar-height);
}
lea-table-score .mat-progress-bar-background {
  fill-opacity: 0;
}
.students-list-group-actions-option {
  padding-left: 2rem;
}
.students-list-group-actions-popup {
  width: 100vh;
  height: 100vh;
}
.shared-students-list-table-index,
.shared-students-list-table-avatar {
  width: 3.6rem;
  max-width: 3.6rem;
}
.shared-students-list-table-name {
  width: calc(40% - 3.15rem);
}
.shared-students-list-table-username {
  width: calc(25% - 3.15rem);
}
.shared-students-list-table-result,
.shared-students-list-table-time {
  width: calc(25% - 3.15rem);
}
.shared-students-list-table-actions {
  width: 5.4rem;
  max-width: 5.4rem;
}
.shared-students-list {
  padding: 1rem 1rem 2rem;
  display: block;
}
.shared-students-list .header_bar {
  display: flex;
  justify-content: space-between;
  gap: 0em 0.5rem;
}
.shared-students-list .header_bar .search-input {
  width: 32rem;
}
.shared-students-list .select-group {
  display: flex;
  gap: 0em 0.5rem;
}
#create_important_message_view_loader {
  width: 100%;
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#edit_important_message_view_loader {
  width: 100%;
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#important_messages_view #important_messages_view_messages_list {
  padding: 1rem 0.7rem 3rem 0.7rem;
  max-width: 1200px;
  margin: 0 auto;
}
#important_messages_view #important_messages_view_messages_list #important_messages_view_list {
  position: relative;
  width: 100%;
}
#important_messages_view #important_messages_view_messages_list #important_messages_view_list #important_messages_view_progress_bar {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  border-radius: 50vw;
}
#important_messages_view #important_messages_view_messages_list #important_messages_view_list .actions {
  display: flex;
  align-items: center;
}
#important_messages_view_loader {
  width: 100%;
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 800px) {
  .mobile--d-none {
    display: none;
  }
}
.chat-communication-body {
  max-height: 0;
  width: 100%;
}
.chat-communication-message-with-icon {
  width: calc(80% + 1.4286rem);
  display: flex;
  align-items: flex-start;
  margin-left: 1.0714rem;
}
.chat-communication-message-with-icon.with-username {
  padding-top: 1.4286rem;
}
.chat-communication-message-with-icon app-chat-message {
  width: 100%;
}
.chat-communication-message-with-icon app-chat-message .chat-communication-message-wrapper {
  margin: 0;
}
app-courses-table {
  width: 100%;
}
app-courses-table .mat-cell-end {
  justify-content: flex-end;
  text-align: end;
}
app-courses-table .score-margin-left {
  margin-left: 0.3571rem;
}
#my-school-gradebook-class-students-course-details .popup-stage__loading app-loading {
  padding: 0;
}
#my-school-gradebook-class-students-course-details .courses-expand {
  width: 100%;
}
#my-school-gradebook-class-students-course-details mat-panel-title {
  font-size: 1.15rem;
  align-items: center;
}
#my-classes-class-students-courses mat-table {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px var(--common-dark-opacity-200), 0 1px 5px 0 var(--common-dark-opacity-100);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px var(--common-dark-opacity-200), 0 1px 5px 0 var(--common-dark-opacity-100);
  width: 100%;
}
#my-classes-class-students-courses mat-header-cell {
  text-overflow: ellipsis;
  font-weight: 700;
  line-height: 3.5714rem;
  letter-spacing: 0;
  height: 3.4286rem;
  font-size: 0.86rem;
  color: var(--common-black);
  font-family: var(--common-font-family);
  vertical-align: bottom;
}
#my-classes-class-students-courses mat-cell mat-icon {
  text-align: center;
}
#my-classes-class-students-courses .mat-cell-right {
  text-align: right;
}
#my-classes-class-students-courses .mat-cell-center {
  justify-content: center;
  text-align: center;
}
#my-classes-class-students-courses .mat-cell-id {
  max-width: 3.5714rem;
}
#my-classes-class-students-courses app-loading {
  padding: 7.1429rem 0;
}
#my-classes-class-students-courses div.mdl-grid {
  margin-top: 2.1429rem;
}
.my-class-student-revision-plan-details app-revision-plan-details .revision-plan-details {
  margin-top: 2.1429rem;
  padding: 0.5714rem;
}
.students-revisions-plan-list {
  margin-top: 2.1429rem;
  padding: 0.5714rem;
}
.students-revisions-plan-list .revision-plans-table-wrapper {
  height: auto;
  min-height: 27.8571rem;
  padding: 0.3571rem 2.5714rem 2.1429rem 2.5714rem;
}
.my-classes-students-revisions mat-table {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px var(--common-dark-opacity-200), 0 1px 5px 0 var(--common-dark-opacity-100);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px var(--common-dark-opacity-200), 0 1px 5px 0 var(--common-dark-opacity-100);
  width: 100%;
}
.my-classes-students-revisions mat-header-cell {
  text-overflow: ellipsis;
  font-weight: 700;
  line-height: 3.5714rem;
  letter-spacing: 0;
  height: 3.4286rem;
  font-size: 0.86rem;
  color: var(--common-black);
  font-family: var(--common-font-family);
  vertical-align: bottom;
}
.my-classes-students-revisions mat-cell mat-icon {
  text-align: center;
}
.my-classes-students-revisions .mat-cell-right {
  text-align: right;
}
.my-classes-students-revisions .mat-cell-center {
  justify-content: center;
  text-align: center;
}
.my-classes-students-revisions .mat-cell-id {
  max-width: 3.5714rem;
}
.my-classes-students-revisions app-loading {
  padding: 7.1429rem 0;
}
.my-classes-students-revisions div.lea-table {
  margin-top: 2.1429rem;
  padding: 0.5714rem;
}
.my-classes-students-revisions .actions-buttons {
  display: flex;
  justify-content: center;
}
.my-classes-students-revisions lea-table .mat-column-actions {
  padding-right: 0;
}
#my-classes-class-students mat-table {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px var(--common-dark-opacity-200), 0 1px 5px 0 var(--common-dark-opacity-100);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px var(--common-dark-opacity-200), 0 1px 5px 0 var(--common-dark-opacity-100);
  width: 100%;
}
#my-classes-class-students mat-header-cell {
  text-overflow: ellipsis;
  font-weight: 700;
  line-height: 3.5714rem;
  letter-spacing: 0;
  height: 3.4286rem;
  font-size: 0.86rem;
  color: var(--common-black);
  font-family: var(--common-font-family);
  vertical-align: bottom;
}
#my-classes-class-students .mat-cell-right {
  text-align: right;
}
#my-classes-class-students .mat-cell-center {
  justify-content: center;
  text-align: center;
}
#my-classes-class-students .mat-cell-id {
  max-width: 3.5714rem;
}
#my-classes-class-students app-loading {
  padding: 7.1429rem 0;
}
#my-classes-class-students div.mdl-grid {
  margin-top: 2.1429rem;
}
#my-classes-class app-loading {
  padding: 7.1429rem 0;
}
#my-classes-class a.mat-tab-link {
  font-family: var(--common-font-family);
  font-size: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0;
  margin: 0;
  min-width: 4.5714rem;
  padding: 0 1.1429rem;
}
#my-classes-class a.mat-tab-label-active {
  color: var(--common-black);
}
#my-classes-class .header-with-actions {
  flex-wrap: wrap;
}
#my-classes-class .my-classes-color-score-legend-block {
  margin-top: 0.5rem;
  margin-left: auto;
}
.my-classes-course-revision-student-list mat-table {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px var(--common-dark-opacity-200), 0 1px 5px 0 var(--common-dark-opacity-100);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px var(--common-dark-opacity-200), 0 1px 5px 0 var(--common-dark-opacity-100);
  width: 100%;
}
.my-classes-course-revision-student-list mat-header-cell {
  text-overflow: ellipsis;
  font-weight: 700;
  line-height: 3.5714rem;
  letter-spacing: 0;
  height: 3.4286rem;
  font-size: 0.86rem;
  color: var(--common-white);
  font-family: var(--common-font-family);
  vertical-align: bottom;
}
.my-classes-course-revision-student-list mat-cell mat-icon {
  text-align: center;
}
.my-classes-course-revision-student-list .mat-cell-right {
  text-align: right;
}
.my-classes-course-revision-student-list .mat-cell-center {
  justify-content: center;
  text-align: center;
}
.my-classes-course-revision-student-list .mat-cell-id {
  max-width: 3.5714rem;
}
.my-classes-course-revision-student-list .actions-buttons {
  display: flex;
  justify-content: center;
}
.my-classes-course-revision-student-list lea-table {
  margin-top: 2.1429rem;
  padding: 0.5714rem;
}
.my-classes-course-revision-student-list lea-table .mat-column-lastState {
  display: flex;
  justify-content: center;
  width: 8.9286rem;
}
.my-classes-course-revision-student-list lea-table .mat-column-numberOfDone {
  display: flex;
  width: 8.5714rem;
  justify-content: center;
}
.my-classes-course-revision-student-list lea-table .mat-column-actions {
  padding-right: 0;
}
#my-school-gradebook-class-students app-loading {
  padding: 7.1429rem 0;
}
#news-home div.container {
  min-height: 35.7143rem;
  background-color: var(--common-grey-100);
  list-style: none;
  width: calc(100% - 1.4286rem);
  display: flex;
  padding: 0.7143rem;
  justify-content: space-around;
  flex-flow: row wrap;
}
#news-home div.container .newsboard-wrapper {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
  margin-top: 0.7143rem;
  border-radius: 4px;
}
@media screen and (min-width: 79.6875rem) {
  .newsboard-wrapper {
    width: calc(100% - 53.5714rem);
  }
}
@media screen and (max-width: 79.625rem) {
  news-lesson-schedule {
    order: 1;
    margin-bottom: 0.7143rem;
  }
  .newsboard-wrapper {
    order: 2;
    width: 100%;
    margin-bottom: 0.7143rem;
  }
  news-mini-calendar {
    order: 3;
  }
}
@media (max-width: 480px) {
  #news-home news-lesson-schedule {
    width: 100%;
  }
  #news-home news-lesson-schedule #news-schedule-component > .news-schedule-card {
    width: 100%;
  }
  #news-home news-lesson-schedule #news-schedule-component > .news-schedule-card .mdl-card__supporting-text .lesson-day {
    padding-right: 0;
  }
  #news-home news-mini-calendar {
    width: 100%;
  }
  #news-home news-mini-calendar #news-mini-calendar-component > .news-calendar-card {
    width: 100%;
  }
  #news-home news-mini-calendar #news-mini-calendar-component > .news-calendar-card #calendar-component {
    padding: 0.7rem 0;
  }
}
#news-home div.container {
  min-height: 35.7143rem;
  background-color: var(--common-grey-100);
  list-style: none;
  width: calc(100% - 1.4286rem);
  display: flex;
  padding: 0.7143rem;
  justify-content: space-around;
  flex-flow: row wrap;
}
@media screen and (min-width: 79.6875rem) {
  newsboard {
    width: calc(100% - 53.5714rem);
  }
}
@media screen and (max-width: 79.625rem) {
  newsboard {
    width: 100%;
    order: 1;
  }
  news-lesson-schedule {
    order: 2;
  }
  news-mini-calendar {
    order: 3;
  }
}
#news-schedule-component {
  padding-top: 0.7143rem;
}
#news-schedule-component .news-schedule-card.mdl-card {
  width: 24.6429rem;
  background-color: var(--common-white);
}
#news-schedule-component .news-schedule-card > .mdl-card__title {
  background-color: var(--common-primary);
  height: 3.1429rem;
  padding-bottom: 0.4286rem;
  color: var(--primary-content);
}
#news-schedule-component .news-schedule-card > .mdl-card__title > a > h2 {
  background-color: var(--common-primary);
  padding-bottom: 0.5rem;
  color: var(--primary-content);
  font-size: 1.15rem;
  font-weight: bold;
}
#news-schedule-component .news-schedule-card > .mdl-card__title > a {
  text-decoration: none;
}
#news-schedule-component .news-schedule-card > .mdl-card__supporting-text {
  padding: 0 0;
  width: 100%;
}
#news-schedule-component .news-schedule-card > .mdl-card__menu {
  color: var(--primary-content);
  top: 0.5714rem;
  right: 0.2857rem;
}
#news-schedule-component table {
  width: 100%;
}
#news-schedule-component tr.row {
  vertical-align: center;
  position: relative;
  color: var(--common-black);
  font-size: 1.07rem;
  font-weight: 300;
  font-family: var(--common-font-family);
  user-select: none;
  box-sizing: border-box;
}
#news-schedule-component tr.row.exist {
  color: var(--primary-content);
  cursor: pointer;
}
#news-schedule-component tr.row > td > div {
  padding: 1.4286rem 0 1.4286rem 1.0714rem;
}
#news-schedule-component tr.row > td.time {
  width: 7.8571rem;
}
#news-schedule-component tr.row > td > div.lesson-day {
  font-size: 1.15rem;
  border-bottom: none;
  padding: 1.4286rem 0.7143rem 1.0714rem 1.0714rem;
  min-width: 15.7143rem;
}
#news-schedule-component td.underline {
  border-bottom: 1px solid #afafafad;
}
#news-schedule-component tr.row > td > div.lesson-name {
  font-size: 1rem;
  padding: 0 0.3571rem 0 1.0714rem;
}
#news-schedule-component div.lesson-class {
  text-align: right;
}
#news-schedule-component #news-schedule-component div.empty {
  color: #8d8d8d;
}
#news-schedule-component div.no_lessons {
  padding: 3.2143rem 0.7143rem;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
}
#news-schedule-component tr.row > td > div.day-buttons-container {
  color: var(--common-black);
  background-color: var(--common-white);
  float: right;
  padding: 0.3571rem 0.7143rem 0 0;
}
#news-schedule-component div.day-buttons-container > i.material-icons {
  cursor: pointer;
  padding: 0 0.2857rem;
  display: table-cell;
}
#news-schedule-component app-loading {
  display: table;
  margin: 4.2857rem auto 1.7857rem;
}
.custom-color-0 {
  background-color: #df2020;
}
.custom-color-1 {
  background-color: #df2b20;
}
.custom-color-2 {
  background-color: #df3720;
}
.custom-color-3 {
  background-color: #df4220;
}
.custom-color-4 {
  background-color: #df4e20;
}
.custom-color-5 {
  background-color: #df5920;
}
.custom-color-6 {
  background-color: #df6520;
}
.custom-color-7 {
  background-color: #df7020;
}
.custom-color-8 {
  background-color: #df7c20;
}
.custom-color-9 {
  background-color: #df8720;
}
.custom-color-10 {
  background-color: #df9320;
}
.custom-color-11 {
  background-color: #df9e20;
}
.custom-color-12 {
  background-color: #dfaa20;
}
.custom-color-13 {
  background-color: #dfb520;
}
.custom-color-14 {
  background-color: #dfc120;
}
.custom-color-15 {
  background-color: #dfcc20;
}
.custom-color-16 {
  background-color: #dfd720;
}
.custom-color-17 {
  background-color: #dbdf20;
}
.custom-color-18 {
  background-color: #d0df20;
}
.custom-color-19 {
  background-color: #c4df20;
}
.custom-color-20 {
  background-color: #b9df20;
}
.custom-color-21 {
  background-color: #addf20;
}
.custom-color-22 {
  background-color: #a2df20;
}
.custom-color-23 {
  background-color: #96df20;
}
.custom-color-24 {
  background-color: #8bdf20;
}
.custom-color-25 {
  background-color: #80df20;
}
.custom-color-26 {
  background-color: #74df20;
}
.custom-color-27 {
  background-color: #69df20;
}
.custom-color-28 {
  background-color: #5ddf20;
}
.custom-color-29 {
  background-color: #52df20;
}
.custom-color-30 {
  background-color: #46df20;
}
.custom-color-31 {
  background-color: #3bdf20;
}
.custom-color-32 {
  background-color: #2fdf20;
}
.custom-color-33 {
  background-color: #24df20;
}
.custom-color-34 {
  background-color: #20df28;
}
.custom-color-35 {
  background-color: #20df33;
}
.custom-color-36 {
  background-color: #20df3e;
}
.custom-color-37 {
  background-color: #20df4a;
}
.custom-color-38 {
  background-color: #20df55;
}
.custom-color-39 {
  background-color: #20df61;
}
.custom-color-40 {
  background-color: #20df6c;
}
.custom-color-41 {
  background-color: #20df78;
}
.custom-color-42 {
  background-color: #20df83;
}
.custom-color-43 {
  background-color: #20df8f;
}
.custom-color-44 {
  background-color: #20df9a;
}
.custom-color-45 {
  background-color: #20dfa6;
}
.custom-color-46 {
  background-color: #20dfb1;
}
.custom-color-47 {
  background-color: #20dfbd;
}
.custom-color-48 {
  background-color: #20dfc8;
}
.custom-color-49 {
  background-color: #20dfd4;
}
.custom-color-50 {
  background-color: #20dfdf;
}
.custom-color-51 {
  background-color: #20d4df;
}
.custom-color-52 {
  background-color: #20c8df;
}
.custom-color-53 {
  background-color: #20bddf;
}
.custom-color-54 {
  background-color: #20b1df;
}
.custom-color-55 {
  background-color: #20a6df;
}
.custom-color-56 {
  background-color: #209adf;
}
.custom-color-57 {
  background-color: #208fdf;
}
.custom-color-58 {
  background-color: #2083df;
}
.custom-color-59 {
  background-color: #2078df;
}
.custom-color-60 {
  background-color: #206cdf;
}
.custom-color-61 {
  background-color: #2061df;
}
.custom-color-62 {
  background-color: #2055df;
}
.custom-color-63 {
  background-color: #204adf;
}
.custom-color-64 {
  background-color: #203edf;
}
.custom-color-65 {
  background-color: #2033df;
}
.custom-color-66 {
  background-color: #2028df;
}
.custom-color-67 {
  background-color: #2420df;
}
.custom-color-68 {
  background-color: #2f20df;
}
.custom-color-69 {
  background-color: #3b20df;
}
.custom-color-70 {
  background-color: #4620df;
}
.custom-color-71 {
  background-color: #5220df;
}
.custom-color-72 {
  background-color: #5d20df;
}
.custom-color-73 {
  background-color: #6920df;
}
.custom-color-74 {
  background-color: #7420df;
}
.custom-color-75 {
  background-color: #7f20df;
}
.custom-color-76 {
  background-color: #8b20df;
}
.custom-color-77 {
  background-color: #9620df;
}
.custom-color-78 {
  background-color: #a220df;
}
.custom-color-79 {
  background-color: #ad20df;
}
.custom-color-80 {
  background-color: #b920df;
}
.custom-color-81 {
  background-color: #c420df;
}
.custom-color-82 {
  background-color: #d020df;
}
.custom-color-83 {
  background-color: #db20df;
}
.custom-color-84 {
  background-color: #df20d7;
}
.custom-color-85 {
  background-color: #df20cc;
}
.custom-color-86 {
  background-color: #df20c1;
}
.custom-color-87 {
  background-color: #df20b5;
}
.custom-color-88 {
  background-color: #df20aa;
}
.custom-color-89 {
  background-color: #df209e;
}
.custom-color-90 {
  background-color: #df2093;
}
.custom-color-91 {
  background-color: #df2087;
}
.custom-color-92 {
  background-color: #df207c;
}
.custom-color-93 {
  background-color: #df2070;
}
.custom-color-94 {
  background-color: #df2065;
}
.custom-color-95 {
  background-color: #df2059;
}
.custom-color-96 {
  background-color: #df204e;
}
.custom-color-97 {
  background-color: #df2042;
}
.custom-color-98 {
  background-color: #df2037;
}
.custom-color-99 {
  background-color: #df202b;
}
.custom-color-100 {
  background-color: #df2020;
}
#news-mini-calendar-component {
  padding-top: 0.7143rem;
}
@media screen and (max-width: 75rem) {
  #news-mini-calendar-component {
    padding-top: 0;
  }
}
#news-mini-calendar-component .width-100 {
  width: 100% !important;
}
#news-mini-calendar-component .news-calendar-card.mdl-card {
  width: 24.6429rem;
  background-color: var(--common-white);
}
#news-mini-calendar-component .news-calendar-card > .mdl-card__title {
  background-color: var(--dashboard-card-header-background-color);
  height: var(--dashboard-card-header-height);
  color: var(--dashboard-card-header-color);
  padding-left: 0;
}
#news-mini-calendar-component .news-calendar-card > .mdl-card__title > a {
  text-decoration: none;
}
#news-mini-calendar-component .news-calendar-card > .mdl-card__title > a {
  display: flex;
  align-items: center;
  color: var(--dashboard-card-header-color);
  height: var(--dashboard-card-header-height);
  margin-left: 0.5714rem;
}
#news-mini-calendar-component .news-calendar-card > .mdl-card__title > a .mdl-card__title-text {
  margin-left: 0.7143rem;
  background-color: var(--dashboard-card-header-background-color);
  font-size: var(--dashboard-card-header-font-size);
  font-weight: var(--dashboard-card-header-font-weight);
  color: var(--dashboard-card-header-color);
  align-self: center;
}
#news-mini-calendar-component .news-calendar-card > .mdl-card__supporting-text {
  padding: 0 0;
  width: 100%;
}
#news-mini-calendar-component .news-calendar-card > .mdl-card__menu {
  color: var(--common-light-primary-text);
  top: 0.5714rem;
  right: 0.2857rem;
}
#news-mini-calendar-component div.table {
  width: 100%;
}
#news-mini-calendar-component div.table div.row {
  vertical-align: center;
  position: relative;
  color: var(--common-black);
  font-size: 1.07rem;
  font-weight: 300;
  font-family: var(--common-font-family);
  user-select: none;
}
#news-mini-calendar-component div.table div.row > div > div.lesson-day {
  font-size: 1.15rem;
  border-bottom: none;
  padding: 1.4286rem 0.7143rem 1.0714rem 0.7143rem;
  min-width: 15.7143rem;
  color: var(--common-black);
}
#news-mini-calendar-component div.table div.row > div > div.day-buttons-container {
  color: var(--common-black);
  background-color: var(--common-white);
  float: right;
  padding: 0.3571rem 0.7143rem 0 0;
}
#news-mini-calendar-component div.table div.day-buttons-container > i.material-icons {
  cursor: pointer;
  padding: 0 0.2857rem;
  display: flex;
}
#news-mini-calendar-component div.table div.activity div.chip {
  text-align: center;
  border-radius: 50%;
  background-color: var(--common-white);
  color: var(--common-black);
  height: 2.8571rem;
  width: 2.8571rem;
  line-height: 2.8571rem;
  margin: auto;
  cursor: pointer;
  transition: all 0.3s ease;
  user-select: none;
}
#news-mini-calendar-component div.table div.activity div.chip.disabled {
  color: var(--common-light-primary-text);
  background-color: #afafaf;
  cursor: pointer;
}
#news-mini-calendar-component div.table div.activity div.chip.selected {
  background-color: var(--common-primary);
  color: var(--primary-content);
}
#news-mini-calendar-component div.table div.activity div.activity-name {
  font-size: 1rem;
  padding: 1.4286rem;
  transition: all 0.3s ease;
  cursor: initial;
  opacity: 0.5;
}
#news-mini-calendar-component div.table div.activity div.activity-name .date {
  font-size: 0.79rem;
  margin-bottom: 0.3571rem;
}
#news-mini-calendar-component div.table div.activity div.activity-name.enabled {
  cursor: pointer;
  opacity: 1;
}
#news-mini-calendar-component div.table div.activity div.activity-name.enabled:hover {
  color: var(--common-black);
}
#news-mini-calendar-component div.table div.activity div.no-events {
  text-align: center;
  cursor: initial;
  user-select: none;
}
#news-mini-calendar-component div.table div.activity div.date {
  width: 19rem;
}
#news-mini-calendar-component div.table div.separator > div {
  border-bottom: 1px solid #afafafad;
}
#news-mini-calendar-component app-loading {
  margin-left: auto;
  margin-right: auto;
  display: table;
  margin-top: 0.7143rem;
  margin-bottom: 0.7143rem;
}
div.newsboard-visibility div.popup-title {
  line-height: 1.2857rem;
  vertical-align: middle;
}
div.newsboard-visibility div.popup {
  border-radius: 0.7143rem;
  text-align: left;
}
div.newsboard-visibility mat-panel-title {
  line-height: 3.9286rem;
  height: 3.9286rem;
}
div.newsboard-visibility #visibility-basic mat-checkbox {
  margin: 0.8571rem 2.1429rem;
  display: flex;
}
div.newsboard-visibility app-loading {
  width: 100%;
  text-align: center;
}
div.newsboard-visibility div.content {
  overflow-y: hidden;
}
div.newsboard-visibility div.content mat-checkbox {
  width: 100%;
  display: block;
  border-top: 1px solid #ccc;
  padding: 0.8571rem 0;
}
div.newsboard-visibility div.content mat-checkbox label {
  padding-left: 2.5rem;
}
div.newsboard-visibility mat-checkbox.partially-checked div.mat-checkbox-background {
  background-color: var(--common-accent);
}
div.newsboard-visibility mat-icon {
  color: #afafaf;
}
div.newsboard-visibility .mat-expansion-panel-body {
  padding: 0;
}
div.newsboard-visibility div.visibility-input {
  color: #5d5d5d;
  margin: 0.7143rem 0 1.0714rem 0;
  padding: 0.2143rem;
  position: relative;
  height: 2.1429rem;
  cursor: pointer;
}
div.newsboard-visibility div.visibility-input span {
  position: absolute;
  left: 2.8571rem;
  right: 0.3571rem;
  border-bottom: 0.0714rem solid #ccc;
  height: 1.7857rem;
  padding-left: 0.1429rem;
  overflow: hidden;
}
div.newsboard-visibility div.visibility-input mat-icon {
  position: absolute;
  left: 0.3571rem;
}
div.newsboard-visibility div.options-container {
  padding: 0.3571rem 0.3571rem 0.3571rem 0.3571rem;
  overflow-y: auto;
  max-height: 50vh;
}
.news-wrapper {
  width: 100%;
  min-height: 57vh;
  max-height: 57vh;
  background-color: var(--common-white);
  display: flex;
  flex-direction: column;
  border-radius: 4px;
}
.news-wrapper .add-news-button {
  width: fit-content;
}
.news-wrapper .text-white {
  color: var(--white);
}
.news-wrapper .news-wrapper-header {
  width: 100%;
  min-height: var(--dashboard-card-header-height);
  background-color: var(--common-primary);
  display: flex;
  align-items: center;
  padding-left: 0.7143rem;
  box-sizing: border-box;
  color: var(--dashboard-card-header-color);
  border-radius: 4px 4px 0 0;
}
.news-wrapper .news-wrapper-header h5 {
  margin: 0 0 0 0.7143rem;
  font-size: var(--dashboard-card-header-font-size);
  font-weight: var(--dashboard-card-header-font-weight);
  color: var(--dashboard-card-header-color);
}
.news-wrapper .empty-newsboard {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 1rem;
}
.news-wrapper .news-wrapper-messages {
  overflow-y: auto;
  height: 100%;
  border-radius: 4px;
}
.news-wrapper .news-wrapper-messages #newsBoard {
  padding-top: 0.7143rem;
  text-align: center;
  width: 100%;
}
.news-wrapper .news-wrapper-messages #newsBoard div.popup-actions {
  border-top: 1px solid #ccc;
  height: 2.7143rem;
}
.news-wrapper .news-wrapper-messages #newsBoard button {
  margin-bottom: 0.7143rem;
  font-weight: bold;
}
.news-wrapper .news-wrapper-messages #newsBoard div.actions {
  width: 100%;
  text-align: right;
}
.news-wrapper .news-wrapper-messages #newsBoard mat-card {
  margin-bottom: 1.4286rem;
  text-align: left;
  padding: 1.2143rem;
}
.news-wrapper .news-wrapper-messages #newsBoard mat-card div.mat-card-avatar {
  background-size: cover;
  background-position: center center;
}
.news-wrapper .news-wrapper-messages #newsBoard mat-card div.ng-star-inserted {
  overflow-x: auto;
}
.news-wrapper .news-wrapper-messages #newsBoard mat-card div.ng-star-inserted img {
  margin: 0.3571rem;
}
.news-wrapper .news-wrapper-messages #newsBoard mat-card mat-card-header {
  height: 4rem;
}
.news-wrapper .news-wrapper-messages #newsBoard mat-card mat-card-title {
  margin-bottom: 0.7143rem;
}
.news-wrapper .news-wrapper-messages #newsBoard mat-card mat-card-title h5 {
  margin-top: 0;
  margin-bottom: 0;
  display: inline-block;
  font-size: 1.2rem;
}
.news-wrapper .news-wrapper-messages #newsBoard mat-card mat-card-title h6 {
  margin: 0;
  display: inline-block;
  color: var(--common-dark-opacity-500);
}
.news-wrapper .news-wrapper-messages #newsBoard mat-card mat-card-title button {
  position: absolute;
  top: 1.0714rem;
  right: 1.0714rem;
  color: var(--common-dark-opacity-500);
}
.news-wrapper .news-wrapper-messages #newsBoard mat-card mat-card-content {
  position: relative;
}
.news-wrapper .news-wrapper-messages #newsBoard mat-card mat-card-actions {
  border-top: 1px solid #ccc;
  text-align: right;
}
.news-wrapper .news-wrapper-messages #newsBoard mat-card mat-card-subtitle {
  font-size: 0.9rem;
}
.news-wrapper .news-wrapper-messages #newsBoard mat-card:last-child {
  margin-bottom: 0;
}
.news-wrapper .news-wrapper-messages #newsBoard app-loading {
  margin: 0.3571rem 0;
}
.news-wrapper .news-wrapper-messages #newsBoard div.buttons-loading {
  text-align: center;
  width: 100%;
}
.news-wrapper .news-wrapper-messages #newsBoard .mdl-card__subtitle-text button {
  margin-bottom: 0;
}
.news-wrapper .news-wrapper-messages #newsBoard .resource-card__icon {
  cursor: pointer;
}
app-child-course-lessons div.loader {
  display: flex;
}
app-child-course-lessons div.loader app-loading {
  margin: auto;
}
app-child-courses div.header-wrapper {
  display: flex;
  padding-bottom: 1.1429rem;
}
app-child-courses div.header-wrapper div.title h5 {
  margin: 0.3571rem 0 0 0;
  line-height: 1.8571rem;
}
app-child-courses div.header-wrapper div.score-legend-wrapper {
  margin-left: auto;
}
app-child-courses div.mdl-cell {
  padding: 0 0.2857rem;
  min-height: 32.1429rem;
}
app-child-courses div.loader {
  display: flex;
}
app-child-courses div.loader app-loading {
  margin: auto;
}
app-child-results div.spinner-wrapper {
  display: flex;
  width: 100%;
  height: 60px;
}
app-child-results div.spinner-wrapper app-loading {
  margin: auto;
}
app-children-table .mat-column-actions {
  width: calc(64% - 7rem);
}
app-children-table .mat-column-name {
  width: 12%;
}
app-children-table .mat-column-surname {
  width: 12%;
  display: var(--childrens-table-surname-column-display, none);
}
app-children-table .mat-column-username {
  width: 12%;
}
app-children-table .mat-column-photoThumbnail {
  width: 3.5rem;
  height: 3.5714rem;
  padding: 0.5714rem;
}
app-children-table .mat-column-photoThumbnail img {
  border-radius: 50%;
}
app-children-table .mat-header-row {
  background-color: var(--common-grey-50);
}
app-children-table .mat-row {
  transition-duration: 0.28s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: background-color;
}
app-children-table .mat-row:hover {
  background-color: var(--common-grey-200);
}
app-children-table .mat-header-cell {
  font-size: 0.86rem;
  font-weight: 700;
  font-family: var(--common-font-family);
}
app-children-table .actions-header-cell > div {
  padding-right: 3.4286rem;
  margin-left: auto;
}
app-children-table .actions-buttons {
  display: flex;
  width: 100%;
  justify-content: flex-end;
}
@media screen and (max-width: 88.75rem) {
  app-children-table .mat-column-photoThumbnail {
    display: var(--childrens-table-thumbnail-column-display, none);
  }
  app-children-table .mat-column-actions {
    width: calc(40% - 3.5rem);
  }
  app-children-table .mat-column-name {
    width: 30%;
  }
  app-children-table .mat-column-surname {
    width: 30%;
    display: var(--childrens-table-surname-column-display, none);
  }
  app-children-table .mat-column-username {
    width: 30%;
  }
}
app-home-component #my-school-parent-children {
  height: 100%;
}
app-single-child-menu div.page-title-bar.flex-row.with-back .page-title-bar__header {
  display: flex;
}
app-single-child-menu div.page-title-bar.flex-row.with-back h1.student-data {
  margin: 0 0 0 0.5714rem;
}
app-single-child-menu div.page-title-bar.flex-row.with-back div.menu-items {
  margin: 0.5714rem 0 0 auto;
}
app-single-child-menu div.page-title-bar.flex-row.with-back button {
  font-weight: 700;
}
#subject-class {
  height: 100%;
  padding-top: 1.5714rem;
}
#subject-class .radius-border {
  border-radius: 4px;
}
#subject-class .page-content {
  height: 100%;
}
#subject-class button.back-button {
  float: left;
}
#subject-class .chat-wrapper {
  max-height: 57vh;
}
#subject-class .clean-left-margin {
  margin-left: 0;
}
app-badge-to-grade-manager img.badge {
  max-width: 15rem;
  height: auto;
}
app-badge-to-grade-manager div.div-with-ellipsis-text-overflow {
  white-space: nowrap;
  width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}
app-badge-to-grade-manager li.mdl-list__item {
  padding: 0;
}
app-badge-to-grade-manager #cancelButtonId {
  padding-left: 0;
}
.publishers-no-lessons div {
  display: flex;
  justify-content: center;
}
app-publisher-collection-custom-toc-sim {
  height: 100%;
}
app-publisher-collection-custom-toc-sim .page-title-bar__header {
  display: flex;
  justify-content: space-between;
}
app-publisher-collection-custom-toc-sim .display-type-button {
  float: left;
  margin-left: 0.3571rem;
}
app-publisher-collection-custom-toc-sim .right-menu {
  float: right;
  display: flex;
  align-items: center;
}
app-publisher-collection-custom-toc-sim .right-menu .set-url-panel {
  margin-right: 0.7143rem;
  display: flex;
  align-items: center;
}
app-publisher-collection-custom-toc-sim .page-content {
  height: 100%;
}
.publisher-admin-updater-schedule-popup-time-input {
  width: 3.6rem;
}
.publisher-admin-updater-schedule-popup-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.publisher-admin-updater-sectons-list-accordion-buttons {
  margin-bottom: 1.125rem;
  display: flex;
  justify-content: end;
}
.publisher-admin-updater-table-reimport-input {
  display: flex;
  align-items: center;
}
.publisher-admin-updater-table-index {
  width: 3.6rem;
}
.publisher-admin-updater-table-title {
  width: calc(60% - 25.3rem);
}
.publisher-admin-updater-table-status {
  width: 18rem;
}
.publisher-admin-updater-table-collection-id {
  width: 15rem;
}
.publisher-admin-updater-table-update {
  width: 14rem;
  display: flex;
  justify-content: center;
}
.publisher-admin-updater-table-reimport {
  width: calc(40% - 25.3rem);
}
.publisher-admin-updater-table-reimport-box {
  width: 100%;
}
#publisher-admin-updater {
  overflow: hidden;
}
#publisher-admin-updater .page-content {
  padding: 1.125rem;
}
#publisher-admin-updater .publisher-admin-updater-schedule-button {
  margin-top: 1.125rem;
  display: flex;
  justify-content: end;
}
.tags-list {
  display: inline-block;
}
.tags-list .tag {
  float: left;
  display: inline-block;
  border-radius: 1.4286rem;
  margin: 0.1429rem;
  padding: 0.2857rem 0.5714rem 0.2857rem 1.1429rem;
  background: var(--common-grey-300);
  line-height: 2.2857rem;
}
.tags-list .tag button.mdl-button.mdl-js-button.mdl-button--icon {
  background: var(--common-grey-400);
  color: var(--common-light-primary-text);
  min-width: 1.7143rem;
  width: 1.7143rem;
  height: 1.7143rem;
}
.tags-list .tag button.mdl-button.mdl-js-button.mdl-button--icon i.material-icons {
  font-size: 1.29rem;
}
#publishers-collections-editor div.page-title-bar__header .saved,
#collections-editor div.page-title-bar__header .saved {
  color: #4caf50;
}
#publishers-collections-editor div.page-title-bar__header .saved:hover,
#collections-editor div.page-title-bar__header .saved:hover {
  background: transparent;
  cursor: auto;
}
#publishers-collections-editor div.saving-mask,
#collections-editor div.saving-mask {
  position: fixed;
  z-index: 11100;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
}
#publishers-collections-editor div.saving-mask .loading,
#collections-editor div.saving-mask .loading {
  margin: 0 auto;
  color: var(--common-light-primary-text);
}
#publishers-collections-editor div.saving-mask .loading .app-loading-wrapper,
#collections-editor div.saving-mask .loading .app-loading-wrapper {
  text-align: center;
}
#publishers-collections-editor div.page-content,
#collections-editor div.page-content {
  padding-bottom: 0;
}
#publishers-collections-editor div.page-content .grid,
#collections-editor div.page-content .grid {
  display: flex;
  flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
}
#publishers-collections-editor div.page-content .grid .sources,
#collections-editor div.page-content .grid .sources {
  width: 35.7143rem;
  border-left: 1px solid var(--common-grey-300);
  background: var(--common-white);
}
#publishers-collections-editor div.page-content .grid .sources h2.sources__title,
#collections-editor div.page-content .grid .sources h2.sources__title {
  font-size: 1.29rem;
  margin: 0;
}
#publishers-collections-editor div.page-content .grid .sources section.section.selection,
#collections-editor div.page-content .grid .sources section.section.selection {
  padding: 1.1429rem;
}
#publishers-collections-editor div.page-content .grid .sources section.section.selection .resource-file-from,
#collections-editor div.page-content .grid .sources section.section.selection .resource-file-from,
#publishers-collections-editor div.page-content .grid .sources section.section.selection .resource-url-from,
#collections-editor div.page-content .grid .sources section.section.selection .resource-url-from,
#publishers-collections-editor div.page-content .grid .sources section.section.selection .sources-list,
#collections-editor div.page-content .grid .sources section.section.selection .sources-list {
  margin-top: 0;
  padding-top: 0;
}
#publishers-collections-editor div.page-content .grid .sources section.section.selection .resource-file-from li.mdl-list__item.no-padding,
#collections-editor div.page-content .grid .sources section.section.selection .resource-file-from li.mdl-list__item.no-padding,
#publishers-collections-editor div.page-content .grid .sources section.section.selection .resource-url-from li.mdl-list__item.no-padding,
#collections-editor div.page-content .grid .sources section.section.selection .resource-url-from li.mdl-list__item.no-padding,
#publishers-collections-editor div.page-content .grid .sources section.section.selection .sources-list li.mdl-list__item.no-padding,
#collections-editor div.page-content .grid .sources section.section.selection .sources-list li.mdl-list__item.no-padding {
  padding-top: 0;
  padding-bottom: 0;
}
#publishers-collections-editor div.page-content .grid .sources section.section.selection .resource-file-from .mdl-button:not(.mdl-button--raised, .mdl-button--mini-fab),
#collections-editor div.page-content .grid .sources section.section.selection .resource-file-from .mdl-button:not(.mdl-button--raised, .mdl-button--mini-fab),
#publishers-collections-editor div.page-content .grid .sources section.section.selection .resource-url-from .mdl-button:not(.mdl-button--raised, .mdl-button--mini-fab),
#collections-editor div.page-content .grid .sources section.section.selection .resource-url-from .mdl-button:not(.mdl-button--raised, .mdl-button--mini-fab),
#publishers-collections-editor div.page-content .grid .sources section.section.selection .sources-list .mdl-button:not(.mdl-button--raised, .mdl-button--mini-fab),
#collections-editor div.page-content .grid .sources section.section.selection .sources-list .mdl-button:not(.mdl-button--raised, .mdl-button--mini-fab) {
  background-color: var(--common-grey-100);
}
#publishers-collections-editor div.page-content .grid .sources section.section.selection .resource-file-from .search-form,
#collections-editor div.page-content .grid .sources section.section.selection .resource-file-from .search-form,
#publishers-collections-editor div.page-content .grid .sources section.section.selection .resource-url-from .search-form,
#collections-editor div.page-content .grid .sources section.section.selection .resource-url-from .search-form,
#publishers-collections-editor div.page-content .grid .sources section.section.selection .sources-list .search-form,
#collections-editor div.page-content .grid .sources section.section.selection .sources-list .search-form {
  margin-bottom: 0;
}
#publishers-collections-editor div.page-content .grid .sources section.section.selection .resource-file-from .search-button,
#collections-editor div.page-content .grid .sources section.section.selection .resource-file-from .search-button,
#publishers-collections-editor div.page-content .grid .sources section.section.selection .resource-url-from .search-button,
#collections-editor div.page-content .grid .sources section.section.selection .resource-url-from .search-button,
#publishers-collections-editor div.page-content .grid .sources section.section.selection .sources-list .search-button,
#collections-editor div.page-content .grid .sources section.section.selection .sources-list .search-button {
  margin-right: 0.3571rem;
  margin-left: 0.7143rem;
}
#publishers-collections-editor div.page-content .grid .sources section.section.selection .resource-file-from .clear-search-button,
#collections-editor div.page-content .grid .sources section.section.selection .resource-file-from .clear-search-button,
#publishers-collections-editor div.page-content .grid .sources section.section.selection .resource-url-from .clear-search-button,
#collections-editor div.page-content .grid .sources section.section.selection .resource-url-from .clear-search-button,
#publishers-collections-editor div.page-content .grid .sources section.section.selection .sources-list .clear-search-button,
#collections-editor div.page-content .grid .sources section.section.selection .sources-list .clear-search-button {
  margin: 0;
}
#publishers-collections-editor div.page-content .grid .sources section.section.selection .resource-file-from .mdl-button.cancel-button,
#collections-editor div.page-content .grid .sources section.section.selection .resource-file-from .mdl-button.cancel-button,
#publishers-collections-editor div.page-content .grid .sources section.section.selection .resource-url-from .mdl-button.cancel-button,
#collections-editor div.page-content .grid .sources section.section.selection .resource-url-from .mdl-button.cancel-button,
#publishers-collections-editor div.page-content .grid .sources section.section.selection .sources-list .mdl-button.cancel-button,
#collections-editor div.page-content .grid .sources section.section.selection .sources-list .mdl-button.cancel-button {
  margin-right: 1.1429rem;
}
#publishers-collections-editor div.page-content .grid .sources section.section.selection .resource-file-from .upload-resource-file,
#collections-editor div.page-content .grid .sources section.section.selection .resource-file-from .upload-resource-file,
#publishers-collections-editor div.page-content .grid .sources section.section.selection .resource-url-from .upload-resource-file,
#collections-editor div.page-content .grid .sources section.section.selection .resource-url-from .upload-resource-file,
#publishers-collections-editor div.page-content .grid .sources section.section.selection .sources-list .upload-resource-file,
#collections-editor div.page-content .grid .sources section.section.selection .sources-list .upload-resource-file {
  width: 2.2857rem;
  height: 2.2857rem;
  display: inline-block;
}
#publishers-collections-editor div.page-content .grid .sources section.section.selection .resource-file-from .mdl-list__item.slim,
#collections-editor div.page-content .grid .sources section.section.selection .resource-file-from .mdl-list__item.slim,
#publishers-collections-editor div.page-content .grid .sources section.section.selection .resource-url-from .mdl-list__item.slim,
#collections-editor div.page-content .grid .sources section.section.selection .resource-url-from .mdl-list__item.slim,
#publishers-collections-editor div.page-content .grid .sources section.section.selection .sources-list .mdl-list__item.slim,
#collections-editor div.page-content .grid .sources section.section.selection .sources-list .mdl-list__item.slim {
  padding: 0 1.1429rem;
}
#publishers-collections-editor div.page-content .grid .sources section.section.selection .resource-file-from .mdl-list__item.slim .mdl-list__item-primary-content.is-invalid input.mdl-textfield__input,
#collections-editor div.page-content .grid .sources section.section.selection .resource-file-from .mdl-list__item.slim .mdl-list__item-primary-content.is-invalid input.mdl-textfield__input,
#publishers-collections-editor div.page-content .grid .sources section.section.selection .resource-url-from .mdl-list__item.slim .mdl-list__item-primary-content.is-invalid input.mdl-textfield__input,
#collections-editor div.page-content .grid .sources section.section.selection .resource-url-from .mdl-list__item.slim .mdl-list__item-primary-content.is-invalid input.mdl-textfield__input,
#publishers-collections-editor div.page-content .grid .sources section.section.selection .sources-list .mdl-list__item.slim .mdl-list__item-primary-content.is-invalid input.mdl-textfield__input,
#collections-editor div.page-content .grid .sources section.section.selection .sources-list .mdl-list__item.slim .mdl-list__item-primary-content.is-invalid input.mdl-textfield__input {
  color: #f44336 !important;
  /* TODO: remove important */
  border-bottom-color: #f44336 !important;
  /* TODO: remove important */
}
#publishers-collections-editor div.page-content .grid .sources section.section.selection .resource-file-from .mdl-list__item.slim .mdl-list__item-primary-content.is-invalid label.mdl-textfield__label:after,
#collections-editor div.page-content .grid .sources section.section.selection .resource-file-from .mdl-list__item.slim .mdl-list__item-primary-content.is-invalid label.mdl-textfield__label:after,
#publishers-collections-editor div.page-content .grid .sources section.section.selection .resource-url-from .mdl-list__item.slim .mdl-list__item-primary-content.is-invalid label.mdl-textfield__label:after,
#collections-editor div.page-content .grid .sources section.section.selection .resource-url-from .mdl-list__item.slim .mdl-list__item-primary-content.is-invalid label.mdl-textfield__label:after,
#publishers-collections-editor div.page-content .grid .sources section.section.selection .sources-list .mdl-list__item.slim .mdl-list__item-primary-content.is-invalid label.mdl-textfield__label:after,
#collections-editor div.page-content .grid .sources section.section.selection .sources-list .mdl-list__item.slim .mdl-list__item-primary-content.is-invalid label.mdl-textfield__label:after {
  background-color: #f44336 !important;
  /* TODO: remove important */
}
#publishers-collections-editor div.page-content .grid .sources section.section.selection .resource-file-from .mdl-list__item app-loading,
#collections-editor div.page-content .grid .sources section.section.selection .resource-file-from .mdl-list__item app-loading,
#publishers-collections-editor div.page-content .grid .sources section.section.selection .resource-url-from .mdl-list__item app-loading,
#collections-editor div.page-content .grid .sources section.section.selection .resource-url-from .mdl-list__item app-loading,
#publishers-collections-editor div.page-content .grid .sources section.section.selection .sources-list .mdl-list__item app-loading,
#collections-editor div.page-content .grid .sources section.section.selection .sources-list .mdl-list__item app-loading {
  margin-bottom: -0.5714rem;
}
#publishers-collections-editor div.page-content .grid .sources .collection-selection,
#collections-editor div.page-content .grid .sources .collection-selection {
  display: flex;
}
#publishers-collections-editor div.page-content .grid .sources .collection-selection .mdl-menu__container,
#collections-editor div.page-content .grid .sources .collection-selection .mdl-menu__container {
  margin-right: 2.2857rem;
}
#publishers-collections-editor div.page-content .grid .sources .collection-selection-compact,
#collections-editor div.page-content .grid .sources .collection-selection-compact {
  display: none;
}
#publishers-collections-editor div.page-content .grid .sources .delete-resource-info,
#collections-editor div.page-content .grid .sources .delete-resource-info {
  padding: 1.1429rem 0;
  text-align: center;
  font-size: 1.15rem;
  font-weight: bold;
}
#publishers-collections-editor div.page-content .grid .collection-tree,
#collections-editor div.page-content .grid .collection-tree {
  display: flex;
  flex-direction: column;
  padding-bottom: 1.7857rem;
  width: calc(100% - 35.7857rem);
}
#publishers-collections-editor div.page-content .grid .collection-tree h2.collection-tree__title,
#collections-editor div.page-content .grid .collection-tree h2.collection-tree__title {
  padding: 1.1429rem 1.1429rem 1.1429rem 1.7143rem;
  font-size: 1.86rem;
  margin: 0;
}
#publishers-collections-editor div.page-content .grid .collection-tree .collection-tree__edit-mode-btn,
#collections-editor div.page-content .grid .collection-tree .collection-tree__edit-mode-btn {
  margin: 1.1429rem;
}
#publishers-collections-editor div.page-content .grid .collection-tree .collection-tree__empty-info,
#collections-editor div.page-content .grid .collection-tree .collection-tree__empty-info {
  padding: 1.1429rem 1.1429rem 0.5714rem 1.7143rem;
  margin-bottom: 0;
}
#publishers-collections-editor div.page-content .grid .collection-tree .section-title,
#collections-editor div.page-content .grid .collection-tree .section-title {
  position: relative;
}
#publishers-collections-editor div.page-content .grid .collection-tree .section-title.top-level-chapter,
#collections-editor div.page-content .grid .collection-tree .section-title.top-level-chapter {
  margin-right: 1.7857rem;
}
#publishers-collections-editor div.page-content .grid .collection-tree .section-title.top-level-chapter .drag-point,
#collections-editor div.page-content .grid .collection-tree .section-title.top-level-chapter .drag-point {
  margin-right: 0;
}
#publishers-collections-editor div.page-content .grid .collection-tree .section-title .drag-point,
#collections-editor div.page-content .grid .collection-tree .section-title .drag-point {
  margin-right: 0.5714rem;
}
#publishers-collections-editor div.page-content .grid .collection-tree .section-title .drag-point:hover,
#collections-editor div.page-content .grid .collection-tree .section-title .drag-point:hover {
  background: transparent;
}
#publishers-collections-editor div.page-content .grid .collection-tree .collection-tree__chapters,
#collections-editor div.page-content .grid .collection-tree .collection-tree__chapters {
  padding: 0 1.1429rem;
}
#publishers-collections-editor div.page-content .grid .collection-tree .collection-tree__chapters section.section.chapter.chapters-editor.has-top-padding,
#collections-editor div.page-content .grid .collection-tree .collection-tree__chapters section.section.chapter.chapters-editor.has-top-padding {
  padding-top: 0;
}
#publishers-collections-editor div.page-content .grid .collection-tree .collection-tree__chapters .collection-chapters-target-container,
#collections-editor div.page-content .grid .collection-tree .collection-tree__chapters .collection-chapters-target-container {
  min-height: 2.2857rem;
  padding-left: 1.7857rem;
}
#publishers-collections-editor div.page-content .grid .collection-tree .collection-tree__chapters .collection-chapters-target-container.over,
#collections-editor div.page-content .grid .collection-tree .collection-tree__chapters .collection-chapters-target-container.over {
  background: var(--common-grey-300);
}
#publishers-collections-editor div.page-content .grid .collection-tree .collection-tree__chapters .collection-chapters-target-container section.section.chapter.chapters-editor.gu-transit.has-left-padding,
#collections-editor div.page-content .grid .collection-tree .collection-tree__chapters .collection-chapters-target-container section.section.chapter.chapters-editor.gu-transit.has-left-padding {
  padding-left: 0;
}
#publishers-collections-editor div.page-content .grid .collection-tree .collection-tree__chapters .collection-chapters-target-container section.section.chapter.chapters-editor .section-title h2,
#collections-editor div.page-content .grid .collection-tree .collection-tree__chapters .collection-chapters-target-container section.section.chapter.chapters-editor .section-title h2 {
  margin: 0.8571rem 0;
}
#publishers-collections-editor div.page-content .grid .collection-tree section.section.chapter,
#collections-editor div.page-content .grid .collection-tree section.section.chapter {
  display: flex;
  flex-direction: column;
  float: none;
  clear: both;
}
#publishers-collections-editor div.page-content .grid .collection-tree section.section.chapter.chapters-editor,
#collections-editor div.page-content .grid .collection-tree section.section.chapter.chapters-editor {
  min-height: 18.5714rem;
  width: auto;
}
#publishers-collections-editor div.page-content .grid .collection-tree section.section.chapter .collection-target-container,
#collections-editor div.page-content .grid .collection-tree section.section.chapter .collection-target-container {
  min-height: 10.7143rem;
  background: var(--common-grey-200);
  flex-grow: 1;
  margin-right: 1.1429rem;
  padding: 1.1429rem;
}
#publishers-collections-editor div.page-content .grid .collection-tree section.section.chapter .collection-target-container.over,
#collections-editor div.page-content .grid .collection-tree section.section.chapter .collection-target-container.over {
  background: var(--common-grey-300);
}
@media screen and (max-width: 64rem) {
  #publishers-collections-editor div.page-content .grid,
  #collections-editor div.page-content .grid {
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
  }
  #publishers-collections-editor div.page-content .grid .sources,
  #collections-editor div.page-content .grid .sources {
    width: 100%;
    border-left: none;
    border-bottom: 1px solid var(--common-grey-300);
  }
  #publishers-collections-editor div.page-content .grid .sources .collection-selection,
  #collections-editor div.page-content .grid .sources .collection-selection {
    display: none;
  }
  #publishers-collections-editor div.page-content .grid .sources .collection-selection-compact,
  #collections-editor div.page-content .grid .sources .collection-selection-compact {
    display: flex;
  }
  #publishers-collections-editor div.page-content .grid .collection-tree,
  #collections-editor div.page-content .grid .collection-tree {
    width: 100%;
  }
}
#publishers-collections-editor div.page-content .app-loading-wrapper,
#collections-editor div.page-content .app-loading-wrapper {
  text-align: center;
}
#publishers-collections-editor div.page-content .app-loading-wrapper .data-loading,
#collections-editor div.page-content .app-loading-wrapper .data-loading {
  margin: 10.7143rem 0;
}
#publishers-collections-editor div.page-content .app-loading-wrapper .data-loading.mini,
#collections-editor div.page-content .app-loading-wrapper .data-loading.mini {
  margin: 0;
}
#publishers-collections-editor card-header > .page-title-bar > .page-title-bar__header > .title-wrapper > div,
#collections-editor card-header > .page-title-bar > .page-title-bar__header > .title-wrapper > div {
  display: flex;
  align-items: center;
}
#chat .grid {
  display: flex;
  flex-direction: row;
}
#chat .grid .left-column {
  width: 28.5714rem;
  padding-left: 0.5714rem;
  display: flex;
}
#chat .grid .right-column {
  padding: 0 0.5714rem;
  display: flex;
  width: calc(100% - 27.5714rem);
  flex-wrap: wrap;
  align-content: flex-start;
}
#chat .grid .right-column .chat-wrapper {
  width: 28.5714rem;
  height: 42.8571rem;
  margin: 1.1429rem 0.5714rem 1.1429rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#chat .grid .right-column .chat-wrapper app-chat {
  width: 100%;
  height: 100%;
}
#chat .header-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media screen and (max-width: 64rem) {
  #chat .grid {
    flex-direction: column;
  }
  #chat .grid .right-column {
    flex-direction: column;
  }
}
.message-container {
  display: block;
  margin-top: 0.7143rem;
  border-top: 1px solid #f3f3f3;
  padding-top: 0.7143rem;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}
.message-container.visible {
  opacity: 1;
}
.session-messages-message {
  display: table-cell;
  width: calc(100% - 2.8571rem);
  padding: 0.3571rem 0 0.3571rem 0.7143rem;
}
.session-messages-name {
  display: inline-block;
  width: 100%;
  padding-left: 0.7143rem;
  color: #bbb;
  font-style: italic;
  font-size: 0.86rem;
  box-sizing: border-box;
}
.message-filler {
  flex-grow: 1;
}
.chat-user-list {
  overflow: visible;
  z-index: auto;
}
.chat-user-list .chat-user-list-is-fetching {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 5rem;
}
.chat-user-list .chat-user-list-class-students-visible {
  visibility: visible;
}
.chat-user-list .mdl-card__title {
  display: flex;
  flex-direction: column;
  padding-bottom: 1.1429rem;
  width: 26.5714rem;
}
.chat-user-list .mdl-card__title .user-search {
  width: 100%;
}
.chat-user-list .mdl-card__title .start-conversation-wrapper {
  display: flex;
  justify-content: center;
  width: calc(100% - 2rem);
  height: 4rem;
  z-index: 1;
}
.chat-user-list .mdl-card__title .start-conversation-wrapper .start-conversation-btn {
  background-color: var(--common-primary);
  color: var(--common-white);
  height: 3rem;
  margin-top: 1rem;
  font-weight: bold;
  font-size: inherit;
}
.chat-user-list #user-search-component {
  width: 21.9286rem;
}
.chat-user-list .chat-information-panel {
  display: flex;
  flex-direction: row;
  padding: 0 0.5714rem 0.5714rem;
  border-bottom: 1px solid var(--common-dark-opacity-100);
  align-items: center;
}
.chat-user-list .chat-information-panel .chat-list-back-button {
  margin: 0;
}
.chat-user-list .chat-information-panel h6 {
  margin: 0;
  padding-left: 1.1429rem;
}
.chat-user-list .chat-user-list-class-action-buttons-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.chat-user-list .chat-user-list-class-students-container {
  width: 100%;
}
.chat-user-list .chat-user-list-item {
  padding: 0 1.1429rem 0 1.1429rem;
}
.chat-user-list .chat-user-list-item .chat-user-list-checkbox {
  width: auto;
  margin-right: 0.3571rem;
}
.chat-user-list .chat-user-list-item .chat-user-list-display-name::after {
  width: 1.1429rem;
  height: 1.1429rem;
}
.chat-user-list .chat-user-list-item .chat-user-class-go-forward {
  color: var(--common-black);
}
.chat-user-list .chat-user-list-item .chat-class-avatar {
  margin-right: 1.1429rem;
  height: 2.8571rem;
  width: 2.8571rem;
  font-size: 2.86rem;
}
.chat-user-list .chat-user-list-item .chat-user-online-star::after {
  background-color: #81c784;
}
.chat-user-list .chat-user-list-item .mdl-list__item-primary-content {
  height: 5rem;
}
.chat-user-list .chat-user-list-item .class-students-container {
  width: 100%;
  visibility: hidden;
}
.chat-user-list .chat-user-list-item:hover {
  cursor: pointer;
  background-color: var(--common-grey-200);
}
.chat-user-list .chat-user-list-item-selected {
  background-color: var(--common-primary-200);
}
.chat-user-list.mdl-card {
  background: none;
  width: 26.5714rem;
}
.chat-is-searching-label-container {
  margin: auto;
}
.chat-app-loading {
  margin-top: 1.4286rem;
  margin-left: 10.7143rem;
}
.chat-search-no-users-message {
  margin: auto;
}
.chat-search-close-search-card-button {
  margin-left: 19.0714rem;
}
.chat-search-close-card-container {
  height: 2.8571rem;
}
.chat-session-card {
  display: block;
  float: left;
  width: 23.5714rem;
  margin: 0.7143rem;
}
.chat-session-card .chat-session-footer {
  padding: 0;
  max-height: none;
}
.chat-session-card .chat-session-title-container {
  border-bottom: 1px solid var(--common-dark-opacity-100);
  padding-bottom: 0;
  padding-top: 0.5714rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.chat-session-card .chat-users-under-session {
  border-top: 1px solid var(--common-dark-opacity-100);
  padding: 0.5714rem 0.5714rem 0 0.5714rem;
  min-height: 3.6429rem;
}
.chat-sesion-messages {
  min-height: 17.1429rem;
  max-height: 17.1429rem;
}
.chat-sesion-messages-scroll {
  overflow-y: scroll;
  min-height: 17.1429rem;
  max-height: 17.1429rem;
}
.chat-user-list-container {
  float: left;
}
.chat-session-card-container {
  float: left;
  margin-top: 0.5rem;
}
.chat-session-card-container .mdl-card__actions .mdl-card--border {
  max-height: none;
}
.chat-session-card-container .mdl-card__supporting-text .mdl-color-text--common-grey-600 {
  padding: 0;
  width: auto;
}
.chat-send-message-actions-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0.5714rem 0.5714rem 0 0.5714rem;
}
.chat-send-button {
  margin-left: 0.7143rem;
}
.chat-send-text-area {
  resize: none;
  border-bottom: none;
}
.selectable-main-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.class-students-chat-list {
  width: 100%;
}
.chat-active-sessions-container {
  min-height: 0;
}
.chat-active-sessions-container .chat-active-session-container {
  border-bottom: 1px solid var(--common-dark-opacity-100);
}
.chat-active-sessions-container .chat-active-session-container.chat-user-is-last {
  border-bottom: none;
}
.chat-active-sessions-container .chat-users-under-session {
  padding-top: 0.5714rem;
  padding-left: 0.5714rem;
  padding-bottom: 0.5714rem;
}
@media (max-width: 480px) {
  #chat .grid .right-column {
    width: calc(100% - 1rem);
    padding: 0 0.5rem;
  }
  #chat .grid .right-column .chat-wrapper {
    width: 100%;
  }
  #chat .grid .left-column {
    width: 100%;
    padding: 0;
  }
  #chat .grid .left-column .chat-user-list-container {
    width: 100%;
  }
  #chat .grid .mdl-grid .mdl-cell .chat-user-list {
    width: 100%;
  }
  #chat .grid .mdl-grid .mdl-cell .chat-user-list .mdl-card__title {
    width: 100%;
    padding: 0;
  }
}
#courses .content-main-column {
  margin: 0.5714rem 0.5714rem 0.5714rem 1.1429rem;
  width: calc(100% - 23.9286rem);
}
#courses .content-main-column .mdl-card.course-card-commercial {
  width: 23.5714rem;
  height: 25.7143rem;
  display: block;
  margin: 0 0.7143rem 0.7143rem 0;
  float: left;
}
#courses .content-main-column .mdl-card.course-card-commercial .mdl-card__title {
  color: var(--common-light-primary-text);
  height: 12.5714rem;
}
#courses .content-main-column .mdl-card.course-card-commercial .course-card__title-wrapper {
  margin-left: 0.3571rem;
  padding: 1.1429rem;
  height: 5.8571rem;
}
#courses .content-main-column .mdl-card.course-card-commercial .course-card__title-wrapper .mdl-card__title-text {
  max-height: 4.1429rem;
  line-height: 2.0714rem;
}
#courses .content-main-column .mdl-card.course-card-commercial .course-card__title-wrapper .mdl-card__title-text span {
  display: block;
}
#courses .content-main-column .mdl-card.course-card-commercial .course-card__title-wrapper .mdl-card__subtitle-text {
  height: 1.7143rem;
}
#courses .content-main-column .mdl-card.course-card-commercial .course-card__title-wrapper .mdl-card__subtitle-text span {
  display: block;
}
#courses .content-main-column .mdl-card.course-card-commercial .card-text-commercial {
  height: 3.8571rem;
  text-overflow: ellipsis;
  padding: 0 1.1429rem;
  margin-bottom: 1.1429rem;
  color: var(--common-black);
  line-height: 1.2857rem;
}
#courses .content-main-column .mdl-card.course-card-commercial .card-text-commercial span {
  display: block;
}
#courses .content-main-column .card-title-img {
  padding: 0;
  width: 100%;
}
@media screen and (max-width: 64rem) {
  #courses .content-main-column {
    width: 100%;
  }
  #courses .main-column-section {
    padding-left: 0.3571rem !important;
    /* TODO: remove important */
  }
}
#courses .card-link {
  text-decoration: none;
  color: inherit;
}
#courses .page-loading {
  padding: 4.5714rem 1.1429rem;
  text-align: center;
}
#courses .breadcrumb {
  color: var(--common-black);
}
#courses .breadcrumb .breadcrumb-separator {
  color: var(--common-grey-300);
  font-size: 2rem;
}
#courses .breadcrumb .breadcrumb-link:link,
#courses .breadcrumb .breadcrumb-link:active,
#courses .breadcrumb .breadcrumb-link:visited,
#courses .breadcrumb .breadcrumb-link:hover,
#courses .breadcrumb .breadcrumb-link:focus,
#courses .breadcrumb .breadcrumb-link {
  color: var(--common-black);
  text-decoration: none;
}
#courses .breadcrumb .breadcrumb-link:link:hover,
#courses .breadcrumb .breadcrumb-link:active:hover,
#courses .breadcrumb .breadcrumb-link:visited:hover,
#courses .breadcrumb .breadcrumb-link:hover:hover,
#courses .breadcrumb .breadcrumb-link:focus:hover,
#courses .breadcrumb .breadcrumb-link:hover {
  text-decoration: underline;
}
#ecommerce .page-content {
  background: var(--common-white);
}
#ecommerce .app-loading-wrapper {
  text-align: center;
}
#ecommerce .app-loading-wrapper .data-loading {
  margin: 10.7143rem 0;
}
#ecommerce .app-loading-wrapper .data-loading.mini {
  margin: 0;
}
#ecommerce .code-box {
  padding-top: 7.1429rem;
}
#ecommerce .page-content {
  min-height: 32.1429rem;
}
#ecommerce .send-code-form {
  width: 100%;
  display: flex;
}
#ecommerce .send-code-form mat-form-field {
  width: 100%;
}
#ecommerce .send-code-label {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 1rem;
  line-height: 1.8571rem;
  margin-bottom: 2.1429rem;
}
#ecommerce .icon-center {
  float: left;
  padding-top: 0.8571rem;
}
#ecommerce .description {
  text-align: center;
  margin-bottom: 2.8571rem;
}
#ecommerce .ecommerce-section-container {
  display: flex;
  flex-direction: column;
}
#ecommerce .licence-wrapper {
  display: flex;
  flex-direction: row;
}
@media (max-width: 480px) {
  #ecommerce .code-box {
    padding-top: 0;
  }
}
#messenger th.select-size,
#messenger td.select-size {
  width: 1.7143rem;
}
#messenger card-header .page-title-bar .page-title-bar__header .title-wrapper {
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
#messenger card-header .page-title-bar .page-title-bar__header .title-wrapper .messenger-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
#messenger #new-message .grid {
  overflow: auto;
}
#messenger #new-message .grid .search-panel {
  float: left;
  padding: 0.5714rem;
  width: 23.5714rem;
}
#messenger #new-message .grid app-loading {
  float: right;
  margin: 0.3571rem 0.7143rem;
}
#messenger #new-message .grid .message-panel {
  float: left;
  padding: 0.5714rem;
  width: calc(100% - 26.4286rem);
}
#messenger #new-message .grid .message-panel base-upload-file button {
  margin-left: 0.5714rem;
  display: inline;
}
#messenger #new-message .grid .message-panel form {
  display: inline;
}
@media screen and (max-width: 64rem) {
  #messenger #new-message .grid .search-panel .mdl-card {
    width: auto !important;
    /* TODO: remove important */
  }
  #messenger #new-message .grid .search-panel,
  #messenger #new-message .grid .message-panel {
    width: calc(100% - 1.1429rem);
  }
}
#messenger #new-message .grid form button {
  float: right;
  margin-right: 0.5714rem;
  display: inline;
}
#messenger table.mdl-data-table {
  width: 100%;
}
#messenger table.mdl-data-table tbody td > span {
  display: block;
}
#messenger table.mdl-data-table tbody td {
  white-space: normal;
  line-height: 1.0714rem;
}
#messenger table.mdl-data-table tbody td.username-cell {
  text-align: left;
}
#messenger table.mdl-data-table tbody tr {
  cursor: pointer;
}
#messenger table.mdl-data-table tbody tr.unread {
  font-weight: bold;
}
#messenger table.mdl-data-table tbody tr.new-data td {
  background-color: var(--common-primary-50) !important;
  /* TODO: remove important */
}
#messenger div.message-body {
  padding: 1.0714rem;
  margin: 1.0714rem 0;
  white-space: pre-wrap;
  /* CSS3 */
  white-space: -moz-pre-wrap;
  /* Firefox */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* IE */
}
#messenger .recipients-list {
  display: inline-block;
}
#messenger .recipients-list .recipient {
  float: left;
  display: inline-block;
  border-radius: 1.4286rem;
  margin: 0.1429rem;
  padding: 0.2857rem 0.5714rem 0.2857rem 1.1429rem;
  background: var(--common-grey-200);
  line-height: 2.2857rem;
}
#messenger .recipients-list .recipient button.mdl-button.mdl-js-button.mdl-button--icon {
  background: var(--common-grey-400);
  color: var(--common-light-primary-text);
  min-width: 1.7143rem;
  width: 1.7143rem;
  height: 1.7143rem;
}
#messenger .recipients-list .recipient button.mdl-button.mdl-js-button.mdl-button--icon i.material-icons {
  font-size: 1.29rem;
}
#messenger .more-button {
  margin: 1.7857rem;
}
#messenger .hide-element {
  display: none;
}
#messenger user-search {
  width: 100%;
}
#messenger .message-title {
  display: flex;
}
#messenger .message-title button {
  flex-grow: 0;
  margin-right: 1.1429rem;
}
#messenger .message-title h3 {
  flex-grow: 1;
}
#messenger .table-title {
  display: flex;
}
#messenger .table-title button {
  flex-grow: 0;
  margin: auto;
}
#messenger .table-title h4 {
  flex-grow: 1;
  margin: 1rem 0;
}
#messenger button.mdl-button--accent[disabled] {
  color: var(--common-accent);
  opacity: 0.5;
}
#messenger .messenger-trash button {
  padding: 0;
  min-width: 2.1429rem;
}
@media (max-width: 550px) {
  #messenger-sent .mdl-cell > div,
  #messenger-trash .mdl-cell > div,
  #messenger-received .mdl-cell > div {
    overflow-x: auto;
  }
}
.mat-menu-content messenger-nav .navigation {
  flex-direction: column;
}
.mat-menu-content messenger-nav .navigation button {
  width: 100%;
}
.mat-menu-content messenger-nav .navigation button:hover {
  background-color: var(--page-title-bar-header-nav-button-hover-background-color);
}
.header-with-actions {
  display: flex;
  align-items: center;
}
.attendance .app-loading-wrapper,
.lesson-hours .app-loading-wrapper {
  padding: 4.5714rem 0;
  text-align: center;
}
.attendance app-loading,
.lesson-hours app-loading {
  display: block;
  margin: 0 auto;
}
.attendance .header-with-actions,
.lesson-hours .header-with-actions {
  display: flex;
  align-items: flex-start;
}
.attendance .flex-container,
.lesson-hours .flex-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.attendance .flex-container .no-wrap,
.lesson-hours .flex-container .no-wrap {
  flex-wrap: nowrap;
}
.attendance-table-container {
  width: auto;
  padding: 0 0 1.7143rem 0;
  margin: 0 auto;
  overflow-x: auto;
  height: auto;
}
.attendance-table-container app-loading {
  display: block;
  margin: 0 auto;
}
.attendance-table-container th.presence-summary {
  vertical-align: middle;
}
table.gradebook-attendance-table.data-table-info {
  margin-bottom: 9.2857rem;
}
table.gradebook-attendance-table {
  /*Docelowo zmienic nazwe*/
}
table.gradebook-attendance-table thead tr.data-table-info-header th {
  background-color: var(--common-primary);
  color: var(--primary-content);
  background-clip: padding-box;
}
table.gradebook-attendance-table thead tr.data-table-info-header th.mdl-data-table__cell--non-numeric {
  text-align: center;
  white-space: normal;
}
table.gradebook-attendance-table thead tr.data-table-info-header th.col-width-1 {
  width: 50%;
}
table.gradebook-attendance-table thead tr.data-table-info-header th.col-width-2 {
  width: 33.33333333%;
}
table.gradebook-attendance-table thead tr.data-table-info-header th.col-width-3 {
  width: 25%;
}
table.gradebook-attendance-table thead tr.data-table-info-header th.col-width-4 {
  width: 20%;
}
table.gradebook-attendance-table thead tr.data-table-info-header th.col-width-5 {
  width: 16.66666667%;
}
table.gradebook-attendance-table thead tr.data-table-info-header th.col-width-6 {
  width: 14.28571429%;
}
table.gradebook-attendance-table thead tr.data-table-info-header th.col-width-7 {
  width: 12.5%;
}
table.gradebook-attendance-table tbody td {
  border-left: solid 1px rgba(0, 0, 0, 0.1);
  background-clip: padding-box;
}
table.gradebook-attendance-table tbody td.mdl-data-table__cell--non-numeric {
  padding-left: 0.8571rem;
  padding-right: 0.8571rem;
  white-space: normal;
  text-align: center;
}
table.gradebook-attendance-table tbody td.clickable {
  cursor: pointer;
}
table.gradebook-attendance-table tbody td.index-cell {
  text-align: left;
  background-clip: padding-box;
}
table.gradebook-attendance-table tbody td.index-cell.text-centered {
  text-align: center;
}
table.gradebook-attendance-table tbody td.text-centered {
  text-align: center;
}
table.gradebook-attendance-table.gradebook-student-attendance thead th,
table.gradebook-attendance-table.gradebook-students-attendance thead th,
table.gradebook-attendance-table.gradebook-student-attendance thead th:last-of-type,
table.gradebook-attendance-table.gradebook-students-attendance thead th:last-of-type,
table.gradebook-attendance-table.gradebook-student-attendance thead th:first-of-type,
table.gradebook-attendance-table.gradebook-students-attendance thead th:first-of-type {
  padding: 0.2857rem 0.2857rem;
  height: auto;
  vertical-align: top;
}
table.gradebook-attendance-table.gradebook-student-attendance tbody td .subject-name,
table.gradebook-attendance-table.gradebook-students-attendance tbody td .subject-name {
  font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif;
  font-size: 0.79rem;
}
table.gradebook-attendance-table.gradebook-student-attendance thead th,
table.gradebook-attendance-table.gradebook-student-attendance thead th:last-of-type,
table.gradebook-attendance-table.gradebook-student-attendance thead th:first-of-type {
  min-width: 7.1429rem;
}
table.gradebook-attendance-table.gradebook-student-attendance thead th.index-cell,
table.gradebook-attendance-table.gradebook-student-attendance thead th:last-of-type.index-cell,
table.gradebook-attendance-table.gradebook-student-attendance thead th:first-of-type.index-cell {
  min-width: 9.2857rem;
  text-align: center;
}
table.gradebook-attendance-table.gradebook-student-attendance tbody td.index-cell {
  text-align: center;
}
table.gradebook-attendance-table.gradebook-students-attendance thead th.index-cell,
table.gradebook-attendance-table.gradebook-students-attendance thead th:last-of-type.index-cell,
table.gradebook-attendance-table.gradebook-students-attendance thead th:first-of-type.index-cell {
  min-width: 2.8571rem;
}
table.gradebook-attendance-table.gradebook-students-attendance thead th.cell-username,
table.gradebook-attendance-table.gradebook-students-attendance thead th:last-of-type.cell-username,
table.gradebook-attendance-table.gradebook-students-attendance thead th:first-of-type.cell-username {
  min-width: 17.8571rem;
}
table.gradebook-attendance-table.gradebook-students-attendance thead th.cell-attendance,
table.gradebook-attendance-table.gradebook-students-attendance thead th:last-of-type.cell-attendance,
table.gradebook-attendance-table.gradebook-students-attendance thead th:first-of-type.cell-attendance {
  min-width: 5rem;
}
table.gradebook-attendance-table.gradebook-students-attendance thead th.last-week-day,
table.gradebook-attendance-table.gradebook-students-attendance thead th:last-of-type.last-week-day,
table.gradebook-attendance-table.gradebook-students-attendance thead th:first-of-type.last-week-day {
  border-right: 1px solid var(--common-primary-800);
}
table.gradebook-attendance-table.gradebook-students-attendance tbody td.last-week-day {
  border-right: 1px solid var(--common-grey-700);
}
table.gradebook-attendance-table.narrow-cells thead th,
table.gradebook-attendance-table.narrow-cells thead th:last-of-type,
table.gradebook-attendance-table.narrow-cells thead th:first-of-type {
  padding: 0.2857rem 0.0714rem;
  height: auto;
}
table.gradebook-attendance-table.narrow-cells thead th.week-day,
table.gradebook-attendance-table.narrow-cells thead th:last-of-type.week-day,
table.gradebook-attendance-table.narrow-cells thead th:first-of-type.week-day {
  border-right: 1px solid var(--common-grey-700);
}
table.gradebook-attendance-table.narrow-cells thead th.last-week-day,
table.gradebook-attendance-table.narrow-cells thead th:last-of-type.last-week-day,
table.gradebook-attendance-table.narrow-cells thead th:first-of-type.last-week-day {
  border-right: 1px solid var(--common-primary-800);
}
table.gradebook-attendance-table.narrow-cells tbody td {
  padding: 0.2857rem 0.0714rem;
  min-width: 1.4286rem;
}
table.gradebook-attendance-table.narrow-cells tbody td.index-cell {
  padding: 0.2857rem 0.4286rem;
}
table.gradebook-attendance-table.narrow-cells tbody td.last-week-day {
  border-right: 1px solid var(--common-grey-700);
}
table.gradebook-attendance-table.narrow-cells tbody td .material-icons {
  font-size: 1.57rem;
}
table.gradebook-attendance-table .presence-1 {
  color: #ef5350;
}
table.gradebook-attendance-table .presence-2 {
  color: #ef5350;
}
table.gradebook-attendance-table .presence-3 {
  color: #66bb6a;
}
table.gradebook-attendance-table .presence-4 {
  color: #66bb6a;
}
table.gradebook-attendance-table .presence-5 {
  background-color: var(--common-grey-100);
}
@media screen and (max-width: 480px) {
  #gradebook-student-attendance-nav {
    align-items: center;
    flex-direction: column;
  }
}
#my-classes-statistics-semester-lesson-hours .app-loading-wrapper,
#my-classes-statistics-semester-grades .app-loading-wrapper,
#my-classes-statistics-semester-attendances .app-loading-wrapper {
  padding: 4.5714rem 0;
}
#my-classes-statistics-semester-lesson-hours .statistics-table-container,
#my-classes-statistics-semester-grades .statistics-table-container,
#my-classes-statistics-semester-attendances .statistics-table-container {
  width: auto;
  height: auto;
  padding: 0.5714rem;
  margin: 0;
  overflow-x: auto;
}
@media print {
  #my-classes-statistics-semester-lesson-hours .statistics-table-container,
  #my-classes-statistics-semester-grades .statistics-table-container,
  #my-classes-statistics-semester-attendances .statistics-table-container {
    overflow-x: visible;
    overflow-y: visible;
  }
}
#my-classes-statistics-semester-lesson-hours table.mdl-data-table,
#my-classes-statistics-semester-grades table.mdl-data-table,
#my-classes-statistics-semester-attendances table.mdl-data-table {
  width: 100%;
}
#my-classes-statistics-semester-lesson-hours table.mdl-data-table th,
#my-classes-statistics-semester-grades table.mdl-data-table th,
#my-classes-statistics-semester-attendances table.mdl-data-table th,
#my-classes-statistics-semester-lesson-hours table.mdl-data-table td,
#my-classes-statistics-semester-grades table.mdl-data-table td,
#my-classes-statistics-semester-attendances table.mdl-data-table td {
  border: 1px solid var(--common-grey-300);
}
#my-classes-statistics-semester-lesson-hours table.mdl-data-table th.index-cell,
#my-classes-statistics-semester-grades table.mdl-data-table th.index-cell,
#my-classes-statistics-semester-attendances table.mdl-data-table th.index-cell,
#my-classes-statistics-semester-lesson-hours table.mdl-data-table td.index-cell,
#my-classes-statistics-semester-grades table.mdl-data-table td.index-cell,
#my-classes-statistics-semester-attendances table.mdl-data-table td.index-cell,
#my-classes-statistics-semester-lesson-hours table.mdl-data-table th.cell,
#my-classes-statistics-semester-grades table.mdl-data-table th.cell,
#my-classes-statistics-semester-attendances table.mdl-data-table th.cell,
#my-classes-statistics-semester-lesson-hours table.mdl-data-table td.cell,
#my-classes-statistics-semester-grades table.mdl-data-table td.cell,
#my-classes-statistics-semester-attendances table.mdl-data-table td.cell {
  width: 3.5714rem;
}
#my-classes-statistics-semester-lesson-hours table.mdl-data-table th.index-cell.header,
#my-classes-statistics-semester-grades table.mdl-data-table th.index-cell.header,
#my-classes-statistics-semester-attendances table.mdl-data-table th.index-cell.header,
#my-classes-statistics-semester-lesson-hours table.mdl-data-table td.index-cell.header,
#my-classes-statistics-semester-grades table.mdl-data-table td.index-cell.header,
#my-classes-statistics-semester-attendances table.mdl-data-table td.index-cell.header,
#my-classes-statistics-semester-lesson-hours table.mdl-data-table th.cell.header,
#my-classes-statistics-semester-grades table.mdl-data-table th.cell.header,
#my-classes-statistics-semester-attendances table.mdl-data-table th.cell.header,
#my-classes-statistics-semester-lesson-hours table.mdl-data-table td.cell.header,
#my-classes-statistics-semester-grades table.mdl-data-table td.cell.header,
#my-classes-statistics-semester-attendances table.mdl-data-table td.cell.header {
  padding: 0.5714rem;
  text-align: left;
}
#my-classes-statistics-semester-lesson-hours table.mdl-data-table th.index-cell.header vertical-content div,
#my-classes-statistics-semester-grades table.mdl-data-table th.index-cell.header vertical-content div,
#my-classes-statistics-semester-attendances table.mdl-data-table th.index-cell.header vertical-content div,
#my-classes-statistics-semester-lesson-hours table.mdl-data-table td.index-cell.header vertical-content div,
#my-classes-statistics-semester-grades table.mdl-data-table td.index-cell.header vertical-content div,
#my-classes-statistics-semester-attendances table.mdl-data-table td.index-cell.header vertical-content div,
#my-classes-statistics-semester-lesson-hours table.mdl-data-table th.cell.header vertical-content div,
#my-classes-statistics-semester-grades table.mdl-data-table th.cell.header vertical-content div,
#my-classes-statistics-semester-attendances table.mdl-data-table th.cell.header vertical-content div,
#my-classes-statistics-semester-lesson-hours table.mdl-data-table td.cell.header vertical-content div,
#my-classes-statistics-semester-grades table.mdl-data-table td.cell.header vertical-content div,
#my-classes-statistics-semester-attendances table.mdl-data-table td.cell.header vertical-content div {
  line-height: 2.4286rem;
}
#my-classes-statistics-semester-lesson-hours table.mdl-data-table th.last-col,
#my-classes-statistics-semester-grades table.mdl-data-table th.last-col,
#my-classes-statistics-semester-attendances table.mdl-data-table th.last-col,
#my-classes-statistics-semester-lesson-hours table.mdl-data-table td.last-col,
#my-classes-statistics-semester-grades table.mdl-data-table td.last-col,
#my-classes-statistics-semester-attendances table.mdl-data-table td.last-col {
  border-right: 2px solid #cacaca;
}
#my-classes-statistics-semester-lesson-hours table.mdl-data-table th.last-row,
#my-classes-statistics-semester-grades table.mdl-data-table th.last-row,
#my-classes-statistics-semester-attendances table.mdl-data-table th.last-row,
#my-classes-statistics-semester-lesson-hours table.mdl-data-table td.last-row,
#my-classes-statistics-semester-grades table.mdl-data-table td.last-row,
#my-classes-statistics-semester-attendances table.mdl-data-table td.last-row {
  border-bottom: 2px solid #cacaca;
}
#my-classes-statistics-semester-lesson-hours table.mdl-data-table th.center-text,
#my-classes-statistics-semester-grades table.mdl-data-table th.center-text,
#my-classes-statistics-semester-attendances table.mdl-data-table th.center-text,
#my-classes-statistics-semester-lesson-hours table.mdl-data-table td.center-text,
#my-classes-statistics-semester-grades table.mdl-data-table td.center-text,
#my-classes-statistics-semester-attendances table.mdl-data-table td.center-text {
  text-align: center;
}
@media print {
  #my-classes-statistics-semester-lesson-hours table.mdl-data-table thead,
  #my-classes-statistics-semester-grades table.mdl-data-table thead,
  #my-classes-statistics-semester-attendances table.mdl-data-table thead {
    display: table-row-group;
  }
  #my-classes-statistics-semester-lesson-hours table.mdl-data-table tr,
  #my-classes-statistics-semester-grades table.mdl-data-table tr,
  #my-classes-statistics-semester-attendances table.mdl-data-table tr {
    height: 2rem;
  }
  #my-classes-statistics-semester-lesson-hours table.mdl-data-table th,
  #my-classes-statistics-semester-grades table.mdl-data-table th,
  #my-classes-statistics-semester-attendances table.mdl-data-table th,
  #my-classes-statistics-semester-lesson-hours table.mdl-data-table td,
  #my-classes-statistics-semester-grades table.mdl-data-table td,
  #my-classes-statistics-semester-attendances table.mdl-data-table td {
    padding: 0.1429rem 0.5714rem;
    height: 2rem;
    font-size: 0.86rem;
  }
  #my-classes-statistics-semester-lesson-hours table.mdl-data-table th.cell,
  #my-classes-statistics-semester-grades table.mdl-data-table th.cell,
  #my-classes-statistics-semester-attendances table.mdl-data-table th.cell,
  #my-classes-statistics-semester-lesson-hours table.mdl-data-table td.cell,
  #my-classes-statistics-semester-grades table.mdl-data-table td.cell,
  #my-classes-statistics-semester-attendances table.mdl-data-table td.cell {
    width: 2.5714rem;
  }
  #my-classes-statistics-semester-lesson-hours table.mdl-data-table th.cell.header,
  #my-classes-statistics-semester-grades table.mdl-data-table th.cell.header,
  #my-classes-statistics-semester-attendances table.mdl-data-table th.cell.header,
  #my-classes-statistics-semester-lesson-hours table.mdl-data-table td.cell.header,
  #my-classes-statistics-semester-grades table.mdl-data-table td.cell.header,
  #my-classes-statistics-semester-attendances table.mdl-data-table td.cell.header {
    padding: 0.2857rem 0;
  }
  #my-classes-statistics-semester-lesson-hours table.mdl-data-table th.break-whitespace,
  #my-classes-statistics-semester-grades table.mdl-data-table th.break-whitespace,
  #my-classes-statistics-semester-attendances table.mdl-data-table th.break-whitespace,
  #my-classes-statistics-semester-lesson-hours table.mdl-data-table td.break-whitespace,
  #my-classes-statistics-semester-grades table.mdl-data-table td.break-whitespace,
  #my-classes-statistics-semester-attendances table.mdl-data-table td.break-whitespace {
    white-space: normal;
  }
}
#my-classes-statistics-semester-lesson-hours .break-whitespace,
#my-classes-statistics-semester-grades .break-whitespace,
#my-classes-statistics-semester-attendances .break-whitespace {
  white-space: normal;
}
#my-classes-statistics-semester-lesson-hours .page-title-bar .page-title-bar__header,
#my-classes-statistics-semester-grades .page-title-bar .page-title-bar__header,
#my-classes-statistics-semester-attendances .page-title-bar .page-title-bar__header {
  height: 4.57rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
#my-classes-statistics-semester-attendances th {
  text-align: center;
}
#my-classes-statistics-semester-attendances th.big-cell {
  vertical-align: middle;
}
#my-classes-statistics-semester-lesson-hours table {
  table-layout: fixed;
}
#my-classes-statistics-semester-lesson-hours table tbody:nth-child(even) tr {
  background: var(--common-grey-100);
  transition-duration: 0.28s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: background-color;
}
#my-classes-statistics-semester-lesson-hours table tbody:nth-child(even) tr:hover {
  background: var(--common-grey-200);
}
div.page-content.publishers-data-page {
  background-color: var(--common-white);
}
.publisher-library .form-alert {
  padding: 0 1.1429rem;
  margin-top: -2.8571rem;
  font-size: 0.93rem;
}
.publisher-library .form-alert .has-error {
  color: red;
}
.publisher-library .recaptcha-contact {
  display: block;
  padding-left: 6.0714rem;
}
.publisher-library .send-button {
  margin-left: 9.2857rem;
}
.publisher-library .invalid-input {
  border-color: red;
}
.publisher-library .recaptcha-alert {
  margin-top: 0;
  margin-left: 1.0714rem;
}
.publisher-library .logo {
  max-height: 14.2857rem;
}
.publisher-library .header-logo {
  height: 3.5714rem;
}
.publisher-library .header-publisher-text {
  height: 3.5714rem;
  vertical-align: sub;
}
.publisher-library .contact-link {
  text-decoration: none;
}
.public-regulations .public-justify-header {
  background: initial;
}
.public-regulations .public-justify-header h3 {
  margin: 0;
}
.public-regulations .public-center-text-grid {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
div.page-content.publishers-data-page {
  background-color: var(--common-white);
}
.publisher-library .form-alert {
  padding: 0 1.1429rem;
  margin-top: -2.8571rem;
  font-size: 0.93rem;
}
.publisher-library .form-alert .has-error {
  color: red;
}
.publisher-library .recaptcha-contact {
  display: block;
  padding-left: 6.0714rem;
}
.publisher-library .send-button {
  margin-left: 9.2857rem;
}
.publisher-library .invalid-input {
  border-color: red;
}
.publisher-library .recaptcha-alert {
  margin-top: 0;
  margin-left: 1.0714rem;
}
.publisher-library .logo {
  max-height: 14.2857rem;
}
.publisher-library .header-logo {
  height: 3.5714rem;
}
.publisher-library .header-publisher-text {
  height: 3.5714rem;
  vertical-align: sub;
}
.publisher-library .page-content .column-left {
  max-width: 35.7143rem;
  margin-bottom: 1.1429rem;
}
#schools-members-import-reimport .app-loading-wrapper,
#schools-members-teachers .app-loading-wrapper,
#schools-members-students .app-loading-wrapper,
#schools-class-teachers .app-loading-wrapper,
#schools-class-students .app-loading-wrapper,
#schools-manage-classes .app-loading-wrapper,
#schools-class-details .app-loading-wrapper,
#schools-manage-subjects .app-loading-wrapper,
#schools-subject-details .app-loading-wrapper,
#schools-add-subject .app-loading-wrapper,
#schools-subject-students .app-loading-wrapper,
#schools-subject-teachers .app-loading-wrapper {
  padding: 4.5714rem 0;
  text-align: center;
}
#schools-members-import-reimport paginator,
#schools-members-teachers paginator,
#schools-members-students paginator,
#schools-class-teachers paginator,
#schools-class-students paginator,
#schools-manage-classes paginator,
#schools-class-details paginator,
#schools-manage-subjects paginator,
#schools-subject-details paginator,
#schools-add-subject paginator,
#schools-subject-students paginator,
#schools-subject-teachers paginator {
  margin-bottom: 1.1429rem;
  display: block;
  text-align: right;
}
#schools-manage-subjects .generation-teacher,
#schools-subject-teachers .generation-teacher {
  background-color: #fff59d;
}
#schools-manage-subjects .generation-teacher:hover,
#schools-subject-teachers .generation-teacher:hover {
  background-color: var(--common-grey-200);
}
#schools-manage-subjects .page-content .members-list .generation-teacher td.index-cell,
#schools-subject-teachers .page-content .members-list .generation-teacher td.index-cell {
  background-color: #fff59d;
}
#schools-manage-subjects .page-content .members-list .generation-teacher:hover,
#schools-subject-teachers .page-content .members-list .generation-teacher:hover {
  background-color: var(--common-grey-200);
}
#schools-members-teachers .page-content .classes-table,
#schools-members-students .page-content .classes-table,
#schools-manage-classes .page-content .classes-table,
#schools-manage-subjects .page-content .classes-table,
#schools-members-teachers .page-content .subjects-table,
#schools-members-students .page-content .subjects-table,
#schools-manage-classes .page-content .subjects-table,
#schools-manage-subjects .page-content .subjects-table {
  width: 100%;
}
#schools-members-teachers .page-content .classes-table .empty-table,
#schools-members-students .page-content .classes-table .empty-table,
#schools-manage-classes .page-content .classes-table .empty-table,
#schools-manage-subjects .page-content .classes-table .empty-table,
#schools-members-teachers .page-content .subjects-table .empty-table,
#schools-members-students .page-content .subjects-table .empty-table,
#schools-manage-classes .page-content .subjects-table .empty-table,
#schools-manage-subjects .page-content .subjects-table .empty-table {
  text-align: center;
}
#schools-members-teachers .page-content .classes-table .subject_in-progress,
#schools-members-students .page-content .classes-table .subject_in-progress,
#schools-manage-classes .page-content .classes-table .subject_in-progress,
#schools-manage-subjects .page-content .classes-table .subject_in-progress,
#schools-members-teachers .page-content .subjects-table .subject_in-progress,
#schools-members-students .page-content .subjects-table .subject_in-progress,
#schools-manage-classes .page-content .subjects-table .subject_in-progress,
#schools-manage-subjects .page-content .subjects-table .subject_in-progress {
  color: var(--common-accent);
  margin-right: 0.5714rem;
}
#schools-members-teachers .page-content .add-school-teacher__form,
#schools-members-students .page-content .add-school-teacher__form,
#schools-manage-classes .page-content .add-school-teacher__form,
#schools-manage-subjects .page-content .add-school-teacher__form,
#schools-members-teachers .page-content .add-school-student__form,
#schools-members-students .page-content .add-school-student__form,
#schools-manage-classes .page-content .add-school-student__form,
#schools-manage-subjects .page-content .add-school-student__form,
#schools-members-teachers .page-content .add-class__form,
#schools-members-students .page-content .add-class__form,
#schools-manage-classes .page-content .add-class__form,
#schools-manage-subjects .page-content .add-class__form,
#schools-members-teachers .page-content .add-subject__form,
#schools-members-students .page-content .add-subject__form,
#schools-manage-classes .page-content .add-subject__form,
#schools-manage-subjects .page-content .add-subject__form {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#schools-members-teachers .page-content .add-school-teacher__form .add-class__name,
#schools-members-students .page-content .add-school-teacher__form .add-class__name,
#schools-manage-classes .page-content .add-school-teacher__form .add-class__name,
#schools-manage-subjects .page-content .add-school-teacher__form .add-class__name,
#schools-members-teachers .page-content .add-school-student__form .add-class__name,
#schools-members-students .page-content .add-school-student__form .add-class__name,
#schools-manage-classes .page-content .add-school-student__form .add-class__name,
#schools-manage-subjects .page-content .add-school-student__form .add-class__name,
#schools-members-teachers .page-content .add-class__form .add-class__name,
#schools-members-students .page-content .add-class__form .add-class__name,
#schools-manage-classes .page-content .add-class__form .add-class__name,
#schools-manage-subjects .page-content .add-class__form .add-class__name,
#schools-members-teachers .page-content .add-subject__form .add-class__name,
#schools-members-students .page-content .add-subject__form .add-class__name,
#schools-manage-classes .page-content .add-subject__form .add-class__name,
#schools-manage-subjects .page-content .add-subject__form .add-class__name,
#schools-members-teachers .page-content .add-school-teacher__form .add-subject__name,
#schools-members-students .page-content .add-school-teacher__form .add-subject__name,
#schools-manage-classes .page-content .add-school-teacher__form .add-subject__name,
#schools-manage-subjects .page-content .add-school-teacher__form .add-subject__name,
#schools-members-teachers .page-content .add-school-student__form .add-subject__name,
#schools-members-students .page-content .add-school-student__form .add-subject__name,
#schools-manage-classes .page-content .add-school-student__form .add-subject__name,
#schools-manage-subjects .page-content .add-school-student__form .add-subject__name,
#schools-members-teachers .page-content .add-class__form .add-subject__name,
#schools-members-students .page-content .add-class__form .add-subject__name,
#schools-manage-classes .page-content .add-class__form .add-subject__name,
#schools-manage-subjects .page-content .add-class__form .add-subject__name,
#schools-members-teachers .page-content .add-subject__form .add-subject__name,
#schools-members-students .page-content .add-subject__form .add-subject__name,
#schools-manage-classes .page-content .add-subject__form .add-subject__name,
#schools-manage-subjects .page-content .add-subject__form .add-subject__name {
  margin: 0 0.5714rem;
  flex-grow: 1;
}
#schools-members-teachers .header-title,
#schools-members-students .header-title,
#schools-manage-classes .header-title,
#schools-manage-subjects .header-title {
  display: flex;
  align-items: center;
}
#schools-class-details .page-content,
#schools-subject-details .page-content,
#schools-add-subject .page-content {
  background: var(--common-white);
}
#schools-class-details .page-content .add-class-form,
#schools-subject-details .page-content .add-class-form,
#schools-add-subject .page-content .add-class-form,
#schools-class-details .page-content .add-subject-form,
#schools-subject-details .page-content .add-subject-form,
#schools-add-subject .page-content .add-subject-form {
  width: 100%;
  max-width: 42.8571rem;
  margin: 0 auto;
}
#schools-class-details .page-content .add-class-form .mdl-list,
#schools-subject-details .page-content .add-class-form .mdl-list,
#schools-add-subject .page-content .add-class-form .mdl-list,
#schools-class-details .page-content .add-subject-form .mdl-list,
#schools-subject-details .page-content .add-subject-form .mdl-list,
#schools-add-subject .page-content .add-subject-form .mdl-list {
  margin: 0;
  padding: 0;
}
#schools-class-details .page-content .add-class-form .mdl-list .mdl-list__item.slim,
#schools-subject-details .page-content .add-class-form .mdl-list .mdl-list__item.slim,
#schools-add-subject .page-content .add-class-form .mdl-list .mdl-list__item.slim,
#schools-class-details .page-content .add-subject-form .mdl-list .mdl-list__item.slim,
#schools-subject-details .page-content .add-subject-form .mdl-list .mdl-list__item.slim,
#schools-add-subject .page-content .add-subject-form .mdl-list .mdl-list__item.slim {
  padding: 0 1.1429rem;
}
#schools-class-details .page-content .add-class-form .mdl-list .mdl-list__item span.label,
#schools-subject-details .page-content .add-class-form .mdl-list .mdl-list__item span.label,
#schools-add-subject .page-content .add-class-form .mdl-list .mdl-list__item span.label,
#schools-class-details .page-content .add-subject-form .mdl-list .mdl-list__item span.label,
#schools-subject-details .page-content .add-subject-form .mdl-list .mdl-list__item span.label,
#schools-add-subject .page-content .add-subject-form .mdl-list .mdl-list__item span.label {
  color: var(--common-grey-400);
  padding-right: 0.5714rem;
}
#schools-class-details .page-content .add-class-form .mdl-list .mdl-list__item button.mdl-button.generate-code,
#schools-subject-details .page-content .add-class-form .mdl-list .mdl-list__item button.mdl-button.generate-code,
#schools-add-subject .page-content .add-class-form .mdl-list .mdl-list__item button.mdl-button.generate-code,
#schools-class-details .page-content .add-subject-form .mdl-list .mdl-list__item button.mdl-button.generate-code,
#schools-subject-details .page-content .add-subject-form .mdl-list .mdl-list__item button.mdl-button.generate-code,
#schools-add-subject .page-content .add-subject-form .mdl-list .mdl-list__item button.mdl-button.generate-code {
  margin-left: 0.5714rem;
}
#schools-class-details .page-content .add-class-form .mdl-list button.mdl-button.generate-code,
#schools-subject-details .page-content .add-class-form .mdl-list button.mdl-button.generate-code,
#schools-add-subject .page-content .add-class-form .mdl-list button.mdl-button.generate-code,
#schools-class-details .page-content .add-subject-form .mdl-list button.mdl-button.generate-code,
#schools-subject-details .page-content .add-subject-form .mdl-list button.mdl-button.generate-code,
#schools-add-subject .page-content .add-subject-form .mdl-list button.mdl-button.generate-code {
  margin-left: 0.5714rem;
}
#schools-class-details .page-content h2.header,
#schools-subject-details .page-content h2.header,
#schools-add-subject .page-content h2.header {
  font-size: 1.72rem;
  line-height: 2rem;
  margin: 0.5714rem;
}
#schools-class-details .page-content p,
#schools-subject-details .page-content p,
#schools-add-subject .page-content p {
  margin: 0;
}
#schools-class-details .app-loading-wrapper,
#schools-subject-details .app-loading-wrapper,
#schools-add-subject .app-loading-wrapper {
  padding: 4.5714rem 0;
  text-align: center;
}
#schools-members-teachers .page-content .members-list,
#schools-members-students .page-content .members-list,
#schools-class-teachers .page-content .members-list,
#schools-class-students .page-content .members-list,
#schools-subject-students .page-content .members-list,
#schools-subject-teachers .page-content .members-list {
  width: 100%;
  margin-bottom: 0;
}
#schools-members-teachers .page-content .members-list th.members-list__select,
#schools-members-students .page-content .members-list th.members-list__select,
#schools-class-teachers .page-content .members-list th.members-list__select,
#schools-class-students .page-content .members-list th.members-list__select,
#schools-subject-students .page-content .members-list th.members-list__select,
#schools-subject-teachers .page-content .members-list th.members-list__select,
#schools-members-teachers .page-content .members-list td.members-list__select,
#schools-members-students .page-content .members-list td.members-list__select,
#schools-class-teachers .page-content .members-list td.members-list__select,
#schools-class-students .page-content .members-list td.members-list__select,
#schools-subject-students .page-content .members-list td.members-list__select,
#schools-subject-teachers .page-content .members-list td.members-list__select {
  width: 1.7143rem;
}
#schools-members-teachers .page-content .members-list td.empty-list,
#schools-members-students .page-content .members-list td.empty-list,
#schools-class-teachers .page-content .members-list td.empty-list,
#schools-class-students .page-content .members-list td.empty-list,
#schools-subject-students .page-content .members-list td.empty-list,
#schools-subject-teachers .page-content .members-list td.empty-list {
  text-align: center;
}
#schools-members-teachers .page-content .members-list .index-cell,
#schools-members-students .page-content .members-list .index-cell,
#schools-class-teachers .page-content .members-list .index-cell,
#schools-class-students .page-content .members-list .index-cell,
#schools-subject-students .page-content .members-list .index-cell,
#schools-subject-teachers .page-content .members-list .index-cell {
  width: 5rem;
  background: var(--common-grey-50);
  transition-duration: 0.28s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: background-color;
}
#schools-members-teachers .page-content .members-list td,
#schools-members-students .page-content .members-list td,
#schools-class-teachers .page-content .members-list td,
#schools-class-students .page-content .members-list td,
#schools-subject-students .page-content .members-list td,
#schools-subject-teachers .page-content .members-list td {
  white-space: normal;
}
#schools-members-teachers .page-content .members-list tr:hover > td.index-cell,
#schools-members-students .page-content .members-list tr:hover > td.index-cell,
#schools-class-teachers .page-content .members-list tr:hover > td.index-cell,
#schools-class-students .page-content .members-list tr:hover > td.index-cell,
#schools-subject-students .page-content .members-list tr:hover > td.index-cell,
#schools-subject-teachers .page-content .members-list tr:hover > td.index-cell {
  background: var(--common-grey-200);
}
#schools-members-teachers .page-content .header-with-actions,
#schools-members-students .page-content .header-with-actions,
#schools-class-teachers .page-content .header-with-actions,
#schools-class-students .page-content .header-with-actions,
#schools-subject-students .page-content .header-with-actions,
#schools-subject-teachers .page-content .header-with-actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 0.5714rem;
}
#schools-members-teachers .page-content .header-with-actions h2,
#schools-members-students .page-content .header-with-actions h2,
#schools-class-teachers .page-content .header-with-actions h2,
#schools-class-students .page-content .header-with-actions h2,
#schools-subject-students .page-content .header-with-actions h2,
#schools-subject-teachers .page-content .header-with-actions h2 {
  font-size: 1.72rem;
  line-height: 2rem;
  margin: 0.5714rem;
}
#schools-members-teachers .page-content .header-with-actions .mdl-button,
#schools-members-students .page-content .header-with-actions .mdl-button,
#schools-class-teachers .page-content .header-with-actions .mdl-button,
#schools-class-students .page-content .header-with-actions .mdl-button,
#schools-subject-students .page-content .header-with-actions .mdl-button,
#schools-subject-teachers .page-content .header-with-actions .mdl-button {
  margin-left: 0.5714rem;
}
#schools-members-teachers .page-content .members-search,
#schools-members-students .page-content .members-search,
#schools-class-teachers .page-content .members-search,
#schools-class-students .page-content .members-search,
#schools-subject-students .page-content .members-search,
#schools-subject-teachers .page-content .members-search {
  display: flex;
  align-items: center;
}
#schools-members-teachers .page-content .members-search .mdl-textfield,
#schools-members-students .page-content .members-search .mdl-textfield,
#schools-class-teachers .page-content .members-search .mdl-textfield,
#schools-class-students .page-content .members-search .mdl-textfield,
#schools-subject-students .page-content .members-search .mdl-textfield,
#schools-subject-teachers .page-content .members-search .mdl-textfield {
  flex-grow: 1;
  margin: 0 0.5714rem;
}
#schools-members-teachers .page-content .members-search .mdl-button,
#schools-members-students .page-content .members-search .mdl-button,
#schools-class-teachers .page-content .members-search .mdl-button,
#schools-class-students .page-content .members-search .mdl-button,
#schools-subject-students .page-content .members-search .mdl-button,
#schools-subject-teachers .page-content .members-search .mdl-button {
  margin-right: 0.5714rem;
}
#schools-members-teachers .page-content .subject-in-progress,
#schools-members-students .page-content .subject-in-progress,
#schools-class-teachers .page-content .subject-in-progress,
#schools-class-students .page-content .subject-in-progress,
#schools-subject-students .page-content .subject-in-progress,
#schools-subject-teachers .page-content .subject-in-progress {
  text-align: center;
  padding: 1.1429rem 0.5714rem;
  font-size: 1.15rem;
}
#schools-class-details .content-body {
  width: calc(100% - 2.2857rem);
  max-width: 42.8571rem;
  margin: 0 auto;
  padding: 1.1429rem;
}
#schools-members-import-reimport .page-content {
  background: var(--common-white);
}
#schools-members-import-reimport .page-content .mdl-grid {
  padding-top: 0;
}
#schools-members-import-reimport .page-content .mdl-grid .mdl-cell {
  margin-top: 0;
}
#schools-members-import-reimport .page-content section.section .section-title .stepper-line {
  margin: 0 1rem 0 2.1429rem;
}
#schools-members-import-reimport .page-content section.section .mdl-list {
  padding-top: 0;
  margin: 0 auto;
  max-width: 46.4286rem;
}
#schools-manage-classes .mdl-button + [mat-raised-button],
#schools-manage-classes .mdl-button + .mdl-button {
  margin-left: 0.5714rem;
}
#schools-manage-subjects .mdl-data-table .mdl-data-table__cell--wrap {
  white-space: normal;
}
#schools-manage-subjects .mdl-data-table .mdl-textfield,
#schools-manage-subjects .mdl-data-table selectable-dropdown,
#schools-manage-subjects .mdl-data-table mat-select {
  width: 100%;
}
#schools-manage-subjects .mdl-data-table input.numeric {
  text-align: right;
}
#schools-manage-subjects .mdl-data-table tr .inline-edit-label {
  display: inline;
}
#schools-manage-subjects .mdl-data-table tr .inline-edit {
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  border: none;
}
#schools-manage-subjects .mdl-data-table tr.row-active {
  background-color: var(--common-primary-50);
}
#schools-manage-subjects .mdl-data-table tr.row-active td {
  background-color: var(--common-primary-50);
}
#schools-manage-subjects .mdl-data-table tr.row-active .inline-edit-label {
  display: none;
}
#schools-manage-subjects .mdl-data-table tr.row-active .inline-edit {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0.1429rem 0.3571rem;
  font-size: 1.15rem;
  font-weight: normal;
  background-color: var(--common-white);
}
#schools-manage-subjects .mdl-data-table td.narrow,
#schools-manage-subjects .mdl-data-table th.narrow {
  width: 7.1429rem;
  max-width: 7.1429rem;
}
#schools-manage-subjects .mdl-data-table .manage-subjects_teacher-selection {
  display: flex;
  flex-direction: row;
  align-items: center;
}
section#accounts-login div.page-content {
  padding: 1.0714rem;
  background: var(--common-white);
}
section#accounts-login div.page-content .reset-failed-error {
  text-align: center;
}
section#accounts-login div.page-content .form {
  width: 100%;
  max-width: 42.8571rem;
  margin: 0 auto;
}
section#accounts-login div.page-content .form div.error {
  color: #e53935;
  padding: 0.5714rem;
}
section#accounts-login div.page-content .form ul.mdl-list {
  padding: 0;
  margin: 0;
}
section#accounts-login div.page-content .form ul.mdl-list li.mdl-list__item {
  padding-top: 0;
  padding-bottom: 0;
}
section#accounts-login div.page-content .form div.bottom-actions {
  margin-top: 1.1429rem;
  padding-top: 0.5714rem;
  border-top: 0.0714rem solid var(--common-grey-300);
}
section#accounts-login div.page-content .form .form-alert {
  color: red;
  font-size: 1.07rem;
}
section#accounts-login div.page-content .sso-login-button {
  min-width: 13.5714rem;
}
section#accounts-login div.page-content .custom-login-button {
  width: 17.8571rem;
  margin-bottom: 1.0714rem;
  margin-top: 1.0714rem;
}
section#accounts-login div.page-content .recaptcha-contact {
  display: block;
  padding-left: 5.2143rem;
}
section#accounts-login div.page-content {
  padding: 1.0714rem;
  background: var(--common-white);
}
section#accounts-login div.page-content .form {
  width: 100%;
  max-width: 42.8571rem;
  margin: 0 auto;
}
section#accounts-login div.page-content .form div.error {
  color: #e53935;
  padding: 0.5714rem;
}
section#accounts-login div.page-content .form ul.mdl-list {
  padding: 0;
  margin: 0;
}
section#accounts-login div.page-content .form ul.mdl-list li.mdl-list__item {
  padding-top: 0;
  padding-bottom: 0;
}
section#accounts-login div.page-content .form div.bottom-actions {
  margin-top: 1.1429rem;
  padding-top: 0.5714rem;
  border-top: 0.0714rem solid var(--common-grey-300);
}
section#accounts-login div.page-content .form .form-alert {
  color: red;
  font-size: 1.07rem;
}
section#accounts-login div.page-content .sso-login-button {
  min-width: 13.5714rem;
}
section#accounts-login div.page-content .custom-login-button {
  width: 17.8571rem;
  margin-bottom: 1.0714rem;
  margin-top: 1.0714rem;
}
section#accounts-login div.page-content .recaptcha-contact {
  display: flex;
  justify-content: center;
  padding-left: 0;
}
section#accounts-login .center-element {
  justify-content: center;
}
section#accounts-login .align-text-header {
  text-align: center;
}
section#accounts-login div.page-content {
  padding: 1.0714rem;
  background: var(--common-white);
}
section#accounts-login div.page-content .form {
  width: 100%;
  max-width: 42.8571rem;
  margin: 0 auto;
}
section#accounts-login div.page-content .form div.error {
  color: #e53935;
  padding: 0.5714rem;
}
section#accounts-login div.page-content .form ul.mdl-list {
  padding: 0;
  margin: 0;
}
section#accounts-login div.page-content .form ul.mdl-list li.mdl-list__item {
  padding-top: 0;
  padding-bottom: 0;
}
section#accounts-login div.page-content .form div.bottom-actions {
  margin-top: 1.1429rem;
  padding-top: 0.5714rem;
  border-top: 0.0714rem solid var(--common-grey-300);
}
section#accounts-login div.page-content .form .form-alert {
  color: red;
  font-size: 1.07rem;
}
section#accounts-login div.page-content .sso-login-button {
  min-width: 13.5714rem;
}
section#accounts-login div.page-content .custom-login-button {
  width: 17.8571rem;
  margin-bottom: 1.0714rem;
  margin-top: 1.0714rem;
}
section#accounts-login div.page-content .recaptcha-contact {
  display: flex;
  justify-content: center;
  padding-left: 0;
}
section#accounts-login div.page-content {
  padding: 1.0714rem;
  background: var(--common-white);
}
section#accounts-login div.page-content form {
  width: 100%;
  max-width: 42.8571rem;
  margin: 0 auto;
}
section#accounts-login div.page-content form div.error {
  color: #e53935;
  padding: 0.5714rem;
}
section#accounts-login div.page-content form div.mdl-list {
  padding: 0;
  margin: 0;
}
section#accounts-login div.page-content form div.mdl-list div.mdl-list__item {
  padding-top: 0;
  padding-bottom: 0;
}
section#accounts-login div.page-content form div.remember-me-checkbox span.mat-checkbox-label {
  margin-left: 0.5714rem;
}
section#accounts-login div.page-content div.bottom-actions {
  display: flex;
  justify-content: center;
  margin-top: 1.1429rem;
}
section#accounts-login div.page-content div.bottom-actions > div {
  padding-top: 0.5714rem;
  border-top: 0.0714rem solid var(--common-grey-300);
  max-width: 42.8571rem;
  width: 100%;
}
section#accounts-login div.page-content .sso-login-button {
  min-width: 13.5714rem;
}
section#accounts-login div.page-content .custom-login-button {
  width: 17.8571rem;
  margin-bottom: 1.0714rem;
}
section#accounts-login .dark-link-color {
  color: #0857a0;
}
section#accounts-login .bottom-actions > .center-element {
  text-align: center;
}
section#accounts-login .center-bottom-actions {
  text-align: center;
  text-wrap: balance;
  line-height: 1.5rem;
}
@media (max-width: 400px) {
  section#accounts-login .center-element > .center-bottom-actions {
    min-height: 2.8rem;
  }
}
section#accounts-register-finish div.page-content {
  padding: 1.0714rem;
  background: var(--common-white);
  text-align: center;
}
.mdl-checkbox {
  min-height: 1.7143rem;
  height: auto;
}
#ui-datepicker-div {
  background-color: var(--common-white);
  text-decoration: none;
  box-shadow: 0.7143rem 0.7143rem 3.2143rem;
  padding: 0.5714rem;
}
#ui-datepicker-div .ui-datepicker-next {
  float: right;
}
#ui-datepicker-div .ui-datepicker-next,
#ui-datepicker-div .ui-datepicker-prev {
  color: var(--common-black);
  cursor: pointer;
}
#ui-datepicker-div .ui-datepicker-title {
  text-align: center;
}
#ui-datepicker-div .ui-datepicker-calendar thead {
  color: var(--common-grey-400);
}
#ui-datepicker-div .ui-datepicker-calendar tbody tr td {
  text-align: center;
  font-size: 0.93rem;
  border-radius: 7.1429rem;
  padding: 0.5714rem;
}
#ui-datepicker-div .ui-datepicker-calendar tbody tr td.ui-datepicker-unselectable.ui-state-disabled {
  color: var(--common-grey-400);
}
#ui-datepicker-div .ui-datepicker-calendar tbody tr td a {
  text-decoration: none;
  color: var(--common-black);
}
#ui-datepicker-div .ui-datepicker-calendar tbody tr td:hover {
  background-color: var(--common-grey-300);
}
#ui-datepicker-div .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day {
  background-color: var(--common-primary);
}
section#accounts-register div.page-content {
  padding: 1.0714rem;
  background: var(--common-white);
}
section#accounts-register div.page-content .expandable-regulations {
  display: inline !important;
  /* TODO: remove important */
}
section#accounts-register div.page-content .expandable-regulations .expandable-regulations__button {
  line-height: 1.1429rem !important;
  /* TODO: remove important */
  padding: 0.2857rem !important;
  /* TODO: remove important */
  margin: 0 !important;
  /* TODO: remove important */
  min-width: 0 !important;
  /* TODO: remove important */
  text-transform: none !important;
  /* TODO: remove important */
}
section#accounts-register div.page-content i.teacher-icon {
  height: 2.8571rem;
}
section#accounts-register div.page-content span.mat-checkbox-label {
  white-space: normal;
}
section#accounts-register div.page-content .form-alert {
  font-size: 0.93rem;
  color: var(--common-error-color);
}
section#accounts-register div.page-content .error-list {
  margin-top: -1.1429rem;
  min-height: 0;
}
section#accounts-register div.page-content .select-info {
  color: var(--edit-profile-information-form-label-color);
}
section#accounts-register div.page-content .invalid {
  color: var(--common-error-color);
}
section#accounts-register div.page-content .registration-info {
  text-align: center;
}
section#accounts-register div.page-content .registration-alert {
  color: var(--common-error-color);
}
section#accounts-register div.page-content .sso-register-buttons {
  margin-top: 3.5714rem;
}
section#accounts-register div.page-content .sso-register-button {
  min-width: 13.5714rem;
}
section#accounts-register div.page-content .custom-register-button {
  background-color: #43a047;
  width: 17.8571rem;
}
section#accounts-register div.page-content .dropdown-button {
  margin-left: 0.3571rem;
}
section#accounts-register div.page-content .aggrements-info .first-info {
  margin-top: 0.7143rem;
}
section#accounts-register div.page-content .aggrements-info li {
  margin-bottom: 1.0714rem;
  padding-left: 1.1429rem;
  padding-right: 1.1429rem;
}
section#accounts-register div.page-content .aggrements-info li span {
  display: inline-flex;
}
section#accounts-register div.page-content .aggrements-info li i {
  margin-right: 2.2857rem;
}
section#accounts-register div.page-content .aggrements-info li .mdl-checkbox__label {
  max-width: 26.4286rem;
}
section#accounts-register div.page-content .aggrements-info .consent-row {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1rem;
}
section#accounts-register div.page-content .aggrements-info .consent-row .mat-checkbox {
  display: flex;
  margin: 0 1.5rem;
}
section#accounts-register div.page-content .aggrements-info span.mat-checkbox-label {
  margin: 0;
}
section#accounts-register div.page-content .profile-header {
  border-top: solid 0.0714rem #d6d6d6;
  padding-top: 1.0714rem;
}
section#accounts-register div.page-content form {
  width: 100%;
  max-width: 42.8571rem;
  margin: 0 auto;
}
section#accounts-register div.page-content form div.error {
  color: var(--common-error-color);
  padding: 0.5714rem;
}
section#accounts-register div.page-content form div.mdl-list {
  padding: 0;
  margin: 0;
}
section#accounts-register div.page-content form div.mdl-list div.mdl-list__item {
  padding-top: 0;
  padding-bottom: 0;
}
section#accounts-register div.page-content form div.mdl-list div.mdl-list__item .mdl-textfield__input[readonly]:not(.active-readonly) {
  color: var(--common-grey-500);
}
section#accounts-register div.page-content form div.bottom-actions {
  margin-top: 1.1429rem;
  padding-top: 0.5714rem;
  border-top: 0.0714rem solid var(--common-grey-300);
}
section#accounts-register div.page-content div.date-format-info {
  font-size: 0.86rem;
  padding-top: 1.7857rem;
  padding-left: 0.7143rem;
}
section#accounts-register div.page-content div.profile-type-info {
  font-size: 0.86rem;
  padding-top: 0.7143rem;
  padding-left: 0.7143rem;
}
section#accounts-register div.page-content div.wrong-email-alert {
  font-size: 0.86rem;
  padding-top: 1.7857rem;
  padding-left: 0.7143rem;
  color: var(--common-error-color);
}
section#accounts-register div.page-content .regulations {
  margin-top: 1.1429rem;
}
section#accounts-register div.page-content .change-button {
  margin-top: 1.1429rem;
}
section#accounts-register div.page-content .space-left {
  margin-left: 1rem;
}
section#accounts-register div.page-content .regulation-link {
  margin-left: 1rem;
}
section#accounts-register div.page-content .regulations ul {
  padding-left: 0.7143rem;
}
section#accounts-register div.page-content .regulations li {
  margin-left: 1.1429rem;
}
section#accounts-register div.page-content .text-hidden {
  overflow: hidden;
  line-height: 1.7143rem;
  height: 3.4286rem;
  text-overflow: ellipsis;
}
section#accounts-register-finish div.page-content {
  padding: 1.0714rem;
  background: var(--common-white);
  text-align: center;
}
#profile-regulations-changed {
  background: var(--common-white);
}
#profile-regulations-changed .public-regulations {
  background: var(--common-white);
}
#profile-regulations-changed .page-title-bar h2 {
  margin: 0;
}
#profile-regulations-changed .action-buttons-container {
  display: flex;
  padding: 1rem;
}
#profile-regulations-changed div.mdl-cell--6-col {
  width: calc(80% - 1.1429rem);
}
#profile-regulations-changed .profile-regulations-form {
  width: 100%;
  max-width: 71.4286rem;
  padding: 1.1429rem;
  margin: 0 auto;
}
#profile-regulations-changed .expandable-regulations {
  display: inline !important;
  /* TODO: remove important */
}
#profile-regulations-changed .expandable-regulations .expandable-regulations__button {
  line-height: 1.1429rem !important;
  /* TODO: remove important */
  padding: 0.2857rem !important;
  /* TODO: remove important */
  margin: 0 !important;
  /* TODO: remove important */
  min-width: 0 !important;
  /* TODO: remove important */
  text-transform: none !important;
  /* TODO: remove important */
}
#profile-regulations-changed .action-buttons-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#profile-regulations-previous .mdl-list__item-primary-content {
  white-space: pre-line;
}
#profile-regulations-previous .page-content {
  background: var(--common-white);
}
#profile-regulations-previous .page-content app-loading {
  margin: 0 auto;
  display: block;
  padding: 4.5714rem 0;
}
#profile-regulations-previous .page-content div.mdl-cell--6-col {
  width: calc(80% - 1.1429rem);
}
#profile-regulations-previous .page-content div.profile-regulations-form li span.intro-text {
  border-bottom: 0.0714rem solid #e0e0e0;
}
#profile-regulations-previous .page-content div.profile-regulations-form span.select-age-area {
  border-top: 0.0714rem solid #e0e0e0;
}
#profile-regulations-previous .page-content .profile-regulations-form {
  width: 100%;
  max-width: 71.4286rem;
  padding: 1.1429rem;
  margin: 0 auto;
}
#profile-regulations-previous .page-content p {
  font-size: 1.15rem;
}
#profile-regulations-previous .page-content .mdl-list__item {
  padding-bottom: 0;
  font-size: 1rem;
  line-height: 1.7143rem;
}
#profile-regulations-previous .page-content .mdl-list__item mat-form-field {
  width: 100%;
  max-width: 21.4286rem;
}
#profile-regulations .page-content {
  background: var(--common-white);
}
#profile-regulations .page-content app-loading {
  margin: 0 auto;
  display: block;
  padding: 4.5714rem 0;
}
#profile-regulations .page-content div.mdl-cell--6-col {
  width: calc(80% - 1.1429rem);
}
#profile-regulations .page-content div.profile-regulations-form li span.intro-text {
  border-bottom: 0.0714rem solid var(--common-grey-300);
}
#profile-regulations .page-content div.profile-regulations-form span.select-age-area {
  border-top: 0.0714rem solid var(--common-grey-300);
}
#profile-regulations .page-content .profile-regulations-form {
  width: 100%;
  max-width: 71.4286rem;
  padding: 1.1429rem;
  margin: 0 auto;
}
#profile-regulations .page-content .expandable-regulations {
  display: inline !important;
  /* TODO: remove important */
}
#profile-regulations .page-content .expandable-regulations .expandable-regulations__button {
  line-height: 1.1429rem !important;
  /* TODO: remove important */
  padding: 0.2857rem !important;
  /* TODO: remove important */
  margin: 0 !important;
  /* TODO: remove important */
  min-width: 0 !important;
  /* TODO: remove important */
  text-transform: none !important;
  /* TODO: remove important */
}
#profile-regulations .page-content p {
  font-size: 1.15rem;
}
#profile-regulations .page-content .mdl-list__item {
  padding-bottom: 0;
  font-size: 1rem;
  line-height: 1.7143rem;
}
#profile-regulations .page-content .mdl-list__item.error-list {
  margin-top: -1.1429rem;
  min-height: 0;
}
#profile-regulations .page-content .mdl-list__item.error-list .form-alert {
  font-size: 0.93rem;
  color: var(--common-error-color);
}
#profile-regulations .page-content .mdl-list__item mat-form-field {
  width: 100%;
  max-width: 21.4286rem;
}
#profile-regulations .page-content .scrollable-window-for-terms-of-use {
  height: 35.7143rem;
  overflow: auto;
}
#profile-regulations .page-content .scrollable-window-for-terms-of-use .public-regulations {
  height: 35.7143rem;
}
#profile-regulations .page-content .action-buttons-container {
  padding-left: 0;
  margin-left: 0;
}
#profile-regulations .page-content .action-buttons-container .mdl-list__item-primary-content.action-buttons {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#profile-regulations .page-content button[mat-button] {
  margin-right: 0.5714rem;
}
#profile-regulations .page-content .profile-regulations-non-adult-information {
  margin-top: 1.1429rem;
}
#admin-panel .app-loading-wrapper {
  padding: 4.5714rem 0;
  text-align: center;
}
#admin-panel .mdl-card__title {
  padding-bottom: 0.5714rem;
}
#admin-panel .mdl-list {
  margin: 0 0.5714rem;
  padding: 0;
}
#admin-panel .mdl-list .mdl-list__item a {
  text-decoration: none;
  height: auto;
  cursor: pointer;
}
#admin-panel .mdl-list .mdl-list__item.mdl-list__item--three-line {
  height: auto;
  overflow: auto;
}
#admin-panel .mdl-list .mdl-list__item.mdl-list__item--three-line .mdl-list__item-text-body {
  height: auto;
  overflow: auto;
}
#admin-panel .mdl-list .mdl-list__item-avatar {
  background-color: var(--primary);
  color: var(--primary-content);
  font-size: 1.72rem;
  line-height: 2.8571rem;
  text-align: center;
}
#admin-panel .mdl-list .mdl-list__item-text-body {
  margin-left: 4rem;
}
#assessment-collections .mdl-card__title {
  height: 10.5rem;
}
#assessment-collections .mdl-card__title-text {
  width: calc(100% + 5.5rem);
  line-height: unset !important;
}
#assessment-collections .mdl-card__title-text mcourser-ui-card-link {
  width: 100%;
}
#assessment-collections .mdl-card__subtitle-text {
  height: 2.5rem;
}
#assessment-collections .navigation mcourser-ui-button-group > button {
  background-color: var(--page-title-bar-header-nav-button-active-background-color);
  color: var(--page-title-bar-header-nav-button-active-color);
}
#assessment-list-print-wrapper {
  height: auto;
  min-height: 36.4286rem;
}
#assessment-list-print-wrapper .filter-section {
  float: right;
}
#assessment-list-print-wrapper th .material-icons.content-vertical-align-middle {
  position: relative;
  top: 0.5rem;
}
#assessment-list-print-wrapper .export-word-button {
  background-color: #12b2a6;
}
#assessment-list-print-wrapper .export-pdf-button {
  background-color: #84bd00;
}
#assessment-list-print-wrapper .actions-buttons-wrapper {
  display: flex;
  justify-content: center;
}
#assessment-list-print-wrapper .actions-buttons-wrapper .delete-button {
  margin-left: 0.7143rem;
}
.lea-table-header-cell {
  background: var(--common-grey-50);
  font-weight: 700;
  height: 3.4286rem;
  font-size: 0.86rem;
  color: var(--common-dark-opacity-500);
}
.lea-table-actions-cell {
  justify-content: center;
}
#app-assessment-review-form > div.page-content {
  padding: 1.7857rem;
}
#app-assessment-review-form > div.page-content > div {
  background-color: var(--common-white);
}
#app-assessment-review-form > div.page-content .step-wrapper {
  display: flex;
  justify-content: center;
}
#app-assessment-review-form > div.page-content mat-form-field {
  max-width: 11.4286rem;
  margin-right: 1.0714rem;
}
#app-assessment-review-form > div.page-content mat-label {
  word-wrap: break-word;
  max-width: 16.4286rem;
  margin-right: 1.0714rem;
}
#app-assessment-review-form > div.page-content .mdl-list__item-primary-content {
  justify-content: space-between;
}
#app-assessment-review-form > div.page-content ul {
  max-width: 60.7143rem;
}
#app-assessment-review-form > div.page-content .footer-buttons-wrapper {
  border-top: 0.0714rem solid #cacaca;
  margin: 0 1.7143rem;
  padding: 0.7143rem 0;
}
#app-assessment-review-form > div.page-content .footer-buttons-wrapper .footer-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 80%;
  margin: auto;
}
#app-assessment-review-form > div.page-content .footer-buttons-wrapper .footer-buttons .mdl-button--fab {
  margin: 0;
}
app-score-table {
  width: 100%;
}
app-score-table div.empty-scores {
  display: flex;
}
app-score-table div.empty-scores span.message {
  margin: 0 auto;
}
app-score-table app-score-display {
  padding-left: 0.3571rem;
  padding-top: 0.1429rem;
}
app-score-table mat-table div.cell-horizontal-center {
  min-height: 3.4286rem;
  margin: auto;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0 0.2857rem;
}
app-score-table mat-table div.cell-horizontal-center > app-score-display {
  flex: 1;
}
app-score-table mat-table div.cell-horizontal-center > span.no-score {
  flex: 1;
}
app-score-table mat-table mat-header-row.mat-header-row {
  min-height: 3.4286rem;
  padding: 0;
}
app-score-table mat-table mat-header-row.mat-header-row mat-header-cell {
  min-height: 3.4286rem;
  background-color: #a0a0a0;
  text-align: center;
  border: 0.0714rem solid var(--common-white);
  font-weight: bold;
  display: flex;
  align-items: center;
  min-width: 5.7143rem;
}
app-score-table mat-table mat-header-row.mat-header-row mat-header-cell:first-child {
  min-width: 8.5714rem;
}
app-score-table mat-table mat-header-row.mat-header-row mat-header-cell div.cell-horizontal-center {
  color: var(--primary-content);
}
app-score-table mat-table mat-header-row.mat-header-row mat-header-cell div.clickable-header {
  cursor: pointer;
}
app-score-table mat-table mat-header-row.mat-header-row mat-header-cell div.inactive {
  color: lightgrey;
}
app-score-table mat-table mat-header-row.mat-header-row mat-header-cell.cdk-column-name {
  padding-left: 0.8571rem;
  text-align: left;
}
app-score-table mat-table mat-header-row.mat-header-row mat-header-cell.cdk-column-name div.cell-horizontal-center {
  margin: 0;
}
app-score-table mat-table mat-header-row.mat-header-row mat-header-cell.cdk-column-total {
  min-width: 12.1429rem;
}
app-score-table mat-table mat-header-row.mat-header-row mat-header-cell.cdk-column-total .small-font {
  font-size: 0.71rem;
}
app-score-table mat-table mat-row.mat-row {
  padding: 0;
}
app-score-table mat-table mat-row.mat-row mat-cell {
  min-height: 3.4286rem;
  text-align: center;
  border: 0.0714rem solid var(--common-white);
  background-color: #f2f2f2;
  display: flex;
  align-items: center;
  min-width: 5.7143rem;
}
app-score-table mat-table mat-row.mat-row mat-cell:first-child {
  min-width: 8.5714rem;
}
app-score-table mat-table mat-row.mat-row mat-cell div.cell-horizontal-center > chart {
  margin-right: 0.2143rem;
}
app-score-table mat-table mat-row.mat-row mat-cell.cdk-column-name {
  background-color: #dddddd;
  padding-left: 0.8571rem;
  text-align: left;
}
app-score-table mat-table mat-row.mat-row mat-cell.cdk-column-name div.cell-horizontal-center {
  margin: 0;
}
app-score-table mat-table mat-row.mat-row mat-cell.cdk-column-total {
  background-color: #dddddd;
  min-width: 12.1429rem;
}
app-score-table mat-table mat-row.mat-row mat-cell.cdk-column-total .line-space {
  margin-left: 0.3571rem;
  margin-right: 0.3571rem;
}
app-score-table mat-table mat-row.mat-row mat-cell.cdk-column-total .edit-icon {
  margin-right: 0.3571rem;
  cursor: pointer;
}
app-score-table mat-table mat-row.mat-row mat-cell.cdk-column-total .edit-icon.disabled {
  cursor: auto;
  color: var(--common-grey-500);
}
app-score-table mat-table mat-row.mat-row mat-cell.cdk-column-createdDate {
  background-color: #dddddd;
}
app-score-table mat-table mat-row.mat-row mat-cell.cdk-column-percentScore {
  background-color: #dddddd;
}
app-score-table mat-table mat-row.mat-row mat-cell:last-of-type {
  padding-right: 0.3571rem;
}
app-score-table mat-table mat-row.mat-row mat-cell .edit-icon {
  margin-right: 0.3571rem;
  cursor: pointer;
}
app-score-table mat-table mat-row.mat-row mat-cell .edit-icon.disabled {
  cursor: auto;
  color: var(--common-grey-500);
}
app-score-table mat-table mat-header-row mat-header-cell:last-of-type {
  padding-right: 0.3571rem;
}
app-score-table mat-table .user-data {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-right: 0.8571rem;
  align-items: center;
}
app-score-table mat-table .user-data i {
  cursor: pointer;
}
app-score-table mat-table .row-style:last-child mat-cell {
  background-color: #a0a0a0 !important;
  /* TODO: remove important */
  color: var(--primary-content);
  cursor: default !important;
  /* TODO: remove important */
}
app-score-table mat-table .row-style:last-child mat-cell .material-icons {
  visibility: hidden;
}
app-score-table mat-table .not-reportable {
  color: gray;
}
app-score-table mat-table .cell-color:hover {
  background-color: #dddddd !important;
  /* TODO: remove important */
  cursor: pointer;
}
app-score-table .export-btn {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.7143rem;
}
app-score-table .export-btn .buttons-wrapper {
  width: fit-content;
  position: relative;
  display: flex;
}
app-score-table .export-btn .buttons-wrapper button:nth-child(1) {
  margin-right: 0.7143rem;
}
app-score-table .export-btn .buttons-wrapper .loader {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: #ffffff88;
}
.lea-table-th {
  background-color: #a0a0a0 !important;
  /* TODO: remove important */
  border: 0.0714rem solid var(--common-white);
  color: var(--primary-content);
  font-weight: bold;
  text-align: center !important;
  /* TODO: remove important */
}
.lea-table-td {
  border: 0.0714rem solid var(--common-white);
  text-align: center;
  background: #f2f2f2 !important;
  /* TODO: remove important */
}
.lea-table-sticky-td {
  text-align: center;
  background-color: #dddddd !important;
  /* TODO: remove important */
}
.summary-row-td {
  background-color: #a0a0a0 !important;
  /* TODO: remove important */
  border: 0.0714rem solid var(--common-white);
  color: var(--primary-content);
  font-weight: bold;
  text-align: center !important;
  /* TODO: remove important */
}
#card-edit .card-edit-nav {
  display: grid;
  flex-grow: 0;
}
#card-edit .card-edit-nav .padding-nav {
  padding-top: 1.1429rem;
  margin-left: 1.1429rem;
}
#card-edit .card-edit-nav .nav-tab {
  height: 2.5714rem;
  border-bottom: 1px solid var(--common-grey-400);
  border-radius: 0;
  color: var(--common-grey-600);
  font-weight: 400;
}
#card-edit .card-edit-nav .nav-tab.is-active {
  height: 2.5rem;
  border-bottom: 2px solid var(--common-primary-400);
  color: var(--common-black);
  font-weight: 500;
}
#card-edit .card-edit-nav .mdl-button--fab {
  margin: 0;
}
#card-edit .card-edit-nav .left-side-title {
  align-items: center;
}
#card-edit #card-edit-personal-data {
  width: 42.8571rem;
  margin: auto;
}
#card-edit #card-edit-personal-data .select-info {
  min-width: 14.2857rem;
}
#card-edit #card-edit-personal-data .full-width {
  width: 100%;
  padding: 0;
}
#card-edit #card-edit-text-field section .text-editor-title {
  font-size: 150%;
  display: flex;
  align-items: center;
  margin: 1.0714rem 0 1.0714rem;
}
#card-edit #card-edit-text-field section .text-editor-title i {
  margin: 0 0.7143rem;
}
#card-edit #card-edit-text-field section .text-editor-title span {
  flex-grow: 1;
}
#card-edit #card-edit-text-field section .text-editor-title button {
  font-weight: 700;
}
#card-edit #card-edit-text-field section .text-editor__edit,
#card-edit #card-edit-text-field section .text-editor__text {
  width: 100%;
}
#card-edit #card-edit-text-field section .text-editor__edit tiny-mce,
#card-edit #card-edit-text-field section .text-editor__text tiny-mce {
  width: 100%;
}
#card-edit #card-edit-text-field section .text-editor__text {
  padding: 1.1429rem;
}
#card-edit .card-edit-contents .register-buttons button {
  left: 14.2857rem;
}
.edit-admin-certificate-view .fields-table {
  width: 100%;
}
.edit-admin-certificate-view .page-content {
  padding: 1.7857rem;
  background-color: var(--common-white);
}
.edit-admin-certificate-view .page-title-bar .page-title-bar__header .navigation {
  margin: 0;
}
.edit-admin-certificate-view .container .certificate-preview {
  margin-left: auto;
  margin-right: auto;
}
.edit-admin-certificate-view .certificate-name-input {
  margin-top: 1rem;
  font-size: 1.43rem;
  margin-bottom: 2.1429rem;
}
.edit-admin-certificate-view .properties-view .certificate-name-input {
  margin-left: 0.2143rem;
  margin-top: 0.3571rem;
  width: 17.1429rem;
  float: left;
}
.edit-admin-certificate-view .properties-view .certificate-name-input {
  float: left;
  margin-bottom: 0.3571rem;
}
.edit-admin-certificate-view .properties-view .table-container {
  margin-top: 1.1429rem;
  margin-bottom: 1.7143rem;
}
.edit-admin-certificate-view .properties-view .table-container table .mdl-data-table__cell--non-numeric {
  padding: 0.7143rem 0.5714rem;
}
.edit-admin-certificate-view .properties-view .table-container table .dropdown-list-button {
  padding: 0 0.4286rem 0 1rem;
}
.edit-admin-certificate-view .properties-view .table-container table .mdl-menu__item {
  height: 2.5714rem;
  line-height: 2.5714rem;
  font-size: 0.86rem;
}
.edit-admin-certificate-view .properties-view .table-container table .border-left {
  border-left: 1px solid #ccc;
}
.edit-admin-certificate-view .properties-view .table-container table .border-right {
  border-right: 1px solid #ccc;
}
.edit-admin-certificate-view .properties-view .table-container table .center-text {
  text-align: center;
}
.edit-admin-certificate-view .properties-view .table-container table .name-field {
  width: 8.5714rem;
}
.edit-admin-certificate-view .properties-view .table-container table .size-field {
  width: 2.8571rem;
  text-align: left;
}
.edit-admin-certificate-view .properties-view .table-container table .position-field {
  width: 3.5714rem;
}
.edit-admin-certificate-view .properties-view .table-container table .color-field {
  width: 5rem;
}
.edit-admin-certificate-view .properties-view .table-container table .inline-edit {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0.1429rem 0.3571rem;
  font-size: 1.15rem;
  font-weight: normal;
  background-color: var(--common-white);
}
.manage-certificates-list .certificate-card {
  width: 21.4286rem;
  height: 24.2857rem;
  margin: 0 0.7143rem 0.7143rem 0;
  float: left;
  overflow: visible;
  z-index: auto;
}
.manage-certificates-list .certificate-card .mdl-card__title {
  display: block;
  overflow: hidden;
  max-height: 9.5714rem;
  padding-bottom: 0.7143rem;
}
.manage-certificates-list .certificate-card .mdl-card__title .certificate-card__title-wrapper .mdl-card__title-text {
  max-height: 6rem;
  line-height: 2rem;
  font-size: 1.43rem;
}
.manage-certificates-list .certificate-card .mdl-card__title .certificate-card__title-wrapper .mdl-card__title-text span {
  display: block;
}
.manage-certificates-list .certificate-card .mdl-card__title .certificate-card__title-wrapper .mdl-card__title-text .card-link {
  text-decoration: none;
  color: var(--common-black);
}
.manage-certificates-list .certificate-card .certificate-image {
  margin-bottom: 0.5714rem;
  margin-right: 0.5714rem;
  height: 16.0714rem;
}
.manage-certificates-list .certificate-card .certificate-image img {
  float: right;
  max-width: 11.4286rem;
  max-height: 16.0714rem;
}
.manage-certificates-list .certificate-card .mdl-card__actions {
  height: 3.5714rem;
}
.manage-certificates-list .certificate-card .mdl-card__actions .dot-button {
  float: right;
}
.manage-certificates-list .clear-both {
  clear: both;
  float: none;
}
.manage-certificates-list .hidden {
  position: absolute;
  left: -200000px;
  top: -200000px;
  opacity: 0.000001;
}
#collections-edit-details .app-loading-wrapper {
  text-align: center;
}
#collections-edit-details .app-loading-wrapper .data-loading {
  margin: 10.7143rem 0;
}
#collections-edit-details .app-loading-wrapper .data-loading.mini {
  margin: 0;
}
#collections-edit-details .details-form .mdl-textfield.mdl-js-textfield {
  width: 100%;
  margin-top: -1.4286rem;
}
#collections-edit-details .details-form h4 {
  margin: 0;
  font-size: 1rem;
  color: var(--common-primary);
}
#collections-edit-details .details-form .actions {
  text-align: right;
}
#collections-edit-details .details-form .actions .mdl-button:first-child {
  margin-right: 1.1429rem;
}
#collections-edit-details .main-container {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  min-width: 20rem;
  margin-bottom: 3rem;
}
#collections-edit-details .description-container {
  flex: 3;
}
#collections-edit-details .upload-file-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding-bottom: 1.25rem;
}
#collections-edit-details #admin_panel_upload_image header {
  background: transparent;
}
.student-details-tab-nav {
  display: flex;
  flex-grow: 0;
}
.student-details-tab-nav .nav-tab {
  height: 2.5714rem;
  border-bottom: 1px solid var(--common-grey-400);
  border-radius: 0;
  color: var(--common-grey-600);
  font-weight: 400;
}
.student-details-tab-nav .nav-tab.is-active {
  height: 2.5rem;
  border-bottom: 2px solid var(--common-primary-400);
  color: var(--common-black);
  font-weight: 500;
}
#student-details-info .description,
#student-details-info .description-card {
  width: 100%;
  min-height: 0;
}
#connections-student-assignments div.no-assignments {
  text-align: center;
  padding: 1.4286rem;
  font-size: 1.43rem;
}
#courses-assignment-details h2 {
  font-size: 2rem;
  line-height: 2.2857rem;
  margin: 1.1429rem 0.2857rem;
}
#courses-assignment-details h2:first-child {
  margin-top: 0.5714rem;
}
#courses-assignment-details .assignment-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-grow: 1;
  position: relative;
}
#courses-assignment-details .assignment-header .menu-element {
  margin-left: 0.5714rem;
}
#courses-assignment-details .remove-file-button {
  cursor: pointer;
  vertical-align: middle;
}
#courses-assignment-details .file-uploading-spinner {
  vertical-align: middle;
}
#courses-assignment-details .data-cards {
  padding: 0;
}
@media screen and (max-width: 112.5rem) {
  #courses-assignment-details .data-cards .assignment-info-label {
    width: auto !important;
    /* TODO: remove important */
  }
}
@media screen and (max-width: 100rem) {
  #courses-assignment-details .data-cards .group-assignment-info-card__wrapper {
    width: calc(100% - 1.1429rem) !important;
    /* TODO: remove important */
  }
}
@media screen and (max-width: 70rem) {
  #courses-assignment-details .data-cards .lesson-details-grid .mdl-cell--4-col {
    width: calc(100% - 1.1429rem) !important;
    /* TODO: remove important */
  }
}
#courses-assignment-details .essay-box {
  width: 100%;
}
#courses-assignment-details .submitted-essay {
  width: 100%;
}
#courses-assignment-details .assignment-details-info-card {
  min-height: initial;
  width: auto;
}
#courses-assignment-details .assignment-details-info-card.mdl-grid {
  margin: 0;
  padding: 0;
}
#courses-assignment-details .assignment-details-info-card.mdl-grid .lesson-details-column {
  display: flex;
  flex-direction: column;
}
#courses-assignment-details .assignment-details-info-card.mdl-grid .lesson-details-column .mdl-list {
  flex-grow: 1;
}
#courses-assignment-details .assignment-details-info-card.mdl-grid .lesson-details-column .lesson-button {
  display: inline-table;
  margin-left: 1.1429rem;
}
#courses-assignment-details .assignment-details-info-card.assignment-description {
  width: 100%;
}
#courses-assignment-details .assignment-details-info-card.assignment-description .description-content {
  padding: 1.1429rem;
}
#courses-assignment-details .assignment-details-info-card .canvas-container {
  text-align: center;
}
#courses-assignment-details .assignment-details-info-card .assignment-info-data {
  padding-top: 0;
  padding-bottom: 0;
}
#courses-assignment-details .assignment-details-info-card .assignment-info-data .assignment-info-label {
  padding-right: 1.1429rem;
  width: 8.5714rem;
  color: var(--common-grey-400);
}
#courses-assignment-details .assignment-details-info-card .assignment-info-data .manual-grade-value {
  color: var(--common-primary-600);
  cursor: pointer;
}
#courses-group-assignment h2 {
  font-size: 2rem;
  line-height: 2.2857rem;
  margin: 1.1429rem 0.2857rem;
}
#courses-group-assignment h2:first-child {
  margin-top: 0.5714rem;
}
#courses-group-assignment .data-cards {
  padding: 0;
}
#courses-group-assignment .data-cards .group-assignment-info-card__wrapper {
  background: var(--common-white);
}
#courses-group-assignment .data-cards .canvas-container {
  padding-top: 1.4286rem;
  text-align: center;
}
#courses-group-assignment .data-cards .canvas-container .doughnut {
  display: inline;
}
#courses-group-assignment .data-cards .description-label {
  font-weight: bold;
}
@media screen and (max-width: 80rem) {
  #courses-group-assignment .data-cards .group-assignment-info-card__wrapper {
    width: calc(100% - 1.1429rem) !important;
    /* TODO: remove important */
  }
}
#courses-group-assignment .group-assignment-info-card {
  min-height: initial;
  width: auto;
}
#courses-group-assignment .group-assignment-info-card.assignment-description {
  width: 100%;
}
#courses-group-assignment .group-assignment-info-card.assignment-description .description-content {
  padding: 1.1429rem;
}
#courses-group-assignment .data-table-info {
  width: 100%;
}
#courses-group-assignment .data-table-info td {
  white-space: normal !important;
  /* TODO: remove important */
}
#courses-group-assignment .data-table-info td .status-info:hover {
  background: transparent;
}
@media screen and (max-width: 80rem) {
  #courses-group-assignment .data-table-info progress-bar {
    display: none;
  }
  #courses-group-assignment .data-table-info .status-info {
    min-width: 0;
  }
  #courses-group-assignment .data-table-info .status-info .status-info__value {
    display: none;
  }
}
#courses-group-assignment .assignment-info-data {
  padding-top: 0;
  padding-bottom: 0;
}
#courses-group-assignment .assignment-info-data .assignment-info-label {
  padding-right: 1.1429rem;
  width: 8.5714rem;
  color: var(--common-grey-400);
}
#courses-group-assignment .assignment-info-data .manual-grade-value {
  color: var(--common-primary-600);
}
#assignment-lesson .lesson-buttons .back-button {
  float: left;
}
#assignment-lesson .lesson-buttons .full-screen-button {
  float: right;
}
#assignment-lesson .lesson-buttons .save-button {
  float: right;
  margin-left: 0.5714rem;
}
#course-forum .course-forum-body .topics-table {
  width: 100%;
}
#course-forum .course-forum-body .topics-table.mdl-data-table td {
  white-space: normal;
}
#course-forum-topic .course-forum-topic-body .forum-topic__title {
  font-size: 2rem;
  line-height: 2.5714rem;
  margin: 1.1429rem 0.5714rem;
}
#course-forum-topic .course-forum-topic-body .forum-topic__post {
  margin: 0 0.5714rem 1.1429rem 0.5714rem;
  display: flex;
  flex-direction: row;
  background: var(--common-white);
  position: relative;
}
#course-forum-topic .course-forum-topic-body .forum-topic__post .forum-topic__post-meta {
  display: flex;
  flex-direction: column;
  width: 10.7143rem;
  margin-right: 1.1429rem;
  padding: 0.5714rem 0 0.5714rem 0.5714rem;
  border-right: 1px solid var(--common-grey-300);
}
#course-forum-topic .course-forum-topic-body .forum-topic__post .forum-topic__post-meta .forum-topic__post-author-picture-content {
  width: 3.5714rem;
  height: 3.5714rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
  border-radius: 50%;
  display: block;
  margin: 0 auto;
}
#course-forum-topic .course-forum-topic-body .forum-topic__post .forum-topic__post-meta .forum-topic__post-author,
#course-forum-topic .course-forum-topic-body .forum-topic__post .forum-topic__post-meta .forum-topic__post-date {
  text-align: center;
  color: var(--common-grey-600);
}
#course-forum-topic .course-forum-topic-body .forum-topic__post .forum-topic__post-meta .forum-topic__post-author {
  font-weight: bold;
  padding: 0.2857rem;
}
#course-forum-topic .course-forum-topic-body .forum-topic__post .forum-topic__post-meta .forum-topic__post-date {
  font-size: 0.86rem;
  padding: 0.2857rem 0.2857rem 0 0.2857rem;
}
#course-forum-topic .course-forum-topic-body .forum-topic__post .forum-topic__post-content {
  width: calc(100% - 12.1429rem);
  padding: 1.1429rem 0.5714rem;
}
#course-forum-topic .course-forum-topic-body .forum-topic__post .forum-topic__post-content .forum-post-options {
  position: absolute;
  bottom: 0.7143rem;
  right: 0.7143rem;
}
#course-forum-topic .course-forum-topic-body .forum-topic__reply {
  padding: 0.5714rem;
  margin-top: 2.2857rem;
}
#course-forum-topic .course-forum-topic-body .forum-topic__reply .forum-topic__reply-button {
  margin-top: 0.5714rem;
  float: right;
}
#course-forum-topic .course-forum-topic-body .forum-topic__replying {
  padding: 4.5714rem 0.5714rem;
  text-align: center;
}
@media screen and (max-width: 43.6875rem) {
  #course-forum-topic .course-forum-topic-body .forum-topic__post {
    flex-direction: column;
    margin: 0 0 1.1429rem 0;
  }
  #course-forum-topic .course-forum-topic-body .forum-topic__post .forum-topic__post-meta {
    flex-direction: row;
    width: calc(100% - 0.5714rem);
    margin-right: 0;
    border-right-width: 0;
    border-bottom: 1px solid var(--common-grey-300);
    align-items: center;
  }
  #course-forum-topic .course-forum-topic-body .forum-topic__post .forum-topic__post-meta .forum-topic__post-date {
    padding: 0.2857rem;
  }
  #course-forum-topic .course-forum-topic-body .forum-topic__post .forum-topic__post-content {
    width: calc(100% - 2.2857rem);
    padding: 0.5714rem 1.1429rem;
  }
}
#course-forum-new-topic .course-forum__new-topic-body .course-forum__new-topic .forum-new-topic__title {
  font-size: 2rem;
  line-height: 2.5714rem;
  margin: 1.1429rem 0.5714rem 0 0.5714rem;
}
#course-forum-new-topic .course-forum__new-topic-body .course-forum__new-topic .forum-new-topic__content {
  width: 100%;
}
#course-forum-new-topic .course-forum__new-topic-body .course-forum__new-topic .forum-new-topic__cancel,
#course-forum-new-topic .course-forum__new-topic-body .course-forum__new-topic .forum-new-topic__create {
  margin: 0.5714rem 0 0 0.5714rem;
  float: right;
}
.course-lesson.content-wrapper {
  text-align: center;
}
.course-lesson.content-wrapper .lesson-buttons {
  padding-bottom: 1.1429rem;
  height: 2.5714rem;
}
.course-lesson.content-wrapper .lesson-buttons .save-button {
  float: left;
}
.course-lesson.content-wrapper .lesson-buttons .full-screen-button {
  float: right;
  background-color: var(--common-primary);
}
.course-lesson.content-wrapper .lesson-wrapper {
  text-align: center;
  display: inline-block;
  background: var(--common-white);
  width: 100%;
  padding: 1.1429rem 0 1.1429rem 1.1429rem;
}
.course-lesson.content-wrapper .lesson-wrapper lesson-embed {
  display: inline-block;
  width: 100%;
}
#courses-main .card-title-img {
  background-size: cover;
}
#courses-main .course-card__title-wrapper .top {
  display: flex;
  flex-direction: row;
}
#courses-main .course-card__title-wrapper .top .left {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
#courses-main .course-card__title-wrapper .top .left .mdl-card__title-text {
  align-self: flex-start;
}
#courses-main .course-card__title-wrapper .top .right {
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  text-align: right;
}
#courses .main-menu {
  width: 21.4286rem;
  margin-top: 0.5714rem;
  margin-left: 0.5714rem;
}
#courses .main-menu .middle-card {
  width: 100%;
  margin-bottom: 0.7143rem;
}
#courses .main-menu .menu-item:hover {
  background-color: var(--common-grey-200);
  cursor: pointer;
}
#courses .main-menu .course-menu-header {
  width: 17.7143rem;
  margin: 0;
  padding-left: 1.2857rem;
  cursor: pointer;
  color: inherit;
  display: inline-block;
}
#courses .main-menu .icon-more,
#courses .main-menu .icon-less {
  float: right;
  margin-right: 0.7143rem;
}
#courses .main-menu .course-list {
  margin: 0;
}
#courses .main-menu .left-menu-title-text {
  margin: 0;
  padding-top: 0;
}
#courses .main-menu .left-menu-title {
  margin: 0;
  border-bottom: 1px solid var(--common-grey-200);
}
#courses .main-menu .left-menu-card {
  min-height: 0;
}
#courses .main-menu .courses-submenu {
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
}
#courses .main-menu .card-content {
  padding: 1px 0;
  width: 100%;
  color: rgba(0, 0, 0, 0.65);
}
#courses .main-menu .card-content .selected-course {
  background-color: var(--common-grey-300);
}
#courses .main-menu .courses-submenu-course-list {
  margin-top: 0.2857rem;
  margin-bottom: 0.2857rem;
}
#courses .main-menu .news-card-content {
  color: rgba(0, 0, 0, 0.65);
  padding-top: 0;
  padding-bottom: 0;
}
#courses .main-menu .news-card-default-info {
  margin-top: 0.7143rem;
  margin-bottom: 0.7143rem;
}
#courses .main-menu .news-card-content-title {
  font-weight: bold;
  margin-top: 0.8571rem;
}
#courses .main-menu .menu-card-title {
  font-size: 1.57rem;
}
#courses .main-menu .menu-card-title a {
  text-decoration: none;
  color: var(--common-black);
}
#courses .main-menu .menu-item-course-content {
  padding-left: 2.5714rem;
}
#courses .main-menu .list-element-hidden {
  display: none;
}
#courses .main-menu .course-lesson-name {
  word-break: break-all;
}
#courses .main-menu .material-icons {
  cursor: pointer;
}
#courses .main-menu .disabled-text {
  color: var(--common-grey-400);
}
#courses-course .course-info-card {
  min-height: initial;
  width: 100%;
}
#courses-course .course-info-card .button-space {
  text-align: center;
}
#courses-course .course-info-card {
  min-height: initial;
  width: 100%;
}
#courses-course .course-info-card .button-space {
  text-align: center;
}
#courses-course .course-info-card .mdl-card__supporting-text {
  width: calc(100% - 2.2857rem);
}
#courses-course .course-info-card .card-title-img {
  max-width: 18.2857rem;
  max-height: 18.2857rem;
  background-size: cover;
}
#courses-course .course-info-card .top {
  display: flex;
  flex-direction: row;
  padding: 1.1429rem;
}
#courses-course .course-info-card .top .card-title-img {
  display: flex;
  flex-grow: 0;
}
#courses-course .course-info-card .top .info-box {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
#courses-course .course-info-card .top .info-box table tr th {
  text-align: left;
}
#main-wrapper {
  background-color: var(--common-grey-100);
}
.uco-editor #main-wrapper {
  background-color: white;
}
#custom-dashboard-widgets-list .custom-widget-list {
  height: 100%;
  background: #f5f5f5;
  min-width: 62.5rem;
}
#custom-dashboard-widgets-list .cd-widgets-list-loading-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#custom-dashboard-widgets-list table.mdl-data-table {
  width: 50%;
  min-width: 25rem;
  margin: 0 0.5714rem 0 0;
}
#custom-dashboard-widgets-list div.div-with-ellipsis-text-overflow {
  white-space: nowrap;
  max-width: 750px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#custom-dashboard-widgets-list #edit_widget {
  margin: 8px;
}
#custom-dashboard-widgets-list .cd-widgets-list-page-content {
  margin-top: 3.125rem;
}
#custom-dashboard-widgets-list .cd-widgets-list-page-content .site-management-container {
  margin-bottom: 0.625rem;
}
#custom-dashboard-widgets-list .cd-widgets-list-page-content .cd-widgets-list-grid {
  justify-content: center;
}
#custom-dashboard-widgets-list .cd-widgets-list-page-content a {
  color: #0a0a0a;
  text-decoration: none;
}
app-custom-dashboard-panel .custom-dashboard-panel {
  height: 100%;
  background: #f5f5f5;
  min-width: 62.5rem;
}
app-custom-dashboard-panel .custom-dashboard-panel .cd-panel-loading-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
app-custom-dashboard-panel .custom-dashboard-panel .cd-panel-right-header {
  float: right;
  height: 56px;
  display: flex;
  align-items: center;
}
app-custom-dashboard-panel .custom-dashboard-panel .cd-panel-page-content {
  margin-top: 50px;
}
app-custom-dashboard-panel .custom-dashboard-panel .cd-panel-page-content .cd-panel-site-management-container {
  margin-bottom: 10px;
}
app-custom-dashboard-panel .custom-dashboard-panel .cd-panel-page-content .cd-panel-grid {
  justify-content: center;
}
#custom-site-admin-panel {
  height: 100%;
  background: var(--common-grey-100);
  min-width: 1000px;
}
#custom-site-admin-panel .app-loading-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#custom-site-admin-panel .right-header {
  float: right;
  height: 4rem;
  display: flex;
  align-items: center;
}
#custom-site-admin-panel .page-content {
  margin-top: 3.5714rem;
}
#custom-site-admin-panel .page-content .site-management-container {
  margin-bottom: 0.7143rem;
}
#custom-site-admin-panel .page-content .grid {
  justify-content: center;
}
app-documentation-structure #app-documentation-structure {
  display: flex;
  flex-direction: column;
}
app-documentation-structure .is-bold {
  font-weight: bold;
}
app-documentation-structure .has-left-padding {
  padding-left: 1.1429rem;
}
app-documentation-structure .invisible {
  opacity: 0;
}
app-documentation-structure .hidden {
  display: none;
}
app-documentation-structure a {
  text-decoration: none;
  color: var(--common-black);
}
app-documentation-structure i {
  cursor: pointer;
}
app-documentation-structure .page-container {
  margin: 0;
}
app-documentation-structure .page-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 0 0.1429rem 0;
  min-height: 2rem;
  word-break: break-word;
}
app-documentation-structure .folder-icon {
  color: var(--common-primary);
  font-size: 1.43rem;
}
app-documentation-structure .blue-arrow {
  color: var(--common-primary);
}
app-documentation-structure .selected {
  text-decoration: underline;
}
#lesson-hour .app-loading-wrapper,
#gradebook-days .app-loading-wrapper,
#gradebook-dayshours .app-loading-wrapper {
  padding: 4.5714rem 0;
  text-align: center;
}
#lesson-hour .mdl-data-table .mdl-data-table__cell--wrap,
#gradebook-days .mdl-data-table .mdl-data-table__cell--wrap,
#gradebook-dayshours .mdl-data-table .mdl-data-table__cell--wrap {
  white-space: normal;
}
#lesson-hour .mdl-data-table .options,
#gradebook-days .mdl-data-table .options,
#gradebook-dayshours .mdl-data-table .options {
  width: 8.5714rem;
  max-width: 8.5714rem;
  text-align: right;
}
#lesson-hour .text-center,
#gradebook-days .text-center,
#gradebook-dayshours .text-center {
  text-align: center;
}
#gradebook-days .mdl-data-table {
  width: 100%;
}
#gradebook-days .mdl-data-table .narrow {
  width: 8.5714rem;
  min-width: 8.5714rem;
}
#gradebook-days mat-form-field {
  width: 100%;
}
#lesson-hour .import-card {
  width: 100%;
}
#lesson-hour .import-card .mdl-card__actions {
  text-align: center;
}
#lesson-hour .mdl-data-table.school-year-picker {
  margin: 0 5rem 5rem 5rem;
  width: calc(100% - 10rem);
}
#lesson-hour .mdl-data-table.school-year-picker .hidden {
  display: none;
}
#lesson-hour .mdl-data-table .inline-edit-static {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0.1429rem 0.3571rem;
  font-size: 1.15rem;
  font-weight: normal;
  background-color: var(--common-white);
  border: none;
}
#lesson-hour .mdl-data-table .inline-edit-static:invalid {
  background: #ef9a9a;
}
#lesson-hour .mdl-data-table td.narrow {
  width: 4.8571rem;
  max-width: 4.8571rem;
}
#lesson-hour .mdl-data-table td.narrow .inline-edit-static {
  width: 2.8571rem;
}
#lesson-hour .mdl-data-table td.narrow.hour-cell {
  padding-right: 0;
  text-align: right;
}
#lesson-hour .mdl-data-table td.narrow.minute-cell {
  padding-left: 0;
  text-align: left;
}
#lesson-hour .mdl-data-table td.narrow.hour-cell .inline-edit-static {
  text-align: right;
}
#lesson-hour .mdl-data-table tr .inline-edit-label {
  display: inline;
}
#lesson-hour .mdl-data-table tr .inline-edit {
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  border: none;
}
#lesson-hour .mdl-data-table tr td {
  width: auto;
  max-width: 100%;
}
#lesson-hour .mdl-data-table tr td.hour-cell,
#lesson-hour .mdl-data-table tr td.minute-cell {
  width: 4.8571rem;
  max-width: 4.8571rem;
}
#lesson-hour .mdl-data-table tr td.hour-cell {
  padding-right: 0;
  text-align: right;
}
#lesson-hour .mdl-data-table tr td.minute-cell {
  padding-left: 0;
  text-align: left;
}
#lesson-hour .mdl-data-table tr.row-active {
  background-color: var(--common-primary-50);
}
#lesson-hour .mdl-data-table tr.row-active .inline-edit-label {
  display: none;
}
#lesson-hour .mdl-data-table tr.row-active .inline-edit {
  display: inline-block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0.1429rem 0.3571rem;
  font-size: 1.15rem;
  font-weight: normal;
  background-color: var(--common-white);
}
#lesson-hour .mdl-data-table tr.row-active .inline-edit[pattern]:invalid {
  background-color: #ef9a9a;
}
#lesson-hour .mdl-data-table tr.row-active td.hour-cell .inline-edit,
#lesson-hour .mdl-data-table tr.row-active td.minute-cell .inline-edit {
  width: 3.5714rem;
}
#lesson-hour .mdl-data-table tr.row-active td.hour-cell .inline-edit {
  text-align: right;
}
#lesson-plan-edit div.error {
  color: #e53935;
}
#lesson-plan-edit span.label {
  color: var(--common-grey-400);
  padding-right: 0.5714rem;
}
#lesson-plan-edit .page-content {
  background-color: var(--common-white);
}
#lesson-plan-edit .mdl-list {
  max-width: 42.8571rem;
  margin-left: auto;
  margin-right: auto;
}
#lesson-plan-edit .mdl-list .mdl-menu__item.muted {
  color: var(--common-grey-400);
}
#lesson-plan-extend div.error {
  color: #e53935;
}
#lesson-plan-extend span.label {
  color: var(--common-grey-400);
  padding-right: 0.5714rem;
}
#lesson-plan-extend .page-content {
  background-color: var(--common-white);
  min-height: 28.5714rem;
}
#lesson-plan-extend .mdl-list {
  max-width: 42.8571rem;
  margin-left: auto;
  margin-right: auto;
}
#lesson-plan-extend .mdl-list .mdl-menu__item.muted {
  color: var(--common-grey-400);
}
#year-definition .app-loading-wrapper,
#year-definition-edit .app-loading-wrapper,
#gradebook-classes .app-loading-wrapper {
  padding: 4.5714rem 0;
  text-align: center;
}
#year-definition .option-disabled,
#year-definition-edit .option-disabled,
#gradebook-classes .option-disabled {
  color: var(--common-grey-500);
  cursor: not-allowed;
}
#year-definition paginator,
#year-definition-edit paginator,
#gradebook-classes paginator {
  margin-bottom: 1.1429rem;
  display: block;
  text-align: right;
}
#year-definition .header-title,
#year-definition-edit .header-title,
#gradebook-classes .header-title {
  display: flex;
  align-items: center;
}
#year-definition .header-navigation,
#year-definition-edit .header-navigation,
#gradebook-classes .header-navigation {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#year-definition .school-year-status-locked {
  text-transform: uppercase;
  color: var(--common-accent);
}
#year-definition .school-year-status-current {
  font-weight: normal;
  text-transform: uppercase;
  background-color: var(--primary);
  color: var(--primary-content);
  display: inline-block;
  padding: 0.2857rem 0.4286rem;
  border-radius: 2px;
  margin-left: 0.7143rem;
}
#year-definition .school-semester-current {
  text-transform: uppercase;
  color: var(--common-primary);
}
#year-definition .empty-table {
  text-align: center;
}
#year-definition-edit .mdl-card-grid {
  width: calc(100% - 1.1429rem);
}
#gradebook-classes .page-content .members-list {
  width: 100%;
  margin-bottom: 0;
}
#gradebook-classes .page-content .members-list th.members-list__select,
#gradebook-classes .page-content .members-list td.members-list__select {
  width: 1.7143rem;
}
#gradebook-classes .page-content .members-list td.empty-list {
  text-align: center;
}
#gradebook-classes .page-content .members-list .index-cell {
  width: 5rem;
  background: var(--common-grey-50);
  transition-duration: 0.28s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: background-color;
}
#gradebook-classes .page-content .members-list tr:hover > td.index-cell {
  background: var(--common-grey-200);
}
#gradebook-classes .page-content .header-with-actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 0.5714rem;
}
#gradebook-classes .page-content .header-with-actions h2 {
  font-size: 1.72rem;
  line-height: 2rem;
  margin: 0.5714rem;
}
#gradebook-classes .page-content .header-with-actions .mdl-button {
  margin-left: 0.5714rem;
}
#gradebook-classes .page-content .members-search {
  display: flex;
  align-items: center;
}
#gradebook-classes .page-content .members-search .mdl-textfield {
  flex-grow: 1;
  margin: 0 0.5714rem;
}
#gradebook-classes .page-content .members-search .mdl-button {
  margin-right: 0.5714rem;
}
#gradebook-classes .page-content .subject-in-progress {
  text-align: center;
  padding: 4.5714rem 0.5714rem;
  font-size: 1.15rem;
}
.buy-course-menu {
  max-width: none !important;
}
#library .has-filter-panel {
  padding-top: 1rem;
  padding-bottom: 1.7143rem;
  display: flex;
}
#library .has-filter-panel .app-loading-wrapper {
  margin: 4.5714rem auto;
}
#library .has-filter-panel .column-right {
  display: block;
  float: left;
}
#library .has-filter-panel .column-right .show-more-button {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 60rem) {
  #library .has-filter-panel .column-right section.section {
    padding: 0.3571rem 0.5714rem 1.7857rem 1.5rem;
  }
}
@media screen and (max-width: 60rem) {
  #library .has-filter-panel .column-right section.section {
    padding: 0.3571rem 0.5714rem 1.7857rem 1.5rem;
  }
}
#library .has-filter-panel .column-left {
  display: block;
  float: left;
}
#library .has-filter-panel .column-left #filter-panel {
  padding: 1.1429rem 0.8rem 1.1429rem 0.8rem;
  margin-left: 1rem;
  height: 100%;
}
#library .has-filter-panel .column-left #filter-panel .filter-toggle-btn-wrapper {
  width: 100%;
  display: flex;
  justify-content: end;
}
#library .has-filter-panel .column-left #filter-panel .filter-visibility-btn {
  background-color: var(--common-primary);
  border-radius: unset;
  color: var(--common-white);
}
#library .has-filter-panel .column-left #filter-panel .filter-visibility-btn .filter-icon-wrapper {
  display: flex;
  justify-content: center;
}
#library .has-filter-panel .column-left #filter-panel .filter-visibility-btn .filter-icon-wrapper.mdl-badge.mdl-badge--overlap {
  padding-left: 0.6rem;
}
#library .has-filter-panel .column-left #filter-panel .filter-panel-loading-block {
  display: flex;
  flex-direction: row;
  margin: 0.2857rem 0 0.2857rem;
}
#library .has-filter-panel .column-left #filter-panel .filter-panel-loading-block .filter-panel-title {
  display: flex;
  flex-grow: 1;
  font-size: 2.14rem;
  margin: 0;
}
#library .has-filter-panel .column-left #filter-panel .filter-panel-loading-block .filter-panel-loading {
  display: flex;
  flex-grow: 0;
}
#library .has-filter-panel .column-left #filter-panel .filter-sections {
  margin-top: 0.5714rem;
}
#library .has-filter-panel .column-left #filter-panel .library-section-title {
  padding-top: 0.1429rem;
  margin-bottom: 0;
  margin-top: 0;
  font-family: var(--common-font-family);
  font-size: 1.4286rem;
}
#library .has-filter-panel .column-left #filter-panel .publisher-section-title,
#library .has-filter-panel .column-left #filter-panel .publisher-filter-section-title {
  margin-top: 1.4286rem;
}
#library .has-filter-panel .column-left #filter-panel .custom-filter-subsection {
  padding-top: 0.1429rem;
  margin-bottom: 0;
  margin-top: 0;
  font-size: 1.29rem;
}
#library .has-filter-panel .column-left #filter-panel .separator-line {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0.5714rem -1.4286rem 1.1429rem -1.4286rem;
}
#library .has-filter-panel .column-left #filter-panel .separator-line.separator-line-publishers {
  margin-top: 1.1429rem;
  margin-bottom: 0;
}
#library .has-filter-panel .column-left #filter-panel .list-indented {
  margin-left: 0.5714rem;
}
#library .has-filter-panel .column-left #filter-panel .mdl-list {
  padding: 0;
  margin-top: 0.5714rem;
  margin-bottom: 0;
}
#library .has-filter-panel .column-left #filter-panel .mdl-list .mdl-list__item {
  padding-left: 0;
  padding-right: 0;
}
#library .has-filter-panel .column-left #filter-panel .mdl-list .mdl-list__item-inner {
  padding-top: 0;
}
#library .has-filter-panel .column-left #filter-panel .mdl-list .list-element-block {
  padding: 0;
}
#library .has-filter-panel .column-left #filter-panel .mdl-list .is-selected {
  background-color: var(--common-grey-400);
}
#library .has-filter-panel .column-left #filter-panel .mdl-list .list-element-inline {
  padding: 0;
  display: inline-block;
}
#library .has-filter-panel .column-left #filter-panel .mdl-button {
  text-transform: none;
}
#library .has-filter-panel .column-left #filter-panel .mdl-button--raised {
  margin-right: 0.4286rem;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14);
}
#library .has-filter-panel .column-left #filter-panel .button-public-sections {
  background: rgba(158, 158, 158, 0.2);
}
#library .has-filter-panel .column-left #filter-panel .button-publishers {
  background: rgba(158, 158, 158, 0.2);
}
#library .has-filter-panel .column-left #filter-panel .button-filters {
  background: rgba(158, 158, 158, 0.2);
}
@media screen and (max-width: 60rem) {
  #library .has-filter-panel .column-left #filter-panel {
    padding: 1.1429rem;
    margin-left: 0.5714rem;
    width: calc(100% - 1.7143rem);
  }
}
@media screen and (max-width: 60rem) {
  #library .has-filter-panel .column-left,
  #library .has-filter-panel .column-right {
    width: 100%;
  }
}
@media screen and (max-width: 60rem) {
  #library .has-filter-panel {
    flex-direction: column;
  }
}
#library .mdl-button {
  padding: 0 0.3571rem;
}
#search-courses .title {
  margin-left: 0.7143rem;
}
#my-school-my-classes-certificates-student-details {
  width: 220mm;
}
#my-school-my-classes-certificates-student-details .certificate-was-selected {
  background-color: var(--common-grey-300);
}
#my-school-my-classes-certificates-student-details .button-cell {
  display: flex;
  align-items: center;
}
#my-school-my-classes-certificates-student-details .last-selected-text {
  color: var(--common-grey-500);
}
/* TODO: remove important */
/* TODO: remove important */
@media print {
  .container {
    display: block !important;
    /* TODO: remove important */
  }
  .mdl-layout {
    display: block !important;
    /* TODO: remove important */
  }
  .mdl-layout__content {
    display: block !important;
    /* TODO: remove important */
  }
  .mdl-layout__header--fixed {
    display: none !important;
    /* TODO: remove important */
  }
  * {
    margin: 0;
    padding: 0;
  }
  @page {
    size: A4;
    margin: 0mm;
  }
}
.my-school-tutor-certificates-details {
  min-width: 114.2857rem;
}
.my-school-tutor-certificates-details .class-students-list {
  width: 42.8571rem;
}
.my-school-tutor-certificates-details .certificates-list {
  width: 28.5714rem;
  padding-left: 2.8571rem;
}
.my-school-tutor-certificates-details .page-content {
  padding: 1.7857rem;
  background-color: var(--common-white);
}
.my-school-tutor-certificates-details .page-title-bar .page-title-bar__header .navigation {
  margin: 0;
}
.my-school-tutor-certificates-details .connector-button {
  float: right;
  margin-top: 0.9286rem;
}
.my-school-tutor-certificates-details .container {
  display: flex;
}
.my-school-tutor-certificates-details .student-is-selected {
  background-color: var(--common-grey-400);
}
.my-school-tutor-certificates-details .save-certificate-button {
  float: left;
  margin-right: 0.7143rem;
}
.my-school-tutor-certificates-details .change-certificate-button {
  float: left;
  margin-right: 0.7143rem;
}
.my-school-tutor-certificates-details .generate-certificate-button {
  margin-right: 0.4286rem;
}
.my-school-tutor-certificates-details .certificates-table {
  width: 62.8571rem;
}
.my-school-tutor-certificates-details .editable-fields-table {
  width: 62.8571rem;
}
.my-school-tutor-certificates-details .editable-fields-table .name-table-header {
  width: 50%;
}
.my-school-tutor-certificates-details .editable-fields-table .table-value-input {
  width: 100%;
}
.my-school-tutor-certificates-details .editable-fields-table .editableFields-cell {
  text-align: center;
}
@media print {
  .my-school-tutor-certificates-details {
    width: initial;
    min-width: 0 !important;
    /* TODO: remove important */
  }
  .my-school-tutor-certificates-details .page-content {
    padding: 0 !important;
    /* TODO: remove important */
  }
  .my-school-tutor-certificates-details .page-title-bar {
    display: none;
  }
  .my-school-tutor-certificates-details .class-students-list {
    display: none;
  }
  .my-school-tutor-certificates-details .tutor-edit-certificate {
    margin: 0 !important;
    /* TODO: remove important */
  }
  .my-school-tutor-certificates-details .certificate-preview {
    margin: 0 !important;
    /* TODO: remove important */
    padding: 0 !important;
    /* TODO: remove important */
  }
  .my-school-tutor-certificates-details .certificates-list {
    padding: 0 !important;
    /* TODO: remove important */
  }
  .my-school-tutor-certificates-details .certificates-list .field {
    border: medium none currentColor !important;
    /* TODO: remove important */
  }
  .my-school-tutor-certificates-details .certificates-list .editable-fields-table {
    display: none;
  }
  .my-school-tutor-certificates-details .certificates-list my-school-certificates-student #my-school-my-classes-certificates-student-details .mdl-button {
    display: none;
  }
  .my-school-tutor-certificates-details .certificates-list my-school-certificates-student #my-school-my-classes-certificates-student-details .certificate-paginate {
    display: none;
  }
  .my-school-tutor-certificates-details .certificates-list my-school-certificates-student #my-school-my-classes-certificates-student-details .certificate-preview-header {
    display: none;
  }
  .my-school-tutor-certificates-details .certificates-list my-school-certificates-student #my-school-my-classes-certificates-student-details .certificate-image {
    display: block !important;
    /* TODO: remove important */
    page-break-after: always;
    border: medium none currentColor;
    position: relative;
  }
}
my-school-gradebook-student-nav,
my-school-parent-nav,
my-school-sylabus-nav,
my-school-my-classes-nav {
  display: flex;
  flex-grow: 0;
}
my-school-gradebook-student-nav .nav-tab,
my-school-parent-nav .nav-tab,
my-school-sylabus-nav .nav-tab,
my-school-my-classes-nav .nav-tab {
  height: 2.5714rem;
  border-bottom: 1px solid var(--common-grey-400);
  border-radius: 0;
  color: var(--common-grey-600);
  font-weight: 400;
}
my-school-gradebook-student-nav .nav-tab.is-active,
my-school-parent-nav .nav-tab.is-active,
my-school-sylabus-nav .nav-tab.is-active,
my-school-my-classes-nav .nav-tab.is-active {
  height: 2.5rem;
  border-bottom: 2px solid var(--common-primary-400);
  color: var(--common-black);
  font-weight: 500;
}
@media screen and (max-width: 49.9375rem) {
  my-school-gradebook-student-nav,
  my-school-parent-nav,
  my-school-sylabus-nav,
  my-school-my-classes-nav {
    flex-direction: column;
  }
  my-school-gradebook-student-nav .nav-tab,
  my-school-parent-nav .nav-tab,
  my-school-sylabus-nav .nav-tab,
  my-school-my-classes-nav .nav-tab {
    margin-bottom: 0.5714rem;
  }
}
#my-classes-personal-data .grid {
  display: flex;
  flex-direction: row;
}
@media screen and (min-width: 64rem) {
  #my-classes-personal-data .grid .right mat-card {
    margin: 0.5714rem 0 0 0.5714rem;
  }
}
@media screen and (max-width: 63.9375rem) {
  #my-classes-personal-data .grid {
    flex-direction: column;
  }
}
#my-classes-personal-data .grid .left,
#my-classes-personal-data .grid .right {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}
#my-classes-personal-data .grid .left {
  overflow-y: auto;
}
#my-classes-personal-data .grid .right mat-card mat-card-actions {
  text-align: right;
}
#my-classes-personal-data .app-loading-wrapper {
  padding-top: 1.1429rem;
}
#my-classes-personal-data .center-text {
  text-align: center;
}
#my-classes-personal-data mat-card-title {
  margin-bottom: 0;
}
#my-classes-personal-data tr.row-active {
  background-color: var(--common-primary-50);
}
#my-classes-personal-data .border-left {
  border-left: 1px solid #ccc;
}
#my-classes-personal-data .border-right {
  border-right: 1px solid #ccc;
}
#my-classes-personal-data .edit-button {
  margin-left: 0.7143rem;
}
#my-classes-personal-data .data-table-info {
  max-width: 96vw;
  max-height: 60vh;
  overflow: scroll;
}
.lesson-note-dialog app-lesson-note-dialog {
  padding-bottom: 1.5rem;
  display: block;
  overflow-y: hidden;
}
@media screen and (max-width: 20rem) {
  .lesson-note-dialog {
    width: 100%;
  }
  .lesson-note-dialog app-lesson-note-dialog {
    height: 95%;
    display: flex;
    flex-direction: column;
    overflow-y: hidden;
  }
  .lesson-note-dialog mat-dialog-actions {
    margin-right: 2rem;
  }
  .lesson-note-dialog div.dialog-content {
    padding: 0.7rem 2rem;
  }
}
@media screen and (max-height: 40rem) {
  .lesson-note-dialog app-lesson-note-dialog {
    display: flex;
    flex-direction: column;
    overflow-y: hidden;
    max-height: calc(92vh - 4rem);
  }
  .lesson-note-dialog app-lesson-note-info {
    overflow-y: auto;
  }
  .lesson-note-dialog .dialog-content {
    overflow-y: auto;
    max-height: 320px;
    min-height: 25%;
    flex-shrink: 5;
  }
  .lesson-note-dialog .mat-dialog-actions {
    min-height: 2rem;
  }
}
@media screen and (max-height: 40rem) {
  .cdk-overlay-container .cdk-global-overlay-wrapper {
    align-items: end;
  }
}
.h2-title {
  margin: 0 0 0 0.7143rem;
  font-size: var(--dashboard-card-header-font-size);
  line-height: var(--dashboard-card-header-font-size);
  font-weight: var(--dashboard-card-header-font-weight);
  color: var(--dashboard-card-header-color);
}
.h3-title {
  margin: 0;
  display: inline-block;
  font-size: 1.2rem;
  line-height: 1.2rem;
  font-family: var(--common-font-family);
}
my-school-subjects-container .my-classes-action-buttons .buttons-holder {
  justify-content: flex-end;
  display: flex;
  align-items: center;
}
my-school-subjects-container .disabled-button-tooltip {
  display: inline-block;
}
my-school-subjects-container .virtual-classroom-button button {
  padding: 0;
  min-width: unset;
}
@media screen and (max-width: 88.8125rem) {
  my-school-subjects-container .btn-desc {
    display: none;
  }
  my-school-subjects-container .dashboard-button > span span {
    display: none;
  }
}
@media screen and (max-width: 65.6875rem) {
  my-school-subjects-container .my-classes__table {
    max-width: calc(100vw - 3.4286rem);
    overflow-x: auto;
  }
  my-school-subjects-container .mdl-data-table tbody tr,
  my-school-subjects-container .mdl-data-table tbody td {
    height: auto;
  }
  my-school-subjects-container .my-classes-action-buttons .buttons-holder {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    height: 100%;
    align-items: center;
  }
}
@media screen and (max-width: 480px) {
  my-school-subjects-container .my-classes__table {
    max-width: 100%;
  }
}
#repository-sylabus-detail .sylabus-card {
  margin: 0.5714rem 0;
  width: 100%;
}
#repository-sylabus-detail .sylabus-card .mdl-card__supporting-text {
  padding: 0;
}
#repository-sylabus-detail .sylabus-card .mdl-card__supporting-text .sylabus-field {
  padding-right: 1.4286rem;
}
#repository-sylabus-detail .sylabus-card .mdl-card__supporting-text span {
  font-size: 0.93rem;
}
#repository-sylabus-detail .data-table-info .topic-name-cell {
  white-space: normal;
}
#repository-sylabus-detail .footer {
  float: right;
}
#repository-sylabus-detail .footer .mdl-button {
  background-color: var(--common-primary);
  color: var(--primary-content);
}
#sylabus-repository-list .data-table-info .mdl-button {
  background-color: var(--common-primary);
  color: var(--primary-content);
}
@media (max-width: 480px) {
  #sylabus-repository-list .page-content > .mdl-grid {
    width: 100%;
  }
  #sylabus-repository-list .page-content > .mdl-grid .mdl-cell--8-col > div {
    overflow-x: auto;
  }
}
.public-regulations .scrollable-window-for-privacy-policy.public-center-text-grid {
  height: 35.7143rem;
  overflow-y: auto;
  flex-direction: initial;
  border-bottom: 1px solid var(--common-grey-300);
}
div.page-content.publishers-data-page {
  background-color: var(--common-white);
}
.publisher-library .form-alert {
  padding: 0 1.1429rem;
  margin-top: -2.8571rem;
  font-size: 0.93rem;
}
.publisher-library .form-alert .has-error {
  color: red;
}
.publisher-library .recaptcha-contact {
  display: block;
  padding-left: 6.0714rem;
}
.publisher-library .send-button {
  margin-left: 9.2857rem;
}
.publisher-library .invalid-input {
  border-color: red;
}
.publisher-library .recaptcha-alert {
  margin-top: 0;
  margin-left: 1.0714rem;
}
.publisher-library .logo {
  max-height: 14.2857rem;
}
.publisher-library .header-logo {
  height: 3.5714rem;
}
.publisher-library .header-publisher-text {
  height: 3.5714rem;
  vertical-align: sub;
}
#publisher-lesson-details .page-content {
  min-height: 28.5714rem;
}
#publisher-lesson-details .page-content #lesson-caption-table {
  padding: 2rem;
  margin: 0 auto;
  overflow-x: auto;
  height: auto;
}
#publisher-lesson-details .page-content #lesson-caption-table div.table-wrapper {
  overflow-x: auto;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px var(--common-dark-opacity-200), 0 1px 5px 0 var(--common-dark-opacity-100);
}
#publisher-lesson-details .page-content #lesson-caption-table div.table-wrapper table {
  margin: 0;
  border-top: 0;
  box-shadow: none;
}
#publisher-lesson-details .page-content #lesson-caption-table div.table-wrapper table caption {
  background: var(--common-grey-50);
  border-top: 1px solid var(--common-dark-opacity-100);
  border-left: 1px solid var(--common-dark-opacity-100);
  border-right: 1px solid var(--common-dark-opacity-100);
}
#publisher-lesson-details .page-content #lesson-caption-table div.table-wrapper table caption .caption-content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  min-height: 11.8571rem;
}
#publisher-lesson-details .page-content #lesson-caption-table .data-table-info {
  white-space: normal;
  word-break: normal;
  word-wrap: normal;
}
#publisher-lesson-details .page-content #lesson-caption-table .data-table-info .state-string {
  font-size: 1rem;
}
#publisher-lesson-details .page-content #lesson-caption-table .data-table-info .content-vertical-align-middle {
  vertical-align: middle;
}
#publisher-lesson-details .page-content #lesson-caption-table .data-table-info .middle-value-cell {
  text-align: center;
}
@media screen and (max-width: 80rem) {
  #publisher-lesson-details .page-content #lesson-caption-table .data-table-info .state-string {
    display: none;
  }
}
#publisher-lesson-details .page-content #lesson-caption-table .data-table-info .disable-line-break {
  white-space: nowrap;
}
#publisher-lesson-details .page-title-bar__header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0.0714rem 0;
}
#publishers-collection-custom-toc {
  height: 100%;
  background: var(--common-grey-100);
}
#publishers-collection-custom-toc .app-loading-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#publishers-collection-custom-toc .small-loading {
  display: initial;
}
#publishers-collection-custom-toc .right-header {
  float: right;
  height: 4rem;
  display: flex;
  align-items: center;
}
#publishers-collection-custom-toc .page-content {
  margin-top: 3.5714rem;
}
#publishers-collection-custom-toc .page-content .grid {
  justify-content: center;
}
#publishers-collection-custom-toc .page-content .grid .configuration {
  margin-bottom: 0.7143rem;
}
#publishers-collection-custom-toc .page-content .grid .configuration .config-entry {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#publishers-collection-custom-toc .page-content .grid .uploaded-table {
  width: 100%;
}
#publishers-collection-custom-toc .page-content .grid .uploaded-table .upload-button {
  float: right;
}
#publishers-collection-custom-toc .page-content .grid .uploaded-table .refresh-button {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-bottom: 0;
}
.publishers-collection-lessons {
  min-height: 35.7143rem;
}
.publishers-collection-lessons .in-progress {
  margin-left: 0.5714rem;
  color: var(--common-grey-500);
}
.publishers-collection-lessons .app-loading-wrapper {
  margin: 0 1rem;
  display: flex;
  align-items: center;
}
.collection-lessons-list .lessons-table {
  padding: 1.4286rem;
  width: 80%;
  margin: 0 auto;
}
.collection-lessons-list .lessons-table mat-table .mat-column-position {
  max-width: 3.5714rem;
}
.collection-lessons-list .lessons-table mat-table .mat-column-select {
  max-width: 3.5714rem;
}
.collection-lessons-list .actions {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 1.4286rem 0;
}
#publisher-collection-styles-menager {
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: start;
  flex-direction: column;
  height: 100%;
  background: var(--common-grey-100);
}
#publisher-collection-styles-menager .page-title-bar {
  width: 100%;
}
#publisher-collection-styles-menager #title-div {
  display: flex;
  align-self: flex-start;
  flex-direction: row;
  width: 100%;
}
#publisher-collection-styles-menager .table {
  width: 50rem;
}
#publisher-collection-styles-menager .refresh-button {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-bottom: 0;
}
#publisher-collection-styles-menager #edit-buttons {
  width: 0.7143rem;
}
#publisher-collection-styles-menager #title {
  margin-left: 0.3571rem;
}
#publisher-collection-styles-menager #add-new-style-button {
  margin-top: 0.7143rem;
  margin-bottom: 2.1429rem;
}
#publishers-collections .app-loading-wrapper {
  padding: 4.5714rem 0;
  text-align: center;
}
#publishers-collections section.section {
  padding-bottom: 0.3571rem;
}
#publishers-collections section.section .section-title .stepper-line {
  margin-right: 0.4286rem;
}
#publishers-collections section.section .section-title button.mdl-button {
  margin-left: 0.5714rem;
}
#publishers-collections section.section .section-body {
  padding-bottom: 1.4286rem;
}
#publishers-collections section.section .section-body .course-card.hidden-in-library {
  background-color: rgba(255, 255, 255, 0.6);
}
#publishers-collections section.section .section-body .course-card.hidden-in-library h2 span,
#publishers-collections section.section .section-body .course-card.hidden-in-library h6 span,
#publishers-collections section.section .section-body .course-card.hidden-in-library .mdl-card__supporting-text span,
#publishers-collections section.section .section-body .course-card.hidden-in-library .mdl-button,
#publishers-collections section.section .section-body .course-card.hidden-in-library .mdl-button .material-icons {
  color: rgba(0, 0, 0, 0.6);
}
#publishers-collections section.section .section-body .course-card.hidden-in-library .course-card__icon {
  opacity: 0.6;
}
#publishers-collections section.section .section-body .course-card .mdl-card__title .course-card__title-wrapper .mdl-card__subtitle-text span {
  display: inline-block;
}
#publishers-collections section.section .section-body .course-card .mdl-card__title .course-card__title-wrapper .mdl-card__subtitle-text span.in-progress {
  margin-left: 0.5714rem;
  color: var(--common-grey-500);
}
#publishers-collection-adaptive .app-loading-wrapper {
  padding: 4.5714rem 0;
  text-align: center;
}
#publishers-collection-adaptive .page-content {
  background: var(--common-white);
}
#publishers-collection-adaptive .page-content .mdl-grid {
  padding-top: 0;
}
#publishers-collection-adaptive .page-content .adaptive-form ul.mdl-list {
  margin: 0;
}
#publishers-collection-adaptive .page-content .adaptive-form h4 {
  margin: 0;
  font-size: 1rem;
  color: var(--common-primary);
}
#publishers-collection-adaptive .page-content .adaptive-form li.mdl-list__item.adaptive-rules .mdl-list__item-primary-content {
  align-items: flex-start;
}
#publishers-collection-adaptive .page-content .adaptive-form li.mdl-list__item.adaptive-rules .mdl-list__item-primary-content mat-form-field {
  width: 100%;
}
#publishers-collection-adaptive .page-content .adaptive-form li.mdl-list__item.adaptive-rules .mdl-list__item-primary-content mat-form-field textarea#adaptive-rules {
  background: var(--common-grey-50);
  width: 100%;
}
#publishers-collection-adaptive .page-content .adaptive-form li.mdl-list__item.adaptive-error {
  color: #f44336;
}
#publishers-collection-adaptive .page-content .adaptive-form li.mdl-list__item.adaptive-error i.material-icons.mdl-list__item-icon {
  color: #f44336;
}
#publishers-collection-adaptive .page-content .adaptive-form li.mdl-list__item.adaptive-error .adaptive-error__message {
  margin: 0;
}
#publishers-collection-adaptive .page-content .adaptive-form span.saved {
  color: #4caf50;
}
#publishers-collection-adaptive .page-content .adaptive-form span.saved:hover {
  background: transparent;
  cursor: auto;
}
#publishers-collection-adaptive .page-content .adaptive-collection-structure h3 {
  font-size: 1.29rem;
  line-height: 1.7143rem;
  margin: 1.1429rem 0;
}
#publishers-panel .mdl-card__title {
  padding-bottom: 0.5714rem;
}
#publishers-panel .mdl-list {
  margin: 0 0.5714rem;
  padding: 0;
}
#publishers-panel .mdl-list .mdl-list__item-avatar {
  background-color: var(--primary);
  color: var(--primary-content);
  font-size: 1.72rem;
  line-height: 2.8571rem;
  text-align: center;
}
#publishers-panel .mdl-list .mdl-list__item a {
  text-decoration: none;
}
.revision-plan-details .mat-card {
  padding: 0;
}
.revision-plan-details .mat-card .mat-card-header {
  display: block;
  background-color: var(--common-primary);
  color: var(--primary-content);
  padding: 2.8571rem;
}
.revision-plan-details .mat-card .mat-card-header .title {
  font-size: 2rem;
  letter-spacing: 0.8px;
}
.revision-plan-details .mat-card .mat-card-header p {
  margin: 0;
}
.revision-plan-details .mat-card .mat-card-content .section-title {
  margin-top: 1.7857rem;
  margin-left: 2.8571rem;
}
.revision-plan-details .mat-card .mat-card-content .section-title i {
  vertical-align: text-bottom;
  margin-right: 1.7857rem;
}
.revision-plan-details .mat-card .mat-card-content .left-margin {
  margin-left: 6.3571rem;
  margin-right: 6.3571rem;
}
.revision-plan-details .mat-card .mat-card-content .status {
  display: flex;
  align-items: center;
}
.revision-plan-details .mat-card .mat-card-content .status > * {
  margin-top: 1.0714rem;
  margin-right: 1.1429rem;
}
.revision-plan-details .mat-card .mat-card-content .grey-text {
  color: var(--common-dark-opacity-500);
  font-size: 1.07rem;
}
.revision-plan-details .mat-card .bottom-results-info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 2.5rem;
}
.revision-plan-details .mat-card .bottom-results-info .revision-plan-grade {
  display: flex;
  align-items: center;
  flex-grow: 1;
  flex-wrap: wrap;
}
.revision-plan-details .mat-card .bottom-results-info .revision-plan-grade mat-progress-bar {
  height: 1.3571rem;
  border-radius: 0.2857rem;
  min-width: 14.2857rem;
  width: auto;
  flex-grow: 1;
  margin: 1.5714rem 0;
}
.revision-plan-details .mat-card .bottom-results-info .grade-value {
  font-size: 4.43rem;
  color: var(--common-primary-600);
  flex-grow: 0;
  margin-left: 1.4286rem;
  margin-right: 2.8571rem;
}
.revision-plan-details .mat-card .bottom-results-info .manual-grade {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.revision-plan-details .mat-card .bottom-results-info .manual-grade .black-text {
  margin-right: 1.4286rem;
}
.revision-plan-details .mat-card .bottom-results-info .manual-grade mat-slide-toggle {
  margin-right: 2.8571rem;
}
.revision-plan-details .mat-card .bottom-results-info .manual-grade mat-form-field {
  font-size: 4.43rem;
  color: var(--common-primary-600);
  min-width: 3em;
  width: 3em;
}
.revision-plan-details .mat-card .bottom-results-info .manual-grade mat-form-field.disabled {
  color: var(--common-grey-500);
}
.revision-plan-details .mat-card .bottom-results-info .manual-grade mat-form-field.disabled .mat-input-underline {
  border-color: var(--common-grey-500);
}
.revision-plan-details .mat-card .bottom-results-info .manual-grade mat-form-field.disabled .mat-input-underline .mat-focused {
  opacity: 0;
}
.revision-plan-details .mat-card .bottom-results-info .manual-grade mat-form-field .mat-input-wrapper {
  margin: 0;
}
.revision-plan-details .mat-card .bottom-results-info .manual-grade mat-form-field .mat-input-wrapper .mat-input-infix {
  display: flex;
}
.revision-plan-details .mat-card .bottom-results-info .manual-grade mat-form-field .mat-input-wrapper .mat-input-infix input {
  text-align: right;
}
.revision-plan-details .border-top {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.revision-plan-details .caption-content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  background-color: white;
}
.revision-plan-details app-lesson-caption-image-and-details .image-and-title {
  align-items: center;
}
.revision-plan-details .span-center {
  width: calc(100% - 50%);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.revision-plan-details .btn-details {
  display: flex;
  align-items: center;
}
.revision-plan-details .actions {
  padding: 1.7143rem 1.4286rem 1.7143rem 1.7143rem;
  display: flex;
  align-items: center;
}
.revision-plan-details .actions button {
  margin: 0.3571rem;
  width: 12.1429rem;
}
.revision-plan-details .lessons-title {
  font-size: 150%;
  display: flex;
  align-items: center;
  margin: 2.1429rem 0 1.0714rem;
}
.revision-plan-details .lessons-title > i {
  margin: 0 0.7143rem;
}
.revision-plan-details .lessons-title > span {
  flex-grow: 1;
  padding-right: 1.4286rem;
}
.revision-plan-details .lesson-details {
  width: 50%;
}
.revision-plan-details .lesson-status {
  display: flex;
  align-items: center;
}
.revision-plan-details .lesson-status > * {
  margin-right: 1.1429rem;
}
app-assign-courses div.page-content {
  height: 100%;
}
app-assign-courses div.step-title {
  display: flex;
  width: 100%;
}
app-assign-courses div.step-title h2 {
  font-size: 2rem;
  line-height: 2rem;
  margin: 0.5714rem 0 1.1429rem 0;
}
app-assign-courses div.spacer {
  flex-grow: 1;
}
app-assign-courses mat-form-field.access-code {
  min-width: 10.7143rem;
  width: 50%;
}
app-assign-courses mat-spinner {
  margin: auto;
}
app-assign-courses mat-horizontal-stepper#assign_courses__stepper div.mat-step-header-ripple {
  display: none;
}
app-assign-courses mat-horizontal-stepper#assign_courses__stepper mat-step-header:hover {
  background-color: initial;
}
app-assign-courses mat-horizontal-stepper#assign_courses__stepper mat-step-header div.mat-step-icon {
  background: var(--common-accent);
}
app-assign-courses mat-horizontal-stepper#assign_courses__stepper mat-step-header div.mat-step-icon.edit-button-override {
  margin: 0;
  background-color: var(--common-primary-400);
}
app-assign-courses mat-horizontal-stepper#assign_courses__stepper.assignees-disabled mat-step-header.mat-horizontal-stepper-header:last-child {
  cursor: initial;
}
app-assign-courses mat-horizontal-stepper#assign_courses__stepper.assignees-disabled mat-step-header.mat-horizontal-stepper-header:last-child div.mat-step-label.mat-step-label-active {
  color: var(--common-dark-disabled-text);
}
app-assign-courses mat-horizontal-stepper#assign_courses__stepper.assignees-disabled mat-step-header.mat-horizontal-stepper-header:last-child div.mat-step-icon {
  background-color: initial;
}
app-assign-courses mat-horizontal-stepper#assign_courses__stepper.assignees-disabled mat-step-header.mat-horizontal-stepper-header:last-child div.mat-step-icon.edit-button-override {
  background-color: var(--common-dark-disabled-text);
}
app-assign-courses mat-horizontal-stepper#assign_courses__stepper.assignees-enabled mat-step-header.mat-horizontal-stepper-header:last-child div.mat-step-icon-not-touched {
  background-color: var(--common-primary-400);
}
app-assign-courses mat-horizontal-stepper#assign_courses__stepper.assignees-enabled mat-step-header.mat-horizontal-stepper-header:last-child div.mat-step-label {
  color: initial;
}
#schools-join div.page-content {
  background-color: var(--common-white);
}
#schools-add-form .form-wrapper {
  min-height: 35.7143rem;
  padding: 2.8571rem;
  text-align: center;
  max-width: 28.5714rem;
  margin: 0 auto;
}
#schools-add-form .form-wrapper .raw-wrapper {
  width: 100%;
}
#schools-add-form .form-wrapper .raw-wrapper h4 {
  border-top: solid 1px #d6d6d6;
  padding-top: 1.0714rem;
  text-align: left;
  margin-top: 4.2857rem;
}
#schools-add-form .form-wrapper .raw-wrapper h4.school {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
#schools-add-form .form-wrapper .raw-wrapper.space-line {
  margin-top: 2.8571rem;
  border-top: solid 1px #d6d6d6;
}
#schools-add-form .form-wrapper .raw-wrapper.select-school-type .icon-wrapper i {
  margin-top: 0.2857rem;
}
#schools-add-form .form-wrapper .raw-wrapper.select-school-type button {
  padding-left: 0;
}
#schools-add-form .form-wrapper .raw-wrapper.select-school-type .input-wrapper {
  text-align: left;
}
#schools-add-form .form-wrapper .raw-wrapper .icon-wrapper {
  width: 10%;
  float: left;
  text-align: left;
}
#schools-add-form .form-wrapper .raw-wrapper .icon-wrapper i {
  margin-top: 1.1429rem;
  color: var(--common-grey-600);
}
#schools-add-form .form-wrapper .raw-wrapper .input-wrapper {
  width: 90%;
  float: left;
}
#schools-add-form .form-wrapper .raw-wrapper .input-wrapper mat-hint {
  position: relative;
  margin-top: 0.7143rem;
}
#schools-add-form .form-wrapper .raw-wrapper mat-form-field {
  width: 100%;
}
#schools-add-form .form-wrapper .raw-wrapper mat-form-field .error {
  color: #e53935;
}
#schools-add-form .form-wrapper .raw-wrapper.invalid .select-school-type-invalid,
#schools-add-form .form-wrapper .raw-wrapper.invalid .mat-input-placeholder.md-focused,
#schools-add-form .form-wrapper .raw-wrapper.invalid .mat-input-placeholder,
#schools-add-form .form-wrapper .raw-wrapper.invalid .mat-input-underline,
#schools-add-form .form-wrapper .raw-wrapper.invalid .material-icons,
#schools-add-form .form-wrapper .raw-wrapper.invalid .asterisk {
  color: #e53935;
}
#schools-add-form .form-wrapper .raw-wrapper.invalid .mat-input-underline .mat-input-ripple.md-focused {
  background-color: #e53935;
}
#schools-add-form .form-wrapper .raw-wrapper.school-image {
  margin-top: 2.1429rem;
}
#schools-add-form .form-wrapper .raw-wrapper.school-image img.image-loaded {
  width: 100%;
  height: auto;
  visibility: visible;
}
#schools-add-form .form-wrapper .raw-wrapper.school-image img {
  width: 1px;
  height: 1px;
  visibility: hidden;
}
#schools-add-form .form-wrapper .raw-wrapper.upload-file {
  margin: 1.4286rem 0 1.4286rem 0;
  text-align: right;
}
#schools-add-form .form-wrapper .raw-wrapper.upload-file .remove-file-button {
  cursor: pointer;
}
#schools-add-form .form-wrapper .raw-wrapper.upload-file app-loading {
  margin: 0;
}
#schools-add-form .form-wrapper .raw-wrapper.upload-file .upload-file-label {
  width: 20%;
  float: left;
  text-align: left;
  color: var(--common-grey-600);
}
#schools-add-form .form-wrapper .raw-wrapper.upload-file .upload-file-label i {
  margin: 0.3571rem 1.0714rem 0 0;
  color: var(--common-grey-600);
  vertical-align: bottom;
}
#schools-add-form .form-wrapper .raw-wrapper.upload-file .upload-file-wrapper {
  width: 80%;
  float: left;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}
#schools-add-form .form-wrapper .raw-wrapper.upload-file .upload-file-wrapper a {
  margin-left: 0.3571rem;
}
#schools-add-form .form-wrapper .raw-wrapper .school-type-input-wrapper {
  width: 80%;
  float: left;
}
#schools-add-form .form-wrapper .raw-wrapper .select-school-type-input-wrapper {
  width: 20%;
  float: left;
}
#schools-add-form .form-wrapper .raw-wrapper .select-school-type-input-wrapper button {
  width: 100%;
}
#schools-add-form .form-wrapper p.hint {
  font-style: italic;
  clear: both;
  text-align: center;
  padding-top: 2.1429rem;
}
#schools-manage-classrooms .app-loading-wrapper {
  padding: 4.5714rem 0;
  text-align: center;
}
#schools-manage-classrooms .mdl-data-table .mdl-data-table__cell--wrap {
  white-space: normal;
}
#schools-manage-classrooms .mdl-data-table .mdl-textfield {
  width: 100%;
}
#schools-manage-classrooms .mdl-data-table tr .inline-edit-label {
  display: inline;
}
#schools-manage-classrooms .mdl-data-table tr .inline-edit {
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  border: none;
}
#schools-manage-classrooms .mdl-data-table tr.row-active {
  background-color: var(--common-primary-50);
}
#schools-manage-classrooms .mdl-data-table tr.row-active .inline-edit-label {
  display: none;
}
#schools-manage-classrooms .mdl-data-table tr.row-active .inline-edit {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0.1429rem 0.3571rem;
  font-size: 1.15rem;
  font-weight: normal;
  background-color: var(--common-white);
}
#schools-panel .app-loading-wrapper {
  padding: 4.5714rem 0;
  text-align: center;
}
#schools-panel .mdl-card__title {
  padding-bottom: 0.5714rem;
}
#schools-panel .current-semester-title {
  font-size: 1.15rem;
  color: inherit;
}
#schools-panel .current-semester-title .current-semester-title--label {
  color: var(--common-grey-600);
  text-transform: uppercase;
}
#schools-panel .mdl-list {
  margin: 0 0.5714rem;
  padding: 0;
}
#schools-panel .mdl-list .mdl-list__item a {
  text-decoration: none;
  height: auto;
  cursor: pointer;
}
#schools-panel .mdl-list .mdl-list__item.mdl-list__item--three-line {
  height: auto;
  overflow: auto;
}
#schools-panel .mdl-list .mdl-list__item.mdl-list__item--three-line .mdl-list__item-text-body {
  height: auto;
  overflow: auto;
}
#schools-panel .mdl-list .mdl-list__item-avatar {
  background-color: var(--common-primary);
  color: var(--primary-content);
  font-size: 1.72rem;
  line-height: 2.8571rem;
  text-align: center;
}
#schools-panel .mdl-list .mdl-list__item-text-body {
  margin-left: 4rem;
}
#subjects-editor app-loading {
  margin: 0 auto;
  padding: 4.5714rem 0;
  display: block;
}
#subjects-editor .saving-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.72rem;
  z-index: 12000;
  background: rgba(0, 0, 0, 0.4);
}
#subjects-editor .grid {
  display: flex;
  flex-direction: row-reverse;
}
#subjects-editor .grid .source {
  display: flex;
  flex-grow: 0;
  flex-direction: column;
  width: 35.7143rem;
  background: var(--common-white);
  border-left: 1px solid var(--common-grey-300);
}
#subjects-editor .grid .source .trash-info {
  padding: 1.1429rem;
  text-align: center;
}
#subjects-editor .grid .target {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  padding: 1.1429rem;
  max-width: calc(100% - 38.0714rem);
}
#subjects-editor .grid .target .groups-header {
  display: flex;
  flex-direction: column;
}
#subjects-editor .grid .target .groups-header .groups-header__add-group {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#subjects-editor .grid .target .groups-header .groups-header__add-group .mdl-layout-spacer {
  margin: 0 2.1429rem 0 0.5714rem;
  border-bottom: 1px solid var(--common-grey-500);
}
#subjects-editor .grid .target .groups-header p {
  margin: 0;
  padding: 0.5714rem 1.1429rem;
}
@media screen and (max-width: 64rem) {
  #subjects-editor .grid {
    flex-direction: column;
  }
  #subjects-editor .grid .source {
    width: 100%;
    border-left: none;
    border-bottom: 1px solid var(--common-grey-300);
  }
  #subjects-editor .grid .target {
    max-width: 100%;
  }
}
subjects-editor-classes-group {
  display: flex;
  margin: 0.5714rem;
  flex-direction: column;
}
subjects-editor-classes-group .classes-group__name {
  display: flex;
  flex-grow: 1;
  align-items: center;
  position: relative;
}
subjects-editor-classes-group .classes-group__name .classes-group__move {
  margin-right: 0.5714rem;
  cursor: move;
}
subjects-editor-classes-group .classes-group__name h2 {
  margin: 0.8571rem 0;
  font-size: 1.72rem;
  line-height: 2.0714rem;
}
subjects-editor-classes-group .classes-group__name h2 small .material-icons {
  font-size: 1.15rem;
}
subjects-editor-classes-group .classes-group__name .mdl-layout-spacer {
  border-bottom: 1px solid var(--common-grey-500);
  margin: 0 2.1429rem;
}
subjects-editor-classes-group .classes-group__content {
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  min-height: 4.5714rem;
}
subjects-editor-classes-group .classes-group__content.over {
  background: var(--common-grey-300);
}
subjects-editor-classes-group-edit {
  margin: 1.1429rem;
}
subjects-editor-classes-group-edit h2.title {
  font-size: 1.29rem;
  margin: 0;
}
subjects-editor-classes-group-edit ul.mdl-list {
  margin: 0;
  padding: 0;
}
subjects-editor-classes-group-edit ul.mdl-list li.mdl-list__item {
  padding: 0.2857rem;
}
subjects-editor-classes-group-edit ul.mdl-list li.mdl-list__item mat-form-field {
  width: 100%;
  max-width: 21.4286rem;
}
subjects-editor-subjects-source h2.title,
subjects-editor-groups-source h2.title {
  font-size: 1.29rem;
  margin: 1.1429rem 1.1429rem 0 1.1429rem;
}
subjects-editor-subjects-source p.empty,
subjects-editor-groups-source p.empty {
  padding: 0 1.1429rem;
}
subjects-editor-subjects-source .header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 1.1429rem 1.1429rem 0 1.1429rem;
}
subjects-editor-subjects-source .header h2.title {
  margin: 0;
}
subjects-editor-subjects-list,
subjects-editor-classes-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 1.1429rem;
}
mat-card.school-class-card {
  width: 10.7143rem;
  min-height: 3.7143rem;
  margin: 0.5714rem;
  padding: 0;
  float: left;
  cursor: move;
}
mat-card.school-class-card.wide {
  width: 17.8571rem;
}
mat-card.school-class-card mat-card-title.school-class-card__name {
  margin: 1.1429rem;
  line-height: 1.4286rem;
}
mat-card.school-class-card mat-card-content {
  margin: 0 1.1429rem 1.1429rem 1.1429rem;
}
mat-card.subject-definition-card {
  width: 17.8571rem;
  min-height: 3.7143rem;
  margin: 0.5714rem;
  padding: 0;
  float: left;
  cursor: move;
}
mat-card.subject-definition-card mat-card-title.subject-definition-card__name {
  margin: 1.1429rem;
  line-height: 1.4286rem;
}
mat-card.subject-definition-card mat-card-content {
  margin: 0 1.1429rem;
}
mat-card.subject-definition-card mat-card-actions {
  margin: -2.2857rem 0 0 0 !important;
  /* TODO: remove important */
  padding: 0 0.2857rem 0.2857rem 0.2857rem !important;
  /* TODO: remove important */
  text-align: right;
  position: relative;
}
subjects-editor-subjects-form .mdl-list {
  margin: 0;
  padding: 0;
}
subjects-editor-subjects-form .mdl-list .mdl-list__item.slim {
  padding: 0.5714rem 1.1429rem;
}
subjects-editor-subjects-form .mdl-list .mdl-list__item.section-start {
  padding-top: 2.2857rem;
  padding-bottom: 0;
}
subjects-editor-subjects-form .mdl-list .mdl-list__item.actions button {
  margin-right: 0.5714rem;
}
subjects-editor-subjects-form .mdl-list .mdl-list__item mat-form-field {
  width: 100%;
  max-width: 17.8571rem;
}
subjects-editor-subjects-form .mdl-list .mdl-list__item mat-hint.error {
  position: static;
  margin-top: 0.5714rem;
  margin-bottom: -1.7143rem;
  color: #f44336;
  line-height: 1.1429rem;
}
subjects-editor-subjects-form .mdl-list .mdl-list__item p {
  margin: 0;
}
subjects-editor-subjects-form div.subject-teachers {
  display: flex;
  flex-direction: column;
}
subjects-editor-subjects-form div.subject-teachers div.subject-teacher {
  display: flex;
  flex-grow: 0;
  align-items: center;
  background: var(--common-grey-200);
  border-radius: 1.7143rem;
  padding: 0.1429rem 0.1429rem 0.1429rem 1.1429rem;
  margin: 0.2857rem;
  font-size: 1rem;
  line-height: 2.8571rem;
}
subjects-editor-subjects-form div.subject-teachers div.subject-teacher .subject-teacher__name {
  flex-grow: 1;
  padding-right: 0.2857rem;
}
subjects-editor-subjects-edit,
subjects-editor-subjects-create {
  padding: 1.1429rem;
}
subjects-editor-subjects-edit .title,
subjects-editor-subjects-create .title {
  font-size: 1.29rem;
  margin: 0;
  padding: 0 0 1.1429rem 0;
}
.cd-skybox-list-loading-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cd-skybox-list-page-content {
  margin: 3.125rem;
}
.cd-skybox-list-page-content .cd-skybox-list {
  justify-content: center;
  flex-wrap: nowrap;
  padding: 0;
}
.cd-skybox-list-page-content .cd-skybox-list .wrap-table {
  margin-left: 56px;
}
.cd-skybox-list-page-content .cd-skybox-list .create-new-skybox {
  margin-left: 1.5rem;
}
.cd-skybox-list-page-content .cd-skybox-list mcourser-base-table {
  min-width: 300px;
}
.skybox-actions-buttons {
  display: flex;
  flex-direction: column;
}
.left-box {
  max-width: 23rem;
  margin: 0 auto;
}
.left-box .left-box-new-tag {
  display: flex;
}
.left-box .left-box-new-tag mcourser-base-raised-button {
  margin-left: 1.5rem;
  max-width: 100px;
}
.tags-button {
  min-width: 70px;
}
.skybox-button {
  min-width: 180px;
}
.mr-1 {
  margin-right: 1rem;
}
.popup-mask {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 11000;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  padding: 0.5714rem;
}
.popup-mask .popup {
  display: block;
  margin: 0 auto;
  background: white;
  border-radius: 1px;
  max-width: 28.5714rem;
  width: 100%;
}
.popup-mask .popup .popup-title {
  font-size: 1.29rem;
  padding: 1.1429rem;
}
.popup-mask .popup .popup-content {
  padding: 1.1429rem;
}
.popup-mask .popup .popup-actions {
  display: flex;
  padding: 0.5714rem;
}
.popup-mask .popup .popup-actions .mdl-button--primary,
.popup-mask .popup .popup-actions .mdl-button--accent {
  font-weight: bold;
}
.popup-mask .popup .popup-actions .mdl-button--primary {
  margin-left: 1.1429rem;
}
app-popup-with-radio p:last-child {
  margin-bottom: 0;
}
app-popup-with-radio mat-radio-group.popup-with-radio__group {
  display: flex;
  flex-direction: row;
}
app-popup-with-radio mat-radio-group.popup-with-radio__group.vertical {
  flex-direction: column;
}
app-popup-with-radio mat-radio-group.popup-with-radio__group.vertical mat-radio-button {
  margin-bottom: 0.5714rem;
}
app-popup-with-radio mat-radio-group.popup-with-radio__group.vertical mat-radio-button:last-child {
  margin-bottom: 0;
}
app-popup-with-radio mat-radio-group.popup-with-radio__group mat-radio-button {
  display: flex;
  flex-grow: 1;
}
app-popup-with-radio mat-radio-group.popup-with-radio__group mat-radio-button .mat-radio-container .mat-radio-outer-circle {
  border-color: var(--common-primary);
}
app-popup-with-radio mat-radio-group.popup-with-radio__group mat-radio-button .mat-radio-container .mat-radio-inner-circle {
  background-color: var(--common-primary);
}
app-popup-with-radio mat-radio-group.popup-with-radio__group mat-radio-button .mat-radio-ripple .md-ripple-foreground {
  background-color: rgba(68, 138, 255, 0.26);
}
.stepper .stepper__body {
  align-items: center;
  flex-wrap: wrap;
}
.stepper .stepper__body app-stepper-item .stepper__item {
  margin-top: 1.1429rem;
  margin-bottom: 1.1429rem;
  flex-grow: 0;
}
.stepper .stepper__body app-stepper-item .stepper__item .stepper__badge {
  height: 1.7143rem;
  min-width: 1.7143rem;
  width: 1.7143rem;
}
.stepper .stepper__body app-stepper-item .stepper__item .stepper__badge i {
  font-size: 1.29rem;
}
.stepper .stepper__body app-stepper-item .stepper__item .stepper__special_badge {
  font-size: 2.07rem;
  color: var(--common-grey-500);
  margin-left: -2px;
}
.stepper .stepper__body app-stepper-item .stepper__item .stepper__badge-not-ready {
  background: var(--common-grey-600);
}
.stepper .stepper__body app-stepper-item .stepper__item .stepper__text {
  text-transform: none;
  line-height: normal;
  text-align: left;
  padding: 0 0.5714rem;
}
.stepper .stepper__body app-stepper-item .stepper__item .black-text {
  font-weight: bold;
  font-size: 1.15rem;
  color: var(--common-black);
}
.stepper .stepper__body app-stepper-item .stepper__item button {
  cursor: default;
}
.stepper .stepper__body .stepper__line {
  display: flex;
  flex-grow: 1;
  border-bottom: 1px solid var(--common-grey-300);
  height: 0;
}
.user-search-container {
  display: flex;
  flex-direction: column;
}
.user-search-container .search-panel {
  width: 100%;
}
.user-search-container .search-panel .search-input {
  display: flex;
  flex-direction: row;
}
.user-search-container .search-panel .position-relative {
  position: relative;
  z-index: 0;
}
#user-search-component #users-list {
  list-style-image: url(/media/assets_md/material/icons/ic_person_black_24px.svg);
  cursor: pointer;
  position: absolute;
  z-index: 999;
  background: var(--common-white);
  margin-top: -2rem;
  margin-left: 0.5714rem;
}
#user-search-component #users-list li.mdl-list__item {
  padding: 0.2857rem 1.1429rem;
}
#user-search-component #users-list li.mdl-list__item.selected-user {
  background-color: var(--common-grey-200);
}
#user-search-component .selected-users-list {
  display: inline-block;
}
#user-search-component .selected-users-list .selected-user {
  float: left;
  display: inline-block;
  border-radius: 1.4286rem;
  margin: 0.1429rem;
  padding: 0.2857rem 0.5714rem 0.2857rem 1.1429rem;
  background: var(--common-grey-300);
  line-height: 2.2857rem;
}
#user-search-component .selected-users-list .selected-user button.mdl-button.mdl-js-button.mdl-button--icon {
  background: var(--common-grey-400);
  color: var(--common-light-primary-text);
  min-width: 1.7143rem;
  width: 1.7143rem;
  height: 1.7143rem;
}
#user-search-component .selected-users-list .selected-user button.mdl-button.mdl-js-button.mdl-button--icon i.material-icons {
  font-size: 1.29rem;
}
#user-search-component .selected-users-list .selected-user button.remove-icon:hover {
  background: var(--common-grey-600) !important;
  /* TODO: remove important */
}
.chat-conversation-separator {
  display: flex;
  justify-content: center;
  padding: 0.3571rem;
  width: 100%;
  box-sizing: border-box;
}
.chat-conversation-separator .chat-conversation-separator__date {
  font-size: smaller;
  color: var(--common-grey-400);
}
.chat-communication-footer {
  width: 100%;
  height: 3.5714rem;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0 0.7143rem;
}
.chat-communication-footer input {
  width: 100%;
  height: 1.8571rem;
  border-radius: 0.7143rem;
  border: 0;
  font-size: 1.15rem;
  font-weight: 400;
  padding: 0.1429rem 0.7143rem;
  background-color: var(--common-grey-200);
  color: var(--common-black);
}
.chat-communication-footer input:focus {
  outline: none;
}
.chat-communication-footer .chat-communication-footer__button--send {
  margin-left: 0.3571rem;
}
.chat-communication-header {
  width: 100%;
  height: var(--dashboard-card-header-height);
  background-color: var(--primary);
  color: var(--primary-content);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 0.7143rem;
  box-sizing: border-box;
}
.chat-communication-header .chat-communication-header__left {
  display: flex;
  align-items: center;
}
.chat-communication-header .chat-communication-header__left .chat-communication-header__chat-text-wrapper {
  display: flex;
  align-items: flex-end;
}
.chat-communication-header .chat-communication-header__left .chat-communication-header__chat-text-wrapper h5 {
  margin: 0 0 0 0.7143rem;
  font-size: var(--dashboard-card-header-font-size);
  font-weight: var(--dashboard-card-header-font-weight);
}
.chat-communication-header .chat-communication-header__left .chat-communication-header__chat-text-wrapper h6 {
  margin: 0 0 0 0.7143rem;
  line-height: initial;
}
.chat-communication-message-wrapper {
  width: 80%;
  display: flex;
  margin: 0 3.6429rem;
}
.chat-communication-message-wrapper > div {
  border-radius: 0.8571rem;
  padding: 0.3571rem 0.7143rem;
  margin: 0.1429rem 0;
  background-color: var(--common-grey-200);
  color: var(--common-black);
  word-break: break-word;
  word-wrap: break-word;
}
.chat-communication-message-wrapper > div a {
  color: var(--primary-content);
}
.chat-communication-message-wrapper.author-message {
  float: right;
  justify-content: flex-end;
  margin: 0 1.0714rem;
}
.chat-communication-message-wrapper.author-message > div {
  background-color: var(--common-primary-400);
  color: var(--primary-content);
}
app-chat-user-image .chat-user-image-username-wrapper {
  position: relative;
}
app-chat-user-image .chat-user-image-username-wrapper .chat-user-image-username-text {
  position: absolute;
  left: 2.8571rem;
  top: -1.2143rem;
  width: 100%;
  color: var(--common-grey-500);
  white-space: nowrap;
  font-size: small;
}
body div.new-chat-wrapper {
  width: 100%;
  height: 100%;
  background-color: var(--common-white);
  display: flex;
  flex-direction: column;
}
body div.new-chat-wrapper app-chat-body {
  height: 100%;
  overflow: auto;
  display: flex;
}
.publishers-lessons-as-urls .collection-lessons-list {
  width: 100%;
}
.publishers-lessons-as-urls .collection-lessons-list .lessons-table {
  width: auto;
}
.publishers-lessons-as-urls .collection-lessons-list .lessons-table mat-row.chapter {
  background-color: #e8f5e9;
}
.publishers-lessons-as-urls .collection-lessons-list .lessons-table .mat-column-other-url span {
  margin: auto;
}
.publishers-lessons-as-urls .collection-lessons-list .lessons-table .mat-column-other-url div {
  padding: 0;
}
.publishers-lessons-as-urls .collection-lessons-list .lessons-table .mat-column-other-file span {
  margin-left: auto;
  overflow: auto;
}
.publishers-lessons-as-urls .collection-lessons-list .lessons-table .mat-column-other-file upload-file {
  margin-left: auto;
}
.publishers-lessons-as-urls .collection-lessons-list .lessons-table .mat-column-is-other-url {
  max-width: 6rem;
}
.publishers-lessons-as-urls .collection-lessons-list .lessons-table .mat-column-is-other-url mat-checkbox {
  margin: auto;
}
.publishers-lessons-as-urls .collection-lessons-list .lessons-table .mat-column-is-other-file-url {
  max-width: 9rem;
}
.publishers-lessons-as-urls .collection-lessons-list .lessons-table .mat-column-is-other-file-url mat-checkbox {
  margin: auto;
}
.publishers-lessons-as-urls .collection-lessons-list .lessons-table .invalid {
  color: var(--common-error-color);
  border-color: var(--common-error-color);
}
.publishers-lesson-details {
  min-height: 35.7143rem;
}
.publishers-lesson-details h2 {
  font-size: var(--common-h2-font-size);
  line-height: 2.2857rem;
  height: 3rem;
  padding: 0 0.5714rem;
  margin: 0;
}
.publishers-lesson-details .lessons-table {
  width: 100%;
}
.publishers-lesson-details .lessons-table .mat-column-size {
  max-width: 5rem;
}
.publishers-lesson-details .lessons-table .mat-column-actions span,
.publishers-lesson-details .lessons-table .mat-column-actions div {
  margin: auto;
}
.publishers-lesson-details .lessons-table mat-row.chapter {
  background-color: #e8f5e9;
}
.publishers-lessons-simple {
  min-height: 35.7143rem;
}
.publishers-lessons-simple h2 {
  font-size: var(--common-h2-font-size);
  line-height: 2.2857rem;
  height: 3rem;
  padding: 0 0.5714rem;
  margin: 0;
}
.publishers-lessons-simple mat-row.chapter {
  background-color: #e8f5e9;
}
.publishers-lessons-simple .actions {
  display: flex;
  justify-content: center;
}
#lesson-plan-creator {
  position: relative;
  /*
  Show one big row
  .gu-unselectable & table.lesson-plan-table tbody tr {
    display: none;
    &.enabled-row {
      display: table-row;
      height: calc(~"((100vh - 64px) /2) - 73px");
    }
  }
*/
}
#lesson-plan-creator main.mdl-layout__content {
  margin-top: 0;
}
#lesson-plan-creator .mdl-layout__header-row {
  height: 4.5714rem;
  max-height: 4.5714rem;
  padding-left: 1.4286rem;
}
#lesson-plan-creator .mdl-layout__header-row .back-button {
  margin-right: 1.4286rem;
}
#lesson-plan-creator .mdl-layout__header-row .mdl-navigation .mdl-button {
  margin-left: 1.4286rem;
  margin-right: 0;
}
#lesson-plan-creator .page-content {
  background-color: var(--common-white);
}
#lesson-plan-creator .lesson-plan-table-container,
#lesson-plan-creator .deposit-container {
  display: block;
  max-width: 100vw;
  height: calc((100vh - (4.5714rem + 2.9286rem)) /2);
  overflow: auto;
  overflow-y: scroll;
}
#lesson-plan-creator .lesson-plan-table-container {
  overflow-x: hidden;
}
#lesson-plan-creator .sticky-table-container {
  width: 100%;
  background-color: var(--common-primary-700);
  height: 2.9286rem;
  overflow: hidden;
}
#lesson-plan-creator table.sticky-table {
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  border: none;
}
#lesson-plan-creator table.sticky-table th {
  height: 1.4286rem;
}
#lesson-plan-creator table.lesson-plan-table,
#lesson-plan-creator table.sticky-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  border: 1px solid var(--common-grey-400);
  margin-top: 0;
  margin-bottom: 0;
}
#lesson-plan-creator table.lesson-plan-table tr.enabled-row,
#lesson-plan-creator table.sticky-table tr.enabled-row {
  background-color: rgba(255, 238, 88, 0.4);
}
#lesson-plan-creator table.lesson-plan-table tr.unselected-row,
#lesson-plan-creator table.sticky-table tr.unselected-row {
  background-color: var(--common-grey-300);
}
#lesson-plan-creator table.lesson-plan-table tr.unselected-row th,
#lesson-plan-creator table.sticky-table tr.unselected-row th {
  background-color: var(--common-grey-300);
}
#lesson-plan-creator table.lesson-plan-table tbody th,
#lesson-plan-creator table.sticky-table tbody th,
#lesson-plan-creator table.lesson-plan-table tbody td,
#lesson-plan-creator table.sticky-table tbody td {
  height: 1.6429rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
}
#lesson-plan-creator table.lesson-plan-table tbody th,
#lesson-plan-creator table.sticky-table tbody th {
  cursor: pointer;
}
#lesson-plan-creator table.lesson-plan-table td,
#lesson-plan-creator table.sticky-table td,
#lesson-plan-creator table.lesson-plan-table th,
#lesson-plan-creator table.sticky-table th {
  border: 1px solid var(--common-grey-400);
  padding: 1px;
  font-weight: normal;
}
#lesson-plan-creator table.lesson-plan-table th,
#lesson-plan-creator table.sticky-table th {
  background-color: var(--common-primary-700);
  color: var(--primary-content);
  border-color: var(--common-primary-800);
  font-size: 0.93rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
}
#lesson-plan-creator table.lesson-plan-table {
  /*
        td:nth-of-type(8n) {
          border-right-color: var(--common-black);
        }
    */
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject {
  display: block;
  width: 100%;
  height: 20px;
  margin: 3px auto;
  border: 1px solid transparent;
  background-color: var(--common-primary-700);
  text-align: center;
  font-size: 10px;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: move;
  font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif;
  border: none;
  margin: 0 0 1px 0;
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject:last-child {
  margin-bottom: 0;
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.gu-transit {
  background-color: var(--common-black) !important;
  /* TODO: remove important */
  opacity: 1;
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject[data-separable='true'] {
  width: auto;
  border: 1px solid var(--common-black);
}
#lesson-plan-creator table.deposit-table {
  width: auto;
  min-width: 100%;
  min-height: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  border: 1px solid var(--common-grey-400);
  margin: 0 auto 0 auto;
}
#lesson-plan-creator table.deposit-table td,
#lesson-plan-creator table.deposit-table th {
  font-weight: normal;
  width: 5.7143rem;
  min-width: 5.7143rem;
  max-width: 5.7143rem;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: top;
}
#lesson-plan-creator table.deposit-table td.hidden,
#lesson-plan-creator table.deposit-table th.hidden {
  display: none;
}
#lesson-plan-creator table.deposit-table th {
  background-color: var(--common-primary-700);
  color: var(--primary-content);
  border: 1px solid var(--common-primary-800);
  font-size: 0.93rem;
}
#lesson-plan-creator table.deposit-table td {
  height: auto;
  margin: 0;
  padding: 0 0.3571rem;
  border-left: 1px solid var(--common-grey-400);
  border-right: 1px solid var(--common-grey-400);
}
#lesson-plan-creator table.deposit-table .lpc-class-subject {
  display: block;
  width: 80px;
  height: 20px;
  margin: 3px auto;
  border: 1px solid transparent;
  background-color: var(--common-primary-700);
  text-align: center;
  font-size: 11px;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: move;
  font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif;
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject,
#lesson-plan-creator table.deposit-table .lpc-class-subject {
  background-color: var(--common-primary-400);
  color: var(--primary-content);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-0,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-0 {
  background-color: hsl(0, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-1,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-1 {
  background-color: hsl(3.6, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-2,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-2 {
  background-color: hsl(7.2, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-3,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-3 {
  background-color: hsl(10.8, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-4,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-4 {
  background-color: hsl(14.4, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-5,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-5 {
  background-color: hsl(18, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-6,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-6 {
  background-color: hsl(21.6, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-7,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-7 {
  background-color: hsl(25.2, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-8,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-8 {
  background-color: hsl(28.8, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-9,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-9 {
  background-color: hsl(32.4, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-10,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-10 {
  background-color: hsl(36, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-11,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-11 {
  background-color: hsl(39.6, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-12,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-12 {
  background-color: hsl(43.2, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-13,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-13 {
  background-color: hsl(46.8, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-14,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-14 {
  background-color: hsl(50.4, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-15,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-15 {
  background-color: hsl(54, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-16,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-16 {
  background-color: hsl(57.6, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-17,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-17 {
  background-color: hsl(61.2, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-18,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-18 {
  background-color: hsl(64.8, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-19,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-19 {
  background-color: hsl(68.4, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-20,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-20 {
  background-color: hsl(72, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-21,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-21 {
  background-color: hsl(75.6, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-22,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-22 {
  background-color: hsl(79.2, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-23,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-23 {
  background-color: hsl(82.8, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-24,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-24 {
  background-color: hsl(86.4, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-25,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-25 {
  background-color: hsl(90, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-26,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-26 {
  background-color: hsl(93.6, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-27,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-27 {
  background-color: hsl(97.2, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-28,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-28 {
  background-color: hsl(100.8, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-29,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-29 {
  background-color: hsl(104.4, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-30,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-30 {
  background-color: hsl(108, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-31,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-31 {
  background-color: hsl(111.6, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-32,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-32 {
  background-color: hsl(115.2, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-33,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-33 {
  background-color: hsl(118.8, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-34,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-34 {
  background-color: hsl(122.4, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-35,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-35 {
  background-color: hsl(126, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-36,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-36 {
  background-color: hsl(129.6, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-37,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-37 {
  background-color: hsl(133.2, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-38,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-38 {
  background-color: hsl(136.8, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-39,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-39 {
  background-color: hsl(140.4, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-40,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-40 {
  background-color: hsl(144, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-41,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-41 {
  background-color: hsl(147.6, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-42,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-42 {
  background-color: hsl(151.2, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-43,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-43 {
  background-color: hsl(154.8, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-44,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-44 {
  background-color: hsl(158.4, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-45,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-45 {
  background-color: hsl(162, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-46,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-46 {
  background-color: hsl(165.6, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-47,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-47 {
  background-color: hsl(169.2, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-48,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-48 {
  background-color: hsl(172.8, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-49,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-49 {
  background-color: hsl(176.4, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-50,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-50 {
  background-color: hsl(180, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-51,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-51 {
  background-color: hsl(183.6, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-52,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-52 {
  background-color: hsl(187.2, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-53,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-53 {
  background-color: hsl(190.8, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-54,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-54 {
  background-color: hsl(194.4, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-55,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-55 {
  background-color: hsl(198, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-56,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-56 {
  background-color: hsl(201.6, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-57,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-57 {
  background-color: hsl(205.2, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-58,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-58 {
  background-color: hsl(208.8, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-59,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-59 {
  background-color: hsl(212.4, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-60,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-60 {
  background-color: hsl(216, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-61,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-61 {
  background-color: hsl(219.6, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-62,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-62 {
  background-color: hsl(223.2, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-63,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-63 {
  background-color: hsl(226.8, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-64,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-64 {
  background-color: hsl(230.4, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-65,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-65 {
  background-color: hsl(234, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-66,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-66 {
  background-color: hsl(237.6, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-67,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-67 {
  background-color: hsl(241.2, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-68,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-68 {
  background-color: hsl(244.8, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-69,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-69 {
  background-color: hsl(248.4, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-70,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-70 {
  background-color: hsl(252, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-71,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-71 {
  background-color: hsl(255.6, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-72,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-72 {
  background-color: hsl(259.2, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-73,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-73 {
  background-color: hsl(262.8, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-74,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-74 {
  background-color: hsl(266.4, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-75,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-75 {
  background-color: hsl(270, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-76,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-76 {
  background-color: hsl(273.6, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-77,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-77 {
  background-color: hsl(277.2, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-78,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-78 {
  background-color: hsl(280.8, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-79,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-79 {
  background-color: hsl(284.4, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-80,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-80 {
  background-color: hsl(288, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-81,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-81 {
  background-color: hsl(291.6, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-82,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-82 {
  background-color: hsl(295.2, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-83,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-83 {
  background-color: hsl(298.8, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-84,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-84 {
  background-color: hsl(302.4, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-85,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-85 {
  background-color: hsl(306, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-86,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-86 {
  background-color: hsl(309.6, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-87,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-87 {
  background-color: hsl(313.2, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-88,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-88 {
  background-color: hsl(316.8, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-89,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-89 {
  background-color: hsl(320.4, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-90,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-90 {
  background-color: hsl(324, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-91,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-91 {
  background-color: hsl(327.6, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-92,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-92 {
  background-color: hsl(331.2, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-93,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-93 {
  background-color: hsl(334.8, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-94,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-94 {
  background-color: hsl(338.4, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-95,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-95 {
  background-color: hsl(342, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-96,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-96 {
  background-color: hsl(345.6, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-97,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-97 {
  background-color: hsl(349.2, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-98,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-98 {
  background-color: hsl(352.8, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-99,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-99 {
  background-color: hsl(356.4, 75%, 50%);
}
#lesson-plan-creator table.lesson-plan-table .lpc-class-subject.custom-color-100,
#lesson-plan-creator table.deposit-table .lpc-class-subject.custom-color-100 {
  background-color: hsl(0, 75%, 50%);
}
#my-school-gradebook .app-loading-wrapper,
#lesson-schedule .app-loading-wrapper,
#my-school-parent-children .app-loading-wrapper {
  padding: 4.5714rem 0;
  text-align: center;
}
#my-school-gradebook gradebook-semester-select,
#lesson-schedule gradebook-semester-select,
#my-school-parent-children gradebook-semester-select {
  position: relative;
}
#my-school-gradebook gradebook-semester-select .mdl-menu__item.inactive,
#lesson-schedule gradebook-semester-select .mdl-menu__item.inactive,
#my-school-parent-children gradebook-semester-select .mdl-menu__item.inactive {
  color: var(--common-black);
  font-weight: 600;
  pointer-events: none;
}
#my-school-gradebook .header-with-actions,
#lesson-schedule .header-with-actions,
#my-school-parent-children .header-with-actions {
  display: flex;
  align-items: center;
  position: relative;
}
#my-school-gradebook .header-with-actions h1,
#lesson-schedule .header-with-actions h1,
#my-school-parent-children .header-with-actions h1,
#my-school-gradebook .header-with-actions h2,
#lesson-schedule .header-with-actions h2,
#my-school-parent-children .header-with-actions h2 {
  font-size: 1.72rem;
  line-height: 3rem;
  height: 3rem;
  margin: 0;
  padding: 0 0.5714rem;
  display: flex;
  align-items: center;
  text-transform: none;
}
@media screen and (max-width: 49.9375rem) {
  #my-school-gradebook .header-with-actions,
  #lesson-schedule .header-with-actions,
  #my-school-parent-children .header-with-actions {
    flex-direction: column;
    align-items: center;
  }
}
#my-school-gradebook my-school-gradebook-subjects-list table.data-table-info,
#lesson-schedule my-school-gradebook-subjects-list table.data-table-info,
#my-school-parent-children my-school-gradebook-subjects-list table.data-table-info {
  margin-bottom: 1.7143rem;
}
#my-school-gradebook my-school-gradebook-subjects-list table.data-table-info th.sort-column,
#lesson-schedule my-school-gradebook-subjects-list table.data-table-info th.sort-column,
#my-school-parent-children my-school-gradebook-subjects-list table.data-table-info th.sort-column {
  cursor: pointer;
}
#my-school-gradebook my-school-gradebook-subjects-list table.data-table-info td.teachers-cell,
#lesson-schedule my-school-gradebook-subjects-list table.data-table-info td.teachers-cell,
#my-school-parent-children my-school-gradebook-subjects-list table.data-table-info td.teachers-cell {
  white-space: normal;
  border-left: none;
}
#my-school-gradebook div.my-classes__table,
#lesson-schedule div.my-classes__table,
#my-school-parent-children div.my-classes__table,
#my-school-gradebook div.my-classes-subjects__table,
#lesson-schedule div.my-classes-subjects__table,
#my-school-parent-children div.my-classes-subjects__table,
#my-school-gradebook div.my-classes-students__table,
#lesson-schedule div.my-classes-students__table,
#my-school-parent-children div.my-classes-students__table,
#my-school-gradebook div.gradebook-teacher__subjects-table,
#lesson-schedule div.gradebook-teacher__subjects-table,
#my-school-parent-children div.gradebook-teacher__subjects-table,
#my-school-gradebook div.gradebook-student__grades-table,
#lesson-schedule div.gradebook-student__grades-table,
#my-school-parent-children div.gradebook-student__grades-table {
  overflow-y: visible;
  overflow-x: auto;
}
#my-school-gradebook div.gradebook-student__grades-table table.mdl-data-table.data-table-info td,
#lesson-schedule div.gradebook-student__grades-table table.mdl-data-table.data-table-info td,
#my-school-parent-children div.gradebook-student__grades-table table.mdl-data-table.data-table-info td {
  height: 4.2857rem;
}
#my-school-gradebook div.my-classes__table .middle-value-cell,
#lesson-schedule div.my-classes__table .middle-value-cell,
#my-school-parent-children div.my-classes__table .middle-value-cell {
  text-align: center;
}
#my-school-gradebook table th.final-cell,
#lesson-schedule table th.final-cell,
#my-school-parent-children table th.final-cell,
#my-school-gradebook table td.final-cell,
#lesson-schedule table td.final-cell,
#my-school-parent-children table td.final-cell,
#my-school-gradebook table th.average-cell,
#lesson-schedule table th.average-cell,
#my-school-parent-children table th.average-cell,
#my-school-gradebook table td.average-cell,
#lesson-schedule table td.average-cell,
#my-school-parent-children table td.average-cell {
  width: 7.1429rem;
  text-align: center;
  white-space: normal;
}
#my-school-gradebook table td.teachers-cell,
#lesson-schedule table td.teachers-cell,
#my-school-parent-children table td.teachers-cell,
#my-school-gradebook table td.last-missing-cell,
#lesson-schedule table td.last-missing-cell,
#my-school-parent-children table td.last-missing-cell,
#my-school-gradebook table td.missing-cell,
#lesson-schedule table td.missing-cell,
#my-school-parent-children table td.missing-cell,
#my-school-gradebook table td.grade-cell,
#lesson-schedule table td.grade-cell,
#my-school-parent-children table td.grade-cell,
#my-school-gradebook table td.final-cell,
#lesson-schedule table td.final-cell,
#my-school-parent-children table td.final-cell,
#my-school-gradebook table td.average-cell,
#lesson-schedule table td.average-cell,
#my-school-parent-children table td.average-cell {
  border-left: 1px solid var(--common-dark-opacity-100);
}
#my-school-gradebook table td.average-cell,
#lesson-schedule table td.average-cell,
#my-school-parent-children table td.average-cell {
  border-left-width: 2px;
}
#my-school-gradebook table td.missing-cell,
#lesson-schedule table td.missing-cell,
#my-school-parent-children table td.missing-cell,
#my-school-gradebook table td.grade-cell,
#lesson-schedule table td.grade-cell,
#my-school-parent-children table td.grade-cell {
  width: 4.2857rem;
}
#my-school-gradebook table td.grade-cell,
#lesson-schedule table td.grade-cell,
#my-school-parent-children table td.grade-cell {
  text-align: center;
  cursor: pointer;
}
#my-school-gradebook table td.grade-cell.custom-color-0,
#lesson-schedule table td.grade-cell.custom-color-0,
#my-school-parent-children table td.grade-cell.custom-color-0 {
  background-color: hsl(0, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-1,
#lesson-schedule table td.grade-cell.custom-color-1,
#my-school-parent-children table td.grade-cell.custom-color-1 {
  background-color: hsl(3.6, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-2,
#lesson-schedule table td.grade-cell.custom-color-2,
#my-school-parent-children table td.grade-cell.custom-color-2 {
  background-color: hsl(7.2, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-3,
#lesson-schedule table td.grade-cell.custom-color-3,
#my-school-parent-children table td.grade-cell.custom-color-3 {
  background-color: hsl(10.8, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-4,
#lesson-schedule table td.grade-cell.custom-color-4,
#my-school-parent-children table td.grade-cell.custom-color-4 {
  background-color: hsl(14.4, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-5,
#lesson-schedule table td.grade-cell.custom-color-5,
#my-school-parent-children table td.grade-cell.custom-color-5 {
  background-color: hsl(18, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-6,
#lesson-schedule table td.grade-cell.custom-color-6,
#my-school-parent-children table td.grade-cell.custom-color-6 {
  background-color: hsl(21.6, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-7,
#lesson-schedule table td.grade-cell.custom-color-7,
#my-school-parent-children table td.grade-cell.custom-color-7 {
  background-color: hsl(25.2, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-8,
#lesson-schedule table td.grade-cell.custom-color-8,
#my-school-parent-children table td.grade-cell.custom-color-8 {
  background-color: hsl(28.8, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-9,
#lesson-schedule table td.grade-cell.custom-color-9,
#my-school-parent-children table td.grade-cell.custom-color-9 {
  background-color: hsl(32.4, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-10,
#lesson-schedule table td.grade-cell.custom-color-10,
#my-school-parent-children table td.grade-cell.custom-color-10 {
  background-color: hsl(36, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-11,
#lesson-schedule table td.grade-cell.custom-color-11,
#my-school-parent-children table td.grade-cell.custom-color-11 {
  background-color: hsl(39.6, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-12,
#lesson-schedule table td.grade-cell.custom-color-12,
#my-school-parent-children table td.grade-cell.custom-color-12 {
  background-color: hsl(43.2, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-13,
#lesson-schedule table td.grade-cell.custom-color-13,
#my-school-parent-children table td.grade-cell.custom-color-13 {
  background-color: hsl(46.8, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-14,
#lesson-schedule table td.grade-cell.custom-color-14,
#my-school-parent-children table td.grade-cell.custom-color-14 {
  background-color: hsl(50.4, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-15,
#lesson-schedule table td.grade-cell.custom-color-15,
#my-school-parent-children table td.grade-cell.custom-color-15 {
  background-color: hsl(54, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-16,
#lesson-schedule table td.grade-cell.custom-color-16,
#my-school-parent-children table td.grade-cell.custom-color-16 {
  background-color: hsl(57.6, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-17,
#lesson-schedule table td.grade-cell.custom-color-17,
#my-school-parent-children table td.grade-cell.custom-color-17 {
  background-color: hsl(61.2, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-18,
#lesson-schedule table td.grade-cell.custom-color-18,
#my-school-parent-children table td.grade-cell.custom-color-18 {
  background-color: hsl(64.8, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-19,
#lesson-schedule table td.grade-cell.custom-color-19,
#my-school-parent-children table td.grade-cell.custom-color-19 {
  background-color: hsl(68.4, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-20,
#lesson-schedule table td.grade-cell.custom-color-20,
#my-school-parent-children table td.grade-cell.custom-color-20 {
  background-color: hsl(72, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-21,
#lesson-schedule table td.grade-cell.custom-color-21,
#my-school-parent-children table td.grade-cell.custom-color-21 {
  background-color: hsl(75.6, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-22,
#lesson-schedule table td.grade-cell.custom-color-22,
#my-school-parent-children table td.grade-cell.custom-color-22 {
  background-color: hsl(79.2, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-23,
#lesson-schedule table td.grade-cell.custom-color-23,
#my-school-parent-children table td.grade-cell.custom-color-23 {
  background-color: hsl(82.8, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-24,
#lesson-schedule table td.grade-cell.custom-color-24,
#my-school-parent-children table td.grade-cell.custom-color-24 {
  background-color: hsl(86.4, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-25,
#lesson-schedule table td.grade-cell.custom-color-25,
#my-school-parent-children table td.grade-cell.custom-color-25 {
  background-color: hsl(90, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-26,
#lesson-schedule table td.grade-cell.custom-color-26,
#my-school-parent-children table td.grade-cell.custom-color-26 {
  background-color: hsl(93.6, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-27,
#lesson-schedule table td.grade-cell.custom-color-27,
#my-school-parent-children table td.grade-cell.custom-color-27 {
  background-color: hsl(97.2, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-28,
#lesson-schedule table td.grade-cell.custom-color-28,
#my-school-parent-children table td.grade-cell.custom-color-28 {
  background-color: hsl(100.8, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-29,
#lesson-schedule table td.grade-cell.custom-color-29,
#my-school-parent-children table td.grade-cell.custom-color-29 {
  background-color: hsl(104.4, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-30,
#lesson-schedule table td.grade-cell.custom-color-30,
#my-school-parent-children table td.grade-cell.custom-color-30 {
  background-color: hsl(108, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-31,
#lesson-schedule table td.grade-cell.custom-color-31,
#my-school-parent-children table td.grade-cell.custom-color-31 {
  background-color: hsl(111.6, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-32,
#lesson-schedule table td.grade-cell.custom-color-32,
#my-school-parent-children table td.grade-cell.custom-color-32 {
  background-color: hsl(115.2, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-33,
#lesson-schedule table td.grade-cell.custom-color-33,
#my-school-parent-children table td.grade-cell.custom-color-33 {
  background-color: hsl(118.8, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-34,
#lesson-schedule table td.grade-cell.custom-color-34,
#my-school-parent-children table td.grade-cell.custom-color-34 {
  background-color: hsl(122.4, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-35,
#lesson-schedule table td.grade-cell.custom-color-35,
#my-school-parent-children table td.grade-cell.custom-color-35 {
  background-color: hsl(126, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-36,
#lesson-schedule table td.grade-cell.custom-color-36,
#my-school-parent-children table td.grade-cell.custom-color-36 {
  background-color: hsl(129.6, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-37,
#lesson-schedule table td.grade-cell.custom-color-37,
#my-school-parent-children table td.grade-cell.custom-color-37 {
  background-color: hsl(133.2, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-38,
#lesson-schedule table td.grade-cell.custom-color-38,
#my-school-parent-children table td.grade-cell.custom-color-38 {
  background-color: hsl(136.8, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-39,
#lesson-schedule table td.grade-cell.custom-color-39,
#my-school-parent-children table td.grade-cell.custom-color-39 {
  background-color: hsl(140.4, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-40,
#lesson-schedule table td.grade-cell.custom-color-40,
#my-school-parent-children table td.grade-cell.custom-color-40 {
  background-color: hsl(144, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-41,
#lesson-schedule table td.grade-cell.custom-color-41,
#my-school-parent-children table td.grade-cell.custom-color-41 {
  background-color: hsl(147.6, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-42,
#lesson-schedule table td.grade-cell.custom-color-42,
#my-school-parent-children table td.grade-cell.custom-color-42 {
  background-color: hsl(151.2, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-43,
#lesson-schedule table td.grade-cell.custom-color-43,
#my-school-parent-children table td.grade-cell.custom-color-43 {
  background-color: hsl(154.8, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-44,
#lesson-schedule table td.grade-cell.custom-color-44,
#my-school-parent-children table td.grade-cell.custom-color-44 {
  background-color: hsl(158.4, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-45,
#lesson-schedule table td.grade-cell.custom-color-45,
#my-school-parent-children table td.grade-cell.custom-color-45 {
  background-color: hsl(162, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-46,
#lesson-schedule table td.grade-cell.custom-color-46,
#my-school-parent-children table td.grade-cell.custom-color-46 {
  background-color: hsl(165.6, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-47,
#lesson-schedule table td.grade-cell.custom-color-47,
#my-school-parent-children table td.grade-cell.custom-color-47 {
  background-color: hsl(169.2, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-48,
#lesson-schedule table td.grade-cell.custom-color-48,
#my-school-parent-children table td.grade-cell.custom-color-48 {
  background-color: hsl(172.8, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-49,
#lesson-schedule table td.grade-cell.custom-color-49,
#my-school-parent-children table td.grade-cell.custom-color-49 {
  background-color: hsl(176.4, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-50,
#lesson-schedule table td.grade-cell.custom-color-50,
#my-school-parent-children table td.grade-cell.custom-color-50 {
  background-color: hsl(180, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-51,
#lesson-schedule table td.grade-cell.custom-color-51,
#my-school-parent-children table td.grade-cell.custom-color-51 {
  background-color: hsl(183.6, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-52,
#lesson-schedule table td.grade-cell.custom-color-52,
#my-school-parent-children table td.grade-cell.custom-color-52 {
  background-color: hsl(187.2, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-53,
#lesson-schedule table td.grade-cell.custom-color-53,
#my-school-parent-children table td.grade-cell.custom-color-53 {
  background-color: hsl(190.8, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-54,
#lesson-schedule table td.grade-cell.custom-color-54,
#my-school-parent-children table td.grade-cell.custom-color-54 {
  background-color: hsl(194.4, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-55,
#lesson-schedule table td.grade-cell.custom-color-55,
#my-school-parent-children table td.grade-cell.custom-color-55 {
  background-color: hsl(198, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-56,
#lesson-schedule table td.grade-cell.custom-color-56,
#my-school-parent-children table td.grade-cell.custom-color-56 {
  background-color: hsl(201.6, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-57,
#lesson-schedule table td.grade-cell.custom-color-57,
#my-school-parent-children table td.grade-cell.custom-color-57 {
  background-color: hsl(205.2, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-58,
#lesson-schedule table td.grade-cell.custom-color-58,
#my-school-parent-children table td.grade-cell.custom-color-58 {
  background-color: hsl(208.8, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-59,
#lesson-schedule table td.grade-cell.custom-color-59,
#my-school-parent-children table td.grade-cell.custom-color-59 {
  background-color: hsl(212.4, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-60,
#lesson-schedule table td.grade-cell.custom-color-60,
#my-school-parent-children table td.grade-cell.custom-color-60 {
  background-color: hsl(216, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-61,
#lesson-schedule table td.grade-cell.custom-color-61,
#my-school-parent-children table td.grade-cell.custom-color-61 {
  background-color: hsl(219.6, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-62,
#lesson-schedule table td.grade-cell.custom-color-62,
#my-school-parent-children table td.grade-cell.custom-color-62 {
  background-color: hsl(223.2, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-63,
#lesson-schedule table td.grade-cell.custom-color-63,
#my-school-parent-children table td.grade-cell.custom-color-63 {
  background-color: hsl(226.8, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-64,
#lesson-schedule table td.grade-cell.custom-color-64,
#my-school-parent-children table td.grade-cell.custom-color-64 {
  background-color: hsl(230.4, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-65,
#lesson-schedule table td.grade-cell.custom-color-65,
#my-school-parent-children table td.grade-cell.custom-color-65 {
  background-color: hsl(234, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-66,
#lesson-schedule table td.grade-cell.custom-color-66,
#my-school-parent-children table td.grade-cell.custom-color-66 {
  background-color: hsl(237.6, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-67,
#lesson-schedule table td.grade-cell.custom-color-67,
#my-school-parent-children table td.grade-cell.custom-color-67 {
  background-color: hsl(241.2, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-68,
#lesson-schedule table td.grade-cell.custom-color-68,
#my-school-parent-children table td.grade-cell.custom-color-68 {
  background-color: hsl(244.8, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-69,
#lesson-schedule table td.grade-cell.custom-color-69,
#my-school-parent-children table td.grade-cell.custom-color-69 {
  background-color: hsl(248.4, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-70,
#lesson-schedule table td.grade-cell.custom-color-70,
#my-school-parent-children table td.grade-cell.custom-color-70 {
  background-color: hsl(252, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-71,
#lesson-schedule table td.grade-cell.custom-color-71,
#my-school-parent-children table td.grade-cell.custom-color-71 {
  background-color: hsl(255.6, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-72,
#lesson-schedule table td.grade-cell.custom-color-72,
#my-school-parent-children table td.grade-cell.custom-color-72 {
  background-color: hsl(259.2, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-73,
#lesson-schedule table td.grade-cell.custom-color-73,
#my-school-parent-children table td.grade-cell.custom-color-73 {
  background-color: hsl(262.8, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-74,
#lesson-schedule table td.grade-cell.custom-color-74,
#my-school-parent-children table td.grade-cell.custom-color-74 {
  background-color: hsl(266.4, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-75,
#lesson-schedule table td.grade-cell.custom-color-75,
#my-school-parent-children table td.grade-cell.custom-color-75 {
  background-color: hsl(270, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-76,
#lesson-schedule table td.grade-cell.custom-color-76,
#my-school-parent-children table td.grade-cell.custom-color-76 {
  background-color: hsl(273.6, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-77,
#lesson-schedule table td.grade-cell.custom-color-77,
#my-school-parent-children table td.grade-cell.custom-color-77 {
  background-color: hsl(277.2, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-78,
#lesson-schedule table td.grade-cell.custom-color-78,
#my-school-parent-children table td.grade-cell.custom-color-78 {
  background-color: hsl(280.8, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-79,
#lesson-schedule table td.grade-cell.custom-color-79,
#my-school-parent-children table td.grade-cell.custom-color-79 {
  background-color: hsl(284.4, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-80,
#lesson-schedule table td.grade-cell.custom-color-80,
#my-school-parent-children table td.grade-cell.custom-color-80 {
  background-color: hsl(288, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-81,
#lesson-schedule table td.grade-cell.custom-color-81,
#my-school-parent-children table td.grade-cell.custom-color-81 {
  background-color: hsl(291.6, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-82,
#lesson-schedule table td.grade-cell.custom-color-82,
#my-school-parent-children table td.grade-cell.custom-color-82 {
  background-color: hsl(295.2, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-83,
#lesson-schedule table td.grade-cell.custom-color-83,
#my-school-parent-children table td.grade-cell.custom-color-83 {
  background-color: hsl(298.8, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-84,
#lesson-schedule table td.grade-cell.custom-color-84,
#my-school-parent-children table td.grade-cell.custom-color-84 {
  background-color: hsl(302.4, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-85,
#lesson-schedule table td.grade-cell.custom-color-85,
#my-school-parent-children table td.grade-cell.custom-color-85 {
  background-color: hsl(306, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-86,
#lesson-schedule table td.grade-cell.custom-color-86,
#my-school-parent-children table td.grade-cell.custom-color-86 {
  background-color: hsl(309.6, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-87,
#lesson-schedule table td.grade-cell.custom-color-87,
#my-school-parent-children table td.grade-cell.custom-color-87 {
  background-color: hsl(313.2, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-88,
#lesson-schedule table td.grade-cell.custom-color-88,
#my-school-parent-children table td.grade-cell.custom-color-88 {
  background-color: hsl(316.8, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-89,
#lesson-schedule table td.grade-cell.custom-color-89,
#my-school-parent-children table td.grade-cell.custom-color-89 {
  background-color: hsl(320.4, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-90,
#lesson-schedule table td.grade-cell.custom-color-90,
#my-school-parent-children table td.grade-cell.custom-color-90 {
  background-color: hsl(324, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-91,
#lesson-schedule table td.grade-cell.custom-color-91,
#my-school-parent-children table td.grade-cell.custom-color-91 {
  background-color: hsl(327.6, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-92,
#lesson-schedule table td.grade-cell.custom-color-92,
#my-school-parent-children table td.grade-cell.custom-color-92 {
  background-color: hsl(331.2, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-93,
#lesson-schedule table td.grade-cell.custom-color-93,
#my-school-parent-children table td.grade-cell.custom-color-93 {
  background-color: hsl(334.8, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-94,
#lesson-schedule table td.grade-cell.custom-color-94,
#my-school-parent-children table td.grade-cell.custom-color-94 {
  background-color: hsl(338.4, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-95,
#lesson-schedule table td.grade-cell.custom-color-95,
#my-school-parent-children table td.grade-cell.custom-color-95 {
  background-color: hsl(342, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-96,
#lesson-schedule table td.grade-cell.custom-color-96,
#my-school-parent-children table td.grade-cell.custom-color-96 {
  background-color: hsl(345.6, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-97,
#lesson-schedule table td.grade-cell.custom-color-97,
#my-school-parent-children table td.grade-cell.custom-color-97 {
  background-color: hsl(349.2, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-98,
#lesson-schedule table td.grade-cell.custom-color-98,
#my-school-parent-children table td.grade-cell.custom-color-98 {
  background-color: hsl(352.8, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-99,
#lesson-schedule table td.grade-cell.custom-color-99,
#my-school-parent-children table td.grade-cell.custom-color-99 {
  background-color: hsl(356.4, 75%, 80%);
}
#my-school-gradebook table td.grade-cell.custom-color-100,
#lesson-schedule table td.grade-cell.custom-color-100,
#my-school-parent-children table td.grade-cell.custom-color-100 {
  background-color: hsl(0, 75%, 80%);
}
#my-school-gradebook table th.subject-cell,
#lesson-schedule table th.subject-cell,
#my-school-parent-children table th.subject-cell,
#my-school-gradebook table td.subject-cell,
#lesson-schedule table td.subject-cell,
#my-school-parent-children table td.subject-cell {
  width: 17.8571rem;
  white-space: normal;
}
#my-school-gradebook table.students-table th.name-cell,
#lesson-schedule table.students-table th.name-cell,
#my-school-parent-children table.students-table th.name-cell,
#my-school-gradebook table.students-table td.name-cell,
#lesson-schedule table.students-table td.name-cell,
#my-school-parent-children table.students-table td.name-cell {
  white-space: normal;
  word-break: break-all;
}
#my-school-gradebook table.students-table th.username-cell,
#lesson-schedule table.students-table th.username-cell,
#my-school-parent-children table.students-table th.username-cell,
#my-school-gradebook table.students-table td.username-cell,
#lesson-schedule table.students-table td.username-cell,
#my-school-parent-children table.students-table td.username-cell {
  display: table-cell;
}
@media screen and (max-width: 32rem) {
  #my-school-gradebook table.students-table th.username-cell,
  #lesson-schedule table.students-table th.username-cell,
  #my-school-parent-children table.students-table th.username-cell,
  #my-school-gradebook table.students-table td.username-cell,
  #lesson-schedule table.students-table td.username-cell,
  #my-school-parent-children table.students-table td.username-cell {
    display: none;
  }
}
#my-school-gradebook app-popup-gradebook-grade .popup,
#lesson-schedule app-popup-gradebook-grade .popup,
#my-school-parent-children app-popup-gradebook-grade .popup,
#my-school-gradebook app-popup-gradebook-description-grade .popup,
#lesson-schedule app-popup-gradebook-description-grade .popup,
#my-school-parent-children app-popup-gradebook-description-grade .popup {
  max-width: 42.8571rem;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
#my-school-gradebook app-popup-gradebook-grade .popup .current-grade,
#lesson-schedule app-popup-gradebook-grade .popup .current-grade,
#my-school-parent-children app-popup-gradebook-grade .popup .current-grade,
#my-school-gradebook app-popup-gradebook-description-grade .popup .current-grade,
#lesson-schedule app-popup-gradebook-description-grade .popup .current-grade,
#my-school-parent-children app-popup-gradebook-description-grade .popup .current-grade {
  white-space: nowrap;
}
#my-school-gradebook app-popup-gradebook-grade .popup .column-label,
#lesson-schedule app-popup-gradebook-grade .popup .column-label,
#my-school-parent-children app-popup-gradebook-grade .popup .column-label,
#my-school-gradebook app-popup-gradebook-description-grade .popup .column-label,
#lesson-schedule app-popup-gradebook-description-grade .popup .column-label,
#my-school-parent-children app-popup-gradebook-description-grade .popup .column-label {
  white-space: normal;
  word-break: break-all;
}
#my-school-gradebook .my-school-name h2 {
  margin-left: 0;
}
#my-school-gradebook ul.mdl-menu li button {
  width: 100%;
}
#my-school-gradebook .page-title-bar {
  align-items: center;
}
#grade-type .app-loading-wrapper,
#grade-scale-details .app-loading-wrapper,
#grade-scale .app-loading-wrapper {
  padding: 4.5714rem 0;
  text-align: center;
}
#grade-type tr .mdl-textfield__input.custom-color-0,
#grade-scale-details tr .mdl-textfield__input.custom-color-0,
#grade-scale tr .mdl-textfield__input.custom-color-0 {
  background-color: hsl(0, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-1,
#grade-scale-details tr .mdl-textfield__input.custom-color-1,
#grade-scale tr .mdl-textfield__input.custom-color-1 {
  background-color: hsl(3.6, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-2,
#grade-scale-details tr .mdl-textfield__input.custom-color-2,
#grade-scale tr .mdl-textfield__input.custom-color-2 {
  background-color: hsl(7.2, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-3,
#grade-scale-details tr .mdl-textfield__input.custom-color-3,
#grade-scale tr .mdl-textfield__input.custom-color-3 {
  background-color: hsl(10.8, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-4,
#grade-scale-details tr .mdl-textfield__input.custom-color-4,
#grade-scale tr .mdl-textfield__input.custom-color-4 {
  background-color: hsl(14.4, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-5,
#grade-scale-details tr .mdl-textfield__input.custom-color-5,
#grade-scale tr .mdl-textfield__input.custom-color-5 {
  background-color: hsl(18, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-6,
#grade-scale-details tr .mdl-textfield__input.custom-color-6,
#grade-scale tr .mdl-textfield__input.custom-color-6 {
  background-color: hsl(21.6, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-7,
#grade-scale-details tr .mdl-textfield__input.custom-color-7,
#grade-scale tr .mdl-textfield__input.custom-color-7 {
  background-color: hsl(25.2, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-8,
#grade-scale-details tr .mdl-textfield__input.custom-color-8,
#grade-scale tr .mdl-textfield__input.custom-color-8 {
  background-color: hsl(28.8, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-9,
#grade-scale-details tr .mdl-textfield__input.custom-color-9,
#grade-scale tr .mdl-textfield__input.custom-color-9 {
  background-color: hsl(32.4, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-10,
#grade-scale-details tr .mdl-textfield__input.custom-color-10,
#grade-scale tr .mdl-textfield__input.custom-color-10 {
  background-color: hsl(36, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-11,
#grade-scale-details tr .mdl-textfield__input.custom-color-11,
#grade-scale tr .mdl-textfield__input.custom-color-11 {
  background-color: hsl(39.6, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-12,
#grade-scale-details tr .mdl-textfield__input.custom-color-12,
#grade-scale tr .mdl-textfield__input.custom-color-12 {
  background-color: hsl(43.2, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-13,
#grade-scale-details tr .mdl-textfield__input.custom-color-13,
#grade-scale tr .mdl-textfield__input.custom-color-13 {
  background-color: hsl(46.8, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-14,
#grade-scale-details tr .mdl-textfield__input.custom-color-14,
#grade-scale tr .mdl-textfield__input.custom-color-14 {
  background-color: hsl(50.4, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-15,
#grade-scale-details tr .mdl-textfield__input.custom-color-15,
#grade-scale tr .mdl-textfield__input.custom-color-15 {
  background-color: hsl(54, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-16,
#grade-scale-details tr .mdl-textfield__input.custom-color-16,
#grade-scale tr .mdl-textfield__input.custom-color-16 {
  background-color: hsl(57.6, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-17,
#grade-scale-details tr .mdl-textfield__input.custom-color-17,
#grade-scale tr .mdl-textfield__input.custom-color-17 {
  background-color: hsl(61.2, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-18,
#grade-scale-details tr .mdl-textfield__input.custom-color-18,
#grade-scale tr .mdl-textfield__input.custom-color-18 {
  background-color: hsl(64.8, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-19,
#grade-scale-details tr .mdl-textfield__input.custom-color-19,
#grade-scale tr .mdl-textfield__input.custom-color-19 {
  background-color: hsl(68.4, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-20,
#grade-scale-details tr .mdl-textfield__input.custom-color-20,
#grade-scale tr .mdl-textfield__input.custom-color-20 {
  background-color: hsl(72, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-21,
#grade-scale-details tr .mdl-textfield__input.custom-color-21,
#grade-scale tr .mdl-textfield__input.custom-color-21 {
  background-color: hsl(75.6, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-22,
#grade-scale-details tr .mdl-textfield__input.custom-color-22,
#grade-scale tr .mdl-textfield__input.custom-color-22 {
  background-color: hsl(79.2, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-23,
#grade-scale-details tr .mdl-textfield__input.custom-color-23,
#grade-scale tr .mdl-textfield__input.custom-color-23 {
  background-color: hsl(82.8, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-24,
#grade-scale-details tr .mdl-textfield__input.custom-color-24,
#grade-scale tr .mdl-textfield__input.custom-color-24 {
  background-color: hsl(86.4, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-25,
#grade-scale-details tr .mdl-textfield__input.custom-color-25,
#grade-scale tr .mdl-textfield__input.custom-color-25 {
  background-color: hsl(90, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-26,
#grade-scale-details tr .mdl-textfield__input.custom-color-26,
#grade-scale tr .mdl-textfield__input.custom-color-26 {
  background-color: hsl(93.6, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-27,
#grade-scale-details tr .mdl-textfield__input.custom-color-27,
#grade-scale tr .mdl-textfield__input.custom-color-27 {
  background-color: hsl(97.2, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-28,
#grade-scale-details tr .mdl-textfield__input.custom-color-28,
#grade-scale tr .mdl-textfield__input.custom-color-28 {
  background-color: hsl(100.8, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-29,
#grade-scale-details tr .mdl-textfield__input.custom-color-29,
#grade-scale tr .mdl-textfield__input.custom-color-29 {
  background-color: hsl(104.4, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-30,
#grade-scale-details tr .mdl-textfield__input.custom-color-30,
#grade-scale tr .mdl-textfield__input.custom-color-30 {
  background-color: hsl(108, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-31,
#grade-scale-details tr .mdl-textfield__input.custom-color-31,
#grade-scale tr .mdl-textfield__input.custom-color-31 {
  background-color: hsl(111.6, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-32,
#grade-scale-details tr .mdl-textfield__input.custom-color-32,
#grade-scale tr .mdl-textfield__input.custom-color-32 {
  background-color: hsl(115.2, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-33,
#grade-scale-details tr .mdl-textfield__input.custom-color-33,
#grade-scale tr .mdl-textfield__input.custom-color-33 {
  background-color: hsl(118.8, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-34,
#grade-scale-details tr .mdl-textfield__input.custom-color-34,
#grade-scale tr .mdl-textfield__input.custom-color-34 {
  background-color: hsl(122.4, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-35,
#grade-scale-details tr .mdl-textfield__input.custom-color-35,
#grade-scale tr .mdl-textfield__input.custom-color-35 {
  background-color: hsl(126, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-36,
#grade-scale-details tr .mdl-textfield__input.custom-color-36,
#grade-scale tr .mdl-textfield__input.custom-color-36 {
  background-color: hsl(129.6, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-37,
#grade-scale-details tr .mdl-textfield__input.custom-color-37,
#grade-scale tr .mdl-textfield__input.custom-color-37 {
  background-color: hsl(133.2, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-38,
#grade-scale-details tr .mdl-textfield__input.custom-color-38,
#grade-scale tr .mdl-textfield__input.custom-color-38 {
  background-color: hsl(136.8, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-39,
#grade-scale-details tr .mdl-textfield__input.custom-color-39,
#grade-scale tr .mdl-textfield__input.custom-color-39 {
  background-color: hsl(140.4, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-40,
#grade-scale-details tr .mdl-textfield__input.custom-color-40,
#grade-scale tr .mdl-textfield__input.custom-color-40 {
  background-color: hsl(144, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-41,
#grade-scale-details tr .mdl-textfield__input.custom-color-41,
#grade-scale tr .mdl-textfield__input.custom-color-41 {
  background-color: hsl(147.6, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-42,
#grade-scale-details tr .mdl-textfield__input.custom-color-42,
#grade-scale tr .mdl-textfield__input.custom-color-42 {
  background-color: hsl(151.2, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-43,
#grade-scale-details tr .mdl-textfield__input.custom-color-43,
#grade-scale tr .mdl-textfield__input.custom-color-43 {
  background-color: hsl(154.8, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-44,
#grade-scale-details tr .mdl-textfield__input.custom-color-44,
#grade-scale tr .mdl-textfield__input.custom-color-44 {
  background-color: hsl(158.4, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-45,
#grade-scale-details tr .mdl-textfield__input.custom-color-45,
#grade-scale tr .mdl-textfield__input.custom-color-45 {
  background-color: hsl(162, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-46,
#grade-scale-details tr .mdl-textfield__input.custom-color-46,
#grade-scale tr .mdl-textfield__input.custom-color-46 {
  background-color: hsl(165.6, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-47,
#grade-scale-details tr .mdl-textfield__input.custom-color-47,
#grade-scale tr .mdl-textfield__input.custom-color-47 {
  background-color: hsl(169.2, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-48,
#grade-scale-details tr .mdl-textfield__input.custom-color-48,
#grade-scale tr .mdl-textfield__input.custom-color-48 {
  background-color: hsl(172.8, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-49,
#grade-scale-details tr .mdl-textfield__input.custom-color-49,
#grade-scale tr .mdl-textfield__input.custom-color-49 {
  background-color: hsl(176.4, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-50,
#grade-scale-details tr .mdl-textfield__input.custom-color-50,
#grade-scale tr .mdl-textfield__input.custom-color-50 {
  background-color: hsl(180, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-51,
#grade-scale-details tr .mdl-textfield__input.custom-color-51,
#grade-scale tr .mdl-textfield__input.custom-color-51 {
  background-color: hsl(183.6, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-52,
#grade-scale-details tr .mdl-textfield__input.custom-color-52,
#grade-scale tr .mdl-textfield__input.custom-color-52 {
  background-color: hsl(187.2, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-53,
#grade-scale-details tr .mdl-textfield__input.custom-color-53,
#grade-scale tr .mdl-textfield__input.custom-color-53 {
  background-color: hsl(190.8, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-54,
#grade-scale-details tr .mdl-textfield__input.custom-color-54,
#grade-scale tr .mdl-textfield__input.custom-color-54 {
  background-color: hsl(194.4, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-55,
#grade-scale-details tr .mdl-textfield__input.custom-color-55,
#grade-scale tr .mdl-textfield__input.custom-color-55 {
  background-color: hsl(198, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-56,
#grade-scale-details tr .mdl-textfield__input.custom-color-56,
#grade-scale tr .mdl-textfield__input.custom-color-56 {
  background-color: hsl(201.6, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-57,
#grade-scale-details tr .mdl-textfield__input.custom-color-57,
#grade-scale tr .mdl-textfield__input.custom-color-57 {
  background-color: hsl(205.2, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-58,
#grade-scale-details tr .mdl-textfield__input.custom-color-58,
#grade-scale tr .mdl-textfield__input.custom-color-58 {
  background-color: hsl(208.8, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-59,
#grade-scale-details tr .mdl-textfield__input.custom-color-59,
#grade-scale tr .mdl-textfield__input.custom-color-59 {
  background-color: hsl(212.4, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-60,
#grade-scale-details tr .mdl-textfield__input.custom-color-60,
#grade-scale tr .mdl-textfield__input.custom-color-60 {
  background-color: hsl(216, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-61,
#grade-scale-details tr .mdl-textfield__input.custom-color-61,
#grade-scale tr .mdl-textfield__input.custom-color-61 {
  background-color: hsl(219.6, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-62,
#grade-scale-details tr .mdl-textfield__input.custom-color-62,
#grade-scale tr .mdl-textfield__input.custom-color-62 {
  background-color: hsl(223.2, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-63,
#grade-scale-details tr .mdl-textfield__input.custom-color-63,
#grade-scale tr .mdl-textfield__input.custom-color-63 {
  background-color: hsl(226.8, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-64,
#grade-scale-details tr .mdl-textfield__input.custom-color-64,
#grade-scale tr .mdl-textfield__input.custom-color-64 {
  background-color: hsl(230.4, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-65,
#grade-scale-details tr .mdl-textfield__input.custom-color-65,
#grade-scale tr .mdl-textfield__input.custom-color-65 {
  background-color: hsl(234, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-66,
#grade-scale-details tr .mdl-textfield__input.custom-color-66,
#grade-scale tr .mdl-textfield__input.custom-color-66 {
  background-color: hsl(237.6, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-67,
#grade-scale-details tr .mdl-textfield__input.custom-color-67,
#grade-scale tr .mdl-textfield__input.custom-color-67 {
  background-color: hsl(241.2, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-68,
#grade-scale-details tr .mdl-textfield__input.custom-color-68,
#grade-scale tr .mdl-textfield__input.custom-color-68 {
  background-color: hsl(244.8, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-69,
#grade-scale-details tr .mdl-textfield__input.custom-color-69,
#grade-scale tr .mdl-textfield__input.custom-color-69 {
  background-color: hsl(248.4, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-70,
#grade-scale-details tr .mdl-textfield__input.custom-color-70,
#grade-scale tr .mdl-textfield__input.custom-color-70 {
  background-color: hsl(252, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-71,
#grade-scale-details tr .mdl-textfield__input.custom-color-71,
#grade-scale tr .mdl-textfield__input.custom-color-71 {
  background-color: hsl(255.6, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-72,
#grade-scale-details tr .mdl-textfield__input.custom-color-72,
#grade-scale tr .mdl-textfield__input.custom-color-72 {
  background-color: hsl(259.2, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-73,
#grade-scale-details tr .mdl-textfield__input.custom-color-73,
#grade-scale tr .mdl-textfield__input.custom-color-73 {
  background-color: hsl(262.8, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-74,
#grade-scale-details tr .mdl-textfield__input.custom-color-74,
#grade-scale tr .mdl-textfield__input.custom-color-74 {
  background-color: hsl(266.4, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-75,
#grade-scale-details tr .mdl-textfield__input.custom-color-75,
#grade-scale tr .mdl-textfield__input.custom-color-75 {
  background-color: hsl(270, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-76,
#grade-scale-details tr .mdl-textfield__input.custom-color-76,
#grade-scale tr .mdl-textfield__input.custom-color-76 {
  background-color: hsl(273.6, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-77,
#grade-scale-details tr .mdl-textfield__input.custom-color-77,
#grade-scale tr .mdl-textfield__input.custom-color-77 {
  background-color: hsl(277.2, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-78,
#grade-scale-details tr .mdl-textfield__input.custom-color-78,
#grade-scale tr .mdl-textfield__input.custom-color-78 {
  background-color: hsl(280.8, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-79,
#grade-scale-details tr .mdl-textfield__input.custom-color-79,
#grade-scale tr .mdl-textfield__input.custom-color-79 {
  background-color: hsl(284.4, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-80,
#grade-scale-details tr .mdl-textfield__input.custom-color-80,
#grade-scale tr .mdl-textfield__input.custom-color-80 {
  background-color: hsl(288, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-81,
#grade-scale-details tr .mdl-textfield__input.custom-color-81,
#grade-scale tr .mdl-textfield__input.custom-color-81 {
  background-color: hsl(291.6, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-82,
#grade-scale-details tr .mdl-textfield__input.custom-color-82,
#grade-scale tr .mdl-textfield__input.custom-color-82 {
  background-color: hsl(295.2, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-83,
#grade-scale-details tr .mdl-textfield__input.custom-color-83,
#grade-scale tr .mdl-textfield__input.custom-color-83 {
  background-color: hsl(298.8, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-84,
#grade-scale-details tr .mdl-textfield__input.custom-color-84,
#grade-scale tr .mdl-textfield__input.custom-color-84 {
  background-color: hsl(302.4, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-85,
#grade-scale-details tr .mdl-textfield__input.custom-color-85,
#grade-scale tr .mdl-textfield__input.custom-color-85 {
  background-color: hsl(306, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-86,
#grade-scale-details tr .mdl-textfield__input.custom-color-86,
#grade-scale tr .mdl-textfield__input.custom-color-86 {
  background-color: hsl(309.6, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-87,
#grade-scale-details tr .mdl-textfield__input.custom-color-87,
#grade-scale tr .mdl-textfield__input.custom-color-87 {
  background-color: hsl(313.2, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-88,
#grade-scale-details tr .mdl-textfield__input.custom-color-88,
#grade-scale tr .mdl-textfield__input.custom-color-88 {
  background-color: hsl(316.8, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-89,
#grade-scale-details tr .mdl-textfield__input.custom-color-89,
#grade-scale tr .mdl-textfield__input.custom-color-89 {
  background-color: hsl(320.4, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-90,
#grade-scale-details tr .mdl-textfield__input.custom-color-90,
#grade-scale tr .mdl-textfield__input.custom-color-90 {
  background-color: hsl(324, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-91,
#grade-scale-details tr .mdl-textfield__input.custom-color-91,
#grade-scale tr .mdl-textfield__input.custom-color-91 {
  background-color: hsl(327.6, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-92,
#grade-scale-details tr .mdl-textfield__input.custom-color-92,
#grade-scale tr .mdl-textfield__input.custom-color-92 {
  background-color: hsl(331.2, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-93,
#grade-scale-details tr .mdl-textfield__input.custom-color-93,
#grade-scale tr .mdl-textfield__input.custom-color-93 {
  background-color: hsl(334.8, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-94,
#grade-scale-details tr .mdl-textfield__input.custom-color-94,
#grade-scale tr .mdl-textfield__input.custom-color-94 {
  background-color: hsl(338.4, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-95,
#grade-scale-details tr .mdl-textfield__input.custom-color-95,
#grade-scale tr .mdl-textfield__input.custom-color-95 {
  background-color: hsl(342, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-96,
#grade-scale-details tr .mdl-textfield__input.custom-color-96,
#grade-scale tr .mdl-textfield__input.custom-color-96 {
  background-color: hsl(345.6, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-97,
#grade-scale-details tr .mdl-textfield__input.custom-color-97,
#grade-scale tr .mdl-textfield__input.custom-color-97 {
  background-color: hsl(349.2, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-98,
#grade-scale-details tr .mdl-textfield__input.custom-color-98,
#grade-scale tr .mdl-textfield__input.custom-color-98 {
  background-color: hsl(352.8, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-99,
#grade-scale-details tr .mdl-textfield__input.custom-color-99,
#grade-scale tr .mdl-textfield__input.custom-color-99 {
  background-color: hsl(356.4, 75%, 80%);
}
#grade-type tr .mdl-textfield__input.custom-color-100,
#grade-scale-details tr .mdl-textfield__input.custom-color-100,
#grade-scale tr .mdl-textfield__input.custom-color-100 {
  background-color: hsl(0, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-0,
#grade-scale-details tr .mdl-textfield__input option.custom-color-0,
#grade-scale tr .mdl-textfield__input option.custom-color-0 {
  background-color: hsl(0, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-1,
#grade-scale-details tr .mdl-textfield__input option.custom-color-1,
#grade-scale tr .mdl-textfield__input option.custom-color-1 {
  background-color: hsl(3.6, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-2,
#grade-scale-details tr .mdl-textfield__input option.custom-color-2,
#grade-scale tr .mdl-textfield__input option.custom-color-2 {
  background-color: hsl(7.2, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-3,
#grade-scale-details tr .mdl-textfield__input option.custom-color-3,
#grade-scale tr .mdl-textfield__input option.custom-color-3 {
  background-color: hsl(10.8, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-4,
#grade-scale-details tr .mdl-textfield__input option.custom-color-4,
#grade-scale tr .mdl-textfield__input option.custom-color-4 {
  background-color: hsl(14.4, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-5,
#grade-scale-details tr .mdl-textfield__input option.custom-color-5,
#grade-scale tr .mdl-textfield__input option.custom-color-5 {
  background-color: hsl(18, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-6,
#grade-scale-details tr .mdl-textfield__input option.custom-color-6,
#grade-scale tr .mdl-textfield__input option.custom-color-6 {
  background-color: hsl(21.6, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-7,
#grade-scale-details tr .mdl-textfield__input option.custom-color-7,
#grade-scale tr .mdl-textfield__input option.custom-color-7 {
  background-color: hsl(25.2, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-8,
#grade-scale-details tr .mdl-textfield__input option.custom-color-8,
#grade-scale tr .mdl-textfield__input option.custom-color-8 {
  background-color: hsl(28.8, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-9,
#grade-scale-details tr .mdl-textfield__input option.custom-color-9,
#grade-scale tr .mdl-textfield__input option.custom-color-9 {
  background-color: hsl(32.4, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-10,
#grade-scale-details tr .mdl-textfield__input option.custom-color-10,
#grade-scale tr .mdl-textfield__input option.custom-color-10 {
  background-color: hsl(36, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-11,
#grade-scale-details tr .mdl-textfield__input option.custom-color-11,
#grade-scale tr .mdl-textfield__input option.custom-color-11 {
  background-color: hsl(39.6, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-12,
#grade-scale-details tr .mdl-textfield__input option.custom-color-12,
#grade-scale tr .mdl-textfield__input option.custom-color-12 {
  background-color: hsl(43.2, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-13,
#grade-scale-details tr .mdl-textfield__input option.custom-color-13,
#grade-scale tr .mdl-textfield__input option.custom-color-13 {
  background-color: hsl(46.8, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-14,
#grade-scale-details tr .mdl-textfield__input option.custom-color-14,
#grade-scale tr .mdl-textfield__input option.custom-color-14 {
  background-color: hsl(50.4, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-15,
#grade-scale-details tr .mdl-textfield__input option.custom-color-15,
#grade-scale tr .mdl-textfield__input option.custom-color-15 {
  background-color: hsl(54, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-16,
#grade-scale-details tr .mdl-textfield__input option.custom-color-16,
#grade-scale tr .mdl-textfield__input option.custom-color-16 {
  background-color: hsl(57.6, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-17,
#grade-scale-details tr .mdl-textfield__input option.custom-color-17,
#grade-scale tr .mdl-textfield__input option.custom-color-17 {
  background-color: hsl(61.2, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-18,
#grade-scale-details tr .mdl-textfield__input option.custom-color-18,
#grade-scale tr .mdl-textfield__input option.custom-color-18 {
  background-color: hsl(64.8, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-19,
#grade-scale-details tr .mdl-textfield__input option.custom-color-19,
#grade-scale tr .mdl-textfield__input option.custom-color-19 {
  background-color: hsl(68.4, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-20,
#grade-scale-details tr .mdl-textfield__input option.custom-color-20,
#grade-scale tr .mdl-textfield__input option.custom-color-20 {
  background-color: hsl(72, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-21,
#grade-scale-details tr .mdl-textfield__input option.custom-color-21,
#grade-scale tr .mdl-textfield__input option.custom-color-21 {
  background-color: hsl(75.6, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-22,
#grade-scale-details tr .mdl-textfield__input option.custom-color-22,
#grade-scale tr .mdl-textfield__input option.custom-color-22 {
  background-color: hsl(79.2, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-23,
#grade-scale-details tr .mdl-textfield__input option.custom-color-23,
#grade-scale tr .mdl-textfield__input option.custom-color-23 {
  background-color: hsl(82.8, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-24,
#grade-scale-details tr .mdl-textfield__input option.custom-color-24,
#grade-scale tr .mdl-textfield__input option.custom-color-24 {
  background-color: hsl(86.4, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-25,
#grade-scale-details tr .mdl-textfield__input option.custom-color-25,
#grade-scale tr .mdl-textfield__input option.custom-color-25 {
  background-color: hsl(90, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-26,
#grade-scale-details tr .mdl-textfield__input option.custom-color-26,
#grade-scale tr .mdl-textfield__input option.custom-color-26 {
  background-color: hsl(93.6, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-27,
#grade-scale-details tr .mdl-textfield__input option.custom-color-27,
#grade-scale tr .mdl-textfield__input option.custom-color-27 {
  background-color: hsl(97.2, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-28,
#grade-scale-details tr .mdl-textfield__input option.custom-color-28,
#grade-scale tr .mdl-textfield__input option.custom-color-28 {
  background-color: hsl(100.8, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-29,
#grade-scale-details tr .mdl-textfield__input option.custom-color-29,
#grade-scale tr .mdl-textfield__input option.custom-color-29 {
  background-color: hsl(104.4, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-30,
#grade-scale-details tr .mdl-textfield__input option.custom-color-30,
#grade-scale tr .mdl-textfield__input option.custom-color-30 {
  background-color: hsl(108, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-31,
#grade-scale-details tr .mdl-textfield__input option.custom-color-31,
#grade-scale tr .mdl-textfield__input option.custom-color-31 {
  background-color: hsl(111.6, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-32,
#grade-scale-details tr .mdl-textfield__input option.custom-color-32,
#grade-scale tr .mdl-textfield__input option.custom-color-32 {
  background-color: hsl(115.2, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-33,
#grade-scale-details tr .mdl-textfield__input option.custom-color-33,
#grade-scale tr .mdl-textfield__input option.custom-color-33 {
  background-color: hsl(118.8, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-34,
#grade-scale-details tr .mdl-textfield__input option.custom-color-34,
#grade-scale tr .mdl-textfield__input option.custom-color-34 {
  background-color: hsl(122.4, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-35,
#grade-scale-details tr .mdl-textfield__input option.custom-color-35,
#grade-scale tr .mdl-textfield__input option.custom-color-35 {
  background-color: hsl(126, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-36,
#grade-scale-details tr .mdl-textfield__input option.custom-color-36,
#grade-scale tr .mdl-textfield__input option.custom-color-36 {
  background-color: hsl(129.6, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-37,
#grade-scale-details tr .mdl-textfield__input option.custom-color-37,
#grade-scale tr .mdl-textfield__input option.custom-color-37 {
  background-color: hsl(133.2, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-38,
#grade-scale-details tr .mdl-textfield__input option.custom-color-38,
#grade-scale tr .mdl-textfield__input option.custom-color-38 {
  background-color: hsl(136.8, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-39,
#grade-scale-details tr .mdl-textfield__input option.custom-color-39,
#grade-scale tr .mdl-textfield__input option.custom-color-39 {
  background-color: hsl(140.4, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-40,
#grade-scale-details tr .mdl-textfield__input option.custom-color-40,
#grade-scale tr .mdl-textfield__input option.custom-color-40 {
  background-color: hsl(144, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-41,
#grade-scale-details tr .mdl-textfield__input option.custom-color-41,
#grade-scale tr .mdl-textfield__input option.custom-color-41 {
  background-color: hsl(147.6, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-42,
#grade-scale-details tr .mdl-textfield__input option.custom-color-42,
#grade-scale tr .mdl-textfield__input option.custom-color-42 {
  background-color: hsl(151.2, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-43,
#grade-scale-details tr .mdl-textfield__input option.custom-color-43,
#grade-scale tr .mdl-textfield__input option.custom-color-43 {
  background-color: hsl(154.8, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-44,
#grade-scale-details tr .mdl-textfield__input option.custom-color-44,
#grade-scale tr .mdl-textfield__input option.custom-color-44 {
  background-color: hsl(158.4, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-45,
#grade-scale-details tr .mdl-textfield__input option.custom-color-45,
#grade-scale tr .mdl-textfield__input option.custom-color-45 {
  background-color: hsl(162, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-46,
#grade-scale-details tr .mdl-textfield__input option.custom-color-46,
#grade-scale tr .mdl-textfield__input option.custom-color-46 {
  background-color: hsl(165.6, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-47,
#grade-scale-details tr .mdl-textfield__input option.custom-color-47,
#grade-scale tr .mdl-textfield__input option.custom-color-47 {
  background-color: hsl(169.2, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-48,
#grade-scale-details tr .mdl-textfield__input option.custom-color-48,
#grade-scale tr .mdl-textfield__input option.custom-color-48 {
  background-color: hsl(172.8, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-49,
#grade-scale-details tr .mdl-textfield__input option.custom-color-49,
#grade-scale tr .mdl-textfield__input option.custom-color-49 {
  background-color: hsl(176.4, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-50,
#grade-scale-details tr .mdl-textfield__input option.custom-color-50,
#grade-scale tr .mdl-textfield__input option.custom-color-50 {
  background-color: hsl(180, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-51,
#grade-scale-details tr .mdl-textfield__input option.custom-color-51,
#grade-scale tr .mdl-textfield__input option.custom-color-51 {
  background-color: hsl(183.6, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-52,
#grade-scale-details tr .mdl-textfield__input option.custom-color-52,
#grade-scale tr .mdl-textfield__input option.custom-color-52 {
  background-color: hsl(187.2, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-53,
#grade-scale-details tr .mdl-textfield__input option.custom-color-53,
#grade-scale tr .mdl-textfield__input option.custom-color-53 {
  background-color: hsl(190.8, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-54,
#grade-scale-details tr .mdl-textfield__input option.custom-color-54,
#grade-scale tr .mdl-textfield__input option.custom-color-54 {
  background-color: hsl(194.4, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-55,
#grade-scale-details tr .mdl-textfield__input option.custom-color-55,
#grade-scale tr .mdl-textfield__input option.custom-color-55 {
  background-color: hsl(198, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-56,
#grade-scale-details tr .mdl-textfield__input option.custom-color-56,
#grade-scale tr .mdl-textfield__input option.custom-color-56 {
  background-color: hsl(201.6, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-57,
#grade-scale-details tr .mdl-textfield__input option.custom-color-57,
#grade-scale tr .mdl-textfield__input option.custom-color-57 {
  background-color: hsl(205.2, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-58,
#grade-scale-details tr .mdl-textfield__input option.custom-color-58,
#grade-scale tr .mdl-textfield__input option.custom-color-58 {
  background-color: hsl(208.8, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-59,
#grade-scale-details tr .mdl-textfield__input option.custom-color-59,
#grade-scale tr .mdl-textfield__input option.custom-color-59 {
  background-color: hsl(212.4, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-60,
#grade-scale-details tr .mdl-textfield__input option.custom-color-60,
#grade-scale tr .mdl-textfield__input option.custom-color-60 {
  background-color: hsl(216, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-61,
#grade-scale-details tr .mdl-textfield__input option.custom-color-61,
#grade-scale tr .mdl-textfield__input option.custom-color-61 {
  background-color: hsl(219.6, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-62,
#grade-scale-details tr .mdl-textfield__input option.custom-color-62,
#grade-scale tr .mdl-textfield__input option.custom-color-62 {
  background-color: hsl(223.2, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-63,
#grade-scale-details tr .mdl-textfield__input option.custom-color-63,
#grade-scale tr .mdl-textfield__input option.custom-color-63 {
  background-color: hsl(226.8, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-64,
#grade-scale-details tr .mdl-textfield__input option.custom-color-64,
#grade-scale tr .mdl-textfield__input option.custom-color-64 {
  background-color: hsl(230.4, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-65,
#grade-scale-details tr .mdl-textfield__input option.custom-color-65,
#grade-scale tr .mdl-textfield__input option.custom-color-65 {
  background-color: hsl(234, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-66,
#grade-scale-details tr .mdl-textfield__input option.custom-color-66,
#grade-scale tr .mdl-textfield__input option.custom-color-66 {
  background-color: hsl(237.6, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-67,
#grade-scale-details tr .mdl-textfield__input option.custom-color-67,
#grade-scale tr .mdl-textfield__input option.custom-color-67 {
  background-color: hsl(241.2, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-68,
#grade-scale-details tr .mdl-textfield__input option.custom-color-68,
#grade-scale tr .mdl-textfield__input option.custom-color-68 {
  background-color: hsl(244.8, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-69,
#grade-scale-details tr .mdl-textfield__input option.custom-color-69,
#grade-scale tr .mdl-textfield__input option.custom-color-69 {
  background-color: hsl(248.4, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-70,
#grade-scale-details tr .mdl-textfield__input option.custom-color-70,
#grade-scale tr .mdl-textfield__input option.custom-color-70 {
  background-color: hsl(252, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-71,
#grade-scale-details tr .mdl-textfield__input option.custom-color-71,
#grade-scale tr .mdl-textfield__input option.custom-color-71 {
  background-color: hsl(255.6, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-72,
#grade-scale-details tr .mdl-textfield__input option.custom-color-72,
#grade-scale tr .mdl-textfield__input option.custom-color-72 {
  background-color: hsl(259.2, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-73,
#grade-scale-details tr .mdl-textfield__input option.custom-color-73,
#grade-scale tr .mdl-textfield__input option.custom-color-73 {
  background-color: hsl(262.8, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-74,
#grade-scale-details tr .mdl-textfield__input option.custom-color-74,
#grade-scale tr .mdl-textfield__input option.custom-color-74 {
  background-color: hsl(266.4, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-75,
#grade-scale-details tr .mdl-textfield__input option.custom-color-75,
#grade-scale tr .mdl-textfield__input option.custom-color-75 {
  background-color: hsl(270, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-76,
#grade-scale-details tr .mdl-textfield__input option.custom-color-76,
#grade-scale tr .mdl-textfield__input option.custom-color-76 {
  background-color: hsl(273.6, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-77,
#grade-scale-details tr .mdl-textfield__input option.custom-color-77,
#grade-scale tr .mdl-textfield__input option.custom-color-77 {
  background-color: hsl(277.2, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-78,
#grade-scale-details tr .mdl-textfield__input option.custom-color-78,
#grade-scale tr .mdl-textfield__input option.custom-color-78 {
  background-color: hsl(280.8, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-79,
#grade-scale-details tr .mdl-textfield__input option.custom-color-79,
#grade-scale tr .mdl-textfield__input option.custom-color-79 {
  background-color: hsl(284.4, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-80,
#grade-scale-details tr .mdl-textfield__input option.custom-color-80,
#grade-scale tr .mdl-textfield__input option.custom-color-80 {
  background-color: hsl(288, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-81,
#grade-scale-details tr .mdl-textfield__input option.custom-color-81,
#grade-scale tr .mdl-textfield__input option.custom-color-81 {
  background-color: hsl(291.6, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-82,
#grade-scale-details tr .mdl-textfield__input option.custom-color-82,
#grade-scale tr .mdl-textfield__input option.custom-color-82 {
  background-color: hsl(295.2, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-83,
#grade-scale-details tr .mdl-textfield__input option.custom-color-83,
#grade-scale tr .mdl-textfield__input option.custom-color-83 {
  background-color: hsl(298.8, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-84,
#grade-scale-details tr .mdl-textfield__input option.custom-color-84,
#grade-scale tr .mdl-textfield__input option.custom-color-84 {
  background-color: hsl(302.4, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-85,
#grade-scale-details tr .mdl-textfield__input option.custom-color-85,
#grade-scale tr .mdl-textfield__input option.custom-color-85 {
  background-color: hsl(306, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-86,
#grade-scale-details tr .mdl-textfield__input option.custom-color-86,
#grade-scale tr .mdl-textfield__input option.custom-color-86 {
  background-color: hsl(309.6, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-87,
#grade-scale-details tr .mdl-textfield__input option.custom-color-87,
#grade-scale tr .mdl-textfield__input option.custom-color-87 {
  background-color: hsl(313.2, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-88,
#grade-scale-details tr .mdl-textfield__input option.custom-color-88,
#grade-scale tr .mdl-textfield__input option.custom-color-88 {
  background-color: hsl(316.8, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-89,
#grade-scale-details tr .mdl-textfield__input option.custom-color-89,
#grade-scale tr .mdl-textfield__input option.custom-color-89 {
  background-color: hsl(320.4, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-90,
#grade-scale-details tr .mdl-textfield__input option.custom-color-90,
#grade-scale tr .mdl-textfield__input option.custom-color-90 {
  background-color: hsl(324, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-91,
#grade-scale-details tr .mdl-textfield__input option.custom-color-91,
#grade-scale tr .mdl-textfield__input option.custom-color-91 {
  background-color: hsl(327.6, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-92,
#grade-scale-details tr .mdl-textfield__input option.custom-color-92,
#grade-scale tr .mdl-textfield__input option.custom-color-92 {
  background-color: hsl(331.2, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-93,
#grade-scale-details tr .mdl-textfield__input option.custom-color-93,
#grade-scale tr .mdl-textfield__input option.custom-color-93 {
  background-color: hsl(334.8, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-94,
#grade-scale-details tr .mdl-textfield__input option.custom-color-94,
#grade-scale tr .mdl-textfield__input option.custom-color-94 {
  background-color: hsl(338.4, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-95,
#grade-scale-details tr .mdl-textfield__input option.custom-color-95,
#grade-scale tr .mdl-textfield__input option.custom-color-95 {
  background-color: hsl(342, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-96,
#grade-scale-details tr .mdl-textfield__input option.custom-color-96,
#grade-scale tr .mdl-textfield__input option.custom-color-96 {
  background-color: hsl(345.6, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-97,
#grade-scale-details tr .mdl-textfield__input option.custom-color-97,
#grade-scale tr .mdl-textfield__input option.custom-color-97 {
  background-color: hsl(349.2, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-98,
#grade-scale-details tr .mdl-textfield__input option.custom-color-98,
#grade-scale tr .mdl-textfield__input option.custom-color-98 {
  background-color: hsl(352.8, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-99,
#grade-scale-details tr .mdl-textfield__input option.custom-color-99,
#grade-scale tr .mdl-textfield__input option.custom-color-99 {
  background-color: hsl(356.4, 75%, 80%);
}
#grade-type tr .mdl-textfield__input option.custom-color-100,
#grade-scale-details tr .mdl-textfield__input option.custom-color-100,
#grade-scale tr .mdl-textfield__input option.custom-color-100 {
  background-color: hsl(0, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-0,
#grade-scale-details tr .color-cell.custom-color-0,
#grade-scale tr .color-cell.custom-color-0 {
  background-color: hsl(0, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-1,
#grade-scale-details tr .color-cell.custom-color-1,
#grade-scale tr .color-cell.custom-color-1 {
  background-color: hsl(3.6, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-2,
#grade-scale-details tr .color-cell.custom-color-2,
#grade-scale tr .color-cell.custom-color-2 {
  background-color: hsl(7.2, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-3,
#grade-scale-details tr .color-cell.custom-color-3,
#grade-scale tr .color-cell.custom-color-3 {
  background-color: hsl(10.8, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-4,
#grade-scale-details tr .color-cell.custom-color-4,
#grade-scale tr .color-cell.custom-color-4 {
  background-color: hsl(14.4, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-5,
#grade-scale-details tr .color-cell.custom-color-5,
#grade-scale tr .color-cell.custom-color-5 {
  background-color: hsl(18, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-6,
#grade-scale-details tr .color-cell.custom-color-6,
#grade-scale tr .color-cell.custom-color-6 {
  background-color: hsl(21.6, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-7,
#grade-scale-details tr .color-cell.custom-color-7,
#grade-scale tr .color-cell.custom-color-7 {
  background-color: hsl(25.2, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-8,
#grade-scale-details tr .color-cell.custom-color-8,
#grade-scale tr .color-cell.custom-color-8 {
  background-color: hsl(28.8, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-9,
#grade-scale-details tr .color-cell.custom-color-9,
#grade-scale tr .color-cell.custom-color-9 {
  background-color: hsl(32.4, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-10,
#grade-scale-details tr .color-cell.custom-color-10,
#grade-scale tr .color-cell.custom-color-10 {
  background-color: hsl(36, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-11,
#grade-scale-details tr .color-cell.custom-color-11,
#grade-scale tr .color-cell.custom-color-11 {
  background-color: hsl(39.6, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-12,
#grade-scale-details tr .color-cell.custom-color-12,
#grade-scale tr .color-cell.custom-color-12 {
  background-color: hsl(43.2, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-13,
#grade-scale-details tr .color-cell.custom-color-13,
#grade-scale tr .color-cell.custom-color-13 {
  background-color: hsl(46.8, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-14,
#grade-scale-details tr .color-cell.custom-color-14,
#grade-scale tr .color-cell.custom-color-14 {
  background-color: hsl(50.4, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-15,
#grade-scale-details tr .color-cell.custom-color-15,
#grade-scale tr .color-cell.custom-color-15 {
  background-color: hsl(54, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-16,
#grade-scale-details tr .color-cell.custom-color-16,
#grade-scale tr .color-cell.custom-color-16 {
  background-color: hsl(57.6, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-17,
#grade-scale-details tr .color-cell.custom-color-17,
#grade-scale tr .color-cell.custom-color-17 {
  background-color: hsl(61.2, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-18,
#grade-scale-details tr .color-cell.custom-color-18,
#grade-scale tr .color-cell.custom-color-18 {
  background-color: hsl(64.8, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-19,
#grade-scale-details tr .color-cell.custom-color-19,
#grade-scale tr .color-cell.custom-color-19 {
  background-color: hsl(68.4, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-20,
#grade-scale-details tr .color-cell.custom-color-20,
#grade-scale tr .color-cell.custom-color-20 {
  background-color: hsl(72, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-21,
#grade-scale-details tr .color-cell.custom-color-21,
#grade-scale tr .color-cell.custom-color-21 {
  background-color: hsl(75.6, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-22,
#grade-scale-details tr .color-cell.custom-color-22,
#grade-scale tr .color-cell.custom-color-22 {
  background-color: hsl(79.2, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-23,
#grade-scale-details tr .color-cell.custom-color-23,
#grade-scale tr .color-cell.custom-color-23 {
  background-color: hsl(82.8, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-24,
#grade-scale-details tr .color-cell.custom-color-24,
#grade-scale tr .color-cell.custom-color-24 {
  background-color: hsl(86.4, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-25,
#grade-scale-details tr .color-cell.custom-color-25,
#grade-scale tr .color-cell.custom-color-25 {
  background-color: hsl(90, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-26,
#grade-scale-details tr .color-cell.custom-color-26,
#grade-scale tr .color-cell.custom-color-26 {
  background-color: hsl(93.6, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-27,
#grade-scale-details tr .color-cell.custom-color-27,
#grade-scale tr .color-cell.custom-color-27 {
  background-color: hsl(97.2, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-28,
#grade-scale-details tr .color-cell.custom-color-28,
#grade-scale tr .color-cell.custom-color-28 {
  background-color: hsl(100.8, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-29,
#grade-scale-details tr .color-cell.custom-color-29,
#grade-scale tr .color-cell.custom-color-29 {
  background-color: hsl(104.4, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-30,
#grade-scale-details tr .color-cell.custom-color-30,
#grade-scale tr .color-cell.custom-color-30 {
  background-color: hsl(108, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-31,
#grade-scale-details tr .color-cell.custom-color-31,
#grade-scale tr .color-cell.custom-color-31 {
  background-color: hsl(111.6, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-32,
#grade-scale-details tr .color-cell.custom-color-32,
#grade-scale tr .color-cell.custom-color-32 {
  background-color: hsl(115.2, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-33,
#grade-scale-details tr .color-cell.custom-color-33,
#grade-scale tr .color-cell.custom-color-33 {
  background-color: hsl(118.8, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-34,
#grade-scale-details tr .color-cell.custom-color-34,
#grade-scale tr .color-cell.custom-color-34 {
  background-color: hsl(122.4, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-35,
#grade-scale-details tr .color-cell.custom-color-35,
#grade-scale tr .color-cell.custom-color-35 {
  background-color: hsl(126, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-36,
#grade-scale-details tr .color-cell.custom-color-36,
#grade-scale tr .color-cell.custom-color-36 {
  background-color: hsl(129.6, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-37,
#grade-scale-details tr .color-cell.custom-color-37,
#grade-scale tr .color-cell.custom-color-37 {
  background-color: hsl(133.2, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-38,
#grade-scale-details tr .color-cell.custom-color-38,
#grade-scale tr .color-cell.custom-color-38 {
  background-color: hsl(136.8, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-39,
#grade-scale-details tr .color-cell.custom-color-39,
#grade-scale tr .color-cell.custom-color-39 {
  background-color: hsl(140.4, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-40,
#grade-scale-details tr .color-cell.custom-color-40,
#grade-scale tr .color-cell.custom-color-40 {
  background-color: hsl(144, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-41,
#grade-scale-details tr .color-cell.custom-color-41,
#grade-scale tr .color-cell.custom-color-41 {
  background-color: hsl(147.6, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-42,
#grade-scale-details tr .color-cell.custom-color-42,
#grade-scale tr .color-cell.custom-color-42 {
  background-color: hsl(151.2, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-43,
#grade-scale-details tr .color-cell.custom-color-43,
#grade-scale tr .color-cell.custom-color-43 {
  background-color: hsl(154.8, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-44,
#grade-scale-details tr .color-cell.custom-color-44,
#grade-scale tr .color-cell.custom-color-44 {
  background-color: hsl(158.4, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-45,
#grade-scale-details tr .color-cell.custom-color-45,
#grade-scale tr .color-cell.custom-color-45 {
  background-color: hsl(162, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-46,
#grade-scale-details tr .color-cell.custom-color-46,
#grade-scale tr .color-cell.custom-color-46 {
  background-color: hsl(165.6, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-47,
#grade-scale-details tr .color-cell.custom-color-47,
#grade-scale tr .color-cell.custom-color-47 {
  background-color: hsl(169.2, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-48,
#grade-scale-details tr .color-cell.custom-color-48,
#grade-scale tr .color-cell.custom-color-48 {
  background-color: hsl(172.8, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-49,
#grade-scale-details tr .color-cell.custom-color-49,
#grade-scale tr .color-cell.custom-color-49 {
  background-color: hsl(176.4, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-50,
#grade-scale-details tr .color-cell.custom-color-50,
#grade-scale tr .color-cell.custom-color-50 {
  background-color: hsl(180, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-51,
#grade-scale-details tr .color-cell.custom-color-51,
#grade-scale tr .color-cell.custom-color-51 {
  background-color: hsl(183.6, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-52,
#grade-scale-details tr .color-cell.custom-color-52,
#grade-scale tr .color-cell.custom-color-52 {
  background-color: hsl(187.2, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-53,
#grade-scale-details tr .color-cell.custom-color-53,
#grade-scale tr .color-cell.custom-color-53 {
  background-color: hsl(190.8, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-54,
#grade-scale-details tr .color-cell.custom-color-54,
#grade-scale tr .color-cell.custom-color-54 {
  background-color: hsl(194.4, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-55,
#grade-scale-details tr .color-cell.custom-color-55,
#grade-scale tr .color-cell.custom-color-55 {
  background-color: hsl(198, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-56,
#grade-scale-details tr .color-cell.custom-color-56,
#grade-scale tr .color-cell.custom-color-56 {
  background-color: hsl(201.6, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-57,
#grade-scale-details tr .color-cell.custom-color-57,
#grade-scale tr .color-cell.custom-color-57 {
  background-color: hsl(205.2, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-58,
#grade-scale-details tr .color-cell.custom-color-58,
#grade-scale tr .color-cell.custom-color-58 {
  background-color: hsl(208.8, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-59,
#grade-scale-details tr .color-cell.custom-color-59,
#grade-scale tr .color-cell.custom-color-59 {
  background-color: hsl(212.4, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-60,
#grade-scale-details tr .color-cell.custom-color-60,
#grade-scale tr .color-cell.custom-color-60 {
  background-color: hsl(216, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-61,
#grade-scale-details tr .color-cell.custom-color-61,
#grade-scale tr .color-cell.custom-color-61 {
  background-color: hsl(219.6, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-62,
#grade-scale-details tr .color-cell.custom-color-62,
#grade-scale tr .color-cell.custom-color-62 {
  background-color: hsl(223.2, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-63,
#grade-scale-details tr .color-cell.custom-color-63,
#grade-scale tr .color-cell.custom-color-63 {
  background-color: hsl(226.8, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-64,
#grade-scale-details tr .color-cell.custom-color-64,
#grade-scale tr .color-cell.custom-color-64 {
  background-color: hsl(230.4, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-65,
#grade-scale-details tr .color-cell.custom-color-65,
#grade-scale tr .color-cell.custom-color-65 {
  background-color: hsl(234, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-66,
#grade-scale-details tr .color-cell.custom-color-66,
#grade-scale tr .color-cell.custom-color-66 {
  background-color: hsl(237.6, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-67,
#grade-scale-details tr .color-cell.custom-color-67,
#grade-scale tr .color-cell.custom-color-67 {
  background-color: hsl(241.2, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-68,
#grade-scale-details tr .color-cell.custom-color-68,
#grade-scale tr .color-cell.custom-color-68 {
  background-color: hsl(244.8, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-69,
#grade-scale-details tr .color-cell.custom-color-69,
#grade-scale tr .color-cell.custom-color-69 {
  background-color: hsl(248.4, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-70,
#grade-scale-details tr .color-cell.custom-color-70,
#grade-scale tr .color-cell.custom-color-70 {
  background-color: hsl(252, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-71,
#grade-scale-details tr .color-cell.custom-color-71,
#grade-scale tr .color-cell.custom-color-71 {
  background-color: hsl(255.6, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-72,
#grade-scale-details tr .color-cell.custom-color-72,
#grade-scale tr .color-cell.custom-color-72 {
  background-color: hsl(259.2, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-73,
#grade-scale-details tr .color-cell.custom-color-73,
#grade-scale tr .color-cell.custom-color-73 {
  background-color: hsl(262.8, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-74,
#grade-scale-details tr .color-cell.custom-color-74,
#grade-scale tr .color-cell.custom-color-74 {
  background-color: hsl(266.4, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-75,
#grade-scale-details tr .color-cell.custom-color-75,
#grade-scale tr .color-cell.custom-color-75 {
  background-color: hsl(270, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-76,
#grade-scale-details tr .color-cell.custom-color-76,
#grade-scale tr .color-cell.custom-color-76 {
  background-color: hsl(273.6, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-77,
#grade-scale-details tr .color-cell.custom-color-77,
#grade-scale tr .color-cell.custom-color-77 {
  background-color: hsl(277.2, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-78,
#grade-scale-details tr .color-cell.custom-color-78,
#grade-scale tr .color-cell.custom-color-78 {
  background-color: hsl(280.8, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-79,
#grade-scale-details tr .color-cell.custom-color-79,
#grade-scale tr .color-cell.custom-color-79 {
  background-color: hsl(284.4, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-80,
#grade-scale-details tr .color-cell.custom-color-80,
#grade-scale tr .color-cell.custom-color-80 {
  background-color: hsl(288, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-81,
#grade-scale-details tr .color-cell.custom-color-81,
#grade-scale tr .color-cell.custom-color-81 {
  background-color: hsl(291.6, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-82,
#grade-scale-details tr .color-cell.custom-color-82,
#grade-scale tr .color-cell.custom-color-82 {
  background-color: hsl(295.2, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-83,
#grade-scale-details tr .color-cell.custom-color-83,
#grade-scale tr .color-cell.custom-color-83 {
  background-color: hsl(298.8, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-84,
#grade-scale-details tr .color-cell.custom-color-84,
#grade-scale tr .color-cell.custom-color-84 {
  background-color: hsl(302.4, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-85,
#grade-scale-details tr .color-cell.custom-color-85,
#grade-scale tr .color-cell.custom-color-85 {
  background-color: hsl(306, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-86,
#grade-scale-details tr .color-cell.custom-color-86,
#grade-scale tr .color-cell.custom-color-86 {
  background-color: hsl(309.6, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-87,
#grade-scale-details tr .color-cell.custom-color-87,
#grade-scale tr .color-cell.custom-color-87 {
  background-color: hsl(313.2, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-88,
#grade-scale-details tr .color-cell.custom-color-88,
#grade-scale tr .color-cell.custom-color-88 {
  background-color: hsl(316.8, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-89,
#grade-scale-details tr .color-cell.custom-color-89,
#grade-scale tr .color-cell.custom-color-89 {
  background-color: hsl(320.4, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-90,
#grade-scale-details tr .color-cell.custom-color-90,
#grade-scale tr .color-cell.custom-color-90 {
  background-color: hsl(324, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-91,
#grade-scale-details tr .color-cell.custom-color-91,
#grade-scale tr .color-cell.custom-color-91 {
  background-color: hsl(327.6, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-92,
#grade-scale-details tr .color-cell.custom-color-92,
#grade-scale tr .color-cell.custom-color-92 {
  background-color: hsl(331.2, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-93,
#grade-scale-details tr .color-cell.custom-color-93,
#grade-scale tr .color-cell.custom-color-93 {
  background-color: hsl(334.8, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-94,
#grade-scale-details tr .color-cell.custom-color-94,
#grade-scale tr .color-cell.custom-color-94 {
  background-color: hsl(338.4, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-95,
#grade-scale-details tr .color-cell.custom-color-95,
#grade-scale tr .color-cell.custom-color-95 {
  background-color: hsl(342, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-96,
#grade-scale-details tr .color-cell.custom-color-96,
#grade-scale tr .color-cell.custom-color-96 {
  background-color: hsl(345.6, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-97,
#grade-scale-details tr .color-cell.custom-color-97,
#grade-scale tr .color-cell.custom-color-97 {
  background-color: hsl(349.2, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-98,
#grade-scale-details tr .color-cell.custom-color-98,
#grade-scale tr .color-cell.custom-color-98 {
  background-color: hsl(352.8, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-99,
#grade-scale-details tr .color-cell.custom-color-99,
#grade-scale tr .color-cell.custom-color-99 {
  background-color: hsl(356.4, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-100,
#grade-scale-details tr .color-cell.custom-color-100,
#grade-scale tr .color-cell.custom-color-100 {
  background-color: hsl(0, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-0,
#grade-scale-details tr .color-cell.custom-color-0,
#grade-scale tr .color-cell.custom-color-0 {
  color: hsl(0, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-1,
#grade-scale-details tr .color-cell.custom-color-1,
#grade-scale tr .color-cell.custom-color-1 {
  color: hsl(3.6, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-2,
#grade-scale-details tr .color-cell.custom-color-2,
#grade-scale tr .color-cell.custom-color-2 {
  color: hsl(7.2, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-3,
#grade-scale-details tr .color-cell.custom-color-3,
#grade-scale tr .color-cell.custom-color-3 {
  color: hsl(10.8, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-4,
#grade-scale-details tr .color-cell.custom-color-4,
#grade-scale tr .color-cell.custom-color-4 {
  color: hsl(14.4, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-5,
#grade-scale-details tr .color-cell.custom-color-5,
#grade-scale tr .color-cell.custom-color-5 {
  color: hsl(18, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-6,
#grade-scale-details tr .color-cell.custom-color-6,
#grade-scale tr .color-cell.custom-color-6 {
  color: hsl(21.6, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-7,
#grade-scale-details tr .color-cell.custom-color-7,
#grade-scale tr .color-cell.custom-color-7 {
  color: hsl(25.2, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-8,
#grade-scale-details tr .color-cell.custom-color-8,
#grade-scale tr .color-cell.custom-color-8 {
  color: hsl(28.8, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-9,
#grade-scale-details tr .color-cell.custom-color-9,
#grade-scale tr .color-cell.custom-color-9 {
  color: hsl(32.4, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-10,
#grade-scale-details tr .color-cell.custom-color-10,
#grade-scale tr .color-cell.custom-color-10 {
  color: hsl(36, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-11,
#grade-scale-details tr .color-cell.custom-color-11,
#grade-scale tr .color-cell.custom-color-11 {
  color: hsl(39.6, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-12,
#grade-scale-details tr .color-cell.custom-color-12,
#grade-scale tr .color-cell.custom-color-12 {
  color: hsl(43.2, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-13,
#grade-scale-details tr .color-cell.custom-color-13,
#grade-scale tr .color-cell.custom-color-13 {
  color: hsl(46.8, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-14,
#grade-scale-details tr .color-cell.custom-color-14,
#grade-scale tr .color-cell.custom-color-14 {
  color: hsl(50.4, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-15,
#grade-scale-details tr .color-cell.custom-color-15,
#grade-scale tr .color-cell.custom-color-15 {
  color: hsl(54, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-16,
#grade-scale-details tr .color-cell.custom-color-16,
#grade-scale tr .color-cell.custom-color-16 {
  color: hsl(57.6, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-17,
#grade-scale-details tr .color-cell.custom-color-17,
#grade-scale tr .color-cell.custom-color-17 {
  color: hsl(61.2, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-18,
#grade-scale-details tr .color-cell.custom-color-18,
#grade-scale tr .color-cell.custom-color-18 {
  color: hsl(64.8, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-19,
#grade-scale-details tr .color-cell.custom-color-19,
#grade-scale tr .color-cell.custom-color-19 {
  color: hsl(68.4, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-20,
#grade-scale-details tr .color-cell.custom-color-20,
#grade-scale tr .color-cell.custom-color-20 {
  color: hsl(72, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-21,
#grade-scale-details tr .color-cell.custom-color-21,
#grade-scale tr .color-cell.custom-color-21 {
  color: hsl(75.6, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-22,
#grade-scale-details tr .color-cell.custom-color-22,
#grade-scale tr .color-cell.custom-color-22 {
  color: hsl(79.2, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-23,
#grade-scale-details tr .color-cell.custom-color-23,
#grade-scale tr .color-cell.custom-color-23 {
  color: hsl(82.8, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-24,
#grade-scale-details tr .color-cell.custom-color-24,
#grade-scale tr .color-cell.custom-color-24 {
  color: hsl(86.4, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-25,
#grade-scale-details tr .color-cell.custom-color-25,
#grade-scale tr .color-cell.custom-color-25 {
  color: hsl(90, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-26,
#grade-scale-details tr .color-cell.custom-color-26,
#grade-scale tr .color-cell.custom-color-26 {
  color: hsl(93.6, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-27,
#grade-scale-details tr .color-cell.custom-color-27,
#grade-scale tr .color-cell.custom-color-27 {
  color: hsl(97.2, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-28,
#grade-scale-details tr .color-cell.custom-color-28,
#grade-scale tr .color-cell.custom-color-28 {
  color: hsl(100.8, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-29,
#grade-scale-details tr .color-cell.custom-color-29,
#grade-scale tr .color-cell.custom-color-29 {
  color: hsl(104.4, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-30,
#grade-scale-details tr .color-cell.custom-color-30,
#grade-scale tr .color-cell.custom-color-30 {
  color: hsl(108, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-31,
#grade-scale-details tr .color-cell.custom-color-31,
#grade-scale tr .color-cell.custom-color-31 {
  color: hsl(111.6, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-32,
#grade-scale-details tr .color-cell.custom-color-32,
#grade-scale tr .color-cell.custom-color-32 {
  color: hsl(115.2, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-33,
#grade-scale-details tr .color-cell.custom-color-33,
#grade-scale tr .color-cell.custom-color-33 {
  color: hsl(118.8, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-34,
#grade-scale-details tr .color-cell.custom-color-34,
#grade-scale tr .color-cell.custom-color-34 {
  color: hsl(122.4, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-35,
#grade-scale-details tr .color-cell.custom-color-35,
#grade-scale tr .color-cell.custom-color-35 {
  color: hsl(126, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-36,
#grade-scale-details tr .color-cell.custom-color-36,
#grade-scale tr .color-cell.custom-color-36 {
  color: hsl(129.6, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-37,
#grade-scale-details tr .color-cell.custom-color-37,
#grade-scale tr .color-cell.custom-color-37 {
  color: hsl(133.2, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-38,
#grade-scale-details tr .color-cell.custom-color-38,
#grade-scale tr .color-cell.custom-color-38 {
  color: hsl(136.8, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-39,
#grade-scale-details tr .color-cell.custom-color-39,
#grade-scale tr .color-cell.custom-color-39 {
  color: hsl(140.4, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-40,
#grade-scale-details tr .color-cell.custom-color-40,
#grade-scale tr .color-cell.custom-color-40 {
  color: hsl(144, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-41,
#grade-scale-details tr .color-cell.custom-color-41,
#grade-scale tr .color-cell.custom-color-41 {
  color: hsl(147.6, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-42,
#grade-scale-details tr .color-cell.custom-color-42,
#grade-scale tr .color-cell.custom-color-42 {
  color: hsl(151.2, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-43,
#grade-scale-details tr .color-cell.custom-color-43,
#grade-scale tr .color-cell.custom-color-43 {
  color: hsl(154.8, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-44,
#grade-scale-details tr .color-cell.custom-color-44,
#grade-scale tr .color-cell.custom-color-44 {
  color: hsl(158.4, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-45,
#grade-scale-details tr .color-cell.custom-color-45,
#grade-scale tr .color-cell.custom-color-45 {
  color: hsl(162, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-46,
#grade-scale-details tr .color-cell.custom-color-46,
#grade-scale tr .color-cell.custom-color-46 {
  color: hsl(165.6, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-47,
#grade-scale-details tr .color-cell.custom-color-47,
#grade-scale tr .color-cell.custom-color-47 {
  color: hsl(169.2, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-48,
#grade-scale-details tr .color-cell.custom-color-48,
#grade-scale tr .color-cell.custom-color-48 {
  color: hsl(172.8, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-49,
#grade-scale-details tr .color-cell.custom-color-49,
#grade-scale tr .color-cell.custom-color-49 {
  color: hsl(176.4, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-50,
#grade-scale-details tr .color-cell.custom-color-50,
#grade-scale tr .color-cell.custom-color-50 {
  color: hsl(180, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-51,
#grade-scale-details tr .color-cell.custom-color-51,
#grade-scale tr .color-cell.custom-color-51 {
  color: hsl(183.6, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-52,
#grade-scale-details tr .color-cell.custom-color-52,
#grade-scale tr .color-cell.custom-color-52 {
  color: hsl(187.2, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-53,
#grade-scale-details tr .color-cell.custom-color-53,
#grade-scale tr .color-cell.custom-color-53 {
  color: hsl(190.8, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-54,
#grade-scale-details tr .color-cell.custom-color-54,
#grade-scale tr .color-cell.custom-color-54 {
  color: hsl(194.4, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-55,
#grade-scale-details tr .color-cell.custom-color-55,
#grade-scale tr .color-cell.custom-color-55 {
  color: hsl(198, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-56,
#grade-scale-details tr .color-cell.custom-color-56,
#grade-scale tr .color-cell.custom-color-56 {
  color: hsl(201.6, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-57,
#grade-scale-details tr .color-cell.custom-color-57,
#grade-scale tr .color-cell.custom-color-57 {
  color: hsl(205.2, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-58,
#grade-scale-details tr .color-cell.custom-color-58,
#grade-scale tr .color-cell.custom-color-58 {
  color: hsl(208.8, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-59,
#grade-scale-details tr .color-cell.custom-color-59,
#grade-scale tr .color-cell.custom-color-59 {
  color: hsl(212.4, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-60,
#grade-scale-details tr .color-cell.custom-color-60,
#grade-scale tr .color-cell.custom-color-60 {
  color: hsl(216, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-61,
#grade-scale-details tr .color-cell.custom-color-61,
#grade-scale tr .color-cell.custom-color-61 {
  color: hsl(219.6, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-62,
#grade-scale-details tr .color-cell.custom-color-62,
#grade-scale tr .color-cell.custom-color-62 {
  color: hsl(223.2, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-63,
#grade-scale-details tr .color-cell.custom-color-63,
#grade-scale tr .color-cell.custom-color-63 {
  color: hsl(226.8, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-64,
#grade-scale-details tr .color-cell.custom-color-64,
#grade-scale tr .color-cell.custom-color-64 {
  color: hsl(230.4, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-65,
#grade-scale-details tr .color-cell.custom-color-65,
#grade-scale tr .color-cell.custom-color-65 {
  color: hsl(234, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-66,
#grade-scale-details tr .color-cell.custom-color-66,
#grade-scale tr .color-cell.custom-color-66 {
  color: hsl(237.6, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-67,
#grade-scale-details tr .color-cell.custom-color-67,
#grade-scale tr .color-cell.custom-color-67 {
  color: hsl(241.2, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-68,
#grade-scale-details tr .color-cell.custom-color-68,
#grade-scale tr .color-cell.custom-color-68 {
  color: hsl(244.8, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-69,
#grade-scale-details tr .color-cell.custom-color-69,
#grade-scale tr .color-cell.custom-color-69 {
  color: hsl(248.4, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-70,
#grade-scale-details tr .color-cell.custom-color-70,
#grade-scale tr .color-cell.custom-color-70 {
  color: hsl(252, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-71,
#grade-scale-details tr .color-cell.custom-color-71,
#grade-scale tr .color-cell.custom-color-71 {
  color: hsl(255.6, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-72,
#grade-scale-details tr .color-cell.custom-color-72,
#grade-scale tr .color-cell.custom-color-72 {
  color: hsl(259.2, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-73,
#grade-scale-details tr .color-cell.custom-color-73,
#grade-scale tr .color-cell.custom-color-73 {
  color: hsl(262.8, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-74,
#grade-scale-details tr .color-cell.custom-color-74,
#grade-scale tr .color-cell.custom-color-74 {
  color: hsl(266.4, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-75,
#grade-scale-details tr .color-cell.custom-color-75,
#grade-scale tr .color-cell.custom-color-75 {
  color: hsl(270, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-76,
#grade-scale-details tr .color-cell.custom-color-76,
#grade-scale tr .color-cell.custom-color-76 {
  color: hsl(273.6, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-77,
#grade-scale-details tr .color-cell.custom-color-77,
#grade-scale tr .color-cell.custom-color-77 {
  color: hsl(277.2, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-78,
#grade-scale-details tr .color-cell.custom-color-78,
#grade-scale tr .color-cell.custom-color-78 {
  color: hsl(280.8, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-79,
#grade-scale-details tr .color-cell.custom-color-79,
#grade-scale tr .color-cell.custom-color-79 {
  color: hsl(284.4, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-80,
#grade-scale-details tr .color-cell.custom-color-80,
#grade-scale tr .color-cell.custom-color-80 {
  color: hsl(288, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-81,
#grade-scale-details tr .color-cell.custom-color-81,
#grade-scale tr .color-cell.custom-color-81 {
  color: hsl(291.6, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-82,
#grade-scale-details tr .color-cell.custom-color-82,
#grade-scale tr .color-cell.custom-color-82 {
  color: hsl(295.2, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-83,
#grade-scale-details tr .color-cell.custom-color-83,
#grade-scale tr .color-cell.custom-color-83 {
  color: hsl(298.8, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-84,
#grade-scale-details tr .color-cell.custom-color-84,
#grade-scale tr .color-cell.custom-color-84 {
  color: hsl(302.4, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-85,
#grade-scale-details tr .color-cell.custom-color-85,
#grade-scale tr .color-cell.custom-color-85 {
  color: hsl(306, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-86,
#grade-scale-details tr .color-cell.custom-color-86,
#grade-scale tr .color-cell.custom-color-86 {
  color: hsl(309.6, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-87,
#grade-scale-details tr .color-cell.custom-color-87,
#grade-scale tr .color-cell.custom-color-87 {
  color: hsl(313.2, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-88,
#grade-scale-details tr .color-cell.custom-color-88,
#grade-scale tr .color-cell.custom-color-88 {
  color: hsl(316.8, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-89,
#grade-scale-details tr .color-cell.custom-color-89,
#grade-scale tr .color-cell.custom-color-89 {
  color: hsl(320.4, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-90,
#grade-scale-details tr .color-cell.custom-color-90,
#grade-scale tr .color-cell.custom-color-90 {
  color: hsl(324, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-91,
#grade-scale-details tr .color-cell.custom-color-91,
#grade-scale tr .color-cell.custom-color-91 {
  color: hsl(327.6, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-92,
#grade-scale-details tr .color-cell.custom-color-92,
#grade-scale tr .color-cell.custom-color-92 {
  color: hsl(331.2, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-93,
#grade-scale-details tr .color-cell.custom-color-93,
#grade-scale tr .color-cell.custom-color-93 {
  color: hsl(334.8, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-94,
#grade-scale-details tr .color-cell.custom-color-94,
#grade-scale tr .color-cell.custom-color-94 {
  color: hsl(338.4, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-95,
#grade-scale-details tr .color-cell.custom-color-95,
#grade-scale tr .color-cell.custom-color-95 {
  color: hsl(342, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-96,
#grade-scale-details tr .color-cell.custom-color-96,
#grade-scale tr .color-cell.custom-color-96 {
  color: hsl(345.6, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-97,
#grade-scale-details tr .color-cell.custom-color-97,
#grade-scale tr .color-cell.custom-color-97 {
  color: hsl(349.2, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-98,
#grade-scale-details tr .color-cell.custom-color-98,
#grade-scale tr .color-cell.custom-color-98 {
  color: hsl(352.8, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-99,
#grade-scale-details tr .color-cell.custom-color-99,
#grade-scale tr .color-cell.custom-color-99 {
  color: hsl(356.4, 75%, 80%);
}
#grade-type tr .color-cell.custom-color-100,
#grade-scale-details tr .color-cell.custom-color-100,
#grade-scale tr .color-cell.custom-color-100 {
  color: hsl(0, 75%, 80%);
}
#grade-type tr .inline-edit-label,
#grade-scale-details tr .inline-edit-label,
#grade-scale tr .inline-edit-label {
  display: inline;
}
#grade-type tr .inline-edit-label.invalid,
#grade-scale-details tr .inline-edit-label.invalid,
#grade-scale tr .inline-edit-label.invalid {
  color: #f44336;
}
#grade-type tr .inline-edit,
#grade-scale-details tr .inline-edit,
#grade-scale tr .inline-edit {
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  border: none;
}
#grade-type tr .inline-edit.invalid,
#grade-scale-details tr .inline-edit.invalid,
#grade-scale tr .inline-edit.invalid {
  color: #f44336;
  border-bottom: 2px solid #f44336;
}
#grade-type tr simple-color-picker,
#grade-scale-details tr simple-color-picker,
#grade-scale tr simple-color-picker {
  display: inline-block;
  width: 100%;
}
#grade-type tr simple-color-picker:not(.add-grade-color),
#grade-scale-details tr simple-color-picker:not(.add-grade-color),
#grade-scale tr simple-color-picker:not(.add-grade-color) {
  display: none;
}
#grade-type tr.row-active,
#grade-scale-details tr.row-active,
#grade-scale tr.row-active {
  background-color: var(--common-primary-50);
}
#grade-type tr.row-active td.index-cell,
#grade-scale-details tr.row-active td.index-cell,
#grade-scale tr.row-active td.index-cell {
  background: var(--common-primary-50);
}
#grade-type tr.row-active td.color-cell,
#grade-scale-details tr.row-active td.color-cell,
#grade-scale tr.row-active td.color-cell {
  background-color: transparent;
}
#grade-type tr.row-active .inline-edit-label,
#grade-scale-details tr.row-active .inline-edit-label,
#grade-scale tr.row-active .inline-edit-label {
  display: none !important;
  /* TODO: remove important */
}
#grade-type tr.row-active .inline-edit,
#grade-scale-details tr.row-active .inline-edit,
#grade-scale tr.row-active .inline-edit {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0.1429rem 0.3571rem;
  font-size: 1.15rem;
  font-weight: normal;
  background-color: var(--common-white);
}
#grade-type tr.row-active .inline-edit.custom-color-0,
#grade-scale-details tr.row-active .inline-edit.custom-color-0,
#grade-scale tr.row-active .inline-edit.custom-color-0 {
  background-color: hsl(0, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-1,
#grade-scale-details tr.row-active .inline-edit.custom-color-1,
#grade-scale tr.row-active .inline-edit.custom-color-1 {
  background-color: hsl(3.6, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-2,
#grade-scale-details tr.row-active .inline-edit.custom-color-2,
#grade-scale tr.row-active .inline-edit.custom-color-2 {
  background-color: hsl(7.2, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-3,
#grade-scale-details tr.row-active .inline-edit.custom-color-3,
#grade-scale tr.row-active .inline-edit.custom-color-3 {
  background-color: hsl(10.8, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-4,
#grade-scale-details tr.row-active .inline-edit.custom-color-4,
#grade-scale tr.row-active .inline-edit.custom-color-4 {
  background-color: hsl(14.4, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-5,
#grade-scale-details tr.row-active .inline-edit.custom-color-5,
#grade-scale tr.row-active .inline-edit.custom-color-5 {
  background-color: hsl(18, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-6,
#grade-scale-details tr.row-active .inline-edit.custom-color-6,
#grade-scale tr.row-active .inline-edit.custom-color-6 {
  background-color: hsl(21.6, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-7,
#grade-scale-details tr.row-active .inline-edit.custom-color-7,
#grade-scale tr.row-active .inline-edit.custom-color-7 {
  background-color: hsl(25.2, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-8,
#grade-scale-details tr.row-active .inline-edit.custom-color-8,
#grade-scale tr.row-active .inline-edit.custom-color-8 {
  background-color: hsl(28.8, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-9,
#grade-scale-details tr.row-active .inline-edit.custom-color-9,
#grade-scale tr.row-active .inline-edit.custom-color-9 {
  background-color: hsl(32.4, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-10,
#grade-scale-details tr.row-active .inline-edit.custom-color-10,
#grade-scale tr.row-active .inline-edit.custom-color-10 {
  background-color: hsl(36, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-11,
#grade-scale-details tr.row-active .inline-edit.custom-color-11,
#grade-scale tr.row-active .inline-edit.custom-color-11 {
  background-color: hsl(39.6, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-12,
#grade-scale-details tr.row-active .inline-edit.custom-color-12,
#grade-scale tr.row-active .inline-edit.custom-color-12 {
  background-color: hsl(43.2, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-13,
#grade-scale-details tr.row-active .inline-edit.custom-color-13,
#grade-scale tr.row-active .inline-edit.custom-color-13 {
  background-color: hsl(46.8, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-14,
#grade-scale-details tr.row-active .inline-edit.custom-color-14,
#grade-scale tr.row-active .inline-edit.custom-color-14 {
  background-color: hsl(50.4, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-15,
#grade-scale-details tr.row-active .inline-edit.custom-color-15,
#grade-scale tr.row-active .inline-edit.custom-color-15 {
  background-color: hsl(54, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-16,
#grade-scale-details tr.row-active .inline-edit.custom-color-16,
#grade-scale tr.row-active .inline-edit.custom-color-16 {
  background-color: hsl(57.6, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-17,
#grade-scale-details tr.row-active .inline-edit.custom-color-17,
#grade-scale tr.row-active .inline-edit.custom-color-17 {
  background-color: hsl(61.2, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-18,
#grade-scale-details tr.row-active .inline-edit.custom-color-18,
#grade-scale tr.row-active .inline-edit.custom-color-18 {
  background-color: hsl(64.8, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-19,
#grade-scale-details tr.row-active .inline-edit.custom-color-19,
#grade-scale tr.row-active .inline-edit.custom-color-19 {
  background-color: hsl(68.4, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-20,
#grade-scale-details tr.row-active .inline-edit.custom-color-20,
#grade-scale tr.row-active .inline-edit.custom-color-20 {
  background-color: hsl(72, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-21,
#grade-scale-details tr.row-active .inline-edit.custom-color-21,
#grade-scale tr.row-active .inline-edit.custom-color-21 {
  background-color: hsl(75.6, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-22,
#grade-scale-details tr.row-active .inline-edit.custom-color-22,
#grade-scale tr.row-active .inline-edit.custom-color-22 {
  background-color: hsl(79.2, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-23,
#grade-scale-details tr.row-active .inline-edit.custom-color-23,
#grade-scale tr.row-active .inline-edit.custom-color-23 {
  background-color: hsl(82.8, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-24,
#grade-scale-details tr.row-active .inline-edit.custom-color-24,
#grade-scale tr.row-active .inline-edit.custom-color-24 {
  background-color: hsl(86.4, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-25,
#grade-scale-details tr.row-active .inline-edit.custom-color-25,
#grade-scale tr.row-active .inline-edit.custom-color-25 {
  background-color: hsl(90, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-26,
#grade-scale-details tr.row-active .inline-edit.custom-color-26,
#grade-scale tr.row-active .inline-edit.custom-color-26 {
  background-color: hsl(93.6, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-27,
#grade-scale-details tr.row-active .inline-edit.custom-color-27,
#grade-scale tr.row-active .inline-edit.custom-color-27 {
  background-color: hsl(97.2, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-28,
#grade-scale-details tr.row-active .inline-edit.custom-color-28,
#grade-scale tr.row-active .inline-edit.custom-color-28 {
  background-color: hsl(100.8, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-29,
#grade-scale-details tr.row-active .inline-edit.custom-color-29,
#grade-scale tr.row-active .inline-edit.custom-color-29 {
  background-color: hsl(104.4, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-30,
#grade-scale-details tr.row-active .inline-edit.custom-color-30,
#grade-scale tr.row-active .inline-edit.custom-color-30 {
  background-color: hsl(108, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-31,
#grade-scale-details tr.row-active .inline-edit.custom-color-31,
#grade-scale tr.row-active .inline-edit.custom-color-31 {
  background-color: hsl(111.6, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-32,
#grade-scale-details tr.row-active .inline-edit.custom-color-32,
#grade-scale tr.row-active .inline-edit.custom-color-32 {
  background-color: hsl(115.2, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-33,
#grade-scale-details tr.row-active .inline-edit.custom-color-33,
#grade-scale tr.row-active .inline-edit.custom-color-33 {
  background-color: hsl(118.8, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-34,
#grade-scale-details tr.row-active .inline-edit.custom-color-34,
#grade-scale tr.row-active .inline-edit.custom-color-34 {
  background-color: hsl(122.4, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-35,
#grade-scale-details tr.row-active .inline-edit.custom-color-35,
#grade-scale tr.row-active .inline-edit.custom-color-35 {
  background-color: hsl(126, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-36,
#grade-scale-details tr.row-active .inline-edit.custom-color-36,
#grade-scale tr.row-active .inline-edit.custom-color-36 {
  background-color: hsl(129.6, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-37,
#grade-scale-details tr.row-active .inline-edit.custom-color-37,
#grade-scale tr.row-active .inline-edit.custom-color-37 {
  background-color: hsl(133.2, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-38,
#grade-scale-details tr.row-active .inline-edit.custom-color-38,
#grade-scale tr.row-active .inline-edit.custom-color-38 {
  background-color: hsl(136.8, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-39,
#grade-scale-details tr.row-active .inline-edit.custom-color-39,
#grade-scale tr.row-active .inline-edit.custom-color-39 {
  background-color: hsl(140.4, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-40,
#grade-scale-details tr.row-active .inline-edit.custom-color-40,
#grade-scale tr.row-active .inline-edit.custom-color-40 {
  background-color: hsl(144, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-41,
#grade-scale-details tr.row-active .inline-edit.custom-color-41,
#grade-scale tr.row-active .inline-edit.custom-color-41 {
  background-color: hsl(147.6, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-42,
#grade-scale-details tr.row-active .inline-edit.custom-color-42,
#grade-scale tr.row-active .inline-edit.custom-color-42 {
  background-color: hsl(151.2, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-43,
#grade-scale-details tr.row-active .inline-edit.custom-color-43,
#grade-scale tr.row-active .inline-edit.custom-color-43 {
  background-color: hsl(154.8, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-44,
#grade-scale-details tr.row-active .inline-edit.custom-color-44,
#grade-scale tr.row-active .inline-edit.custom-color-44 {
  background-color: hsl(158.4, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-45,
#grade-scale-details tr.row-active .inline-edit.custom-color-45,
#grade-scale tr.row-active .inline-edit.custom-color-45 {
  background-color: hsl(162, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-46,
#grade-scale-details tr.row-active .inline-edit.custom-color-46,
#grade-scale tr.row-active .inline-edit.custom-color-46 {
  background-color: hsl(165.6, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-47,
#grade-scale-details tr.row-active .inline-edit.custom-color-47,
#grade-scale tr.row-active .inline-edit.custom-color-47 {
  background-color: hsl(169.2, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-48,
#grade-scale-details tr.row-active .inline-edit.custom-color-48,
#grade-scale tr.row-active .inline-edit.custom-color-48 {
  background-color: hsl(172.8, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-49,
#grade-scale-details tr.row-active .inline-edit.custom-color-49,
#grade-scale tr.row-active .inline-edit.custom-color-49 {
  background-color: hsl(176.4, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-50,
#grade-scale-details tr.row-active .inline-edit.custom-color-50,
#grade-scale tr.row-active .inline-edit.custom-color-50 {
  background-color: hsl(180, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-51,
#grade-scale-details tr.row-active .inline-edit.custom-color-51,
#grade-scale tr.row-active .inline-edit.custom-color-51 {
  background-color: hsl(183.6, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-52,
#grade-scale-details tr.row-active .inline-edit.custom-color-52,
#grade-scale tr.row-active .inline-edit.custom-color-52 {
  background-color: hsl(187.2, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-53,
#grade-scale-details tr.row-active .inline-edit.custom-color-53,
#grade-scale tr.row-active .inline-edit.custom-color-53 {
  background-color: hsl(190.8, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-54,
#grade-scale-details tr.row-active .inline-edit.custom-color-54,
#grade-scale tr.row-active .inline-edit.custom-color-54 {
  background-color: hsl(194.4, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-55,
#grade-scale-details tr.row-active .inline-edit.custom-color-55,
#grade-scale tr.row-active .inline-edit.custom-color-55 {
  background-color: hsl(198, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-56,
#grade-scale-details tr.row-active .inline-edit.custom-color-56,
#grade-scale tr.row-active .inline-edit.custom-color-56 {
  background-color: hsl(201.6, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-57,
#grade-scale-details tr.row-active .inline-edit.custom-color-57,
#grade-scale tr.row-active .inline-edit.custom-color-57 {
  background-color: hsl(205.2, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-58,
#grade-scale-details tr.row-active .inline-edit.custom-color-58,
#grade-scale tr.row-active .inline-edit.custom-color-58 {
  background-color: hsl(208.8, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-59,
#grade-scale-details tr.row-active .inline-edit.custom-color-59,
#grade-scale tr.row-active .inline-edit.custom-color-59 {
  background-color: hsl(212.4, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-60,
#grade-scale-details tr.row-active .inline-edit.custom-color-60,
#grade-scale tr.row-active .inline-edit.custom-color-60 {
  background-color: hsl(216, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-61,
#grade-scale-details tr.row-active .inline-edit.custom-color-61,
#grade-scale tr.row-active .inline-edit.custom-color-61 {
  background-color: hsl(219.6, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-62,
#grade-scale-details tr.row-active .inline-edit.custom-color-62,
#grade-scale tr.row-active .inline-edit.custom-color-62 {
  background-color: hsl(223.2, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-63,
#grade-scale-details tr.row-active .inline-edit.custom-color-63,
#grade-scale tr.row-active .inline-edit.custom-color-63 {
  background-color: hsl(226.8, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-64,
#grade-scale-details tr.row-active .inline-edit.custom-color-64,
#grade-scale tr.row-active .inline-edit.custom-color-64 {
  background-color: hsl(230.4, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-65,
#grade-scale-details tr.row-active .inline-edit.custom-color-65,
#grade-scale tr.row-active .inline-edit.custom-color-65 {
  background-color: hsl(234, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-66,
#grade-scale-details tr.row-active .inline-edit.custom-color-66,
#grade-scale tr.row-active .inline-edit.custom-color-66 {
  background-color: hsl(237.6, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-67,
#grade-scale-details tr.row-active .inline-edit.custom-color-67,
#grade-scale tr.row-active .inline-edit.custom-color-67 {
  background-color: hsl(241.2, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-68,
#grade-scale-details tr.row-active .inline-edit.custom-color-68,
#grade-scale tr.row-active .inline-edit.custom-color-68 {
  background-color: hsl(244.8, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-69,
#grade-scale-details tr.row-active .inline-edit.custom-color-69,
#grade-scale tr.row-active .inline-edit.custom-color-69 {
  background-color: hsl(248.4, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-70,
#grade-scale-details tr.row-active .inline-edit.custom-color-70,
#grade-scale tr.row-active .inline-edit.custom-color-70 {
  background-color: hsl(252, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-71,
#grade-scale-details tr.row-active .inline-edit.custom-color-71,
#grade-scale tr.row-active .inline-edit.custom-color-71 {
  background-color: hsl(255.6, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-72,
#grade-scale-details tr.row-active .inline-edit.custom-color-72,
#grade-scale tr.row-active .inline-edit.custom-color-72 {
  background-color: hsl(259.2, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-73,
#grade-scale-details tr.row-active .inline-edit.custom-color-73,
#grade-scale tr.row-active .inline-edit.custom-color-73 {
  background-color: hsl(262.8, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-74,
#grade-scale-details tr.row-active .inline-edit.custom-color-74,
#grade-scale tr.row-active .inline-edit.custom-color-74 {
  background-color: hsl(266.4, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-75,
#grade-scale-details tr.row-active .inline-edit.custom-color-75,
#grade-scale tr.row-active .inline-edit.custom-color-75 {
  background-color: hsl(270, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-76,
#grade-scale-details tr.row-active .inline-edit.custom-color-76,
#grade-scale tr.row-active .inline-edit.custom-color-76 {
  background-color: hsl(273.6, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-77,
#grade-scale-details tr.row-active .inline-edit.custom-color-77,
#grade-scale tr.row-active .inline-edit.custom-color-77 {
  background-color: hsl(277.2, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-78,
#grade-scale-details tr.row-active .inline-edit.custom-color-78,
#grade-scale tr.row-active .inline-edit.custom-color-78 {
  background-color: hsl(280.8, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-79,
#grade-scale-details tr.row-active .inline-edit.custom-color-79,
#grade-scale tr.row-active .inline-edit.custom-color-79 {
  background-color: hsl(284.4, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-80,
#grade-scale-details tr.row-active .inline-edit.custom-color-80,
#grade-scale tr.row-active .inline-edit.custom-color-80 {
  background-color: hsl(288, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-81,
#grade-scale-details tr.row-active .inline-edit.custom-color-81,
#grade-scale tr.row-active .inline-edit.custom-color-81 {
  background-color: hsl(291.6, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-82,
#grade-scale-details tr.row-active .inline-edit.custom-color-82,
#grade-scale tr.row-active .inline-edit.custom-color-82 {
  background-color: hsl(295.2, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-83,
#grade-scale-details tr.row-active .inline-edit.custom-color-83,
#grade-scale tr.row-active .inline-edit.custom-color-83 {
  background-color: hsl(298.8, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-84,
#grade-scale-details tr.row-active .inline-edit.custom-color-84,
#grade-scale tr.row-active .inline-edit.custom-color-84 {
  background-color: hsl(302.4, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-85,
#grade-scale-details tr.row-active .inline-edit.custom-color-85,
#grade-scale tr.row-active .inline-edit.custom-color-85 {
  background-color: hsl(306, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-86,
#grade-scale-details tr.row-active .inline-edit.custom-color-86,
#grade-scale tr.row-active .inline-edit.custom-color-86 {
  background-color: hsl(309.6, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-87,
#grade-scale-details tr.row-active .inline-edit.custom-color-87,
#grade-scale tr.row-active .inline-edit.custom-color-87 {
  background-color: hsl(313.2, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-88,
#grade-scale-details tr.row-active .inline-edit.custom-color-88,
#grade-scale tr.row-active .inline-edit.custom-color-88 {
  background-color: hsl(316.8, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-89,
#grade-scale-details tr.row-active .inline-edit.custom-color-89,
#grade-scale tr.row-active .inline-edit.custom-color-89 {
  background-color: hsl(320.4, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-90,
#grade-scale-details tr.row-active .inline-edit.custom-color-90,
#grade-scale tr.row-active .inline-edit.custom-color-90 {
  background-color: hsl(324, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-91,
#grade-scale-details tr.row-active .inline-edit.custom-color-91,
#grade-scale tr.row-active .inline-edit.custom-color-91 {
  background-color: hsl(327.6, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-92,
#grade-scale-details tr.row-active .inline-edit.custom-color-92,
#grade-scale tr.row-active .inline-edit.custom-color-92 {
  background-color: hsl(331.2, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-93,
#grade-scale-details tr.row-active .inline-edit.custom-color-93,
#grade-scale tr.row-active .inline-edit.custom-color-93 {
  background-color: hsl(334.8, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-94,
#grade-scale-details tr.row-active .inline-edit.custom-color-94,
#grade-scale tr.row-active .inline-edit.custom-color-94 {
  background-color: hsl(338.4, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-95,
#grade-scale-details tr.row-active .inline-edit.custom-color-95,
#grade-scale tr.row-active .inline-edit.custom-color-95 {
  background-color: hsl(342, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-96,
#grade-scale-details tr.row-active .inline-edit.custom-color-96,
#grade-scale tr.row-active .inline-edit.custom-color-96 {
  background-color: hsl(345.6, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-97,
#grade-scale-details tr.row-active .inline-edit.custom-color-97,
#grade-scale tr.row-active .inline-edit.custom-color-97 {
  background-color: hsl(349.2, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-98,
#grade-scale-details tr.row-active .inline-edit.custom-color-98,
#grade-scale tr.row-active .inline-edit.custom-color-98 {
  background-color: hsl(352.8, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-99,
#grade-scale-details tr.row-active .inline-edit.custom-color-99,
#grade-scale tr.row-active .inline-edit.custom-color-99 {
  background-color: hsl(356.4, 75%, 80%);
}
#grade-type tr.row-active .inline-edit.custom-color-100,
#grade-scale-details tr.row-active .inline-edit.custom-color-100,
#grade-scale tr.row-active .inline-edit.custom-color-100 {
  background-color: hsl(0, 75%, 80%);
}
#grade-type tr.row-active simple-color-picker,
#grade-scale-details tr.row-active simple-color-picker,
#grade-scale tr.row-active simple-color-picker {
  display: inline-block;
}
#grade-type tr.row-active input,
#grade-scale-details tr.row-active input,
#grade-scale tr.row-active input {
  border-bottom: 1px solid var(--common-grey-400);
}
#grade-type tr.row-active input:focus,
#grade-scale-details tr.row-active input:focus,
#grade-scale tr.row-active input:focus {
  outline: none;
  border-bottom: 2px solid var(--common-primary);
}
#grade-type .page-content p.grades-not-included-to-average-info,
#grade-scale-details .page-content p.grades-not-included-to-average-info,
#grade-scale .page-content p.grades-not-included-to-average-info {
  margin: 0;
  text-align: center;
}
#grade-type .header-title,
#grade-scale-details .header-title,
#grade-scale .header-title {
  display: flex;
  align-items: center;
}
#lesson-plan-view .mdl-data-table {
  max-width: 95vw;
}
#lesson-plan-view tr.enabled-row {
  background-color: rgba(255, 238, 88, 0.4);
}
#lesson-plan-view tr.unselected-row {
  background-color: var(--common-grey-300);
}
#lesson-plan-view tr.unselected-row th {
  background-color: var(--common-grey-300);
}
#lesson-plan-view .lesson-plan-view-container {
  padding: 1.4286rem 0;
}
#lesson-plan-view .lesson-plan-view-table {
  table-layout: fixed;
  width: 98%;
  max-width: 98%;
  margin: 0 auto;
  font-size: 0.93rem;
  border-collapse: collapse;
  border: 1px solid var(--common-grey-600);
}
#lesson-plan-view .lesson-plan-view-table th {
  border: 1px solid var(--common-primary-800);
  padding: 0.3571rem 0.1429rem;
  text-align: center;
  font-weight: normal;
  background-color: var(--common-primary-700);
  color: var(--primary-content);
}
#lesson-plan-view .lesson-plan-view-table td {
  border: 1px dottedvar(--common-grey-500);
  padding: 1px;
  text-align: center;
  font-weight: normal;
  color: var(--primary-content);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject {
  display: block;
  width: 100%;
  height: 20px;
  margin: 3px auto;
  border: 1px solid transparent;
  background-color: var(--common-primary-700);
  text-align: center;
  font-size: 10px;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: move;
  font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif;
  cursor: default;
  border: none;
  margin: 0 0 1px 0;
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-0 {
  background-color: hsl(0, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-1 {
  background-color: hsl(3.6, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-2 {
  background-color: hsl(7.2, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-3 {
  background-color: hsl(10.8, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-4 {
  background-color: hsl(14.4, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-5 {
  background-color: hsl(18, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-6 {
  background-color: hsl(21.6, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-7 {
  background-color: hsl(25.2, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-8 {
  background-color: hsl(28.8, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-9 {
  background-color: hsl(32.4, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-10 {
  background-color: hsl(36, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-11 {
  background-color: hsl(39.6, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-12 {
  background-color: hsl(43.2, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-13 {
  background-color: hsl(46.8, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-14 {
  background-color: hsl(50.4, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-15 {
  background-color: hsl(54, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-16 {
  background-color: hsl(57.6, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-17 {
  background-color: hsl(61.2, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-18 {
  background-color: hsl(64.8, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-19 {
  background-color: hsl(68.4, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-20 {
  background-color: hsl(72, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-21 {
  background-color: hsl(75.6, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-22 {
  background-color: hsl(79.2, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-23 {
  background-color: hsl(82.8, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-24 {
  background-color: hsl(86.4, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-25 {
  background-color: hsl(90, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-26 {
  background-color: hsl(93.6, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-27 {
  background-color: hsl(97.2, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-28 {
  background-color: hsl(100.8, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-29 {
  background-color: hsl(104.4, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-30 {
  background-color: hsl(108, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-31 {
  background-color: hsl(111.6, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-32 {
  background-color: hsl(115.2, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-33 {
  background-color: hsl(118.8, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-34 {
  background-color: hsl(122.4, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-35 {
  background-color: hsl(126, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-36 {
  background-color: hsl(129.6, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-37 {
  background-color: hsl(133.2, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-38 {
  background-color: hsl(136.8, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-39 {
  background-color: hsl(140.4, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-40 {
  background-color: hsl(144, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-41 {
  background-color: hsl(147.6, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-42 {
  background-color: hsl(151.2, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-43 {
  background-color: hsl(154.8, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-44 {
  background-color: hsl(158.4, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-45 {
  background-color: hsl(162, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-46 {
  background-color: hsl(165.6, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-47 {
  background-color: hsl(169.2, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-48 {
  background-color: hsl(172.8, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-49 {
  background-color: hsl(176.4, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-50 {
  background-color: hsl(180, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-51 {
  background-color: hsl(183.6, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-52 {
  background-color: hsl(187.2, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-53 {
  background-color: hsl(190.8, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-54 {
  background-color: hsl(194.4, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-55 {
  background-color: hsl(198, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-56 {
  background-color: hsl(201.6, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-57 {
  background-color: hsl(205.2, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-58 {
  background-color: hsl(208.8, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-59 {
  background-color: hsl(212.4, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-60 {
  background-color: hsl(216, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-61 {
  background-color: hsl(219.6, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-62 {
  background-color: hsl(223.2, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-63 {
  background-color: hsl(226.8, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-64 {
  background-color: hsl(230.4, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-65 {
  background-color: hsl(234, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-66 {
  background-color: hsl(237.6, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-67 {
  background-color: hsl(241.2, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-68 {
  background-color: hsl(244.8, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-69 {
  background-color: hsl(248.4, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-70 {
  background-color: hsl(252, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-71 {
  background-color: hsl(255.6, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-72 {
  background-color: hsl(259.2, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-73 {
  background-color: hsl(262.8, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-74 {
  background-color: hsl(266.4, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-75 {
  background-color: hsl(270, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-76 {
  background-color: hsl(273.6, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-77 {
  background-color: hsl(277.2, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-78 {
  background-color: hsl(280.8, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-79 {
  background-color: hsl(284.4, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-80 {
  background-color: hsl(288, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-81 {
  background-color: hsl(291.6, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-82 {
  background-color: hsl(295.2, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-83 {
  background-color: hsl(298.8, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-84 {
  background-color: hsl(302.4, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-85 {
  background-color: hsl(306, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-86 {
  background-color: hsl(309.6, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-87 {
  background-color: hsl(313.2, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-88 {
  background-color: hsl(316.8, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-89 {
  background-color: hsl(320.4, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-90 {
  background-color: hsl(324, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-91 {
  background-color: hsl(327.6, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-92 {
  background-color: hsl(331.2, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-93 {
  background-color: hsl(334.8, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-94 {
  background-color: hsl(338.4, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-95 {
  background-color: hsl(342, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-96 {
  background-color: hsl(345.6, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-97 {
  background-color: hsl(349.2, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-98 {
  background-color: hsl(352.8, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-99 {
  background-color: hsl(356.4, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject.custom-color-100 {
  background-color: hsl(0, 75%, 50%);
}
#lesson-plan-view .lesson-plan-view-table .lpc-class-subject:last-child {
  margin-bottom: 0;
}
#lesson-plan .app-loading-wrapper,
#lesson-plan-view .app-loading-wrapper,
#lesson-plan-creator .app-loading-wrapper,
#lesson-plan-edit .app-loading-wrapper {
  padding: 4.5714rem 0;
  text-align: center;
}
#lesson-plan .option-disabled,
#lesson-plan-view .option-disabled,
#lesson-plan-creator .option-disabled,
#lesson-plan-edit .option-disabled {
  color: var(--common-grey-500);
  cursor: not-allowed;
}
#lesson-plan .text-muted,
#lesson-plan-view .text-muted,
#lesson-plan-creator .text-muted,
#lesson-plan-edit .text-muted {
  color: var(--common-grey-400);
}
#lesson-plan-view .option-disabled,
#lesson-plan-creator .option-disabled,
#lesson-plan-edit .option-disabled {
  color: var(--common-grey-500);
  cursor: not-allowed;
}
#lesson-plan .plan-status {
  min-width: 10rem;
}
#lesson-plan .plan-status-locked {
  text-transform: uppercase;
  color: var(--common-accent);
}
#lesson-plan .currentlyOperates {
  background-color: var(--common-primary-900);
  color: var(--primary-content);
}
#lesson-plan .empty-table {
  text-align: center;
}
#lesson-plan .header-title {
  display: flex;
  align-items: center;
}
/*Drag and Drop */
.gu-unselectable .lpc-class-subject {
  display: block;
  width: 80px;
  height: 30px;
  margin: 3px auto;
  border: 1px solid transparent;
  background-color: var(--common-primary-700);
  text-align: center;
  font-size: 11px;
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: move;
  font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif;
  color: var(--common-primary-400);
  border: 1px solid var(--common-primary-400);
  background-color: transparent;
}
gradebook-lesson-plan-tooltip {
  position: fixed;
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
  z-index: 1000;
  background-color: var(--common-grey-50);
  border: 3px solid var(--common-grey-700);
  color: var(--common-grey-900);
  padding: 1.4286rem;
  border-radius: 3px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  display: none;
  line-height: 1.4286rem;
}
gradebook-lesson-plan-tooltip.custom-color-0 {
  border-color: hsl(0, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-1 {
  border-color: hsl(3.6, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-2 {
  border-color: hsl(7.2, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-3 {
  border-color: hsl(10.8, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-4 {
  border-color: hsl(14.4, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-5 {
  border-color: hsl(18, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-6 {
  border-color: hsl(21.6, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-7 {
  border-color: hsl(25.2, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-8 {
  border-color: hsl(28.8, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-9 {
  border-color: hsl(32.4, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-10 {
  border-color: hsl(36, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-11 {
  border-color: hsl(39.6, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-12 {
  border-color: hsl(43.2, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-13 {
  border-color: hsl(46.8, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-14 {
  border-color: hsl(50.4, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-15 {
  border-color: hsl(54, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-16 {
  border-color: hsl(57.6, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-17 {
  border-color: hsl(61.2, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-18 {
  border-color: hsl(64.8, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-19 {
  border-color: hsl(68.4, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-20 {
  border-color: hsl(72, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-21 {
  border-color: hsl(75.6, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-22 {
  border-color: hsl(79.2, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-23 {
  border-color: hsl(82.8, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-24 {
  border-color: hsl(86.4, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-25 {
  border-color: hsl(90, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-26 {
  border-color: hsl(93.6, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-27 {
  border-color: hsl(97.2, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-28 {
  border-color: hsl(100.8, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-29 {
  border-color: hsl(104.4, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-30 {
  border-color: hsl(108, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-31 {
  border-color: hsl(111.6, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-32 {
  border-color: hsl(115.2, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-33 {
  border-color: hsl(118.8, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-34 {
  border-color: hsl(122.4, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-35 {
  border-color: hsl(126, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-36 {
  border-color: hsl(129.6, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-37 {
  border-color: hsl(133.2, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-38 {
  border-color: hsl(136.8, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-39 {
  border-color: hsl(140.4, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-40 {
  border-color: hsl(144, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-41 {
  border-color: hsl(147.6, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-42 {
  border-color: hsl(151.2, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-43 {
  border-color: hsl(154.8, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-44 {
  border-color: hsl(158.4, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-45 {
  border-color: hsl(162, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-46 {
  border-color: hsl(165.6, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-47 {
  border-color: hsl(169.2, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-48 {
  border-color: hsl(172.8, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-49 {
  border-color: hsl(176.4, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-50 {
  border-color: hsl(180, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-51 {
  border-color: hsl(183.6, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-52 {
  border-color: hsl(187.2, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-53 {
  border-color: hsl(190.8, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-54 {
  border-color: hsl(194.4, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-55 {
  border-color: hsl(198, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-56 {
  border-color: hsl(201.6, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-57 {
  border-color: hsl(205.2, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-58 {
  border-color: hsl(208.8, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-59 {
  border-color: hsl(212.4, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-60 {
  border-color: hsl(216, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-61 {
  border-color: hsl(219.6, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-62 {
  border-color: hsl(223.2, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-63 {
  border-color: hsl(226.8, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-64 {
  border-color: hsl(230.4, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-65 {
  border-color: hsl(234, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-66 {
  border-color: hsl(237.6, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-67 {
  border-color: hsl(241.2, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-68 {
  border-color: hsl(244.8, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-69 {
  border-color: hsl(248.4, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-70 {
  border-color: hsl(252, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-71 {
  border-color: hsl(255.6, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-72 {
  border-color: hsl(259.2, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-73 {
  border-color: hsl(262.8, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-74 {
  border-color: hsl(266.4, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-75 {
  border-color: hsl(270, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-76 {
  border-color: hsl(273.6, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-77 {
  border-color: hsl(277.2, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-78 {
  border-color: hsl(280.8, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-79 {
  border-color: hsl(284.4, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-80 {
  border-color: hsl(288, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-81 {
  border-color: hsl(291.6, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-82 {
  border-color: hsl(295.2, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-83 {
  border-color: hsl(298.8, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-84 {
  border-color: hsl(302.4, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-85 {
  border-color: hsl(306, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-86 {
  border-color: hsl(309.6, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-87 {
  border-color: hsl(313.2, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-88 {
  border-color: hsl(316.8, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-89 {
  border-color: hsl(320.4, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-90 {
  border-color: hsl(324, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-91 {
  border-color: hsl(327.6, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-92 {
  border-color: hsl(331.2, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-93 {
  border-color: hsl(334.8, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-94 {
  border-color: hsl(338.4, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-95 {
  border-color: hsl(342, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-96 {
  border-color: hsl(345.6, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-97 {
  border-color: hsl(349.2, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-98 {
  border-color: hsl(352.8, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-99 {
  border-color: hsl(356.4, 75%, 50%);
}
gradebook-lesson-plan-tooltip.custom-color-100 {
  border-color: hsl(0, 75%, 50%);
}
gradebook-lesson-plan-tooltip dl {
  margin: 0;
  padding: 0;
  max-width: 29.2857rem;
}
gradebook-lesson-plan-tooltip dl dt {
  display: inline-block;
  width: 10.7143rem;
  margin: 0;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  vertical-align: top;
}
gradebook-lesson-plan-tooltip dl dd {
  display: inline-block;
  width: 17.8571rem;
  margin: 0;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: bold;
}
gradebook-lesson-plan-tooltip dl dd + dd {
  margin-left: 10.7143rem;
}
gradebook-lesson-plan-tooltip * {
  font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif;
  font-size: 0.86rem;
  line-height: 1.4286rem;
}
gradebook-lesson-plan-tooltip.ltp-visible {
  display: block;
}
app-popup-lesson-plan-item .popup-mask .popup {
  width: 100%;
  height: auto;
  overflow: auto;
  max-width: 50vw;
}
app-popup-lesson-plan-item h6 {
  margin-top: 0;
  margin-bottom: 0;
}
app-popup-lesson-plan-item .classroom-list {
  padding: 1.4286rem 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
  height: auto;
  max-height: 25vh;
  overflow-y: auto;
  overflow-x: hidden;
}
app-popup-lesson-plan-item .classroom-list mat-radio-button {
  margin-right: 1.4286rem;
  width: 14.2857rem;
  overflow: hidden;
}
app-popup-lesson-plan-item .additional-button {
  position: relative;
  transform: translateY(4.2857rem);
}
schedule-table-container .text-center {
  text-align: center;
}
schedule-table-container table {
  font-family: var(--common-font-family);
  font-size: 0.86rem;
  color: var(--common-dark-opacity-500);
}
schedule-table-container table.table-lesson-plan thead tr td.lesson-plan-item-cell {
  padding-left: 0;
}
schedule-table-container th.index-cell {
  border: 1px solid var(--common-grey-300);
  padding: 0 0.8571rem;
  vertical-align: middle;
  background-clip: padding-box !important;
  /* TODO: remove important */
  font-weight: normal;
  border-top: 0;
}
schedule-table-container th.index-cell span {
  font-weight: bold;
  font-size: 0.86rem;
}
schedule-table-container th.text-center {
  vertical-align: middle;
  padding: 0 0.8571rem;
  border: 1px solid var(--common-grey-300);
  border-top: 0;
  background-clip: padding-box !important;
  /* TODO: remove important */
}
schedule-table-container .table-lesson-plan {
  min-width: 52.5rem;
  white-space: normal;
  border-collapse: collapse;
}
schedule-table-container .table-lesson-plan .col-width-1 {
  width: 50%;
}
schedule-table-container .table-lesson-plan .col-width-2 {
  width: 33.33333333%;
}
schedule-table-container .table-lesson-plan .col-width-3 {
  width: 25%;
}
schedule-table-container .table-lesson-plan .col-width-4 {
  width: 20%;
}
schedule-table-container .table-lesson-plan .col-width-5 {
  width: 16.66666667%;
}
schedule-table-container .table-lesson-plan .col-width-6 {
  width: 14.28571429%;
}
schedule-table-container .table-lesson-plan .col-width-7 {
  width: 12.5%;
}
schedule-table-container .table-lesson-plan .lesson-plan-header {
  background-color: var(--primary);
  color: var(--primary-content);
}
schedule-table-container .table-lesson-plan .lesson-plan-header th {
  font-size: 1.43rem;
  font-weight: normal;
  padding-top: 0;
  padding-bottom: 0;
  vertical-align: middle;
}
schedule-table-container .table-lesson-plan .lesson-plan-header .lesson-plan-header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--primary-content);
}
schedule-table-container .table-lesson-plan .lesson-plan-header .lesson-plan-header-container > div {
  display: flex;
  align-items: center;
}
schedule-table-container .table-lesson-plan .lesson-plan-header .lesson-plan-header-container input {
  width: 0;
  padding: 0;
  margin: 0;
  border: none;
}
schedule-table-container .table-lesson-plan .lesson-plan-header .lesson-plan-header-container button {
  color: var(--primary-content);
  font-size: 1.43rem;
  font-weight: normal;
}
schedule-table-container .table-lesson-plan .lesson-plan-header .lesson-plan-header-container button[disabled] {
  color: var(--common-grey-500);
}
schedule-table-container .table-lesson-plan .data-table-info-header .index-cell {
  vertical-align: middle;
}
schedule-table-container .table-lesson-plan .data-table-info-header th.active {
  background-color: var(--primary);
  color: var(--primary-content);
}
schedule-table-container .table-lesson-plan .index-cell {
  vertical-align: middle;
  text-align: center;
}
schedule-table-container .table-lesson-plan tbody > tr:hover > .index-cell {
  background: var(--common-grey-200);
}
schedule-table-container .table-lesson-plan td {
  border: solid 1px var(--common-grey-300);
  padding: calc(0.0714rem + (17*(100vw - 45.7143rem)/1040)) calc(0.0714rem + (11*(100vw - 45.7143rem)/1040));
  height: auto;
}
schedule-table-container .table-lesson-plan .lesson-plan-item-title-box {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
schedule-table-container .table-lesson-plan .lesson-plan-item-title-box .subject-plan-label {
  font-size: calc(0.8571rem + (8*(100vw - 45.7143rem)/1040));
}
schedule-table-container .table-lesson-plan .lesson-plan-item-title-box .plan-item-icon {
  cursor: pointer;
  font-size: calc(0.8571rem + (8*(100vw - 45.7143rem)/1040));
}
schedule-table-container .table-lesson-plan .lesson-plan-item-title-box .plan-item-icon i {
  color: var(--common-light-primary-text);
}
schedule-table-container .table-lesson-plan .lesson-plan-item-cell {
  padding: 0;
  vertical-align: top;
  text-align: left;
}
schedule-table-container .table-lesson-plan .lesson-plan-items-container {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: wrap;
  width: auto;
  height: 100%;
}
schedule-table-container .table-lesson-plan .lesson-plan-items-container a {
  text-decoration: none;
}
schedule-table-container .table-lesson-plan .lesson-plan-items-container .lesson-plan-item-box {
  width: 100%;
}
schedule-table-container .table-lesson-plan .lesson-plan-items-container .lesson-plan-item-box .lesson-plan-lesson-title {
  margin-bottom: 8px;
}
schedule-table-container .table-lesson-plan .lesson-plan-item {
  flex-basis: 100%;
  padding: 0.8571rem 1.2857rem;
  width: auto;
  color: var(--primary-accent);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: calc(0.0714rem + (17*(100vw - 45.7143rem)/1040)) calc(0.0714rem + (11*(100vw - 45.7143rem)/1040));
  text-decoration: none;
  position: relative;
  cursor: pointer;
}
schedule-table-container .table-lesson-plan .lesson-plan-item-title {
  margin-top: 0;
  font-size: calc(0.8571rem + (8*(100vw - 45.7143rem)/1040));
}
schedule-table-container .table-lesson-plan .lesson-plan-item-info {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 0.86rem;
}
schedule-table-container .table-lesson-plan .holiday-day {
  background-color: #eaeae0;
  background-clip: padding-box;
}
schedule-table-container .table-lesson-plan .holiday-lesson-plan-item {
  color: var(--common-black);
}
schedule-table-container .lesson-plan-item.custom-color-0 {
  background-color: hsl(0, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-1 {
  background-color: hsl(3.6, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-2 {
  background-color: hsl(7.2, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-3 {
  background-color: hsl(10.8, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-4 {
  background-color: hsl(14.4, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-5 {
  background-color: hsl(18, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-6 {
  background-color: hsl(21.6, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-7 {
  background-color: hsl(25.2, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-8 {
  background-color: hsl(28.8, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-9 {
  background-color: hsl(32.4, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-10 {
  background-color: hsl(36, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-11 {
  background-color: hsl(39.6, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-12 {
  background-color: hsl(43.2, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-13 {
  background-color: hsl(46.8, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-14 {
  background-color: hsl(50.4, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-15 {
  background-color: hsl(54, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-16 {
  background-color: hsl(57.6, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-17 {
  background-color: hsl(61.2, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-18 {
  background-color: hsl(64.8, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-19 {
  background-color: hsl(68.4, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-20 {
  background-color: hsl(72, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-21 {
  background-color: hsl(75.6, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-22 {
  background-color: hsl(79.2, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-23 {
  background-color: hsl(82.8, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-24 {
  background-color: hsl(86.4, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-25 {
  background-color: hsl(90, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-26 {
  background-color: hsl(93.6, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-27 {
  background-color: hsl(97.2, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-28 {
  background-color: hsl(100.8, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-29 {
  background-color: hsl(104.4, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-30 {
  background-color: hsl(108, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-31 {
  background-color: hsl(111.6, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-32 {
  background-color: hsl(115.2, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-33 {
  background-color: hsl(118.8, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-34 {
  background-color: hsl(122.4, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-35 {
  background-color: hsl(126, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-36 {
  background-color: hsl(129.6, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-37 {
  background-color: hsl(133.2, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-38 {
  background-color: hsl(136.8, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-39 {
  background-color: hsl(140.4, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-40 {
  background-color: hsl(144, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-41 {
  background-color: hsl(147.6, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-42 {
  background-color: hsl(151.2, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-43 {
  background-color: hsl(154.8, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-44 {
  background-color: hsl(158.4, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-45 {
  background-color: hsl(162, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-46 {
  background-color: hsl(165.6, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-47 {
  background-color: hsl(169.2, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-48 {
  background-color: hsl(172.8, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-49 {
  background-color: hsl(176.4, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-50 {
  background-color: hsl(180, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-51 {
  background-color: hsl(183.6, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-52 {
  background-color: hsl(187.2, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-53 {
  background-color: hsl(190.8, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-54 {
  background-color: hsl(194.4, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-55 {
  background-color: hsl(198, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-56 {
  background-color: hsl(201.6, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-57 {
  background-color: hsl(205.2, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-58 {
  background-color: hsl(208.8, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-59 {
  background-color: hsl(212.4, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-60 {
  background-color: hsl(216, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-61 {
  background-color: hsl(219.6, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-62 {
  background-color: hsl(223.2, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-63 {
  background-color: hsl(226.8, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-64 {
  background-color: hsl(230.4, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-65 {
  background-color: hsl(234, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-66 {
  background-color: hsl(237.6, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-67 {
  background-color: hsl(241.2, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-68 {
  background-color: hsl(244.8, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-69 {
  background-color: hsl(248.4, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-70 {
  background-color: hsl(252, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-71 {
  background-color: hsl(255.6, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-72 {
  background-color: hsl(259.2, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-73 {
  background-color: hsl(262.8, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-74 {
  background-color: hsl(266.4, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-75 {
  background-color: hsl(270, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-76 {
  background-color: hsl(273.6, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-77 {
  background-color: hsl(277.2, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-78 {
  background-color: hsl(280.8, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-79 {
  background-color: hsl(284.4, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-80 {
  background-color: hsl(288, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-81 {
  background-color: hsl(291.6, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-82 {
  background-color: hsl(295.2, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-83 {
  background-color: hsl(298.8, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-84 {
  background-color: hsl(302.4, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-85 {
  background-color: hsl(306, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-86 {
  background-color: hsl(309.6, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-87 {
  background-color: hsl(313.2, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-88 {
  background-color: hsl(316.8, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-89 {
  background-color: hsl(320.4, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-90 {
  background-color: hsl(324, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-91 {
  background-color: hsl(327.6, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-92 {
  background-color: hsl(331.2, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-93 {
  background-color: hsl(334.8, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-94 {
  background-color: hsl(338.4, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-95 {
  background-color: hsl(342, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-96 {
  background-color: hsl(345.6, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-97 {
  background-color: hsl(349.2, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-98 {
  background-color: hsl(352.8, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-99 {
  background-color: hsl(356.4, 75%, 50%);
}
schedule-table-container .lesson-plan-item.custom-color-100 {
  background-color: hsl(0, 75%, 50%);
}
schedule-table-container .custom-date-field {
  border: none transparent;
  width: 1px;
  height: 0.7143rem;
  margin: 0;
  padding: 0;
  background-color: transparent;
  color: var(--common-primary);
}
#my-school-gradebook-lesson .page-title-bar .page-title-bar__header {
  height: 4.57rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
#my-school-gradebook-lesson .app-loading-wrapper {
  padding: 4.5714rem 0;
  text-align: center;
}
#my-school-gradebook-lesson .note-scale-list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 1.15rem;
}
#my-school-gradebook-lesson div.caption {
  display: flex;
  align-items: center;
}
#my-school-gradebook-lesson div.caption span.lesson-subject {
  display: flex;
  flex-grow: 0;
  align-items: center;
  justify-content: flex-end;
  width: 13.5714rem;
  margin-right: 0.7143rem;
  text-align: right;
  font-size: 1.15rem;
}
#my-school-gradebook-lesson div.caption .almost-full-width-input-container {
  display: flex;
  flex-grow: 1;
}
#my-school-gradebook-lesson .grade-scale-popup .popup-content p.not-included-in-the-average-info {
  margin: 1.1429rem 0 1.1429rem;
  text-align: center;
}
#my-school-gradebook-lesson .topic-dropdown ul {
  max-height: 32.1429rem;
  overflow-y: auto;
}
#my-school-gradebook-lesson .topic-dropdown .topic-icon {
  font-size: 1.29rem;
  width: 1.7857rem;
}
.custom-date-field {
  border: none transparent;
  width: 1px;
  height: 0.7143rem;
  margin: 0;
  padding: 0;
  background-color: transparent;
  color: transparent;
}
#my-school-gradebook-subject-grades .page-title-bar .page-title-bar__header {
  height: 4.57rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#my-school-gradebook-subject-grades .page-title-bar .page-title-bar__header .page-title-bar__title-container {
  display: flex;
  flex-direction: row;
}
#my-school-gradebook-subject-grades .page-title-bar .page-title-bar__header .page-title-bar__title-container .subject-name {
  margin-top: 0;
}
#my-school-gradebook-subject-grades .page-title-bar .page-title-bar__header .page-title-bar__title-container .my-school-name {
  margin-left: 0.7143rem;
}
#my-school-gradebook-subject-grades .page-title-bar .page-title-bar__header .page-title-bar__title-container .my-school-name h1 {
  margin-left: 0;
}
#my-school-gradebook-subject-grades .page-title-bar .page-title-bar__header my-school-gradebook-nav {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
}
#my-school-gradebook-subject-grades .app-loading-wrapper {
  padding: 4.5714rem 0;
  text-align: center;
}
#my-school-gradebook-lesson__add-column {
  text-transform: none;
  height: 1.7143rem;
  line-height: 1.7143rem;
  padding: 0 0 0 0.4286rem;
  color: var(--common-dark-opacity-500);
  border-bottom: 1px solid rgba(0, 0, 0, 0.34);
  border-radius: 0;
}
.gu-unselectable .gu-mirror.note-cell {
  display: none !important;
  /* TODO: remove important */
}
#my-school-gradebook-subject-grades div.lesson-table-container,
#my-school-gradebook-lesson div.lesson-table-container {
  min-height: 39.2857rem;
  overflow-x: auto;
}
.lesson-table-container {
  width: auto;
  padding: 0.8571rem 0.2857rem 2.5714rem 0.2857rem;
  margin: 0;
  height: auto;
}
.lesson-table-container .topic-dropdown {
  position: relative;
}
.lesson-table-container my-school-gradebook-grades-list .mdl-data-table thead tr .username-cell {
  text-align: left;
}
app-popup-gradebook-type-edit mat-select,
app-popup-gradebook-type-add mat-select {
  width: 100%;
}
.gradebook-subject-grades-table {
  width: 100%;
  margin: 0 0 8.5714rem 0;
  caption-side: top;
}
.gradebook-subject-grades-table th {
  background-color: var(--common-grey-50);
  padding-left: 0.3571rem;
  padding-right: 0.3571rem;
}
.gradebook-subject-grades-table th [mat-button] {
  min-width: 2.8571rem;
}
.gradebook-subject-grades-table th li.column-menu-option i {
  vertical-align: middle;
}
.gradebook-subject-grades-table th.note-cell.custom-color-0 {
  background-color: hsl(0, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-1 {
  background-color: hsl(3.6, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-2 {
  background-color: hsl(7.2, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-3 {
  background-color: hsl(10.8, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-4 {
  background-color: hsl(14.4, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-5 {
  background-color: hsl(18, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-6 {
  background-color: hsl(21.6, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-7 {
  background-color: hsl(25.2, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-8 {
  background-color: hsl(28.8, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-9 {
  background-color: hsl(32.4, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-10 {
  background-color: hsl(36, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-11 {
  background-color: hsl(39.6, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-12 {
  background-color: hsl(43.2, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-13 {
  background-color: hsl(46.8, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-14 {
  background-color: hsl(50.4, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-15 {
  background-color: hsl(54, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-16 {
  background-color: hsl(57.6, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-17 {
  background-color: hsl(61.2, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-18 {
  background-color: hsl(64.8, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-19 {
  background-color: hsl(68.4, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-20 {
  background-color: hsl(72, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-21 {
  background-color: hsl(75.6, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-22 {
  background-color: hsl(79.2, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-23 {
  background-color: hsl(82.8, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-24 {
  background-color: hsl(86.4, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-25 {
  background-color: hsl(90, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-26 {
  background-color: hsl(93.6, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-27 {
  background-color: hsl(97.2, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-28 {
  background-color: hsl(100.8, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-29 {
  background-color: hsl(104.4, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-30 {
  background-color: hsl(108, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-31 {
  background-color: hsl(111.6, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-32 {
  background-color: hsl(115.2, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-33 {
  background-color: hsl(118.8, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-34 {
  background-color: hsl(122.4, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-35 {
  background-color: hsl(126, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-36 {
  background-color: hsl(129.6, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-37 {
  background-color: hsl(133.2, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-38 {
  background-color: hsl(136.8, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-39 {
  background-color: hsl(140.4, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-40 {
  background-color: hsl(144, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-41 {
  background-color: hsl(147.6, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-42 {
  background-color: hsl(151.2, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-43 {
  background-color: hsl(154.8, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-44 {
  background-color: hsl(158.4, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-45 {
  background-color: hsl(162, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-46 {
  background-color: hsl(165.6, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-47 {
  background-color: hsl(169.2, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-48 {
  background-color: hsl(172.8, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-49 {
  background-color: hsl(176.4, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-50 {
  background-color: hsl(180, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-51 {
  background-color: hsl(183.6, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-52 {
  background-color: hsl(187.2, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-53 {
  background-color: hsl(190.8, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-54 {
  background-color: hsl(194.4, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-55 {
  background-color: hsl(198, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-56 {
  background-color: hsl(201.6, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-57 {
  background-color: hsl(205.2, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-58 {
  background-color: hsl(208.8, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-59 {
  background-color: hsl(212.4, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-60 {
  background-color: hsl(216, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-61 {
  background-color: hsl(219.6, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-62 {
  background-color: hsl(223.2, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-63 {
  background-color: hsl(226.8, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-64 {
  background-color: hsl(230.4, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-65 {
  background-color: hsl(234, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-66 {
  background-color: hsl(237.6, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-67 {
  background-color: hsl(241.2, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-68 {
  background-color: hsl(244.8, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-69 {
  background-color: hsl(248.4, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-70 {
  background-color: hsl(252, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-71 {
  background-color: hsl(255.6, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-72 {
  background-color: hsl(259.2, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-73 {
  background-color: hsl(262.8, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-74 {
  background-color: hsl(266.4, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-75 {
  background-color: hsl(270, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-76 {
  background-color: hsl(273.6, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-77 {
  background-color: hsl(277.2, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-78 {
  background-color: hsl(280.8, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-79 {
  background-color: hsl(284.4, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-80 {
  background-color: hsl(288, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-81 {
  background-color: hsl(291.6, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-82 {
  background-color: hsl(295.2, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-83 {
  background-color: hsl(298.8, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-84 {
  background-color: hsl(302.4, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-85 {
  background-color: hsl(306, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-86 {
  background-color: hsl(309.6, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-87 {
  background-color: hsl(313.2, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-88 {
  background-color: hsl(316.8, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-89 {
  background-color: hsl(320.4, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-90 {
  background-color: hsl(324, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-91 {
  background-color: hsl(327.6, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-92 {
  background-color: hsl(331.2, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-93 {
  background-color: hsl(334.8, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-94 {
  background-color: hsl(338.4, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-95 {
  background-color: hsl(342, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-96 {
  background-color: hsl(345.6, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-97 {
  background-color: hsl(349.2, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-98 {
  background-color: hsl(352.8, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-99 {
  background-color: hsl(356.4, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.custom-color-100 {
  background-color: hsl(0, 75%, 80%);
}
.gradebook-subject-grades-table th.note-cell.gu-transit {
  background-color: var(--common-primary) !important;
  /* TODO: remove important */
  color: var(--common-light-primary-text) !important;
  /* TODO: remove important */
  opacity: 0.75;
}
.gradebook-subject-grades-table td,
.gradebook-subject-grades-table td:first-of-type,
.gradebook-subject-grades-table td:last-of-type {
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  border: solid 1px rgba(0, 0, 0, 0.1);
  background-clip: padding-box;
}
.gradebook-subject-grades-table tbody th,
.gradebook-subject-grades-table tbody tr {
  transition-duration: 0.28s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: background-color;
}
.gradebook-subject-grades-table tbody th.index-cell {
  vertical-align: middle;
}
.gradebook-subject-grades-table tbody tr:hover {
  background-color: rgba(238, 238, 238, 0.7);
}
.gradebook-subject-grades-table tbody tr:hover th {
  background-color: var(--common-grey-200);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-0 {
  background-color: hsl(0, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-1 {
  background-color: hsl(3.6, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-2 {
  background-color: hsl(7.2, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-3 {
  background-color: hsl(10.8, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-4 {
  background-color: hsl(14.4, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-5 {
  background-color: hsl(18, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-6 {
  background-color: hsl(21.6, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-7 {
  background-color: hsl(25.2, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-8 {
  background-color: hsl(28.8, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-9 {
  background-color: hsl(32.4, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-10 {
  background-color: hsl(36, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-11 {
  background-color: hsl(39.6, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-12 {
  background-color: hsl(43.2, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-13 {
  background-color: hsl(46.8, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-14 {
  background-color: hsl(50.4, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-15 {
  background-color: hsl(54, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-16 {
  background-color: hsl(57.6, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-17 {
  background-color: hsl(61.2, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-18 {
  background-color: hsl(64.8, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-19 {
  background-color: hsl(68.4, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-20 {
  background-color: hsl(72, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-21 {
  background-color: hsl(75.6, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-22 {
  background-color: hsl(79.2, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-23 {
  background-color: hsl(82.8, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-24 {
  background-color: hsl(86.4, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-25 {
  background-color: hsl(90, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-26 {
  background-color: hsl(93.6, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-27 {
  background-color: hsl(97.2, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-28 {
  background-color: hsl(100.8, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-29 {
  background-color: hsl(104.4, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-30 {
  background-color: hsl(108, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-31 {
  background-color: hsl(111.6, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-32 {
  background-color: hsl(115.2, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-33 {
  background-color: hsl(118.8, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-34 {
  background-color: hsl(122.4, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-35 {
  background-color: hsl(126, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-36 {
  background-color: hsl(129.6, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-37 {
  background-color: hsl(133.2, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-38 {
  background-color: hsl(136.8, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-39 {
  background-color: hsl(140.4, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-40 {
  background-color: hsl(144, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-41 {
  background-color: hsl(147.6, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-42 {
  background-color: hsl(151.2, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-43 {
  background-color: hsl(154.8, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-44 {
  background-color: hsl(158.4, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-45 {
  background-color: hsl(162, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-46 {
  background-color: hsl(165.6, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-47 {
  background-color: hsl(169.2, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-48 {
  background-color: hsl(172.8, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-49 {
  background-color: hsl(176.4, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-50 {
  background-color: hsl(180, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-51 {
  background-color: hsl(183.6, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-52 {
  background-color: hsl(187.2, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-53 {
  background-color: hsl(190.8, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-54 {
  background-color: hsl(194.4, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-55 {
  background-color: hsl(198, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-56 {
  background-color: hsl(201.6, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-57 {
  background-color: hsl(205.2, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-58 {
  background-color: hsl(208.8, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-59 {
  background-color: hsl(212.4, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-60 {
  background-color: hsl(216, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-61 {
  background-color: hsl(219.6, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-62 {
  background-color: hsl(223.2, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-63 {
  background-color: hsl(226.8, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-64 {
  background-color: hsl(230.4, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-65 {
  background-color: hsl(234, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-66 {
  background-color: hsl(237.6, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-67 {
  background-color: hsl(241.2, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-68 {
  background-color: hsl(244.8, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-69 {
  background-color: hsl(248.4, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-70 {
  background-color: hsl(252, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-71 {
  background-color: hsl(255.6, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-72 {
  background-color: hsl(259.2, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-73 {
  background-color: hsl(262.8, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-74 {
  background-color: hsl(266.4, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-75 {
  background-color: hsl(270, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-76 {
  background-color: hsl(273.6, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-77 {
  background-color: hsl(277.2, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-78 {
  background-color: hsl(280.8, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-79 {
  background-color: hsl(284.4, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-80 {
  background-color: hsl(288, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-81 {
  background-color: hsl(291.6, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-82 {
  background-color: hsl(295.2, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-83 {
  background-color: hsl(298.8, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-84 {
  background-color: hsl(302.4, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-85 {
  background-color: hsl(306, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-86 {
  background-color: hsl(309.6, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-87 {
  background-color: hsl(313.2, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-88 {
  background-color: hsl(316.8, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-89 {
  background-color: hsl(320.4, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-90 {
  background-color: hsl(324, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-91 {
  background-color: hsl(327.6, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-92 {
  background-color: hsl(331.2, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-93 {
  background-color: hsl(334.8, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-94 {
  background-color: hsl(338.4, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-95 {
  background-color: hsl(342, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-96 {
  background-color: hsl(345.6, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-97 {
  background-color: hsl(349.2, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-98 {
  background-color: hsl(352.8, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-99 {
  background-color: hsl(356.4, 75%, 80%);
}
.gradebook-subject-grades-table tbody td.note-cell.custom-color-100 {
  background-color: hsl(0, 75%, 80%);
}
.gradebook-subject-grades-table th,
.gradebook-subject-grades-table td {
  text-align: left;
  word-wrap: break-word;
  white-space: normal;
}
.gradebook-subject-grades-table th.index-cell,
.gradebook-subject-grades-table td.index-cell {
  width: 2.8571rem;
  text-align: center;
}
.gradebook-subject-grades-table th.username-cell,
.gradebook-subject-grades-table td.username-cell {
  width: 15.7143rem;
  word-wrap: normal;
}
.gradebook-subject-grades-table th.frequency-cell,
.gradebook-subject-grades-table td.frequency-cell {
  width: 7.1429rem;
  text-align: center;
  white-space: nowrap;
}
.gradebook-subject-grades-table th.note-cell,
.gradebook-subject-grades-table td.note-cell {
  width: 4.2857rem;
  text-align: center;
}
.gradebook-subject-grades-table th.add-column-cell,
.gradebook-subject-grades-table td.add-column-cell {
  width: auto;
  min-width: 5.7143rem;
}
.gradebook-subject-grades-table th.add-column-cell .mat-select-trigger,
.gradebook-subject-grades-table td.add-column-cell .mat-select-trigger {
  min-width: 5rem;
  width: auto;
  margin-left: 0.3571rem;
  margin-right: 0.7143rem;
}
.gradebook-subject-grades-table th.proposal-cell,
.gradebook-subject-grades-table td.proposal-cell {
  width: 7.1429rem;
  text-align: center;
}
.gradebook-subject-grades-table th.final-cell,
.gradebook-subject-grades-table td.final-cell {
  width: 7.1429rem;
  text-align: center;
}
.gradebook-subject-grades-table th.cell-center,
.gradebook-subject-grades-table td.cell-center {
  text-align: center;
}
.gradebook-subject-grades-table td.frequency-cell {
  border-right: 2px solid var(--common-grey-600);
  cursor: pointer;
  position: static;
}
.gradebook-subject-grades-table td.frequency-cell button {
  display: inline-block;
  min-width: initial;
  padding-left: 0.5714rem;
  padding-right: 0.5714rem;
  margin-left: 0.2857rem;
  margin-right: 0.2857rem;
}
.gradebook-subject-grades-table td.note-cell {
  padding: 0;
  vertical-align: middle;
  cursor: pointer;
}
.gradebook-subject-grades-table td.add-column-cell {
  border-right: 2px solid var(--common-grey-600);
}
.gradebook-subject-grades-table td .mat-select-trigger {
  min-width: 3.5714rem;
  width: 3.5714rem;
  margin-left: 0.3571rem;
  margin-right: 0.7143rem;
}
.gradebook-subject-grades-table td mat-form-field {
  margin: 0 0.2857rem;
  min-width: 5.7143rem;
}
.gradebook-subject-grades-table td mat-form-field.narrow-input {
  min-width: 2.8571rem;
}
.gradebook-subject-grades-table td mat-form-field.narrow-input input {
  width: 2.8571rem;
}
.gradebook-subject-grades-table .gradebook-note,
.gradebook-subject-grades-table .clickable {
  cursor: pointer;
}
.gradebook-subject-grades-table .frequency-cell .mat-select-trigger .mat-select-value {
  margin-left: 0;
}
.gradebook-subject-grades-table .draggable-icon {
  font-size: 1.43rem;
  font-weight: normal;
  color: var(--common-grey-400);
  text-align: center;
  cursor: move;
}
.gradebook-subject-grades-table-readonly td.note-cell {
  cursor: auto;
}
.color-picker.custom-color-0 {
  background-color: hsl(0, 75%, 80%);
}
.color-picker.custom-color-1 {
  background-color: hsl(3.6, 75%, 80%);
}
.color-picker.custom-color-2 {
  background-color: hsl(7.2, 75%, 80%);
}
.color-picker.custom-color-3 {
  background-color: hsl(10.8, 75%, 80%);
}
.color-picker.custom-color-4 {
  background-color: hsl(14.4, 75%, 80%);
}
.color-picker.custom-color-5 {
  background-color: hsl(18, 75%, 80%);
}
.color-picker.custom-color-6 {
  background-color: hsl(21.6, 75%, 80%);
}
.color-picker.custom-color-7 {
  background-color: hsl(25.2, 75%, 80%);
}
.color-picker.custom-color-8 {
  background-color: hsl(28.8, 75%, 80%);
}
.color-picker.custom-color-9 {
  background-color: hsl(32.4, 75%, 80%);
}
.color-picker.custom-color-10 {
  background-color: hsl(36, 75%, 80%);
}
.color-picker.custom-color-11 {
  background-color: hsl(39.6, 75%, 80%);
}
.color-picker.custom-color-12 {
  background-color: hsl(43.2, 75%, 80%);
}
.color-picker.custom-color-13 {
  background-color: hsl(46.8, 75%, 80%);
}
.color-picker.custom-color-14 {
  background-color: hsl(50.4, 75%, 80%);
}
.color-picker.custom-color-15 {
  background-color: hsl(54, 75%, 80%);
}
.color-picker.custom-color-16 {
  background-color: hsl(57.6, 75%, 80%);
}
.color-picker.custom-color-17 {
  background-color: hsl(61.2, 75%, 80%);
}
.color-picker.custom-color-18 {
  background-color: hsl(64.8, 75%, 80%);
}
.color-picker.custom-color-19 {
  background-color: hsl(68.4, 75%, 80%);
}
.color-picker.custom-color-20 {
  background-color: hsl(72, 75%, 80%);
}
.color-picker.custom-color-21 {
  background-color: hsl(75.6, 75%, 80%);
}
.color-picker.custom-color-22 {
  background-color: hsl(79.2, 75%, 80%);
}
.color-picker.custom-color-23 {
  background-color: hsl(82.8, 75%, 80%);
}
.color-picker.custom-color-24 {
  background-color: hsl(86.4, 75%, 80%);
}
.color-picker.custom-color-25 {
  background-color: hsl(90, 75%, 80%);
}
.color-picker.custom-color-26 {
  background-color: hsl(93.6, 75%, 80%);
}
.color-picker.custom-color-27 {
  background-color: hsl(97.2, 75%, 80%);
}
.color-picker.custom-color-28 {
  background-color: hsl(100.8, 75%, 80%);
}
.color-picker.custom-color-29 {
  background-color: hsl(104.4, 75%, 80%);
}
.color-picker.custom-color-30 {
  background-color: hsl(108, 75%, 80%);
}
.color-picker.custom-color-31 {
  background-color: hsl(111.6, 75%, 80%);
}
.color-picker.custom-color-32 {
  background-color: hsl(115.2, 75%, 80%);
}
.color-picker.custom-color-33 {
  background-color: hsl(118.8, 75%, 80%);
}
.color-picker.custom-color-34 {
  background-color: hsl(122.4, 75%, 80%);
}
.color-picker.custom-color-35 {
  background-color: hsl(126, 75%, 80%);
}
.color-picker.custom-color-36 {
  background-color: hsl(129.6, 75%, 80%);
}
.color-picker.custom-color-37 {
  background-color: hsl(133.2, 75%, 80%);
}
.color-picker.custom-color-38 {
  background-color: hsl(136.8, 75%, 80%);
}
.color-picker.custom-color-39 {
  background-color: hsl(140.4, 75%, 80%);
}
.color-picker.custom-color-40 {
  background-color: hsl(144, 75%, 80%);
}
.color-picker.custom-color-41 {
  background-color: hsl(147.6, 75%, 80%);
}
.color-picker.custom-color-42 {
  background-color: hsl(151.2, 75%, 80%);
}
.color-picker.custom-color-43 {
  background-color: hsl(154.8, 75%, 80%);
}
.color-picker.custom-color-44 {
  background-color: hsl(158.4, 75%, 80%);
}
.color-picker.custom-color-45 {
  background-color: hsl(162, 75%, 80%);
}
.color-picker.custom-color-46 {
  background-color: hsl(165.6, 75%, 80%);
}
.color-picker.custom-color-47 {
  background-color: hsl(169.2, 75%, 80%);
}
.color-picker.custom-color-48 {
  background-color: hsl(172.8, 75%, 80%);
}
.color-picker.custom-color-49 {
  background-color: hsl(176.4, 75%, 80%);
}
.color-picker.custom-color-50 {
  background-color: hsl(180, 75%, 80%);
}
.color-picker.custom-color-51 {
  background-color: hsl(183.6, 75%, 80%);
}
.color-picker.custom-color-52 {
  background-color: hsl(187.2, 75%, 80%);
}
.color-picker.custom-color-53 {
  background-color: hsl(190.8, 75%, 80%);
}
.color-picker.custom-color-54 {
  background-color: hsl(194.4, 75%, 80%);
}
.color-picker.custom-color-55 {
  background-color: hsl(198, 75%, 80%);
}
.color-picker.custom-color-56 {
  background-color: hsl(201.6, 75%, 80%);
}
.color-picker.custom-color-57 {
  background-color: hsl(205.2, 75%, 80%);
}
.color-picker.custom-color-58 {
  background-color: hsl(208.8, 75%, 80%);
}
.color-picker.custom-color-59 {
  background-color: hsl(212.4, 75%, 80%);
}
.color-picker.custom-color-60 {
  background-color: hsl(216, 75%, 80%);
}
.color-picker.custom-color-61 {
  background-color: hsl(219.6, 75%, 80%);
}
.color-picker.custom-color-62 {
  background-color: hsl(223.2, 75%, 80%);
}
.color-picker.custom-color-63 {
  background-color: hsl(226.8, 75%, 80%);
}
.color-picker.custom-color-64 {
  background-color: hsl(230.4, 75%, 80%);
}
.color-picker.custom-color-65 {
  background-color: hsl(234, 75%, 80%);
}
.color-picker.custom-color-66 {
  background-color: hsl(237.6, 75%, 80%);
}
.color-picker.custom-color-67 {
  background-color: hsl(241.2, 75%, 80%);
}
.color-picker.custom-color-68 {
  background-color: hsl(244.8, 75%, 80%);
}
.color-picker.custom-color-69 {
  background-color: hsl(248.4, 75%, 80%);
}
.color-picker.custom-color-70 {
  background-color: hsl(252, 75%, 80%);
}
.color-picker.custom-color-71 {
  background-color: hsl(255.6, 75%, 80%);
}
.color-picker.custom-color-72 {
  background-color: hsl(259.2, 75%, 80%);
}
.color-picker.custom-color-73 {
  background-color: hsl(262.8, 75%, 80%);
}
.color-picker.custom-color-74 {
  background-color: hsl(266.4, 75%, 80%);
}
.color-picker.custom-color-75 {
  background-color: hsl(270, 75%, 80%);
}
.color-picker.custom-color-76 {
  background-color: hsl(273.6, 75%, 80%);
}
.color-picker.custom-color-77 {
  background-color: hsl(277.2, 75%, 80%);
}
.color-picker.custom-color-78 {
  background-color: hsl(280.8, 75%, 80%);
}
.color-picker.custom-color-79 {
  background-color: hsl(284.4, 75%, 80%);
}
.color-picker.custom-color-80 {
  background-color: hsl(288, 75%, 80%);
}
.color-picker.custom-color-81 {
  background-color: hsl(291.6, 75%, 80%);
}
.color-picker.custom-color-82 {
  background-color: hsl(295.2, 75%, 80%);
}
.color-picker.custom-color-83 {
  background-color: hsl(298.8, 75%, 80%);
}
.color-picker.custom-color-84 {
  background-color: hsl(302.4, 75%, 80%);
}
.color-picker.custom-color-85 {
  background-color: hsl(306, 75%, 80%);
}
.color-picker.custom-color-86 {
  background-color: hsl(309.6, 75%, 80%);
}
.color-picker.custom-color-87 {
  background-color: hsl(313.2, 75%, 80%);
}
.color-picker.custom-color-88 {
  background-color: hsl(316.8, 75%, 80%);
}
.color-picker.custom-color-89 {
  background-color: hsl(320.4, 75%, 80%);
}
.color-picker.custom-color-90 {
  background-color: hsl(324, 75%, 80%);
}
.color-picker.custom-color-91 {
  background-color: hsl(327.6, 75%, 80%);
}
.color-picker.custom-color-92 {
  background-color: hsl(331.2, 75%, 80%);
}
.color-picker.custom-color-93 {
  background-color: hsl(334.8, 75%, 80%);
}
.color-picker.custom-color-94 {
  background-color: hsl(338.4, 75%, 80%);
}
.color-picker.custom-color-95 {
  background-color: hsl(342, 75%, 80%);
}
.color-picker.custom-color-96 {
  background-color: hsl(345.6, 75%, 80%);
}
.color-picker.custom-color-97 {
  background-color: hsl(349.2, 75%, 80%);
}
.color-picker.custom-color-98 {
  background-color: hsl(352.8, 75%, 80%);
}
.color-picker.custom-color-99 {
  background-color: hsl(356.4, 75%, 80%);
}
.color-picker.custom-color-100 {
  background-color: hsl(0, 75%, 80%);
}
.color-picker option.custom-color-0 {
  background-color: hsl(0, 75%, 80%);
}
.color-picker option.custom-color-1 {
  background-color: hsl(3.6, 75%, 80%);
}
.color-picker option.custom-color-2 {
  background-color: hsl(7.2, 75%, 80%);
}
.color-picker option.custom-color-3 {
  background-color: hsl(10.8, 75%, 80%);
}
.color-picker option.custom-color-4 {
  background-color: hsl(14.4, 75%, 80%);
}
.color-picker option.custom-color-5 {
  background-color: hsl(18, 75%, 80%);
}
.color-picker option.custom-color-6 {
  background-color: hsl(21.6, 75%, 80%);
}
.color-picker option.custom-color-7 {
  background-color: hsl(25.2, 75%, 80%);
}
.color-picker option.custom-color-8 {
  background-color: hsl(28.8, 75%, 80%);
}
.color-picker option.custom-color-9 {
  background-color: hsl(32.4, 75%, 80%);
}
.color-picker option.custom-color-10 {
  background-color: hsl(36, 75%, 80%);
}
.color-picker option.custom-color-11 {
  background-color: hsl(39.6, 75%, 80%);
}
.color-picker option.custom-color-12 {
  background-color: hsl(43.2, 75%, 80%);
}
.color-picker option.custom-color-13 {
  background-color: hsl(46.8, 75%, 80%);
}
.color-picker option.custom-color-14 {
  background-color: hsl(50.4, 75%, 80%);
}
.color-picker option.custom-color-15 {
  background-color: hsl(54, 75%, 80%);
}
.color-picker option.custom-color-16 {
  background-color: hsl(57.6, 75%, 80%);
}
.color-picker option.custom-color-17 {
  background-color: hsl(61.2, 75%, 80%);
}
.color-picker option.custom-color-18 {
  background-color: hsl(64.8, 75%, 80%);
}
.color-picker option.custom-color-19 {
  background-color: hsl(68.4, 75%, 80%);
}
.color-picker option.custom-color-20 {
  background-color: hsl(72, 75%, 80%);
}
.color-picker option.custom-color-21 {
  background-color: hsl(75.6, 75%, 80%);
}
.color-picker option.custom-color-22 {
  background-color: hsl(79.2, 75%, 80%);
}
.color-picker option.custom-color-23 {
  background-color: hsl(82.8, 75%, 80%);
}
.color-picker option.custom-color-24 {
  background-color: hsl(86.4, 75%, 80%);
}
.color-picker option.custom-color-25 {
  background-color: hsl(90, 75%, 80%);
}
.color-picker option.custom-color-26 {
  background-color: hsl(93.6, 75%, 80%);
}
.color-picker option.custom-color-27 {
  background-color: hsl(97.2, 75%, 80%);
}
.color-picker option.custom-color-28 {
  background-color: hsl(100.8, 75%, 80%);
}
.color-picker option.custom-color-29 {
  background-color: hsl(104.4, 75%, 80%);
}
.color-picker option.custom-color-30 {
  background-color: hsl(108, 75%, 80%);
}
.color-picker option.custom-color-31 {
  background-color: hsl(111.6, 75%, 80%);
}
.color-picker option.custom-color-32 {
  background-color: hsl(115.2, 75%, 80%);
}
.color-picker option.custom-color-33 {
  background-color: hsl(118.8, 75%, 80%);
}
.color-picker option.custom-color-34 {
  background-color: hsl(122.4, 75%, 80%);
}
.color-picker option.custom-color-35 {
  background-color: hsl(126, 75%, 80%);
}
.color-picker option.custom-color-36 {
  background-color: hsl(129.6, 75%, 80%);
}
.color-picker option.custom-color-37 {
  background-color: hsl(133.2, 75%, 80%);
}
.color-picker option.custom-color-38 {
  background-color: hsl(136.8, 75%, 80%);
}
.color-picker option.custom-color-39 {
  background-color: hsl(140.4, 75%, 80%);
}
.color-picker option.custom-color-40 {
  background-color: hsl(144, 75%, 80%);
}
.color-picker option.custom-color-41 {
  background-color: hsl(147.6, 75%, 80%);
}
.color-picker option.custom-color-42 {
  background-color: hsl(151.2, 75%, 80%);
}
.color-picker option.custom-color-43 {
  background-color: hsl(154.8, 75%, 80%);
}
.color-picker option.custom-color-44 {
  background-color: hsl(158.4, 75%, 80%);
}
.color-picker option.custom-color-45 {
  background-color: hsl(162, 75%, 80%);
}
.color-picker option.custom-color-46 {
  background-color: hsl(165.6, 75%, 80%);
}
.color-picker option.custom-color-47 {
  background-color: hsl(169.2, 75%, 80%);
}
.color-picker option.custom-color-48 {
  background-color: hsl(172.8, 75%, 80%);
}
.color-picker option.custom-color-49 {
  background-color: hsl(176.4, 75%, 80%);
}
.color-picker option.custom-color-50 {
  background-color: hsl(180, 75%, 80%);
}
.color-picker option.custom-color-51 {
  background-color: hsl(183.6, 75%, 80%);
}
.color-picker option.custom-color-52 {
  background-color: hsl(187.2, 75%, 80%);
}
.color-picker option.custom-color-53 {
  background-color: hsl(190.8, 75%, 80%);
}
.color-picker option.custom-color-54 {
  background-color: hsl(194.4, 75%, 80%);
}
.color-picker option.custom-color-55 {
  background-color: hsl(198, 75%, 80%);
}
.color-picker option.custom-color-56 {
  background-color: hsl(201.6, 75%, 80%);
}
.color-picker option.custom-color-57 {
  background-color: hsl(205.2, 75%, 80%);
}
.color-picker option.custom-color-58 {
  background-color: hsl(208.8, 75%, 80%);
}
.color-picker option.custom-color-59 {
  background-color: hsl(212.4, 75%, 80%);
}
.color-picker option.custom-color-60 {
  background-color: hsl(216, 75%, 80%);
}
.color-picker option.custom-color-61 {
  background-color: hsl(219.6, 75%, 80%);
}
.color-picker option.custom-color-62 {
  background-color: hsl(223.2, 75%, 80%);
}
.color-picker option.custom-color-63 {
  background-color: hsl(226.8, 75%, 80%);
}
.color-picker option.custom-color-64 {
  background-color: hsl(230.4, 75%, 80%);
}
.color-picker option.custom-color-65 {
  background-color: hsl(234, 75%, 80%);
}
.color-picker option.custom-color-66 {
  background-color: hsl(237.6, 75%, 80%);
}
.color-picker option.custom-color-67 {
  background-color: hsl(241.2, 75%, 80%);
}
.color-picker option.custom-color-68 {
  background-color: hsl(244.8, 75%, 80%);
}
.color-picker option.custom-color-69 {
  background-color: hsl(248.4, 75%, 80%);
}
.color-picker option.custom-color-70 {
  background-color: hsl(252, 75%, 80%);
}
.color-picker option.custom-color-71 {
  background-color: hsl(255.6, 75%, 80%);
}
.color-picker option.custom-color-72 {
  background-color: hsl(259.2, 75%, 80%);
}
.color-picker option.custom-color-73 {
  background-color: hsl(262.8, 75%, 80%);
}
.color-picker option.custom-color-74 {
  background-color: hsl(266.4, 75%, 80%);
}
.color-picker option.custom-color-75 {
  background-color: hsl(270, 75%, 80%);
}
.color-picker option.custom-color-76 {
  background-color: hsl(273.6, 75%, 80%);
}
.color-picker option.custom-color-77 {
  background-color: hsl(277.2, 75%, 80%);
}
.color-picker option.custom-color-78 {
  background-color: hsl(280.8, 75%, 80%);
}
.color-picker option.custom-color-79 {
  background-color: hsl(284.4, 75%, 80%);
}
.color-picker option.custom-color-80 {
  background-color: hsl(288, 75%, 80%);
}
.color-picker option.custom-color-81 {
  background-color: hsl(291.6, 75%, 80%);
}
.color-picker option.custom-color-82 {
  background-color: hsl(295.2, 75%, 80%);
}
.color-picker option.custom-color-83 {
  background-color: hsl(298.8, 75%, 80%);
}
.color-picker option.custom-color-84 {
  background-color: hsl(302.4, 75%, 80%);
}
.color-picker option.custom-color-85 {
  background-color: hsl(306, 75%, 80%);
}
.color-picker option.custom-color-86 {
  background-color: hsl(309.6, 75%, 80%);
}
.color-picker option.custom-color-87 {
  background-color: hsl(313.2, 75%, 80%);
}
.color-picker option.custom-color-88 {
  background-color: hsl(316.8, 75%, 80%);
}
.color-picker option.custom-color-89 {
  background-color: hsl(320.4, 75%, 80%);
}
.color-picker option.custom-color-90 {
  background-color: hsl(324, 75%, 80%);
}
.color-picker option.custom-color-91 {
  background-color: hsl(327.6, 75%, 80%);
}
.color-picker option.custom-color-92 {
  background-color: hsl(331.2, 75%, 80%);
}
.color-picker option.custom-color-93 {
  background-color: hsl(334.8, 75%, 80%);
}
.color-picker option.custom-color-94 {
  background-color: hsl(338.4, 75%, 80%);
}
.color-picker option.custom-color-95 {
  background-color: hsl(342, 75%, 80%);
}
.color-picker option.custom-color-96 {
  background-color: hsl(345.6, 75%, 80%);
}
.color-picker option.custom-color-97 {
  background-color: hsl(349.2, 75%, 80%);
}
.color-picker option.custom-color-98 {
  background-color: hsl(352.8, 75%, 80%);
}
.color-picker option.custom-color-99 {
  background-color: hsl(356.4, 75%, 80%);
}
.color-picker option.custom-color-100 {
  background-color: hsl(0, 75%, 80%);
}
.grade-scale-popup .popup-content p {
  margin: 0 0 0.5714rem 0;
}
.grade-scale-popup .grade-scale-table {
  width: 100%;
  font-size: 1rem;
}
.grade-scale-popup .grade-scale-table tr:nth-child(2n) {
  background-color: var(--common-grey-50);
}
.grade-scale-popup .grade-scale-table td {
  text-align: center;
  width: 50%;
}
.grade-scale-popup .grade-scale-list {
  list-style: none;
  margin: 0;
}
app-popup-grade .popup-mask .popup,
app-popup-gradebook-grade .popup-mask .popup,
app-popup-gradebook-description-grade .popup-mask .popup,
app-popup-gradebook-type-add .popup-mask .popup,
app-popup-gradebook-type-edit .popup-mask .popup,
app-popup-gradebook-presence .popup-mask .popup {
  max-width: 42.8571rem;
  max-height: 90vh;
}
app-popup-grade .popup-mask .popup .popup-content,
app-popup-gradebook-grade .popup-mask .popup .popup-content,
app-popup-gradebook-description-grade .popup-mask .popup .popup-content,
app-popup-gradebook-type-add .popup-mask .popup .popup-content,
app-popup-gradebook-type-edit .popup-mask .popup .popup-content,
app-popup-gradebook-presence .popup-mask .popup .popup-content {
  height: auto;
  max-height: 60vh;
  overflow-y: auto;
}
app-popup-grade .popup-title-button,
app-popup-gradebook-grade .popup-title-button,
app-popup-gradebook-description-grade .popup-title-button,
app-popup-gradebook-type-add .popup-title-button,
app-popup-gradebook-type-edit .popup-title-button,
app-popup-gradebook-presence .popup-title-button {
  float: right;
}
app-popup-grade .popup-actions button.mdl-button.mdl-js-button.additional-action,
app-popup-gradebook-grade .popup-actions button.mdl-button.mdl-js-button.additional-action,
app-popup-gradebook-description-grade .popup-actions button.mdl-button.mdl-js-button.additional-action,
app-popup-gradebook-type-add .popup-actions button.mdl-button.mdl-js-button.additional-action,
app-popup-gradebook-type-edit .popup-actions button.mdl-button.mdl-js-button.additional-action,
app-popup-gradebook-presence .popup-actions button.mdl-button.mdl-js-button.additional-action {
  color: #f44336;
  font-weight: 700;
}
app-popup-grade div.popup-mask div.popup,
app-popup-gradebook-grade div.popup-mask div.popup,
app-popup-gradebook-description-grade div.popup-mask div.popup,
app-popup-gradebook-type-edit div.popup-mask div.popup,
app-popup-gradebook-type-add div.popup-mask div.popup,
app-popup-gradebook-presence div.popup-mask div.popup {
  border-radius: 0.7143rem;
}
app-popup-grade #gradeField,
app-popup-gradebook-grade #gradeField,
app-popup-gradebook-description-grade #gradeField,
app-popup-gradebook-type-edit #gradeField,
app-popup-gradebook-type-add #gradeField,
app-popup-gradebook-presence #gradeField {
  float: left;
}
app-popup-grade div.table-container,
app-popup-gradebook-grade div.table-container,
app-popup-gradebook-description-grade div.table-container,
app-popup-gradebook-type-edit div.table-container,
app-popup-gradebook-type-add div.table-container,
app-popup-gradebook-presence div.table-container {
  width: 100%;
  overflow-x: auto;
}
app-popup-grade div.table-container table,
app-popup-gradebook-grade div.table-container table,
app-popup-gradebook-description-grade div.table-container table,
app-popup-gradebook-type-edit div.table-container table,
app-popup-gradebook-type-add div.table-container table,
app-popup-gradebook-presence div.table-container table {
  width: calc(100% - 2px);
}
app-popup-grade div.table-container table tr > td,
app-popup-gradebook-grade div.table-container table tr > td,
app-popup-gradebook-description-grade div.table-container table tr > td,
app-popup-gradebook-type-edit div.table-container table tr > td,
app-popup-gradebook-type-add div.table-container table tr > td,
app-popup-gradebook-presence div.table-container table tr > td {
  vertical-align: middle;
}
app-popup-grade div.popup__content > table,
app-popup-gradebook-grade div.popup__content > table,
app-popup-gradebook-description-grade div.popup__content > table,
app-popup-gradebook-type-edit div.popup__content > table,
app-popup-gradebook-type-add div.popup__content > table,
app-popup-gradebook-presence div.popup__content > table {
  width: calc(100% - 2px);
}
app-popup-grade div.mdl-menu__container,
app-popup-gradebook-grade div.mdl-menu__container,
app-popup-gradebook-description-grade div.mdl-menu__container,
app-popup-gradebook-type-edit div.mdl-menu__container,
app-popup-gradebook-type-add div.mdl-menu__container,
app-popup-gradebook-presence div.mdl-menu__container {
  max-height: 15.7143rem;
  overflow-y: auto;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px var(--common-dark-opacity-200), 0 1px 5px 0 var(--common-dark-opacity-100);
}
app-popup-grade div.popup-title,
app-popup-gradebook-grade div.popup-title,
app-popup-gradebook-description-grade div.popup-title,
app-popup-gradebook-type-edit div.popup-title,
app-popup-gradebook-type-add div.popup-title,
app-popup-gradebook-presence div.popup-title {
  padding: 0.8571rem !important;
  /* TODO: remove important */
  border-bottom: 1px solid #ccc;
}
app-popup-grade div.popup-actions,
app-popup-gradebook-grade div.popup-actions,
app-popup-gradebook-description-grade div.popup-actions,
app-popup-gradebook-type-edit div.popup-actions,
app-popup-gradebook-type-add div.popup-actions,
app-popup-gradebook-presence div.popup-actions {
  border-top: 1px solid #ccc;
}
app-popup-grade div.popup__title div#avatar,
app-popup-gradebook-grade div.popup__title div#avatar,
app-popup-gradebook-description-grade div.popup__title div#avatar,
app-popup-gradebook-type-edit div.popup__title div#avatar,
app-popup-gradebook-type-add div.popup__title div#avatar,
app-popup-gradebook-presence div.popup__title div#avatar {
  width: 4.2857rem;
  height: 4.2857rem;
  border-radius: 50%;
  float: left;
  margin-right: 0.7143rem;
  background-size: cover;
  background-position: center center;
}
app-popup-grade div.popup__title h4,
app-popup-gradebook-grade div.popup__title h4,
app-popup-gradebook-description-grade div.popup__title h4,
app-popup-gradebook-type-edit div.popup__title h4,
app-popup-gradebook-type-add div.popup__title h4,
app-popup-gradebook-presence div.popup__title h4 {
  margin: 0 0.2857rem;
}
app-popup-grade div.popup__title h6,
app-popup-gradebook-grade div.popup__title h6,
app-popup-gradebook-description-grade div.popup__title h6,
app-popup-gradebook-type-edit div.popup__title h6,
app-popup-gradebook-type-add div.popup__title h6,
app-popup-gradebook-presence div.popup__title h6 {
  margin: 0 0.2857rem;
  color: #afafaf;
}
app-popup-grade hr,
app-popup-gradebook-grade hr,
app-popup-gradebook-description-grade hr,
app-popup-gradebook-type-edit hr,
app-popup-gradebook-type-add hr,
app-popup-gradebook-presence hr {
  margin-top: 0;
  margin-bottom: 0;
}
app-popup-grade #grade-field,
app-popup-gradebook-grade #grade-field,
app-popup-gradebook-description-grade #grade-field,
app-popup-gradebook-type-edit #grade-field,
app-popup-gradebook-type-add #grade-field,
app-popup-gradebook-presence #grade-field {
  width: 100%;
}
app-popup-grade #grade-type,
app-popup-gradebook-grade #grade-type,
app-popup-gradebook-description-grade #grade-type,
app-popup-gradebook-type-edit #grade-type,
app-popup-gradebook-type-add #grade-type,
app-popup-gradebook-presence #grade-type {
  text-align: left;
  width: 8.5714rem;
}
app-popup-grade .mdl-data-table,
app-popup-gradebook-grade .mdl-data-table,
app-popup-gradebook-description-grade .mdl-data-table,
app-popup-gradebook-type-edit .mdl-data-table,
app-popup-gradebook-type-add .mdl-data-table,
app-popup-gradebook-presence .mdl-data-table {
  white-space: normal;
}
app-popup-grade .mdl-data-table tr.current-grade-row td,
app-popup-gradebook-grade .mdl-data-table tr.current-grade-row td,
app-popup-gradebook-description-grade .mdl-data-table tr.current-grade-row td,
app-popup-gradebook-type-edit .mdl-data-table tr.current-grade-row td,
app-popup-gradebook-type-add .mdl-data-table tr.current-grade-row td,
app-popup-gradebook-presence .mdl-data-table tr.current-grade-row td {
  vertical-align: middle;
}
app-popup-grade .mdl-data-table tr.table-header-row,
app-popup-gradebook-grade .mdl-data-table tr.table-header-row,
app-popup-gradebook-description-grade .mdl-data-table tr.table-header-row,
app-popup-gradebook-type-edit .mdl-data-table tr.table-header-row,
app-popup-gradebook-type-add .mdl-data-table tr.table-header-row,
app-popup-gradebook-presence .mdl-data-table tr.table-header-row {
  background-color: var(--common-primary);
  color: var(--primary-content);
}
app-popup-grade .mdl-data-table tr.table-header-row th,
app-popup-gradebook-grade .mdl-data-table tr.table-header-row th,
app-popup-gradebook-description-grade .mdl-data-table tr.table-header-row th,
app-popup-gradebook-type-edit .mdl-data-table tr.table-header-row th,
app-popup-gradebook-type-add .mdl-data-table tr.table-header-row th,
app-popup-gradebook-presence .mdl-data-table tr.table-header-row th {
  text-align: left;
  color: var(--primary-content);
  vertical-align: middle;
  font-size: 1.07rem;
  padding: 0.3571rem 0.3571rem 0.3571rem 1.4286rem;
}
app-popup-grade .mdl-data-table .no-wrap,
app-popup-gradebook-grade .mdl-data-table .no-wrap,
app-popup-gradebook-description-grade .mdl-data-table .no-wrap,
app-popup-gradebook-type-edit .mdl-data-table .no-wrap,
app-popup-gradebook-type-add .mdl-data-table .no-wrap,
app-popup-gradebook-presence .mdl-data-table .no-wrap {
  white-space: nowrap;
}
app-popup-gradebook-type-edit mat-form-field,
app-popup-gradebook-type-add mat-form-field {
  width: 100%;
}
app-popup-gradebook-type-edit label,
app-popup-gradebook-type-add label {
  color: var(--common-dark-disabled-text);
}
app-popup-gradebook-grade .mdl-data-table select,
app-popup-gradebook-description-grade .mdl-data-table select,
app-popup-gradebook-presence .mdl-data-table select {
  width: 100%;
}
app-popup-gradebook-grade .mdl-data-table textarea,
app-popup-gradebook-description-grade .mdl-data-table textarea,
app-popup-gradebook-presence .mdl-data-table textarea {
  font-size: 0.93rem;
}
app-popup-gradebook-grade .mdl-data-table .cell-wrap,
app-popup-gradebook-description-grade .mdl-data-table .cell-wrap,
app-popup-gradebook-presence .mdl-data-table .cell-wrap {
  white-space: normal;
}
.page-content.lesson-hours {
  width: auto;
  height: auto;
  padding: 0.5714rem;
  margin: 0;
  overflow-x: auto;
}
@media print {
  .page-content.lesson-hours {
    overflow-x: visible;
    overflow-y: visible;
  }
}
.page-content.lesson-hours .last-item-in-day {
  border-bottom: 1px solid var(--common-dark-disabled-text);
}
.page-content.lesson-hours table {
  width: 100%;
  margin-top: 0.7143rem;
}
.page-content.lesson-hours table th {
  padding-top: 0.5714rem;
  text-align: center;
  background-color: var(--common-grey-50);
}
.page-content.lesson-hours table th.lesson-name {
  min-width: 28.5714rem;
}
.page-content.lesson-hours table tr td {
  text-align: center;
}
.page-content.lesson-hours table tr td div.separable {
  height: 50%;
  line-height: 3.6429rem;
}
.page-content.lesson-hours table tr td mat-form-field {
  width: 100%;
}
.page-content.lesson-hours table tr td.lesson-day-label {
  background-color: var(--common-grey-50);
}
.page-content.lesson-hours .circle {
  font-family: var(--common-font-family);
  font-weight: 600;
  width: 1.4286rem;
  height: 1.4286rem;
  border-radius: 50%;
  color: var(--common-light-primary-text);
  display: inline-block;
  vertical-align: middle;
  line-height: 1.2857rem;
  font-size: 0.86rem;
  text-align: center;
  padding: 0.4286rem;
}
.page-content.lesson-hours .circle.custom-color-0 {
  background-color: hsl(0, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-1 {
  background-color: hsl(3.6, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-2 {
  background-color: hsl(7.2, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-3 {
  background-color: hsl(10.8, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-4 {
  background-color: hsl(14.4, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-5 {
  background-color: hsl(18, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-6 {
  background-color: hsl(21.6, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-7 {
  background-color: hsl(25.2, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-8 {
  background-color: hsl(28.8, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-9 {
  background-color: hsl(32.4, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-10 {
  background-color: hsl(36, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-11 {
  background-color: hsl(39.6, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-12 {
  background-color: hsl(43.2, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-13 {
  background-color: hsl(46.8, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-14 {
  background-color: hsl(50.4, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-15 {
  background-color: hsl(54, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-16 {
  background-color: hsl(57.6, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-17 {
  background-color: hsl(61.2, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-18 {
  background-color: hsl(64.8, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-19 {
  background-color: hsl(68.4, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-20 {
  background-color: hsl(72, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-21 {
  background-color: hsl(75.6, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-22 {
  background-color: hsl(79.2, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-23 {
  background-color: hsl(82.8, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-24 {
  background-color: hsl(86.4, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-25 {
  background-color: hsl(90, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-26 {
  background-color: hsl(93.6, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-27 {
  background-color: hsl(97.2, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-28 {
  background-color: hsl(100.8, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-29 {
  background-color: hsl(104.4, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-30 {
  background-color: hsl(108, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-31 {
  background-color: hsl(111.6, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-32 {
  background-color: hsl(115.2, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-33 {
  background-color: hsl(118.8, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-34 {
  background-color: hsl(122.4, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-35 {
  background-color: hsl(126, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-36 {
  background-color: hsl(129.6, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-37 {
  background-color: hsl(133.2, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-38 {
  background-color: hsl(136.8, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-39 {
  background-color: hsl(140.4, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-40 {
  background-color: hsl(144, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-41 {
  background-color: hsl(147.6, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-42 {
  background-color: hsl(151.2, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-43 {
  background-color: hsl(154.8, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-44 {
  background-color: hsl(158.4, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-45 {
  background-color: hsl(162, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-46 {
  background-color: hsl(165.6, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-47 {
  background-color: hsl(169.2, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-48 {
  background-color: hsl(172.8, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-49 {
  background-color: hsl(176.4, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-50 {
  background-color: hsl(180, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-51 {
  background-color: hsl(183.6, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-52 {
  background-color: hsl(187.2, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-53 {
  background-color: hsl(190.8, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-54 {
  background-color: hsl(194.4, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-55 {
  background-color: hsl(198, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-56 {
  background-color: hsl(201.6, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-57 {
  background-color: hsl(205.2, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-58 {
  background-color: hsl(208.8, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-59 {
  background-color: hsl(212.4, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-60 {
  background-color: hsl(216, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-61 {
  background-color: hsl(219.6, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-62 {
  background-color: hsl(223.2, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-63 {
  background-color: hsl(226.8, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-64 {
  background-color: hsl(230.4, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-65 {
  background-color: hsl(234, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-66 {
  background-color: hsl(237.6, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-67 {
  background-color: hsl(241.2, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-68 {
  background-color: hsl(244.8, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-69 {
  background-color: hsl(248.4, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-70 {
  background-color: hsl(252, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-71 {
  background-color: hsl(255.6, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-72 {
  background-color: hsl(259.2, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-73 {
  background-color: hsl(262.8, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-74 {
  background-color: hsl(266.4, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-75 {
  background-color: hsl(270, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-76 {
  background-color: hsl(273.6, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-77 {
  background-color: hsl(277.2, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-78 {
  background-color: hsl(280.8, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-79 {
  background-color: hsl(284.4, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-80 {
  background-color: hsl(288, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-81 {
  background-color: hsl(291.6, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-82 {
  background-color: hsl(295.2, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-83 {
  background-color: hsl(298.8, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-84 {
  background-color: hsl(302.4, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-85 {
  background-color: hsl(306, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-86 {
  background-color: hsl(309.6, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-87 {
  background-color: hsl(313.2, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-88 {
  background-color: hsl(316.8, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-89 {
  background-color: hsl(320.4, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-90 {
  background-color: hsl(324, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-91 {
  background-color: hsl(327.6, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-92 {
  background-color: hsl(331.2, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-93 {
  background-color: hsl(334.8, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-94 {
  background-color: hsl(338.4, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-95 {
  background-color: hsl(342, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-96 {
  background-color: hsl(345.6, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-97 {
  background-color: hsl(349.2, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-98 {
  background-color: hsl(352.8, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-99 {
  background-color: hsl(356.4, 75%, 50%);
}
.page-content.lesson-hours .circle.custom-color-100 {
  background-color: hsl(0, 75%, 50%);
}
#lesson-schedule .app-loading-wrapper {
  padding: 4.5714rem 0;
  text-align: center;
}
#lesson-schedule .lesson-plan-table-container {
  width: auto;
  padding: 0.8571rem 0 1.7143rem 0;
  margin: 0 1.2857rem;
  overflow-x: auto;
  height: auto;
}
.text-200 {
  font-size: 200%;
}