/* ****************************************************************************************** *
 * Animations.less                                                                            *
 *                                                                                            *
 * CSS contained herein should only contain styles which target the transitions and           *
 * animation effects used by the site.                                                        *
 *                                                                                            *
 * ****************************************************************************************** */
/* Transitions */
md-toolbar {
  height: 64px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.disable-md-clickable .md-ripple-container {
  display: none;
}
/*Blinking animation for Student Flags*/
@keyframes blink {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes blink {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.blink {
  height: 100px;
  width: 100px;
  -webkit-animation: blink 1.5s infinite;
  -moz-animation: blink 1.5s infinite;
  -o-animation: blink 1.5s infinite;
  animation: blink 1.5s infinite;
}
/* ****************************************************************************************** *
 * Colours.less                                                                               *
 *                                                                                            *
 * CSS contained herein should only contain styles which target the colours of elements       *
 * except typography colours. Ex: background-color, border-color, etc.                        *
 *                                                                                            *
 * ****************************************************************************************** */
/**********************************************************************************************
*                                    CONSTANT VARIABLES.                                      *
*                        DO NOT CHANGE THE VALUE OF THESE VARIABLES!!                         *
*                            //https://www.materialui.co/colors                               *
*                                                                                             *
***********************************************************************************************/
/* When assigning colors to elements, use these variables so they are consistent
    with the application and angular material specs
*/
/*md-select overrides when inside md-toobar*/
md-toolbar md-select[class*="-theme"]:not([disabled]) .md-select-value,
md-toolbar md-select[class*="-theme"]:not([disabled]) .md-select-icon,
md-toolbar md-select[class*="-theme"]:not([disabled]):focus .md-select-value,
md-toolbar md-select[class*="-theme"]:not([disabled]):focus .md-select-icon {
  border-bottom-width: 0.5px;
  border-bottom-color: inherit;
  color: inherit;
}
/*md-input-container label overrides when inside md-toobar*/
md-toolbar md-input-container[class*="-theme"]:not(.md-input-invalid).md-input-has-value label {
  color: inherit;
}
/*md-icon overrides when inside md-toobar*/
md-toolbar[class*="-theme"]:not(.md-menu-toolbar) md-icon {
  color: inherit;
}
/*md-icon overrides when inside md-button*/
.md-button.md-icon-button md-icon[class*="-theme"] {
  color: inherit;
}
/*md-switch overrides*/
md-switch.md-checked .md-ink-ripple,
md-switch.md-checked[class*="dark-theme"] .md-ink-ripple {
  color: inherit !important;
}
.mw-read-only-list span {
  color: rgba(0, 0, 0, 0.54);
}
.mw-read-only-list dt {
  color: rgba(0, 0, 0, 0.87);
}
.mw-read-only-list-button span {
  color: rgba(255, 255, 255, 0);
}
.mw-read-only-list-button dt {
  color: rgba(0, 0, 0, 0.87);
}
md-content[class*="dark-theme"].mw-read-only-list span {
  color: rgba(255, 255, 255, 0.87);
}
md-content[class*="dark-theme"].mw-read-only-list dt {
  color: #ffffff;
}
/*Grad requirements */
.gradeHighlight {
  background-color: #E0E0E0;
  color: rgba(0, 0, 0, 0.87);
}
.mw-no-hover:hover {
  cursor: context-menu !important;
  background-color: inherit !important;
}
/* theme overrides for the md-picker */
.md-datepicker-calendar {
  background: #fff;
}
.md-datepicker-calendar md-calendar.md-blue-grey_grey-theme table,
.md-datepicker-calendar md-calendar.md-blue-grey_grey-theme tbody {
  background: #fff;
}
.validation-messages {
  color: #dd2c00;
}
.hint {
  color: grey;
}
.toolbar-checkbox .md-icon {
  border-color: inherit !important;
}
.toolbar-checkbox .md-ink-ripple {
  color: inherit !important;
}
.mw-progress-circular-color md-progress-circular svg path {
  stroke: #fff !important;
}
.mw-selected-button {
  background-color: lightgray;
}
.md-subheader.md-no-sticky {
  background-color: inherit !important;
}
.list-left-color-red {
  border-left: 10px solid #D32F2F;
}
.list-left-color-pink {
  border-left: 10px solid #C2185B;
}
.list-left-color-purple {
  border-left: 10px solid #7B1FA2;
}
.list-left-color-deep-purple {
  border-left: 10px solid #512DA8;
}
.list-left-color-indigo {
  border-left: 10px solid #303F9F;
}
.list-left-color-blue {
  border-left: 10px solid #1976D2;
}
.list-left-color-light-blue {
  border-left: 10px solid #0288D1;
}
.list-left-color-cyan {
  border-left: 10px solid #0097A7;
}
.list-left-color-teal {
  border-left: 10px solid #00796B;
}
.list-left-color-green {
  border-left: 10px solid #388E3C;
}
.list-left-color-light-green {
  border-left: 10px solid #689F38;
}
.list-left-color-lime {
  border-left: 10px solid #AFB42B;
}
.list-left-color-yellow {
  border-left: 10px solid #FBC02D;
}
.list-left-color-amber {
  border-left: 10px solid #FFA000;
}
.list-left-color-orange {
  border-left: 10px solid #F57C00;
}
.list-left-color-deep-orange {
  border-left: 10px solid #E64A19;
}
.list-left-color-brown {
  border-left: 10px solid #5D4037;
}
.list-left-color-grey {
  border-left: 10px solid #616161;
}
.list-left-color-blue-grey {
  border-left: 10px solid #455A64;
}
.cell-bg-color-red {
  background-color: #D32F2F;
  border-radius: 5px;
  padding: 2px;
  min-width: 75px;
}
.cell-bg-color-pink {
  background-color: #C2185B;
  border-radius: 5px;
  padding: 2px;
  min-width: 75px;
}
.cell-bg-color-purple {
  background-color: #7B1FA2;
  border-radius: 5px;
  padding: 2px;
  min-width: 75px;
}
.cell-bg-color-deep-purple {
  background-color: #512DA8;
  border-radius: 5px;
  padding: 2px;
  min-width: 75px;
}
.cell-bg-color-indigo {
  background-color: #303F9F;
  border-radius: 5px;
  padding: 2px;
  min-width: 75px;
}
.cell-bg-color-blue {
  background-color: #1976D2;
  border-radius: 5px;
  padding: 2px;
  min-width: 75px;
}
.cell-bg-color-light-blue {
  background-color: #0288D1;
  border-radius: 5px;
  padding: 2px;
  min-width: 75px;
}
.cell-bg-color-cyan {
  background-color: #0097A7;
  border-radius: 5px;
  padding: 2px;
  min-width: 75px;
}
.cell-bg-color-teal {
  background-color: #00796B;
  border-radius: 5px;
  padding: 2px;
  min-width: 75px;
}
.cell-bg-color-green {
  background-color: #388E3C;
  border-radius: 5px;
  padding: 2px;
  min-width: 75px;
}
.cell-bg-color-light-green {
  background-color: #689F38;
  border-radius: 5px;
  padding: 2px;
  min-width: 75px;
}
.cell-bg-color-lime {
  background-color: #AFB42B;
  border-radius: 5px;
  padding: 2px;
  min-width: 75px;
}
.cell-bg-color-yellow {
  background-color: #FBC02D;
  border-radius: 5px;
  padding: 2px;
  min-width: 75px;
}
.cell-bg-color-amber {
  background-color: #FFA000;
  border-radius: 5px;
  padding: 2px;
  min-width: 75px;
}
.cell-bg-color-orange {
  background-color: #F57C00;
  border-radius: 5px;
  padding: 2px;
  min-width: 75px;
}
.cell-bg-color-deep-orange {
  background-color: #E64A19;
  border-radius: 5px;
  padding: 2px;
  min-width: 75px;
}
.cell-bg-color-brown {
  background-color: #5D4037;
  border-radius: 5px;
  padding: 2px;
  min-width: 75px;
}
.cell-bg-color-grey {
  background-color: #616161;
  border-radius: 5px;
  padding: 2px;
  min-width: 75px;
}
.cell-bg-color-blue-grey {
  background-color: #455A64;
  border-radius: 5px;
  padding: 2px;
  min-width: 75px;
}
.cell-bg-color-blue-white {
  background-color: #fff;
  border-radius: 5px;
  padding: 2px;
  min-width: 75px;
}
.left-colored-list-item.palette-700 .red {
  border-left: #D32F2F solid 15px;
  padding-left: 10px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.left-colored-list-item.palette-700 .pink {
  border-left: #C2185B solid 15px;
  padding-left: 10px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.left-colored-list-item.palette-700 .purple {
  border-left: #7B1FA2 solid 15px;
  padding-left: 10px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.left-colored-list-item.palette-700 .deep-purple {
  border-left: #512DA8 solid 15px;
  padding-left: 10px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.left-colored-list-item.palette-700 .indigo {
  border-left: #303F9F solid 15px;
  padding-left: 10px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.left-colored-list-item.palette-700 .blue {
  border-left: #1976D2 solid 15px;
  padding-left: 10px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.left-colored-list-item.palette-700 .light-blue {
  border-left: #0288D1 solid 15px;
  padding-left: 10px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.left-colored-list-item.palette-700 .cyan {
  border-left: #0097A7 solid 15px;
  padding-left: 10px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.left-colored-list-item.palette-700 .teal {
  border-left: #00796B solid 15px;
  padding-left: 10px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.left-colored-list-item.palette-700 .green {
  border-left: #388E3C solid 15px;
  padding-left: 10px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.left-colored-list-item.palette-700 .light-green {
  border-left: #689F38 solid 15px;
  padding-left: 10px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.left-colored-list-item.palette-700 .lime {
  border-left: #AFB42B solid 15px;
  padding-left: 10px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.left-colored-list-item.palette-700 .yellow {
  border-left: #FBC02D solid 15px;
  padding-left: 10px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.left-colored-list-item.palette-700 .amber {
  border-left: #FFA000 solid 15px;
  padding-left: 10px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.left-colored-list-item.palette-700 .orange {
  border-left: #F57C00 solid 15px;
  padding-left: 10px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.left-colored-list-item.palette-700 .deep-orange {
  border-left: #E64A19 solid 15px;
  padding-left: 10px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.left-colored-list-item.palette-700 .brown {
  border-left: #5D4037 solid 15px;
  padding-left: 10px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.left-colored-list-item.palette-700 .grey {
  border-left: #616161 solid 15px;
  padding-left: 10px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.left-colored-list-item.palette-700 .blue-grey {
  border-left: #455A64 solid 15px;
  padding-left: 10px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.left-colored-list-item.palette-700 .dark-grey {
  border-left: #374046 solid 15px;
  padding-left: 10px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.left-colored-list-item.palette-900 .red {
  border-left: #B71C1C solid 15px;
  padding-left: 10px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.left-colored-list-item.palette-900 .pink {
  border-left: #880E4F solid 15px;
  padding-left: 10px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.left-colored-list-item.palette-900 .purple {
  border-left: #4A148C solid 15px;
  padding-left: 10px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.left-colored-list-item.palette-900 .deep-purple {
  border-left: #311B92 solid 15px;
  padding-left: 10px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.left-colored-list-item.palette-900 .indigo {
  border-left: #1A237E solid 15px;
  padding-left: 10px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.left-colored-list-item.palette-900 .blue {
  border-left: #0D47A1 solid 15px;
  padding-left: 10px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.left-colored-list-item.palette-900 .light-blue {
  border-left: #01579B solid 15px;
  padding-left: 10px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.left-colored-list-item.palette-900 .cyan {
  border-left: #006064 solid 15px;
  padding-left: 10px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.left-colored-list-item.palette-900 .teal {
  border-left: #004D40 solid 15px;
  padding-left: 10px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.left-colored-list-item.palette-900 .green {
  border-left: #1B5E20 solid 15px;
  padding-left: 10px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.left-colored-list-item.palette-900 .light-green {
  border-left: #33691E solid 15px;
  padding-left: 10px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.left-colored-list-item.palette-900 .lime {
  border-left: #827717 solid 15px;
  padding-left: 10px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.left-colored-list-item.palette-900 .yellow {
  border-left: #F57F17 solid 15px;
  padding-left: 10px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.left-colored-list-item.palette-900 .amber {
  border-left: #FF6F00 solid 15px;
  padding-left: 10px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.left-colored-list-item.palette-900 .orange {
  border-left: #E65100 solid 15px;
  padding-left: 10px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.left-colored-list-item.palette-900 .deep-orange {
  border-left: #BF360C solid 15px;
  padding-left: 10px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.left-colored-list-item.palette-900 .brown {
  border-left: #3E2723 solid 15px;
  padding-left: 10px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.left-colored-list-item.palette-900 .grey {
  border-left: #212121 solid 15px;
  padding-left: 10px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.left-colored-list-item.palette-900 .blue-grey {
  border-left: #263238 solid 15px;
  padding-left: 10px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.left-colored-list-item.palette-900 .dark-grey {
  border-left: #374046 solid 15px;
  padding-left: 10px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.mw-calendar.palette-700 .active-day:not([disabled]) {
  background-color: #F57C00 !important;
  color: #fff !important;
}
.mw-calendar.palette-700 .red:not([disabled]):not(.active-day) {
  background-color: #D32F2F !important;
  color: #fff !important;
}
.mw-calendar.palette-700 .pink:not([disabled]):not(.active-day) {
  background-color: #C2185B !important;
  color: #fff !important;
}
.mw-calendar.palette-700 .purple:not([disabled]):not(.active-day) {
  background-color: #7B1FA2 !important;
  color: #fff !important;
}
.mw-calendar.palette-700 .deep-purple:not([disabled]):not(.active-day) {
  background-color: #512DA8 !important;
  color: #fff !important;
}
.mw-calendar.palette-700 .indigo:not([disabled]):not(.active-day) {
  background-color: #303F9F !important;
  color: #fff !important;
}
.mw-calendar.palette-700 .blue:not([disabled]):not(.active-day) {
  background-color: #1976D2 !important;
  color: #fff !important;
}
.mw-calendar.palette-700 .light-blue:not([disabled]):not(.active-day) {
  background-color: #0288D1 !important;
  color: #fff !important;
}
.mw-calendar.palette-700 .cyan:not([disabled]):not(.active-day) {
  background-color: #0097A7 !important;
  color: #fff !important;
}
.mw-calendar.palette-700 .teal:not([disabled]):not(.active-day) {
  background-color: #00796B !important;
  color: #fff !important;
}
.mw-calendar.palette-700 .green:not([disabled]):not(.active-day) {
  background-color: #388E3C !important;
  color: #fff !important;
}
.mw-calendar.palette-700 .light-green:not([disabled]):not(.active-day) {
  background-color: #689F38 !important;
  color: #fff !important;
}
.mw-calendar.palette-700 .lime:not([disabled]):not(.active-day) {
  background-color: #AFB42B !important;
  color: #fff !important;
}
.mw-calendar.palette-700 .yellow:not([disabled]):not(.active-day) {
  background-color: #FBC02D !important;
  color: #fff !important;
}
.mw-calendar.palette-700 .amber:not([disabled]):not(.active-day) {
  background-color: #FFA000 !important;
  color: #fff !important;
}
.mw-calendar.palette-700 .orange:not([disabled]):not(.active-day) {
  background-color: #F57C00 !important;
  color: #fff !important;
}
.mw-calendar.palette-700 .deep-orange:not([disabled]):not(.active-day) {
  background-color: #E64A19 !important;
  color: #fff !important;
}
.mw-calendar.palette-700 .brown:not([disabled]):not(.active-day) {
  background-color: #5D4037 !important;
  color: #fff !important;
}
.mw-calendar.palette-700 .grey:not([disabled]):not(.active-day) {
  background-color: #616161 !important;
  color: #fff !important;
}
.mw-calendar.palette-700 .blue-grey:not([disabled]):not(.active-day) {
  background-color: #455A64 !important;
  color: #fff !important;
}
.mw-calendar.palette-700 .dark-grey:not([disabled]):not(.active-day) {
  background-color: #374046 !important;
  color: #fff !important;
}
.mw-calendar.palette-900 .active-day:not([disabled]) {
  background-color: #E65100 !important;
  color: #fff !important;
}
.mw-calendar.palette-900 .red:not([disabled]):not(.active-day) {
  background-color: #B71C1C !important;
  color: #fff !important;
}
.mw-calendar.palette-900 .pink:not([disabled]):not(.active-day) {
  background-color: #880E4F !important;
  color: #fff !important;
}
.mw-calendar.palette-900 .purple:not([disabled]):not(.active-day) {
  background-color: #4A148C !important;
  color: #fff !important;
}
.mw-calendar.palette-900 .deep-purple:not([disabled]):not(.active-day) {
  background-color: #311B92 !important;
  color: #fff !important;
}
.mw-calendar.palette-900 .indigo:not([disabled]):not(.active-day) {
  background-color: #1A237E !important;
  color: #fff !important;
}
.mw-calendar.palette-900 .blue:not([disabled]):not(.active-day) {
  background-color: #0D47A1 !important;
  color: #fff !important;
}
.mw-calendar.palette-900 .light-blue:not([disabled]):not(.active-day) {
  background-color: #01579B !important;
  color: #fff !important;
}
.mw-calendar.palette-900 .cyan:not([disabled]):not(.active-day) {
  background-color: #006064 !important;
  color: #fff !important;
}
.mw-calendar.palette-900 .teal:not([disabled]):not(.active-day) {
  background-color: #004D40 !important;
  color: #fff !important;
}
.mw-calendar.palette-900 .green:not([disabled]):not(.active-day) {
  background-color: #1B5E20 !important;
  color: #fff !important;
}
.mw-calendar.palette-900 .light-green:not([disabled]):not(.active-day) {
  background-color: #33691E !important;
  color: #fff !important;
}
.mw-calendar.palette-900 .lime:not([disabled]):not(.active-day) {
  background-color: #827717 !important;
  color: #fff !important;
}
.mw-calendar.palette-900 .yellow:not([disabled]):not(.active-day) {
  background-color: #F57F17 !important;
  color: #fff !important;
}
.mw-calendar.palette-900 .amber:not([disabled]):not(.active-day) {
  background-color: #FF6F00 !important;
  color: #fff !important;
}
.mw-calendar.palette-900 .orange:not([disabled]):not(.active-day) {
  background-color: #E65100 !important;
  color: #fff !important;
}
.mw-calendar.palette-900 .deep-orange:not([disabled]):not(.active-day) {
  background-color: #BF360C !important;
  color: #fff !important;
}
.mw-calendar.palette-900 .brown:not([disabled]):not(.active-day) {
  background-color: #3E2723 !important;
  color: #fff !important;
}
.mw-calendar.palette-900 .grey:not([disabled]):not(.active-day) {
  background-color: #212121 !important;
  color: #fff !important;
}
.mw-calendar.palette-900 .blue-grey:not([disabled]):not(.active-day) {
  background-color: #263238 !important;
  color: #fff !important;
}
.mw-calendar.palette-900 .dark-grey:not([disabled]):not(.active-day) {
  background-color: #374046 !important;
  color: #fff !important;
}
.mw-calendar .active-day:not([disabled]) {
  background-color: #E65100 !important;
  color: #fff !important;
}
.mw-calendar .red-700:not([disabled]):not(.active-day) {
  background-color: #D32F2F !important;
  color: #fff !important;
}
.mw-calendar .red-900:not([disabled]):not(.active-day) {
  background-color: #B71C1C !important;
  color: #fff !important;
}
.mw-calendar .pink-700:not([disabled]):not(.active-day) {
  background-color: #C2185B !important;
  color: #fff !important;
}
.mw-calendar .pink-900:not([disabled]):not(.active-day) {
  background-color: #880E4F !important;
  color: #fff !important;
}
.mw-calendar .purple-700:not([disabled]):not(.active-day) {
  background-color: #7B1FA2 !important;
  color: #fff !important;
}
.mw-calendar .purple-900:not([disabled]):not(.active-day) {
  background-color: #4A148C !important;
  color: #fff !important;
}
.mw-calendar .deep-purple-700:not([disabled]):not(.active-day) {
  background-color: #512DA8 !important;
  color: #fff !important;
}
.mw-calendar .deep-purple-900:not([disabled]):not(.active-day) {
  background-color: #311B92 !important;
  color: #fff !important;
}
.mw-calendar .indigo-700:not([disabled]):not(.active-day) {
  background-color: #303F9F !important;
  color: #fff !important;
}
.mw-calendar .indigo-900:not([disabled]):not(.active-day) {
  background-color: #1A237E !important;
  color: #fff !important;
}
.mw-calendar .blue-700:not([disabled]):not(.active-day) {
  background-color: #1976D2 !important;
  color: #fff !important;
}
.mw-calendar .blue-900:not([disabled]):not(.active-day) {
  background-color: #0D47A1 !important;
  color: #fff !important;
}
.mw-calendar .light-blue-700:not([disabled]):not(.active-day) {
  background-color: #0288D1 !important;
  color: #fff !important;
}
.mw-calendar .light-blue-900:not([disabled]):not(.active-day) {
  background-color: #01579B !important;
  color: #fff !important;
}
.mw-calendar .cyan-700:not([disabled]):not(.active-day) {
  background-color: #0097A7 !important;
  color: #fff !important;
}
.mw-calendar .cyan-900:not([disabled]):not(.active-day) {
  background-color: #006064 !important;
  color: #fff !important;
}
.mw-calendar .teal-700:not([disabled]):not(.active-day) {
  background-color: #00796B !important;
  color: #fff !important;
}
.mw-calendar .teal-900:not([disabled]):not(.active-day) {
  background-color: #004D40 !important;
  color: #fff !important;
}
.mw-calendar .green-700:not([disabled]):not(.active-day) {
  background-color: #388E3C !important;
  color: #fff !important;
}
.mw-calendar .green-900:not([disabled]):not(.active-day) {
  background-color: #1B5E20 !important;
  color: #fff !important;
}
.mw-calendar .light-green-700:not([disabled]):not(.active-day) {
  background-color: #689F38 !important;
  color: #fff !important;
}
.mw-calendar .light-green-900:not([disabled]):not(.active-day) {
  background-color: #33691E !important;
  color: #fff !important;
}
.mw-calendar .lime-700:not([disabled]):not(.active-day) {
  background-color: #AFB42B !important;
  color: #fff !important;
}
.mw-calendar .lime-900:not([disabled]):not(.active-day) {
  background-color: #827717 !important;
  color: #fff !important;
}
.mw-calendar .yellow-700:not([disabled]):not(.active-day) {
  background-color: #FBC02D !important;
  color: #fff !important;
}
.mw-calendar .yellow-900:not([disabled]):not(.active-day) {
  background-color: #F57F17 !important;
  color: #fff !important;
}
.mw-calendar .amber-700:not([disabled]):not(.active-day) {
  background-color: #FFA000 !important;
  color: #fff !important;
}
.mw-calendar .amber-900:not([disabled]):not(.active-day) {
  background-color: #FF6F00 !important;
  color: #fff !important;
}
.mw-calendar .orange-700:not([disabled]):not(.active-day) {
  background-color: #F57C00 !important;
  color: #fff !important;
}
.mw-calendar .orange-900:not([disabled]):not(.active-day) {
  background-color: #E65100 !important;
  color: #fff !important;
}
.mw-calendar .deep-orange-700:not([disabled]):not(.active-day) {
  background-color: #E64A19 !important;
  color: #fff !important;
}
.mw-calendar .deep-orange-900:not([disabled]):not(.active-day) {
  background-color: #BF360C !important;
  color: #fff !important;
}
.mw-calendar .brown-700:not([disabled]):not(.active-day) {
  background-color: #5D4037 !important;
  color: #fff !important;
}
.mw-calendar .brown-900:not([disabled]):not(.active-day) {
  background-color: #3E2723 !important;
  color: #fff !important;
}
.mw-calendar .grey-700:not([disabled]):not(.active-day) {
  background-color: #616161 !important;
  color: #fff !important;
}
.mw-calendar .grey-900:not([disabled]):not(.active-day) {
  background-color: #212121 !important;
  color: #fff !important;
}
.mw-calendar .blue-grey-700:not([disabled]):not(.active-day) {
  background-color: #455A64 !important;
  color: #fff !important;
}
.mw-calendar .blue-grey-900:not([disabled]):not(.active-day) {
  background-color: #263238 !important;
  color: #fff !important;
}
.mw-calendar .dark-grey:not([disabled]):not(.active-day) {
  background-color: #374046 !important;
  color: #fff !important;
}
/* background colors */
.background-colored.palette-700.red {
  background-color: #D32F2F;
}
.background-colored.palette-700.pink {
  background-color: #C2185B;
}
.background-colored.palette-700.purple {
  background-color: #7B1FA2;
}
.background-colored.palette-700.deep-purple {
  background-color: #512DA8;
}
.background-colored.palette-700.indigo {
  background-color: #303F9F;
}
.background-colored.palette-700.blue {
  background-color: #1976D2;
}
.background-colored.palette-700.light-blue {
  background-color: #0288D1;
}
.background-colored.palette-700.cyan {
  background-color: #0097A7;
}
.background-colored.palette-700.teal {
  background-color: #00796B;
}
.background-colored.palette-700.green {
  background-color: #388E3C;
}
.background-colored.palette-700.light-green {
  background-color: #689F38;
}
.background-colored.palette-700.lime {
  background-color: #AFB42B;
}
.background-colored.palette-700.yellow {
  background-color: #FBC02D;
}
.background-colored.palette-700.amber {
  background-color: #FFA000;
}
.background-colored.palette-700.orange {
  background-color: #F57C00;
}
.background-colored.palette-700.deep-orange {
  background-color: #E64A19;
}
.background-colored.palette-700.brown {
  background-color: #5D4037;
}
.background-colored.palette-700.grey {
  background-color: #616161;
}
.background-colored.palette-700.blue-grey {
  background-color: #455A64;
}
.background-colored.palette-700.black {
  background-color: #000000;
}
.background-colored.palette-900.red {
  background-color: #B71C1C;
}
.background-colored.palette-900.pink {
  background-color: #880E4F;
}
.background-colored.palette-900.purple {
  background-color: #4A148C;
}
.background-colored.palette-900.deep-purple {
  background-color: #311B92;
}
.background-colored.palette-900.indigo {
  background-color: #1A237E;
}
.background-colored.palette-900.blue {
  background-color: #0D47A1;
}
.background-colored.palette-900.light-blue {
  background-color: #01579B;
}
.background-colored.palette-900.cyan {
  background-color: #006064;
}
.background-colored.palette-900.teal {
  background-color: #004D40;
}
.background-colored.palette-900.green {
  background-color: #1B5E20;
}
.background-colored.palette-900.light-green {
  background-color: #33691E;
}
.background-colored.palette-900.lime {
  background-color: #827717;
}
.background-colored.palette-900.yellow {
  background-color: #F57F17;
}
.background-colored.palette-900.amber {
  background-color: #FF6F00;
}
.background-colored.palette-900.orange {
  background-color: #E65100;
}
.background-colored.palette-900.deep-orange {
  background-color: #BF360C;
}
.background-colored.palette-900.brown {
  background-color: #3E2723;
}
.background-colored.palette-900.grey {
  background-color: #212121;
}
.background-colored.palette-900.blue-grey {
  background-color: #263238;
}
.background-colored.palette-900.black {
  background-color: #000000;
}
/* ****************************************************************************************** *
 * Components.less                                                                            *
 *                                                                                            *
 * CSS contained herein should only contain styles which target the components used by the    *
 * site, which can include overrides of existing components.                                  *
 *                                                                                            *
 * ****************************************************************************************** */
/* ******************************************************************* *
 * Angular Material Overrides                                          *
 * ******************************************************************* */
/* Buttons */
.md-button > .md-offset {
  margin-left: 44px;
}
md-list-item.md-3-line,
md-list-item.md-3-line > .md-no-style {
  min-height: inherit;
}
/* ******************************************************************* *
 * Maplewood Custom Components                                         *
 * ******************************************************************* */
/* MW-Collapsable */
.mw-collapsable {
  padding: 0px !important;
}
.mw-collapsable > div.mw-menu-inner-list {
  height: 0px;
  align-self: stretch;
  overflow: hidden;
  margin-left: 16px;
  padding: 0px;
}
.mw-collapsable.in > div.mw-menu-inner-list {
  height: auto;
  overflow: visible;
  padding: 0px;
}
.mw-collapsable > div > .md-button.disclosure > md-icon:after {
  content: 'expand_more';
}
.mw-collapsable.in > div > .md-button.disclosure > md-icon:after {
  content: 'expand_less';
}
/*.mw-collapsable md-icon.disclosure:after {
    content: 'expand_more';
}

.mw-collapsable.in md-icon.disclosure:after {
    content: 'expand_less';
}*/
.mw-collapsable > div > .md-icon-button {
  margin: 0px !important;
}
.btn1 {
  padding: 0 6px 0 6px;
  margin: 0 2px 0 2px;
  width: 100%;
  text-align: left;
  text-transform: none;
  text-decoration: none;
  border: none;
  outline: none;
}
.btn2 {
  padding: 0 2px 0 2px;
  margin: 0 2px 0 2px;
  min-width: 192px;
  min-height: 192px;
  height: 100%;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  border: none;
  outline: none;
}
md-card.menu-widget md-card-title {
  padding: 14px;
  padding-left: 16px;
}
md-card.menu-widget md-card-content {
  width: 218px;
  height: 98px;
  overflow-y: auto;
  font-size: 12px;
  letter-spacing: 0.02em;
}
md-card.menu-widget md-card-actions {
  height: 36px;
}
/* Fix for buttons misplaced when being used together with ui-sref */
a.md-button.ui-sref-toolbar-fix[ui-sref] {
  top: 8px;
}
a.md-button[ui-sref]:not(.md-fab) {
  padding-top: 8px;
}
button.button-border {
  border: 4px;
  border-style: solid;
  border-color: gray;
  border-radius: 8px;
}
button.button-border.md-icon-button {
  border-radius: 8px !important;
  padding: 0px !important;
}
/*a.md-tab[disabled]:hover {
  pointer-events: none;
}*/
md-tabs.mw-hide-tab-bar md-tabs-wrapper {
  display: none;
  visibility: hidden;
}
.md-badge {
  background-color: #008282;
  border-image-outset: 0px;
  border-image-repeat: stretch;
  border-image-slice: 100%;
  border-image-source: none;
  color: #ffffff;
  border-radius: 10px;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 10px;
  font-stretch: normal;
  font-style: normal;
  font-variant-caps: normal;
  font-variant-ligatures: normal;
  font-variant-numeric: normal;
  font-weight: normal;
  height: 18px;
  min-width: 18px;
  line-height: 16px;
  letter-spacing: 0.4px;
  padding-bottom: 0px;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 1px;
  text-align: center;
  text-indent: 0px;
  text-rendering: auto;
  text-shadow: none;
  text-size-adjust: 100%;
  text-transform: none;
  white-space: normal;
  word-spacing: 0px;
  z-index: 9999;
  writing-mode: horizontal-tb;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
mw-adv-card md-card md-toolbar {
  order: 0;
}
mw-adv-card md-card md-card-content {
  order: 100;
}
.mat-highlight-row {
  background-color: rgba(255, 235, 138, 0.5);
}
.mw-badge {
  overflow: visible;
  position: relative;
}
.mw-badge::after {
  background-color: red;
  border-radius: 50%;
  color: white;
  content: attr(data-badge);
  font-smoothing: antialiased;
  height: 22px;
  line-height: 24px;
  overflow: visible;
  position: absolute;
  right: -8px;
  transition: width 0.25s, height 0.25s, transform 0.25s;
  top: -8px;
  width: 22px;
}
.badge-pulse {
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  animation: pulse 1.5s 3;
}
.badge-pulse:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  border: 2px solid rgba(255, 255, 255, 0.5);
  opacity: 0;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  animation: sonar 1.5s 3;
}
@keyframes sonar {
  0% {
    transform: scale(0.9);
    opacity: 1;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(1.4);
  }
  50% {
    transform: scale(0.9);
  }
  80% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
.global-notification-dialog {
  background: #ffffff;
  border-radius: 2px;
}
.md-menu-panel {
  width: 100%;
  background-color: #fff;
  border-radius: 4px;
}
.md-menu-panel .md-menu-divider {
  width: 100%;
  height: 1px;
  min-height: 1px;
  max-height: 1px;
  margin-top: 4px;
  margin-bottom: 4px;
  background-color: rgba(0, 0, 0, 0.11);
}
.md-menu-panel .md-menu-panel-content {
  display: flex;
  flex-direction: column;
  padding: 8px 0;
  max-height: 305px;
  overflow-y: auto;
  min-width: 256px;
}
.md-menu-panel .md-menu-panel-item {
  display: flex;
  flex-direction: row;
  min-height: 48px;
  height: 48px;
  align-content: center;
  justify-content: flex-start;
}
.md-menu-panel .md-menu-panel-item > * {
  width: 100%;
  margin: auto 0;
  padding-left: 16px;
  padding-right: 16px;
}
.md-menu-panel .md-menu-panel-item > a.md-button {
  padding-top: 5px;
}
.md-menu-panel .md-menu-panel-item > .md-button {
  display: inline-block;
  border-radius: 0;
  margin: auto 0;
  font-size: 15px;
  text-transform: none;
  font-weight: 400;
  height: 100%;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
  text-align: left;
}
.md-menu-panel .md-menu-panel-item > .md-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.md-menu-panel .md-menu-panel-item > .md-button md-icon {
  margin: auto 16px auto 0;
}
.md-menu-panel .md-menu-panel-item > .md-button p {
  display: inline-block;
  margin: auto;
}
.md-menu-panel .md-menu-panel-item > .md-button span {
  margin-top: auto;
  margin-bottom: auto;
}
.md-menu-panel .md-menu-panel-item > .md-button .md-ripple-container {
  border-radius: inherit;
}
/* ****************************************************************************************** *
 * Fonts.less                                                                                 *
 *                                                                                            *
 * CSS contained herein should only define new font families and the associated defaults for  *
 * the fonts, other styling should go in typography.less. Do not edit this file unless        *
 * instructed to do so.                                                                       *
 *                                                                                            *
 * ****************************************************************************************** */
/* Material Icons */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Material_Icons/MaterialIcons-Regular.eot);
  /* For IE6-8 */
  src: local('Material Icons'), local('MaterialIcons-Regular'), url(../fonts/Material_Icons/MaterialIcons-Regular.woff2) format('woff2'), url(../fonts/Material_Icons/MaterialIcons-Regular.woff) format('woff'), url(../fonts/Material_Icons/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}
/* Roboto */
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto/Roboto-Regular.ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto/Roboto-Italic.ttf');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto/Roboto-Light.ttf');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto/Roboto-LightItalic.ttf');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto/Roboto-Medium.ttf');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto/Roboto-MediumItalic.ttf');
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto/Roboto-Bold.ttf');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto/Roboto-BoldItalic.ttf');
  font-weight: 700;
  font-style: italic;
}
/* Maplewood Icon Font */
@font-face {
  font-family: 'Maplewood';
  src: url('../fonts/Maplewood/Maplewood.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
.maplewood-icons {
  font-family: 'Maplewood';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}
/* Maplewood Icon Font 2 */
@font-face {
  font-family: "mwsystem";
  src: url("../fonts/Maplewood/mwsystem.eot");
  src: url("../fonts/Maplewood/mwsystem.eot?#iefix") format("embedded-opentype"), url("../fonts/Maplewood/mwsystem.woff") format("woff"), url("../fonts/Maplewood/mwsystem.ttf") format("truetype"), url("../fonts/Maplewood/mwsystem.svg#mwsystem") format("svg");
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: "mwsystem" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "mwsystem" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-hide-course-selections:before {
  content: "\61";
}
.icon-show-course-selections:before {
  content: "\62";
}
.icon-18over:before {
  content: "\63";
}
.icon-add-comment:before {
  content: "\64";
}
.icon-add-deposit:before {
  content: "\65";
}
.icon-add-fee:before {
  content: "\66";
}
.icon-add-payment:before {
  content: "\67";
}
.icon-add-student:before {
  content: "\68";
}
.icon-add-to-comment-bank:before {
  content: "\69";
}
.icon-anti-spam:before {
  content: "\6a";
}
.icon-assessment:before {
  content: "\6b";
}
.icon-assessment-globe:before {
  content: "\6c";
}
.icon-assessment-group:before {
  content: "\6d";
}
.icon-assessment-instructional-unit:before {
  content: "\6e";
}
.icon-assessment-record:before {
  content: "\6f";
}
.icon-class-hmrm-att-taken:before {
  content: "\70";
}
.icon-class-hmrm-att-not-taken:before {
  content: "\71";
}
.icon-class-absent-excused:before {
  content: "\72";
}
.icon-class:before {
  content: "\73";
}
.icon-chart-timeline:before {
  content: "\74";
}
.icon-cards:before {
  content: "\75";
}
.icon-calendar-year-view:before {
  content: "\76";
}
.icon-calendar-month-view:before {
  content: "\77";
}
.icon-calendar:before {
  content: "\78";
}
.icon-attendance-unlocked:before {
  content: "\79";
}
.icon-attendance-locked:before {
  content: "\7a";
}
.icon-attendance:before {
  content: "\41";
}
.icon-assessment-sub-unit:before {
  content: "\42";
}
.icon-class-info:before {
  content: "\43";
}
.icon-coloroff:before {
  content: "\44";
}
.icon-coloron:before {
  content: "\45";
}
.icon-comment-switch:before {
  content: "\46";
}
.icon-comment-too-long:before {
  content: "\47";
}
.icon-concurrently-enrolled-multi-schools:before {
  content: "\48";
}
.icon-context-sensitive:before {
  content: "\4a";
}
.icon-correct-address:before {
  content: "\49";
}
.icon-continuous-class-entry:before {
  content: "\4b";
}
.icon-cts-course:before {
  content: "\4c";
}
.icon-cts-course-module:before {
  content: "\4d";
}
.icon-custody:before {
  content: "\4e";
}
.icon-custom-fields:before {
  content: "\4f";
}
.icon-edit-comment-too-long:before {
  content: "\50";
}
.icon-dual-enrolment:before {
  content: "\51";
}
.icon-double-arrow-show:before {
  content: "\52";
}
.icon-double-arrow-previous:before {
  content: "\53";
}
.icon-double-arrow-next:before {
  content: "\54";
}
.icon-double-arrow-hide:before {
  content: "\55";
}
.icon-discipline:before {
  content: "\56";
}
.icon-deposit:before {
  content: "\57";
}
.icon-day-night:before {
  content: "\58";
}
.icon-day:before {
  content: "\59";
}
.icon-dashboard:before {
  content: "\5a";
}
.icon-dar:before {
  content: "\30";
}
.icon-custom-fields-1:before {
  content: "\31";
}
.icon-edit-comments:before {
  content: "\32";
}
.icon-edit-confirm-att:before {
  content: "\33";
}
.icon-edit-homeroom:before {
  content: "\34";
}
.icon-emergency:before {
  content: "\35";
}
.icon-enrolment:before {
  content: "\36";
}
.icon-event:before {
  content: "\37";
}
.icon-exams:before {
  content: "\38";
}
.icon-family-contacts:before {
  content: "\39";
}
.icon-fees:before {
  content: "\21";
}
.icon-find:before {
  content: "\22";
}
.icon-flex-class:before {
  content: "\23";
}
.icon-hide:before {
  content: "\24";
}
.icon-hide-attendance-taken:before {
  content: "\25";
}
.icon-markbook-subtopic:before {
  content: "\26";
}
.icon-markbook-subcategory:before {
  content: "\27";
}
.icon-markbook-item:before {
  content: "\28";
}
.icon-markbook-category:before {
  content: "\29";
}
.icon-livesatsameaddress:before {
  content: "\2a";
}
.icon-list:before {
  content: "\2b";
}
.icon-library:before {
  content: "\2c";
}
.icon-leaf:before {
  content: "\2d";
}
.icon-incidents:before {
  content: "\2e";
}
.icon-importexport:before {
  content: "\2f";
}
.icon-ic-add-black-24px:before {
  content: "\3a";
}
.icon-hide-from-schools:before {
  content: "\3b";
}
.icon-markbook-topic:before {
  content: "\3c";
}
.icon-markbooks:before {
  content: "\3d";
}
.icon-marks:before {
  content: "\3e";
}
.icon-mwleaf:before {
  content: "\3f";
}
.icon-night:before {
  content: "\40";
}
.icon-no-edit:before {
  content: "\5b";
}
.icon-no-info-disclosure:before {
  content: "\5d";
}
.icon-no-notifications:before {
  content: "\5e";
}
.icon-nopasi:before {
  content: "\5f";
}
.icon-not-school-record-owner:before {
  content: "\60";
}
.icon-notes:before {
  content: "\7b";
}
.icon-notifications-off:before {
  content: "\7c";
}
.icon-notifications-on:before {
  content: "\7d";
}
.icon-report:before {
  content: "\7e";
}
.icon-refund:before {
  content: "\5c";
}
.icon-recordbook:before {
  content: "\e000";
}
.icon-r:before {
  content: "\e001";
}
.icon-query-classes:before {
  content: "\e002";
}
.icon-print-preview:before {
  content: "\e003";
}
.icon-placeholder:before {
  content: "\e004";
}
.icon-personal:before {
  content: "\e005";
}
.icon-payment-credit:before {
  content: "\e006";
}
.icon-payment:before {
  content: "\e007";
}
.icon-pasi:before {
  content: "\e008";
}
.icon-official-reg-att-codes:before {
  content: "\e009";
}
.icon-nsf:before {
  content: "\e00a";
}
.icon-reset-hmrm-class-att:before {
  content: "\e00b";
}
.icon-resources:before {
  content: "\e00c";
}
.icon-room:before {
  content: "\e00d";
}
.icon-sch-def-att-codes:before {
  content: "\e00e";
}
.icon-scheduling:before {
  content: "\e00f";
}
.icon-school-record-owner:before {
  content: "\e010";
}
.icon-seating-plan:before {
  content: "\e011";
}
.icon-secpostsecenrolment:before {
  content: "\e012";
}
.icon-security:before {
  content: "\e013";
}
.icon-sequencing:before {
  content: "\e014";
}
.icon-setup:before {
  content: "\e015";
}
.icon-show:before {
  content: "\e016";
}
.icon-show-attendance-taken:before {
  content: "\e017";
}
.icon-staff-records:before {
  content: "\e018";
}
.icon-staff-access-rights:before {
  content: "\e019";
}
.icon-staff:before {
  content: "\e01a";
}
.icon-spell-check:before {
  content: "\e01b";
}
.icon-spec-ed:before {
  content: "\e01c";
}
.icon-sign-out:before {
  content: "\e01d";
}
.icon-sign-in-out:before {
  content: "\e01e";
}
.icon-sign-in:before {
  content: "\e01f";
}
.icon-show-to-schools:before {
  content: "\e020";
}
.icon-show-sug-comments:before {
  content: "\e021";
}
.icon-show-letter-gd-box:before {
  content: "\e022";
}
.icon-show-comments:before {
  content: "\e023";
}
.icon-staff-records-menu-hide:before {
  content: "\e024";
}
.icon-staff-records-menu-show:before {
  content: "\e025";
}
.icon-staff-reports:before {
  content: "\e026";
}
.icon-student-program:before {
  content: "\e027";
}
.icon-student-records:before {
  content: "\e028";
}
.icon-student-records-menu-hide:before {
  content: "\e029";
}
.icon-student-records-menu-show:before {
  content: "\e02a";
}
.icon-student-reports:before {
  content: "\e02b";
}
.icon-student-tools:before {
  content: "\e02c";
}
.icon-subunit:before {
  content: "\e02d";
}
.icon-summary:before {
  content: "\e02e";
}
.icon-tab-horiz:before {
  content: "\e02f";
}
.icon-tab-vert:before {
  content: "\e030";
}
.icon-view-unpaid-fees:before {
  content: "\e031";
}
.icon-view-all-fees:before {
  content: "\e032";
}
.icon-upload-to-pasi:before {
  content: "\e033";
}
.icon-unit:before {
  content: "\e034";
}
.icon-transportation:before {
  content: "\e035";
}
.icon-tools:before {
  content: "\e036";
}
.icon-timetable-suggestions:before {
  content: "\e037";
}
.icon-time-select:before {
  content: "\e038";
}
.icon-tags:before {
  content: "\e039";
}
.icon-tables:before {
  content: "\e03a";
}
.icon-table:before {
  content: "\e03b";
}
.icon-hide-stu-course-sels:before {
  content: "\e03c";
}
.icon-open-view-stu-transcript:before {
  content: "\e03d";
}
.icon-show-stu-course-sels:before {
  content: "\e03e";
}
.icon-view-open-stu-transcript:before {
  content: "\e03f";
}
.icon-lock:before {
  content: "\e040";
}
.icon-unlock:before {
  content: "\e041";
}
.icon-teacher-not-available:before {
  content: "\e042";
}
.icon-teacher-timetable:before {
  content: "\e043";
}
.icon-room-timetable:before {
  content: "\e044";
}
.icon-room-not-available:before {
  content: "\e045";
}
.icon-show-all-courses:before {
  content: "\e046";
}
.icon-hide-course-sels:before {
  content: "\e047";
}
.icon-marks-class:before {
  content: "\e048";
}
.icon-onsis:before {
  content: "\e049";
}
.icon-oen:before {
  content: "\e04a";
}
.icon-ontario:before {
  content: "\e04b";
}
.icon-folder:before {
  content: "\e04c";
}
.icon-oen-f:before {
  content: "\e04d";
}
.icon-onsis-f:before {
  content: "\e04e";
}
.icon-add-your-help:before {
  content: "\e04f";
}
.icon-your-help:before {
  content: "\e050";
}
.icon-add-shsm:before {
  content: "\e051";
}
.icon-add-grad-requirements:before {
  content: "\e052";
}
.icon-shsm-certificates:before {
  content: "\e053";
}
.icon-indigenous-language:before {
  content: "\e054";
}
.icon-french-language:before {
  content: "\e055";
}
.icon-checkbox-blank:before {
  content: "\e056";
}
.icon-checkbox-populated:before {
  content: "\e057";
}
.icon-import-export:before {
  content: "\e058";
}
.icon-shsm:before {
  content: "\e059";
}
.icon-course-sel-approved:before {
  content: "\e05a";
}
.icon-course-sel-not-approved:before {
  content: "\e05b";
}
.icon-blank-comment:before {
  content: "\e05c";
}
.icon-cardinal:before {
  content: "\e05d";
}
.icon-upload:before {
  content: "\e05e";
}
.icon-copy:before {
  content: "\e05f";
}
.icon-class-info-off:before {
  content: "\e060";
}
.icon-filter:before {
  content: "\e061";
}
.icon-fiter-on:before {
  content: "\e062";
}
.icon-apply-all:before {
  content: "\e063";
}
.icon-sk-reporting:before {
  content: "\e064";
}
.icon-mb-reporting:before {
  content: "\e065";
}
.icon-arrow-down:before {
  content: "\e066";
}
.icon-arrow-up:before {
  content: "\e067";
}
.icon-add-subtopic:before {
  content: "\e068";
}
.icon-add-topic:before {
  content: "\e069";
}
.icon-arrow-down-thin:before {
  content: "\e06a";
}
.icon-arrow-up-thin:before {
  content: "\e06b";
}
.icon-teacher:before {
  content: "\e06c";
}
.icon-bc:before {
  content: "\e06d";
}
.icon-canada-flag:before {
  content: "\e06e";
}
.icon-library-loan:before {
  content: "\e06f";
}
.icon-nunavut:before {
  content: "\e070";
}
.icon-nunavut1:before {
  content: "\e071";
}
.icon-ontario-new:before {
  content: "\e072";
}
/* ****************************************************************************************** *
 * Layout.less                                                                                *
 *                                                                                            *
 * CSS contained herein should only contain styles which target the layout of the site as a   *
 * whole. CSS here is intended to be overridable based on the context of the page.            *
 *                                                                                            *
 * ****************************************************************************************** */
/* Navigation */
/** Managing the indexes for the sidenavs **/
.mw-primary-sidenav {
  z-index: 50;
  overflow-x: hidden;
}
md-backdrop.md-dialog-backdrop,
md-backdrop.md-sidenav-backdrop {
  z-index: 40 !important;
}
md-select[multiple] .md-container {
  display: inline-block;
}
.mw-primary-toolbar {
  z-index: 30;
}
.mw-secondary-sidenav {
  z-index: 20;
}
.mw-third-sidenav {
  z-index: 10;
}
md-sidenav {
  max-width: 420px;
  width: 420px;
}
.mw-stu-records-menu {
  max-width: 350px;
  width: 350px;
}
.access-key {
  padding-right: 48px;
}
h3 {
  white-space: normal !important;
}
md-toolbar h4 {
  white-space: nowrap;
}
p.line-breaker {
  white-space: pre-line;
}
.mw-tooltip-multiline {
  height: auto;
  line-height: 20px;
}
/* Avatars*/
.mw-avatar,
.md-avatar,
.mw-avatar-sm,
.md-avatar-sm,
.mw-avatar-gt-sm,
.md-avatar-gt-sm,
.mw-avatar-md,
.md-avatar-md,
.mw-avatar-lg,
.md-avatar-lg {
  border-radius: 50%;
  height: 124px;
  width: 124px;
}
.mw-avatar img,
.md-avatar img,
.mw-avatar-sm img,
.md-avatar-sm img,
.mw-avatar-gt-sm img,
.md-avatar-gt-sm img,
.mw-avatar-md img,
.md-avatar-md img,
.mw-avatar-lg img,
.md-avatar-lg img {
  border-radius: 50%;
  height: 124px;
  width: 124px;
}
md-list-item .mw-avatar,
md-list-item .md-avatar,
md-list-item .mw-avatar-sm,
md-list-item .md-avatar-sm,
md-list-item .mw-avatar-gt-sm,
md-list-item .md-avatar-gt-sm,
md-list-item .mw-avatar-md,
md-list-item .md-avatar-md,
md-list-item .mw-avatar-lg,
md-list-item .md-avatar-lg {
  margin-top: 0px;
}
.mw-avatar-sm {
  height: 24px;
  width: 24px;
}
.mw-avatar-sm img {
  height: 24px;
  width: 24px;
}
.mw-avatar-gt-sm {
  height: 48px;
  width: 48px;
}
.mw-avatar-gt-sm img {
  height: 48px;
  width: 48px;
}
.mw-avatar-md {
  height: 104px;
  width: 104px;
}
.mw-avatar-md img {
  height: 104px;
  width: 104px;
}
.mw-avatar-lg {
  height: 164px;
  width: 164px;
}
.mw-avatar-lg img {
  height: 164px;
  width: 164px;
}
.mw-avatar-xlg {
  height: 212px;
  width: 212px;
}
.mw-avatar-xlg img {
  height: 212px;
  width: 212px;
}
/* 
    Custom sidebar menu
*/
.menu-list md-list-item > div,
.menu-list md-list-item > div > div {
  width: 100%;
}
.menu-list md-list-item {
  padding: 0px;
}
.menu-list md-list-item,
.menu-list md-list-item .md-list-item-inner {
  min-height: 36px;
}
.menu-list .md-list-item-inner h3 {
  margin: 6px 0px;
}
.menu-list .mw-no-style-list-item-inner-md-icon {
  margin-left: 16px !important;
  margin-right: 22px !important;
}
.menu-list .md-list-item-inner > md-icon {
  margin-left: 6px;
}
.menu-list md-list-item > .md-avatar,
.menu-list md-list-item .md-list-item-inner > .md-avatar {
  position: relative;
  vertical-align: middle;
}
.menu-list md-list-item > .md-avatar > .material-icons,
.menu-list md-list-item .md-list-item-inner > .md-avatar > .material-icons {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.menu-list md-list-item::before,
.menu-list md-list-item .md-list-item-inner::before {
  content: none;
}
md-list-item.md-2-line:not(.mw-fix)::before,
md-list-item.md-2-line:not(.mw-fix) > .md-no-style::before {
  content: none;
}
md-list-item.md-2-line.mw-fix,
md-list-item.md-2-line.mw-fix > .md-no-style,
md-list-item.md-2-line.mw-fix::before,
md-list-item.md-2-line.mw-fix > .md-no-style::before {
  min-height: initial;
  min-height: auto;
}
/*md-button overrides*/
.md-button.mw-no-text-decoration {
  text-decoration: none;
  text-transform: none;
}
/*Control padding and/or margin*/
.mw-add-bottom-padding {
  padding-bottom: 16px;
}
.mw-list-item-margin-top {
  margin-top: 12px;
}
.mw-toolbar-tall {
  height: 148px;
  min-height: 148px;
  max-height: 148px;
}
.mw-list-item-offset {
  margin-left: 38px !Important;
}
.mw-list-item-empty-icon {
  margin-right: 32px;
  margin-top: 16px;
}
.mw-datepicker-input {
  margin-top: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.mw-contact-list-item {
  height: 72px;
}
.mw-read-only-list span {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.01em;
  margin: 0 0 0 0;
  line-height: 1.6em;
}
.mw-read-only-list dt {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.01em;
  margin: 0 0 0px 0;
  line-height: 1.2em;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mw-truncate-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 50px;
}
.mw-truncate-md-select-multiple {
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 50px;
}
/*md-switch overrides*/
md-switch.md-checked .md-thumb:after {
  content: 'Yes' !important;
  /*font-size: 0.75em;*/
  font-size: 10px;
  line-height: 20px;
  vertical-align: top;
  margin-left: 1px;
}
md-switch .md-thumb:after {
  content: 'No';
  /*font-size: 0.75em;*/
  font-size: 10px;
  line-height: 20px;
  vertical-align: top;
  margin-left: 3px;
}
/* Fix if we want to create md-card with md-ink-ripple in it*/
md-card[md-ink-ripple] {
  position: relative;
  cursor: pointer;
}
/** used to include an empty space
    in the lower part of a list with a
    view that has a floating fab icon
    at the bottom so this doesn't overlap
    the content **/
.fab-spacer {
  min-height: 80px;
  display: inline-block;
}
/*Tabs part of toolbar*/
/** When the md-fab is included inside the footer it
    needs to be repositioned so it doesn't overlap any
    possible buttons
*/
footer md-toolbar > .md-fab,
footer md-toolbar > md-fab-speed-dial {
  bottom: 80px !important;
}
/** Button override for input type="file" */
input[type='file'] {
  display: none;
}
.mw-dem-container {
  overflow-y: scroll;
}
.mw-dp-label {
  position: absolute !important;
  left: 0px !important;
}
.mw-dp-list-item {
  padding-left: 0px !important;
  margin-left: 0px !important;
  min-width: 600px !important;
}
md-menu-content a {
  text-decoration: none;
}
.mw-hide-datepicker-input {
  margin-right: 0px;
  padding-right: 0px;
}
.mw-hide-datepicker-input .md-datepicker-input-container {
  width: 0px;
  height: 0px;
  padding-bottom: 0px;
}
.mw-hide-datepicker-input .md-datepicker-triangle-button {
  display: none;
}
/* Changing the datepicker width so it fits its parent */
div.md-datepicker-input-container {
  width: calc(100% - 68px);;
}
div.md-datepicker-input-container input {
  min-width: 100%;
}
/*mwAddressStepper custom style*/
.mw-dialog-fix-size {
  height: 70vh;
}
.capitalize::first-letter {
  text-transform: uppercase;
}
mw-datepicker-container .validation-messages {
  padding-top: 5px;
  left: 2px;
  right: auto;
  bottom: 7px;
  font-size: 12px;
  line-height: 14px;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  margin-left: 25px;
}
md-input-container .validation-messages {
  padding-top: 5px;
  left: 2px;
  right: auto;
  bottom: 7px;
  /* Copy styles from ng-messages */
  font-size: 12px;
  line-height: 14px;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
}
.fix-bottom-md-select .validation-messages {
  font-size: 12px;
  margin: 10px 0 0 0px;
  position: fixed;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
}
md-input-container .hint {
  position: absolute;
}
.btn1 {
  padding: 0 6px 0 6px;
  margin: 0 2px 0 2px;
  width: 100%;
  text-align: left;
  text-transform: none;
  text-decoration: none;
  border: none;
  outline: none;
}
.btn2 {
  padding: 0 2px 0 2px;
  margin: 0 2px 0 2px;
  min-width: 192px;
  min-height: 192px;
  height: 100%;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  border: none;
  outline: none;
}
.mw-menu-button {
  padding: 0 6px 0 6px;
  margin: 0 2px 0 2px;
  width: 100%;
  text-align: left;
  text-transform: none;
  text-decoration: none;
  border: none;
  outline: none;
  font-size: 16px;
}
.mw-student-card-button {
  padding: 0 2px 0 2px;
  margin: 0 2px 0 2px;
  min-width: 192px;
  min-height: 192px;
  height: 100%;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  border: none;
  outline: none;
}
table.mw-timetable {
  width: calc(100% - 140px) !important;
  margin-left: 140px;
  /* Overwriting md-table padding */
  /*& > thead > tr > th.static-column div,
    & > tbody > tr > td.static-column div {
        width: @staticLeftButtonWidth;
    }*/
}
table.mw-timetable td.md-cell:first-child,
table.mw-timetable th.md-column:first-child {
  padding: 0 !important;
}
table.mw-timetable td.md-cell {
  border: 3px transparent solid !important;
}
table.mw-timetable > thead > tr > th.static-column,
table.mw-timetable > tbody > tr > td.static-column {
  position: absolute;
  left: 10px;
  z-index: 5;
  text-align: left !important;
  height: 42px;
}
table.mw-timetable > thead > tr > th.static-column > div,
table.mw-timetable > tbody > tr > td.static-column > div {
  position: relative;
  top: -4px;
}
table.mw-timetable > thead > tr > th.static-column div.md-ripple-container,
table.mw-timetable > tbody > tr > td.static-column div.md-ripple-container {
  z-index: -1;
}
table.mw-timetable > tbody > tr.is-different-school {
  background-color: #616161 !important;
}
table.mw-timetable > tbody > tr.is-different-school > td > .mw-cell-grid > button.background-selected,
table.mw-timetable > tbody > tr.is-different-school > td > .mw-cell-grid > button.background-selected:disabled {
  background-color: #388E3C !important;
  color: #fff !important;
}
table.mw-timetable > tbody > tr.is-different-school > td > .mw-cell-grid > button.background-conflict,
table.mw-timetable > tbody > tr.is-different-school > td > .mw-cell-grid > button.background-conflict:disabled {
  background-color: #D32F2F !important;
  color: #fff !important;
}
table.mw-timetable > tbody > tr.is-new-addition-multiple:not(.is-different-school) {
  background-color: #0097A7 !important;
}
table.mw-timetable > tbody > tr.is-new-addition-multiple td:not(:first-child) {
  color: #fff !important;
}
table.mw-timetable > thead.md-table-progress {
  display: none;
  visibility: hidden;
}
table.mw-timetable > thead > tr,
table.mw-timetable > tbody > tr {
  height: 46px !important;
}
table.mw-timetable > thead > tr > th.static-column > div:first-child {
  padding-top: 15px;
  text-align: center;
  top: 0;
}
table.mw-timetable > thead > tr > th:not(static-column),
table.mw-timetable > tbody > tr > td:not(static-column) {
  position: relative;
}
table.mw-timetable > thead > tr > th:not(:first-child),
table.mw-timetable > tbody > tr > td {
  padding: 0 !important;
  border: 5px solid transparent;
}
table.mw-timetable > thead > tr > th:not(md-sort),
table.mw-timetable > tbody > tr > td {
  text-align: center !important;
  vertical-align: middle !important;
}
table.mw-timetable > tbody > tr > td > .mw-cell-grid > button {
  min-width: 50px;
  margin: 1px !important;
}
table.mw-timetable > tbody > tr > td > .mw-cell-grid > button.background-selected:not([disabled]) {
  background-color: #388E3C !important;
  color: #fff !important;
}
table.mw-timetable > tbody > tr > td > .mw-cell-grid > button.background-conflict {
  background-color: #D32F2F !important;
  color: #fff !important;
}
table.mw-timetable .mw-head-grid {
  line-height: 20px;
}
md-menu-content.md-menu-contains-list-items md-menu-item {
  height: auto !important;
}
md-menu-content.md-menu-contains-list-items md-menu-item md-list-item {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.autocomplete-has-md-list-item li {
  height: auto !important;
}
cardflow {
  margin: 0px;
  overflow: hidden;
}
cardflow .cardflow-wrapper {
  overflow: hidden;
  width: 100%;
}
cardflow .cardflow-container {
  width: 200%;
  transition: transform 0.25s ease-out;
  -webkit-transition: -webkit-transform 0.25s ease-out;
  -moz-transition: -moz-transform 0.25s ease-out;
  -o-transition: -o-transform 0.25s ease-out;
  -ms-transition: -ms-transform 0.25s ease-out;
}
.mw-list-item-inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 48px;
  height: 50px;
  position: relative;
  padding: 0px 16px;
  padding-top: 16px;
}
.mw-list-item-inner > .mw-checkbox {
  margin-left: 3px;
  margin-right: 29px;
  margin-top: 16px;
  width: auto;
}
.mw-p-details {
  margin-bottom: 0px;
  margin-top: 5px;
}
/*Used inside attendance areas*/
.code-legend {
  vertical-align: middle;
  line-height: 50px;
}
.code-legend div {
  border: 1px medium gray;
  height: 30px;
  width: 30px;
  margin: 10px;
  float: left;
}
.code-legend span {
  white-space: nowrap;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.01em;
  margin: 0 0 0 0;
  line-height: 1.6em;
}
/*Used inside security permission areas*/
.checkbox-legend md-checkbox {
  cursor: auto;
  margin-bottom: 0;
}
.checkbox-legend span {
  white-space: normal;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.01em;
  margin: 0 0 0 0;
  line-height: 1.6em;
}
.attendance-entry {
  border-left-width: 10px;
  border-left-style: solid;
  padding-left: 10px;
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.md-button-normal-case {
  text-transform: none;
}
.att-code-letter {
  border: 4px solid grey;
  width: 19px;
  height: 19px;
  vertical-align: middle;
  line-height: 19px;
  font-weight: bolder;
  color: grey;
  border-radius: 10%;
}
.toolbar-checkbox {
  margin-bottom: 0;
}
.mw-grid-cell-avatar {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 8px;
}
.mw-grid-cell-avatar-text {
  line-height: 60px;
  white-space: nowrap;
}
.mw-grid-no-lines td.md-cell {
  border-top-width: 0px !important;
}
.mw-show-tooltip-inside-list {
  position: relative;
  z-index: 1;
}
.mw-small-icon md-icon {
  font-size: 14px;
  height: 14px;
  width: 14px;
  min-height: 14px;
  min-width: 14px;
}
md-tab-item[disabled] {
  pointer-events: none !important;
}
.mw-secondary {
  margin: auto;
}
.mw-secondary > md-icon {
  padding: 8px;
  margin: 0px 6px;
}
/*mwPasiAlertsSummaryCard*/
.mw-pasi-card-icon {
  font-size: 60px;
  margin-left: 10px;
  margin-top: -45px;
  margin-bottom: 20px;
}
.mw-pasi-card-text1 {
  margin-bottom: 0px;
  margin-top: 0px;
  margin-right: 5px;
  text-align: right;
}
.mw-pasi-card-text2 {
  margin-top: 0px;
  margin-bottom: 20px;
  margin-right: 5px;
  text-align: right;
}
/*mwPasiAlertsSummaryCard*/
md-card-content > mw-adv-table {
  display: block;
  margin: -16px;
}
/*For use in nested context menus, see \Areas\StudentTools\Views\Enrollment\ManageOnlineReg.cshtml for example usage*/
.mw-nested-menu-button {
  text-align: left;
  display: inline-block;
  border-radius: 0;
  margin: auto 0;
  font-size: 15px;
  text-transform: none;
  font-weight: 400;
  height: 100%;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.mw-nested-menu {
  margin: 0px 0px;
  padding: 0px 0px;
}
md-input-container .hint {
  /* Position the hint */
  position: absolute;
  left: 2px;
  right: auto;
  bottom: 7px;
  /* Copy styles from ng-messages */
  font-size: 12px;
  line-height: 14px;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  /* Set our own color */
  color: rgba(0, 0, 0, 0.54);
}
md-input-container .hint.ng-hide,
md-input-container .hint.ng-enter,
md-input-container .hint.ng-leave.ng-leave-active {
  bottom: 26px;
  opacity: 0;
}
md-input-container .hint.ng-leave,
md-input-container .hint.ng-enter.ng-enter-active {
  bottom: 7px;
  opacity: 1;
}
.mw-toast-break-text .md-toast-content {
  white-space: pre-line !important;
}
/*md-toast.md-top {
    margin-top: 64px;
}*/
.selectMWSelectHeader {
  /* Please note: All these selectors are only applied to children of elements with the 'selectMWSelectHeader' class */
}
.selectMWSelectHeader .mw-header-searchbox {
  border: none;
  outline: none;
  height: 100%;
  width: 100%;
  padding: 0;
}
.selectMWSelectHeader .mw-select-header {
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
  padding-left: 16px;
  height: 48px;
  cursor: pointer;
  position: relative;
  display: flex;
  width: auto;
}
.selectMWSelectHeader md-content._md {
  max-height: 240px;
}
.selectMWSelectHeader md-input-container {
  min-width: 112px;
}
/* ****************************************************************************************** *
 * Typography.less                                                                            *
 *                                                                                            *
 * CSS contained herein should only contain styles which target the font, sizing and colours  *
 * associated with components.                                                                *
 *                                                                                            *
 * ****************************************************************************************** */
/* Site Defaults */
body {
  font-family: 'Roboto', 'Open Sans';
  overflow: hidden;
}
/* ******************************************************************* *
 * Angular Material Overrides                                          *
 * ******************************************************************* */
/*Stepper*/
.h-stepper {
  position: relative;
  min-height: 80px;
  max-height: 80px;
}
.h-stepper > div:first-child {
  margin-left: 24px;
}
.h-stepper > div {
  margin-left: 8px;
}
.h-stepper > div:last-child > .h-line {
  margin-right: 8px;
}
.h-circle {
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 16px;
  position: relative;
  color: white;
  text-align: center;
  margin: 24px 8px 24px 0px;
  overflow: hidden;
  /*IE needs it here*/
  min-width: 32px;
  min-height: 32px;
}
/*.h-circle.done:before {
        content: "\E5CA";
        font-family: 'Material Icons';
        font-size: 24px;
    }*/
.h-title {
  line-height: 80px;
  font-weight: bold;
  font-size: 14px;
  text-wrap: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0px;
}
.h-line {
  border-top: 1px solid;
  margin-left: 8px;
  margin-top: 40px;
  min-width: 0px;
}
md-dialog-content .h-circle {
  margin: 0px;
  display: inline-block;
}
md-dialog-content .h-title {
  line-height: 32px;
  text-transform: none;
  vertical-align: top;
  margin-left: 5px;
}
/*=============================================*/
/*.v-step {
    position: relative;
    min-height: 32px ;
}

.v-step > div:first-child {
    position: static;
    height: 0;
}

.v-step > div:last-child {
    margin-left: 32px;
    padding-left: 16px;
}

.v-circle {
    background: #4285f4;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 16px;
    position: relative;
    color: white;
    text-align: center;
}

.v-line {
    position: absolute;
    border-left: 1px solid gainsboro;
    left: 16px;
    bottom: 10px;
    top: 42px;
}

.v-step:last-child .v-line {
    display: none;
}

.v-title {
    line-height: 32px;
    font-weight: bold;
}*/
.border-box {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
div.mwcalendars {
  float: left;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background: white;
  width: 280px;
  border: 1px solid black;
  margin-right: 2px;
  margin-bottom: 2px;
  /*width:280px;
    height:300px;
    border:1px solid black;*/
  /*@week-width:21vw;*/
}
div.mwcalendars > div.header {
  float: left;
  width: 100%;
  background: #c6bdbd;
  height: 40px;
  color: white;
}
div.mwcalendars > div.header > * {
  height: 40px;
  line-height: 40px !important;
  display: inline-block;
  vertical-align: middle;
}
div.mwcalendars > div.header > i {
  float: left;
  width: 40px;
  font-size: 1.125em;
  font-weight: bold;
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 0 10px;
  cursor: pointer;
}
div.mwcalendars > div.header > i.fa-angle-left {
  text-align: left;
}
div.mwcalendars > div.header > i.fa-angle-right {
  text-align: right;
  margin-left: -40px;
}
div.mwcalendars > div.header > span {
  float: left;
  width: 100%;
  font-weight: bold;
  text-transform: uppercase;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding-left: 50px;
  margin-left: -40px;
  text-align: center;
  padding-right: 40px;
  color: inherit;
}
div.mwcalendars > div.week {
  float: left;
  width: 100%;
}
div.mwcalendars > div.week:first-child {
  border-top: none;
}
div.mwcalendars > div.week > span.day {
  float: left;
  width: 14.28571429%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-size: 0.75em;
  text-align: center;
  height: 30px;
  line-height: 30px !important;
  display: inline-block;
  vertical-align: middle;
  background: white;
  cursor: pointer;
  color: black;
}
div.mwcalendars > div.week > span.day:first-child {
  border-left: none;
}
div.mwcalendars > div.week > span.day.today {
  background: #E3F2FF;
}
div.mwcalendars > div.week > span.day.different-month {
  color: #C0C0C0;
}
div.mwcalendars > div.week > span.day.selected {
  background: #00ff21;
  color: white;
  border-radius: 50%;
}
div.mwcalendars > div.week > span.day.board {
  background-color: #0094ff !important;
}
div.mwcalendars > div.week > span.day.grantDay {
  background-color: #4800ff !important;
}
div.mwcalendars > div.week > span.day.s1t1 {
  background-color: #00ff21;
}
div.mwcalendars > div.week > span.day.s1t2 {
  background-color: #0094ff;
}
div.mwcalendars > div.week.names > span {
  color: #c6bdbd;
  font-weight: bold;
}
md-content > div.mw-div.mwcalendars {
  border: 1px solid black;
  width: 250px;
}
md-card-actions > md-button.ad1 {
  background-color: #00ff21;
}
#t1 {
  background-color: #00ff21;
}
#t2 {
  background-color: #0094ff;
}
#calsContainer {
  height: 700px;
}
#calEvents {
  height: 500px;
}
#semTermButtons > md-button.s1t1 {
  background-color: #00ff21;
}
#semTermButtons > md-button.s1t2 {
  background-color: #0094ff;
}
mw-calendar .color-container {
  min-height: 55px;
  width: 20px;
  margin: 8px;
  margin-left: 0;
}
mw-calendar .Mon {
  background-color: #ff0000;
}
mw-calendar .Tue {
  background-color: #00ff90;
}
mw-calendar .Wed {
  background-color: #4800ff;
}
mw-calendar .Thu {
  background-color: #404040;
}
mw-calendar .Fri {
  background-color: #ff006e;
}
/*
    md-data-table style file v10.10
    Updated by GoranK 01/02/2017
*/
md-backdrop.md-edit-dialog-backdrop {
  z-index: 80;
}
md-edit-dialog {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: fixed;
  z-index: 81;
  background-color: #f9f9f9;
  border-radius: 2px;
  cursor: default;
}
md-edit-dialog > .md-content {
  padding: 16px 24px 0;
}
md-edit-dialog > .md-content .md-title {
  color: rgba(0, 0, 0, 0.87);
  margin-bottom: 8px;
}
md-edit-dialog > .md-content md-input-container {
  margin: 0;
  font-size: 13px;
}
md-edit-dialog > .md-content md-input-container input {
  float: none;
}
md-edit-dialog > .md-content md-input-container .md-errors-spacer {
  min-height: auto;
  min-width: auto;
  color: rgba(0, 0, 0, 0.54);
}
md-edit-dialog > .md-content md-input-container .md-errors-spacer .md-char-counter {
  padding: 5px 2px 5px 0;
}
md-edit-dialog > .md-content md-input-container [ng-message] {
  padding: 5px 0 5px 2px;
}
md-edit-dialog > .md-actions {
  margin: 0 16px 8px;
}
md-edit-dialog > .md-actions .md-button {
  margin: 0;
  min-width: initial;
}
md-edit-dialog > .md-actions .md-button + .md-button {
  margin-left: 8px;
}
.md-table-pagination {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-flex-wrap: wrap-reverse;
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
  box-sizing: border-box;
  padding: 0 24px;
  font-size: 12px;
  /*GoranK, comply with angular material style v1.1.0.rc5*/
  /*color: rgba(0, 0, 0, 0.54);*/
  border-top: 1px rgba(0, 0, 0, 0.12) solid;
}
.md-table-pagination md-select {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  min-width: 64px;
}
.md-table-pagination md-select:not([disabled]):focus .md-select-value {
  color: rgba(0, 0, 0, 0.54);
}
.md-table-pagination md-select .md-select-value {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.md-table-pagination md-select .md-select-value span.md-select-icon {
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  margin-right: -6px !important;
}
.md-table-pagination md-select .md-select-value span.md-select-icon:after {
  top: initial;
  -webkit-transform: scaleY(0.5) scaleX(1);
  transform: scaleY(0.5) scaleX(1);
}
.md-table-pagination > * {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 56px;
}
.md-table-pagination > .buttons:not(:first-child),
.md-table-pagination > .limit-select:not(:first-child) {
  margin-left: 32px;
}
.md-table-pagination > .buttons {
  margin-right: -16px;
}
.md-table-pagination > .buttons > .md-button.md-icon-button {
  margin: 0;
}
.md-table-pagination > .buttons > .label + .md-button.md-icon-button {
  margin-left: 20px;
}
md-select.md-table-select {
  margin: 0;
}
md-select.md-table-select > .md-select-value {
  padding: 0;
  min-width: 0;
  min-height: 24px;
  border-bottom: 0 !important;
}
md-select.md-table-select > .md-select-value > span {
  display: block;
  height: auto;
  -webkit-transform: none !important;
  transform: none !important;
}
md-select.md-table-select > .md-select-value > span > .md-text {
  display: inherit;
  height: inherit;
  -webkit-transform: inherit;
  transform: inherit;
}
md-select.md-table-select > .md-select-value > span.md-select-icon {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 24px;
  margin: 0;
}
md-select.md-table-select > .md-select-value > span.md-select-icon:after {
  top: initial;
}
.md-select-menu-container.md-table-select,
.md-select-menu-container.md-pagination-select {
  margin-left: -2px;
  border-radius: 2px;
}
.md-select-menu-container.md-table-select md-select-menu,
.md-select-menu-container.md-pagination-select md-select-menu,
.md-select-menu-container.md-table-select md-content,
.md-select-menu-container.md-pagination-select md-content {
  border-radius: inherit;
}
.md-select-menu-container.md-table-select md-content,
.md-select-menu-container.md-pagination-select md-content {
  padding: 0;
}
.md-select-menu-container.md-table-select .md-text {
  font-size: 13px;
}
.md-select-menu-container.md-pagination-select .md-text {
  font-size: 12px;
}
md-toolbar.md-table-toolbar {
  box-shadow: none;
}
md-toolbar.md-table-toolbar.md-default-theme:not(.md-menu-toolbar).md-default,
md-toolbar.md-table-toolbar:not(.md-menu-toolbar).md-default {
  color: rgba(0, 0, 0, 0.87);
}
md-toolbar.md-table-toolbar.md-default-theme:not(.md-menu-toolbar).md-default .md-button,
md-toolbar.md-table-toolbar:not(.md-menu-toolbar).md-default .md-button {
  color: rgba(0, 0, 0, 0.87);
}
@media only screen and (max-width: 959px) and (min-width: 0) and (orientation: landscape) {
  md-toolbar.md-table-toolbar .md-toolbar-tools {
    height: 64px;
    max-height: initial;
  }
}
md-toolbar.md-table-toolbar .md-toolbar-tools {
  padding: 0 24px;
}
md-toolbar.md-table-toolbar .md-toolbar-tools md-icon {
  color: rgba(0, 0, 0, 0.54);
}
md-toolbar.md-table-toolbar .md-toolbar-tools > .md-button.md-icon-button {
  margin: 0;
}
md-toolbar.md-table-toolbar .md-toolbar-tools > .md-button.md-icon-button:first-child {
  margin-left: -12px;
}
md-toolbar.md-table-toolbar .md-toolbar-tools > .md-button.md-icon-button:last-child {
  margin-right: -12px;
}
md-card > md-toolbar.md-table-toolbar:first-child,
md-card > md-table-container:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
md-card > md-toolbar.md-table-toolbar:last-child,
md-card > md-table-container:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
md-table-container {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
table.md-table {
  width: 100%;
  border-spacing: 0;
  overflow: hidden;
}
table.md-table-spaced {
  width: 100%;
  border-collapse: separate !important;
  border-spacing: 2px !important;
  overflow: hidden;
}
table.md-table thead.md-head > tr.md-row {
  height: 56px;
}
table.md-table tbody.md-body > tr.md-row,
table.md-table tfoot.md-foot > tr.md-row {
  height: 48px;
}
table.md-table tbody.md-body > tr.md-row.pasi-warning.warningClassRed {
  background-color: #EF5350 !important;
  color: white;
}
table.md-table tbody.md-body > tr.md-row.pasi-warning.warningClassRed > td.md-cell > md-icon.material-icons.pasi-warning.warningClassRed {
  color: white;
}
table.md-table tbody.md-body > tr.md-row.pasi-warning.warningClassRed:hover > td.md-cell > md-icon.material-icons.pasi-warning.warningClassRed {
  color: black;
}
table.md-table tbody.md-body > tr.md-row.pasi-warning.warningClassGrey {
  background-color: #BDBDBD !important;
  color: black;
}
table.md-table tbody.md-body > tr.md-row.pasi-warning.warningClassGrey > td.md-cell > md-icon.material-icons.pasi-warning.warningClassGrey {
  color: black;
}
table.md-table tbody.md-body > tr.md-row.pasi-warning.warningClassAmber {
  background-color: #FFCA28 !important;
  color: black;
}
table.md-table tbody.md-body > tr.md-row.pasi-warning.warningClassAmber > td.md-cell > md-icon.material-icons.pasi-warning.warningClassAmber {
  color: black;
}
table.md-table thead.md-head + .md-table-progress md-progress-linear {
  top: -3px;
}
table.md-table .md-table-progress th {
  padding: 0;
}
table.md-table .md-table-progress th md-progress-linear {
  height: 0;
  transition: opacity 1s;
}
table.md-table .md-table-progress th md-progress-linear.ng-hide {
  opacity: 0;
}
table.md-table .md-table-progress th md-progress-linear > .md-container {
  height: 3px;
  top: 0;
  transition: none;
}
table.md-table .md-table-progress th md-progress-linear > .md-container > .md-bar {
  height: 3px;
}
table.md-table th.md-column {
  /*GoranK, comply with angular material style v1.1.0.rc5*/
  /*color: rgba(0, 0, 0, 0.54);*/
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
}
table.md-table th.md-column.md-sort {
  cursor: pointer;
}
table.md-table th.md-column md-icon {
  height: 16px;
  width: 16px;
  font-size: 16px !important;
  line-height: 16px !important;
}
table.md-table th.md-column md-icon.md-sort-icon {
  /*GoranK, comply with angular material style v1.1.0.rc5*/
  /*color: rgba(0, 0, 0, 0.26);*/
  opacity: 0;
  transition: -webkit-transform 0.25s, opacity 0.25s;
  transition: transform 0.25s, opacity 0.25s;
}
table.md-table th.md-column md-icon.md-sort-icon.md-asc {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
table.md-table th.md-column md-icon.md-sort-icon.md-desc {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
table.md-table th.md-column md-icon:not(:first-child) {
  margin-left: 8px;
}
table.md-table th.md-column md-icon:not(:last-child) {
  margin-right: 8px;
}
table.md-table th.md-column.md-active,
table.md-table th.md-column.md-active md-icon {
  /*GoranK, comply with angular material style v1.1.0.rc5*/
  /*color: rgba(0, 0, 0, 0.87);*/
}
table.md-table th.md-column:hover md-icon.md-sort-icon,
table.md-table th.md-column.md-active md-icon.md-sort-icon {
  opacity: 1;
}
table.md-table tr.md-row[ng\:repeat].ng-leave,
table.md-table tr.md-row[ng-repeat].ng-leave,
table.md-table tr.md-row[x-ng-repeat].ng-leave,
table.md-table tr.md-row[data-ng-repeat].ng-leave {
  display: none;
}
table.md-table.md-row-select tbody.md-body > tr.md-row {
  transition: background-color 0.2s;
}
table.md-table.md-row-select tbody.md-body > tr.md-row:not([disabled]):hover {
  /*GoranK, comply with angular material style v1.1.0.rc5*/
  color: rgba(0, 0, 0, 0.87);
  cursor: pointer;
}
table.md-table.md-row-select tbody.md-body > tr.md-row.md-selected {
  /*GoranK, comply with angular material style v1.1.0.rc5*/
  color: rgba(0, 0, 0, 0.87);
  cursor: pointer;
}
table.md-table.md-row-select td.md-cell:first-child,
table.md-table.md-row-select th.md-column:first-child {
  width: 20px;
  padding: 0 24px;
}
table.md-table.md-row-select td.md-cell:nth-child(2),
table.md-table.md-row-select th.md-column:nth-child(2) {
  padding: 0 24px;
}
table.md-table.md-row-select td.md-cell:nth-child(n+3):nth-last-child(n+2),
table.md-table.md-row-select th.md-column:nth-child(n+3):nth-last-child(n+2) {
  padding: 0 24px;
}
table.md-table:not(.md-row-select) td.md-cell:first-child,
table.md-table:not(.md-row-select) th.md-column:first-child {
  padding: 0 24px;
}
table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2),
table.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2) {
  padding: 0 24px;
}
table.md-table td.md-cell,
table.md-table th.md-column {
  vertical-align: middle;
  text-align: left;
}
table.md-table td.md-cell > *,
table.md-table th.md-column > * {
  vertical-align: middle;
}
table.md-table td.md-cell:last-child,
table.md-table th.md-column:last-child {
  padding: 0 24px;
}
table.md-table td.md-cell.md-clickable,
table.md-table th.md-column.md-clickable {
  cursor: pointer;
}
table.md-table td.md-cell.md-clickable:focus,
table.md-table th.md-column.md-clickable:focus {
  outline: none;
}
table.md-table td.md-cell.md-numeric,
table.md-table th.md-column.md-numeric {
  text-align: right;
}
table.md-table td.md-cell md-checkbox,
table.md-table th.md-column md-checkbox {
  margin: 0;
  width: 20px;
}
table.md-table td.md-cell {
  /*GoranK, comply with angular material style v1.1.0.rc5*/
  /*color: rgba(0, 0, 0, 0.87);*/
  font-size: 13px;
  border-top: 1px rgba(0, 0, 0, 0.12) solid;
}
table.md-table td.md-cell.md-numeric md-select {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
table.md-table td.md-cell.md-numeric md-select .md-select-value {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
table.md-table td.md-cell.md-placeholder {
  color: rgba(0, 0, 0, 0.26);
}
table.md-table td.md-cell md-select > .md-select-value > span.md-select-icon {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  color: rgba(0, 0, 0, 0.54);
  width: 18px;
  text-align: right;
}
table.md-table td.md-cell md-select > .md-select-value > span.md-select-icon:after {
  -webkit-transform: scaleY(0.4) scaleX(0.8);
  transform: scaleY(0.4) scaleX(0.8);
}
.sel {
  background-color: rgba(158, 158, 158, 0.2);
  /*GoranK, comply with angular material style v1.1.0.rc5*/
  color: rgba(0, 0, 0, 0.87);
  cursor: pointer;
}
table.fullrow-selectable tbody tr {
  cursor: pointer;
}
/* Grid Styles */
.panelInvisible {
  display: none;
}
.mwGridContainer {
  overflow: auto;
  width: 100%;
}
.more-less {
  cursor: pointer;
  outline: none;
}
.subPanel {
  margin-left: 20px;
  border-left: solid 1px lightblue;
}
/*.mwPasiGrid { border: solid 0px black; width: 100%; border-spacing:2px; padding:3px; }

.header { font-weight: bold; background: lightblue; padding: 5px; }*/
.tableRow:hover {
  background-color: rgba(158, 158, 158, 0.2);
  color: rgba(0, 0, 0, 0.87);
  cursor: pointer;
}
.align-to-center {
  text-align: center !important;
}