@import "https://fonts.googleapis.com/css?family=Ubuntu:300,400";
@import "https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700";
@import "https://fonts.googleapis.com/css?family=Roboto:400,700";
@import "https://fonts.googleapis.com/css?family=Roboto:300,400,500,700";




@font-face {
  font-family: "AccessibilityFoundicons";
  src: url("/Content/fonts/accessibility_foundicons.eot");
  src: url("/Content/fonts/accessibility_foundicons.eot?#iefix") format("embedded-opentype"), url("/Content/fonts/accessibility_foundicons.woff") format("woff"), url("/Content/fonts/accessibility_foundicons.ttf") format("truetype"), url("/Content/fonts/accessibility_foundicons.svg#AccessibilityFoundicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GeneralFoundicons";
  src: url("/Content/fonts/general_foundicons.eot");
  src: url("/Content/fonts/general_foundicons.eot?#iefix") format("embedded-opentype"), url("/Content/fonts/general_foundicons.woff") format("woff"), url("/Content/fonts/general_foundicons.ttf") format("truetype"), url("/Content/fonts/general_foundicons.svg#GeneralFoundicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GeneralEnclosedFoundicons";
  src: url("/Content/fonts/general_enclosed_foundicons.eot");
  src: url("/Content/fonts/general_enclosed_foundicons.eot?#iefix") format("embedded-opentype"), url("/Content/fonts/general_enclosed_foundicons.woff") format("woff"), url("/Content/fonts/general_enclosed_foundicons.ttf") format("truetype"), url("/Content/fonts/general_enclosed_foundicons.svg#GeneralEnclosedFoundicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SocialFoundicons";
  src: url("/Content/fonts/social_foundicons.eot");
  src: url("/Content/fonts/social_foundicons.eot?#iefix") format("embedded-opentype"), url("/Content/fonts/social_foundicons.woff") format("woff"), url("/Content/fonts/social_foundicons.ttf") format("truetype"), url("/Content/fonts/social_foundicons.svg#SocialFoundicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "RaphaelIcons";
  src: url('/Content/fonts/raphaelicons-webfont.eot');
  src: url('/Content/fonts/raphaelicons-webfont.woff') format('woff'), url('/Content/fonts/raphaelicons-webfont.ttf') format('truetype'), url('/Content/fonts/raphaelicons-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "icomoon";
  src: url('/Content/fonts/icomoon/fonts/icomoon.eot');
  src: url('/Content/fonts/icomoon/fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('/Content/fonts/icomoon/fonts/icomoon.ttf') format('truetype'), url('/Content/fonts/icomoon/fonts/icomoon.woff') format('woff'), url('/Content/fonts/icomoon/fonts/icomoon.svg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
.foundicon {
  font-family: "GeneralFoundicons";
}
.RIcon {
  font-family: "RaphaelIcons" !important;
}
.RIcon.menu:before {
  content: "Ì";
}
html {
  height: 100%;
}
body {
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  height: 100%;
}
@-webkit-keyframes bugfix {
  from {
    padding: 0;
  }
  to {
    padding: 0;
  }
}
#tempadminnav li a {
  padding: .5em .2em .5em 1em;
}
.alternateBackgrounds:nth-child(2n+1) {
  background: #f3f3f3;
}
.lightAlternateBackgrounds:nth-child(2n+1) {
  background: #f9f9f9;
}
.inherit-color,
.inherit-color:hover,
.inherit-color:focus {
  color: inherit;
}
@media only screen and (max-width: 939px) {
  .alternateBackgroundsTwoColumns:nth-child(2n+1) {
    background: #f3f3f3;
  }
}
@media only screen and (min-width: 940px) {
  .alternateBackgroundsTwoColumns:nth-child(4n+1) {
    background: #f3f3f3;
  }
  .alternateBackgroundsTwoColumns:nth-child(4n) {
    background: #f3f3f3;
  }
}
/* 
    I (James) switched all font-sizes to use pixels instead of em, because IE has a weird bug where if the em font-styles are applied twice, 
    it will make the icons twice as large. It might only have this bug for pseudo elements...
    
    Go back to revision 690 to see the old styles for this.    
*/
.button {
  background: #248196;
  color: #ffffff;
  border: 0 none;
  box-shadow: none;
  font-family: 'Open Sans';
  font-weight: 400;
  padding: .7em;
  border-radius: 4px;
}
.button:hover {
  background: #164d5a;
}
.button:focus {
  background: #164d5a;
}
.button:active {
  box-shadow: inherit;
}
.button.secondary {
  background: #d4d4d4;
  color: #444444;
}
.button.secondary:hover {
  background: #e7e7e7;
}
.button.secondary:focus {
  background: #d4d4d4;
}
.button.secondary.load,
.button.secondary.load:hover,
.button.secondary.load:focus {
  background: #d4d4d4;
  color: #bababa;
  background-image: url(/Content/Images/loader.gif);
  -moz-background-size: 36px;
  -o-background-size: 36px;
  -webkit-background-size: 36px;
  background-size: 36px;
  background-repeat: no-repeat;
  background-position: center;
}
.button.input-size {
  font-size: .75em;
}
.button.form-input-size {
  font-size: .92em;
}
.button.add {
  position: relative;
  padding: .3em;
}
.button.add .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.add .icon {
  display: inline-block;
}
.button.add span.icon:before {
  content: "";
  font-family: "GeneralEnclosedFoundicons";
  font-size: 2em;
  position: relative;
}
.button.shopping-cart {
  position: relative;
  padding: .3em;
}
.button.shopping-cart .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.shopping-cart .icon {
  display: inline-block;
}
.button.shopping-cart span.icon:before {
  content: "cart";
  font-family: "WebComponentsIcons";
  font-size: 2em;
  position: relative;
}
.button.edit {
  position: relative;
  padding: .3em;
}
.button.edit .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.edit .icon {
  display: inline-block;
}
.button.edit span.icon:before {
  content: "";
  font-family: "GeneralEnclosedFoundicons";
  font-size: 2em;
  position: relative;
}
.button.remove {
  position: relative;
  padding: .3em;
}
.button.remove .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.remove .icon {
  display: inline-block;
}
.button.remove span.icon:before {
  content: "";
  font-family: "GeneralEnclosedFoundicons";
  font-size: 2em;
  position: relative;
}
.button.save {
  position: relative;
  padding: .3em;
}
.button.save .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.save .icon {
  display: inline-block;
}
.button.save span.icon:before {
  content: "";
  font-family: "GeneralEnclosedFoundicons";
  font-size: 2em;
  position: relative;
}
.button.mail {
  position: relative;
  padding: .3em;
}
.button.mail .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.mail .icon {
  display: inline-block;
}
.button.mail span.icon:before {
  content: "";
  font-family: "GeneralEnclosedFoundicons";
  font-size: 2em;
  position: relative;
}
.button.settings {
  position: relative;
  padding: .3em;
}
.button.settings .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.settings .icon {
  display: inline-block;
}
.button.settings span.icon:before {
  content: "";
  font-family: "GeneralEnclosedFoundicons";
  font-size: 2em;
  position: relative;
}
.button.stats {
  position: relative;
  padding: .3em;
}
.button.stats .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.stats .icon {
  display: inline-block;
}
.button.stats span.icon:before {
  content: "";
  font-family: "GeneralEnclosedFoundicons";
  font-size: 2em;
  position: relative;
}
.button.cancel {
  position: relative;
  padding: .3em;
}
.button.cancel .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.cancel .icon {
  display: inline-block;
}
.button.cancel span.icon:before {
  content: "";
  font-family: "GeneralEnclosedFoundicons";
  font-size: 2em;
  position: relative;
}
.button.find {
  position: relative;
  padding: .3em;
}
.button.find .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.find .icon {
  display: inline-block;
}
.button.find span.icon:before {
  content: "";
  font-family: "GeneralEnclosedFoundicons";
  font-size: 2em;
  position: relative;
}
.button.attachment {
  position: relative;
  padding: .3em;
}
.button.attachment .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.attachment .icon {
  display: inline-block;
}
.button.attachment span.icon:before {
  content: "";
  font-family: "GeneralEnclosedFoundicons";
  font-size: 2em;
  position: relative;
}
.button.revoke {
  position: relative;
  padding: .3em;
}
.button.revoke .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.revoke .icon {
  display: inline-block;
}
.button.revoke span.icon:before {
  content: "";
  font-family: "GeneralEnclosedFoundicons";
  font-size: 2em;
  position: relative;
}
.button.star {
  position: relative;
  padding: .3em;
}
.button.star .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.star .icon {
  display: inline-block;
}
.button.star span.icon:before {
  content: "";
  font-family: "GeneralEnclosedFoundicons";
  font-size: 2em;
  position: relative;
}
.button.skip {
  position: relative;
  padding: .3em;
}
.button.skip .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.skip .icon {
  display: inline-block;
}
.button.skip span.icon:before {
  content: "\ea1b";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 2.1em;
}
.button.advance,
.button.stepForward {
  position: relative;
  padding: .3em;
}
.button.advance .textcontent,
.button.stepForward .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.advance .icon,
.button.stepForward .icon {
  display: inline-block;
}
.button.advance span.icon:before,
.button.stepForward span.icon:before {
  content: "\f014";
  font-family: "GeneralEnclosedFoundicons";
  font-size: 2em;
  position: relative;
}
.button.stepBack {
  position: relative;
  padding: .3em;
}
.button.stepBack .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.stepBack .icon {
  display: inline-block;
}
.button.stepBack span.icon:before {
  content: "\f015";
  font-family: "GeneralEnclosedFoundicons";
  font-size: 2em;
  position: relative;
}
.button.arrowUp {
  position: relative;
  padding: .3em;
}
.button.arrowUp .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.arrowUp .icon {
  display: inline-block;
}
.button.arrowUp span.icon:before {
  content: "\f016";
  font-family: "GeneralEnclosedFoundicons";
  font-size: 2em;
  position: relative;
}
.button.refresh {
  position: relative;
  padding: .3em;
}
.button.refresh .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.refresh .icon {
  display: inline-block;
}
.button.refresh span.icon:before {
  content: "\f01d";
  font-family: "GeneralEnclosedFoundicons";
  font-size: 2em;
  position: relative;
}
.button.money {
  position: relative;
  padding: .3em;
}
.button.money .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.money .icon {
  display: inline-block;
}
.button.money span.icon:before {
  content: "\e621";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
}
.button.charge {
  position: relative;
  padding: .3em;
}
.button.charge .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.charge .icon {
  display: inline-block;
}
.button.charge span.icon:before {
  content: "\f024";
  font-family: "GeneralEnclosedFoundicons";
  font-size: 2em;
  position: relative;
}
.button.credit {
  position: relative;
  padding: .3em;
}
.button.credit .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.credit .icon {
  display: inline-block;
}
.button.credit span.icon:before {
  content: "\e621";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 2.15em;
  bottom: 1px;
}
.button.payment {
  position: relative;
  padding: .3em;
}
.button.payment .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.payment .icon {
  display: inline-block;
}
.button.payment span.icon:before {
  content: "\e93f";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 2.15em;
}
.button.drop {
  position: relative;
  padding: .3em;
  padding-left: 0;
}
.button.drop .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.drop .icon {
  display: inline-block;
}
.button.drop span.icon:before {
  content: "\e600";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 2.1em;
}
.button.back {
  position: relative;
  padding: .3em;
  padding-left: 0;
}
.button.back .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.back .icon {
  display: inline-block;
}
.button.back span.icon:before {
  content: "\e601";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 2.1em;
}
.button.print {
  position: relative;
  padding: .3em;
}
.button.print .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.print .icon {
  display: inline-block;
}
.button.print span.icon:before {
  content: "\e602";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 2.1em;
}
.button.reply {
  position: relative;
  padding: .3em;
}
.button.reply .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.reply .icon {
  display: inline-block;
}
.button.reply span.icon:before {
  content: "\e15e";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1em;
}
.button.replyall {
  position: relative;
  padding: .3em;
}
.button.replyall .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.replyall .icon {
  display: inline-block;
}
.button.replyall span.icon:before {
  content: "\e15f";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1em;
}
.button.download {
  position: relative;
  padding: .3em;
}
.button.download .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.download .icon {
  display: inline-block;
}
.button.download span.icon:before {
  content: "\f017";
  font-family: "GeneralEnclosedFoundicons";
  font-size: 2em;
  position: relative;
}
.button.upload {
  position: relative;
  padding: .3em;
}
.button.upload .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.upload .icon {
  display: inline-block;
}
.button.upload span.icon:before {
  content: "\f016";
  font-family: "GeneralEnclosedFoundicons";
  font-size: 2em;
  position: relative;
}
.button.archive {
  position: relative;
  padding: .3em;
}
.button.archive .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.archive .icon {
  display: inline-block;
}
.button.archive span.icon:before {
  content: "\e60b";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 2.1em;
}
.button.cross {
  position: relative;
  padding: .3em;
}
.button.cross .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.cross .icon {
  display: inline-block;
}
.button.cross span.icon:before {
  content: "\ea0f";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 2.1em;
}
.button.document {
  position: relative;
  padding: .3em;
}
.button.document .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.document .icon {
  display: inline-block;
}
.button.document span.icon:before {
  content: '\e926';
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 2.1em;
}
.button.report {
  position: relative;
  padding: .3em;
}
.button.report .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.report .icon {
  display: inline-block;
}
.button.report span.icon:before {
  content: "\e60d";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 2.1em;
}
.button.attendance {
  position: relative;
  padding: .3em;
}
.button.attendance .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.attendance .icon {
  display: inline-block;
}
.button.attendance .textcontent {
  bottom: .4em;
}
.button.attendance span.icon:before {
  content: "\e60e";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 2.0em;
}
.button.undo {
  position: relative;
  padding: .3em;
}
.button.undo .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.undo .icon {
  display: inline-block;
}
.button.undo span.icon:before {
  content: "\e60f";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 2.1em;
}
.button.redo {
  position: relative;
  padding: .3em;
}
.button.redo .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.redo .icon {
  display: inline-block;
}
.button.redo span.icon:before {
  content: "\e614";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 2.1em;
}
.button.calendar {
  position: relative;
  padding: .3em;
}
.button.calendar .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.calendar .icon {
  display: inline-block;
}
.button.calendar span.icon:before {
  content: "";
  font-family: "GeneralEnclosedFoundicons";
  font-size: 2em;
  position: relative;
  font-size: 2.1em;
}
.button.help {
  position: relative;
  padding: .3em;
}
.button.help .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.help .icon {
  display: inline-block;
}
.button.help span.icon:before {
  content: "\e618";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 2.1em;
}
.button.list {
  position: relative;
  padding: .3em;
}
.button.list .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.list .icon {
  display: inline-block;
}
.button.list span.icon:before {
  content: "\e616";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 2.1em;
}
.button.preview {
  position: relative;
  padding: .3em;
}
.button.preview .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.preview .icon {
  display: inline-block;
}
.button.preview span.icon:before {
  content: "\e9ce";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 2.1em;
}
.button.regroup {
  position: relative;
  padding: .3em;
}
.button.regroup .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.regroup .icon {
  display: inline-block;
}
.button.regroup span.icon:before {
  content: "\e619";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 2.1em;
}
.button.compositeField {
  position: relative;
  padding: .3em;
}
.button.compositeField .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.compositeField .icon {
  display: inline-block;
}
.button.compositeField span.icon:before {
  content: "\e61c";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 2.1em;
}
.button.staticContentField {
  position: relative;
  padding: .3em;
}
.button.staticContentField .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.staticContentField .icon {
  display: inline-block;
}
.button.staticContentField span.icon:before {
  content: "\e90a";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 2.1em;
}
.button.textField {
  position: relative;
  padding: .3em;
}
.button.textField .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.textField .icon {
  display: inline-block;
}
.button.textField span.icon:before {
  content: "\e61a";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 2.1em;
}
.button.numberField {
  position: relative;
  padding: .3em;
}
.button.numberField .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.numberField .icon {
  display: inline-block;
}
.button.numberField span.icon:before {
  content: "\e61b";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 2.1em;
}
.button.yesNoField {
  position: relative;
  padding: .3em;
}
.button.yesNoField .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.yesNoField .icon {
  display: inline-block;
}
.button.yesNoField span.icon:before {
  content: "\e618";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 2.1em;
}
.button.radioButtonsField {
  position: relative;
  padding: .3em;
}
.button.radioButtonsField .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.radioButtonsField .icon {
  display: inline-block;
}
.button.radioButtonsField span.icon:before {
  content: "\e616";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 2.1em;
}
.button.checkboxesField {
  position: relative;
  padding: .3em;
}
.button.checkboxesField .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.checkboxesField .icon {
  display: inline-block;
}
.button.checkboxesField span.icon:before {
  content: "\e615";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 2.1em;
}
.button.phoneNumberField {
  position: relative;
  padding: .3em;
}
.button.phoneNumberField .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.phoneNumberField .icon {
  display: inline-block;
}
.button.phoneNumberField span.icon:before {
  content: "\e612";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 2.1em;
}
.button.emailField {
  position: relative;
  padding: .3em;
}
.button.emailField .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.emailField .icon {
  display: inline-block;
}
.button.emailField span.icon:before {
  content: "\e613";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 2.1em;
}
.button.addressField {
  position: relative;
  padding: .3em;
}
.button.addressField .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.addressField .icon {
  display: inline-block;
}
.button.addressField span.icon:before {
  content: "\e610";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 2.1em;
}
.button.fileUploadField {
  position: relative;
  padding: .3em;
}
.button.fileUploadField .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.fileUploadField .icon {
  display: inline-block;
}
.button.fileUploadField span.icon:before {
  content: "\e611";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 2.1em;
}
.button.textAreaField {
  position: relative;
  padding: .3em;
}
.button.textAreaField .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.textAreaField .icon {
  display: inline-block;
}
.button.textAreaField span.icon:before {
  content: "\e61d";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 2.1em;
}
.button.dateField {
  position: relative;
  padding: .3em;
}
.button.dateField .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.dateField .icon {
  display: inline-block;
}
.button.dateField span.icon:before {
  content: "";
  font-family: "GeneralEnclosedFoundicons";
  font-size: 2em;
  position: relative;
  font-size: 2.1em;
}
.button.signatureField {
  position: relative;
  padding: .3em;
}
.button.signatureField .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.signatureField .icon {
  display: inline-block;
}
.button.signatureField span.icon:before {
  content: "\e90a";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 2.1em;
}
.button.moneyField {
  position: relative;
  padding: .3em;
}
.button.moneyField .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.moneyField .icon {
  display: inline-block;
}
.button.moneyField span.icon:before {
  content: "\e621";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 2.1em;
}
.button.applicationSettings {
  position: relative;
  padding: .3em;
}
.button.applicationSettings .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.applicationSettings .icon {
  display: inline-block;
}
.button.applicationSettings span.icon:before {
  content: "\e609";
  font-family: "icomoon";
  position: relative;
  font-size: 2em;
}
.button.gpaCalc {
  position: relative;
  padding: .3em;
}
.button.gpaCalc .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.gpaCalc .icon {
  display: inline-block;
}
.button.gpaCalc span.icon:before {
  content: "\e940";
  font-family: "icomoon";
  position: relative;
  font-size: 2em;
}
.button.gradebookSettings {
  position: relative;
  padding: .3em;
}
.button.gradebookSettings .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.gradebookSettings .icon {
  display: inline-block;
}
.button.gradebookSettings span.icon:before {
  content: '\ea12';
  font-family: "icomoon";
  position: relative;
  font-size: 2em;
}
.button.conduct {
  position: relative;
  padding: .3em;
}
.button.conduct .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.conduct .icon {
  display: inline-block;
}
.button.conduct span.icon:before {
  content: "\e9d7";
  font-family: "icomoon";
  position: relative;
  font-size: 2em;
}
.button.schoolYears {
  position: relative;
  padding: .3em;
}
.button.schoolYears .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.schoolYears .icon {
  display: inline-block;
}
.button.schoolYears span.icon:before {
  content: "\e605";
  font-family: "icomoon";
  position: relative;
  font-size: 2em;
}
.button.academicTerms {
  position: relative;
  padding: .3em;
}
.button.academicTerms .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.academicTerms .icon {
  display: inline-block;
}
.button.academicTerms span.icon:before {
  content: "\e905";
  font-family: "icomoon";
  position: relative;
  font-size: 2em;
}
.button.gradingUnits {
  position: relative;
  padding: .3em;
}
.button.gradingUnits .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.gradingUnits .icon {
  display: inline-block;
}
.button.gradingUnits span.icon:before {
  content: "\e61c";
  font-family: "icomoon";
  position: relative;
  font-size: 2em;
}
.button.classrooms {
  position: relative;
  padding: .3em;
}
.button.classrooms .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.classrooms .icon {
  display: inline-block;
}
.button.classrooms span.icon:before {
  content: "\e603";
  font-family: "icomoon";
  position: relative;
  font-size: 2em;
}
.button.academicLevels {
  position: relative;
  padding: .3em;
}
.button.academicLevels .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.academicLevels .icon {
  display: inline-block;
}
.button.academicLevels span.icon:before {
  content: "\e907";
  font-family: "icomoon";
  position: relative;
  font-size: 2em;
}
.button.schoolDocuments {
  position: relative;
  padding: .3em;
}
.button.schoolDocuments .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.schoolDocuments .icon {
  display: inline-block;
}
.button.schoolDocuments span.icon:before {
  content: '\e926';
  font-family: "icomoon";
  position: relative;
  font-size: 2em;
}
.button.departments {
  position: relative;
  padding: .3em;
}
.button.departments .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.departments .icon {
  display: inline-block;
}
.button.departments span.icon:before {
  content: "\e906";
  font-family: "icomoon";
  position: relative;
  font-size: 2em;
}
.button.attendanceMarkings {
  position: relative;
  padding: .3em;
}
.button.attendanceMarkings .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.attendanceMarkings .icon {
  display: inline-block;
}
.button.attendanceMarkings span.icon:before {
  content: '\e9b8';
  font-family: "icomoon";
  position: relative;
  font-size: 2em;
}
.button.changePassword {
  position: relative;
  padding: .3em;
}
.button.changePassword .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.changePassword .icon {
  display: inline-block;
}
.button.changePassword .textcontent {
  bottom: .5em;
}
.button.changePassword span.icon:before {
  content: "\e908";
  font-family: "icomoon";
  font-size: 2em;
  font-size: 2.05em;
  position: relative;
  left: 8px;
  bottom: 1px;
}
.button.email {
  position: relative;
  padding: .3em;
}
.button.email .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.email .icon {
  display: inline-block;
}
.button.email .textcontent {
  bottom: 0.5em;
  padding-left: 0.6em;
}
.button.email span.icon:before {
  content: "";
  font-family: "GeneralFoundicons";
  font-size: 2em;
  font-size: 1.95em;
  position: relative;
  top: 1px;
  left: 4px;
}
.button.unlock {
  position: relative;
  padding: .3em;
}
.button.unlock .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.unlock .icon {
  display: inline-block;
}
.button.unlock span.icon:before {
  content: "\e909";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  bottom: 3px;
  left: 6px;
}
.button.lock {
  position: relative;
  padding: .3em;
}
.button.lock .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.lock .icon {
  display: inline-block;
}
.button.lock span.icon:before {
  content: "\e908";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  left: 8px;
  bottom: 2px;
}
.button.plus {
  position: relative;
  padding: .3em;
}
.button.plus .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.plus .icon {
  display: inline-block;
}
.button.plus span.icon:before {
  content: "\ea0a";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1em;
}
.button.minus {
  position: relative;
  padding: .3em;
}
.button.minus .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.minus .icon {
  display: inline-block;
}
.button.minus span.icon:before {
  content: "\ea0b";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1em;
}
.button.bubble {
  position: relative;
  padding: .3em;
}
.button.bubble .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.bubble .icon {
  display: inline-block;
}
.button.bubble span.icon:before {
  content: "\e96e";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.4em;
}
.button.viewApplication {
  position: relative;
  padding: .3em;
}
.button.viewApplication .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.viewApplication .icon {
  display: inline-block;
}
.button.viewApplication span.icon:before {
  content: "\e609";
  font-family: "icomoon";
  position: relative;
  font-size: 2em;
}
.button.enlarge {
  position: relative;
  padding: .3em;
}
.button.enlarge .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.enlarge .icon {
  display: inline-block;
}
.button.enlarge span.icon:before {
  content: "\e989";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 2.1em;
}
.button.shrink {
  position: relative;
  padding: .3em;
}
.button.shrink .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.shrink .icon {
  display: inline-block;
}
.button.shrink span.icon:before {
  content: "\e98a";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 2.1em;
}
.button.enlarge2 {
  position: relative;
  padding: .3em;
}
.button.enlarge2 .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.enlarge2 .icon {
  display: inline-block;
}
.button.enlarge2 span.icon:before {
  content: "\e98b";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 2.1em;
}
.button.shrink2 {
  position: relative;
  padding: .3em;
}
.button.shrink2 .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.button.shrink2 .icon {
  display: inline-block;
}
.button.shrink2 span.icon:before {
  content: "\e98c";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 2.1em;
}
.buttonNoBackground {
  background: none;
  border: 0 none;
  box-shadow: none;
  font-family: 'Open Sans';
  font-weight: 400;
  padding: .7em;
}
.buttonNoBackground.mail {
  position: relative;
  padding: .3em;
}
.buttonNoBackground.mail .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.buttonNoBackground.mail .icon {
  display: inline-block;
}
.buttonNoBackground.mail .textcontent {
  bottom: 0.4em;
  padding-left: 0.6em;
}
.buttonNoBackground.mail span.icon:before {
  content: "";
  font-family: "GeneralFoundicons";
  font-size: 2em;
  position: relative;
  font-size: 1.4em;
}
.buttonNoBackground.mailSidebar {
  position: relative;
  padding: .3em;
  padding: 0 0 0 0.3em;
}
.buttonNoBackground.mailSidebar .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.buttonNoBackground.mailSidebar .icon {
  display: inline-block;
}
.buttonNoBackground.mailSidebar .textcontent {
  font-size: 1.2em;
  bottom: 0.2em;
  padding-left: 0.45em;
}
.buttonNoBackground.mailSidebar span.icon {
  color: #2970c1;
}
.buttonNoBackground.mailSidebar span.icon:before {
  content: "";
  font-family: "GeneralFoundicons";
  font-size: 2em;
  position: relative;
  font-size: 1.4em;
}
.buttonNoBackground.homeSidebar {
  position: relative;
  padding: .3em;
  padding: 0 0.3em;
}
.buttonNoBackground.homeSidebar .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.buttonNoBackground.homeSidebar .icon {
  display: inline-block;
}
.buttonNoBackground.homeSidebar .textcontent {
  font-size: 1.2em;
  bottom: 0.2em;
  padding-left: 0.6em;
}
.buttonNoBackground.homeSidebar span.icon:before {
  content: "\e603";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.5em;
}
.buttonNoBackground.magnusHealthSidebar {
  position: relative;
  padding: .3em;
  padding: 0 0.3em;
}
.buttonNoBackground.magnusHealthSidebar .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.buttonNoBackground.magnusHealthSidebar .icon {
  display: inline-block;
}
.buttonNoBackground.magnusHealthSidebar .textcontent {
  bottom: 0em;
}
.buttonNoBackground.magnusHealthSidebar span.icon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 0.5em;
  background-image: url('/Content/Fonts/magnushealth-logo.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  font-size: 1.5em;
}
.buttonNoBackground.calendarSidebar {
  position: relative;
  padding: .3em;
  padding: 0 0.3em;
}
.buttonNoBackground.calendarSidebar .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.buttonNoBackground.calendarSidebar .icon {
  display: inline-block;
}
.buttonNoBackground.calendarSidebar .textcontent {
  bottom: 0.25em;
  font-size: 1.2em;
}
.buttonNoBackground.calendarSidebar span.icon {
  color: #a71c3e;
}
.buttonNoBackground.calendarSidebar span.icon:before {
  content: '\e605';
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.5em;
}
.buttonNoBackground.calendar {
  position: relative;
  padding: .3em;
  padding-left: 0.2em;
}
.buttonNoBackground.calendar .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.buttonNoBackground.calendar .icon {
  display: inline-block;
}
.buttonNoBackground.calendar .textcontent {
  bottom: 0.4em;
  padding-left: 0.6em;
  bottom: 0.25em;
}
.buttonNoBackground.calendar span.icon {
  color: #fff;
}
.buttonNoBackground.calendar span.icon:before {
  /*.buttonInterior("", "GeneralFoundicons");*/
  content: '\e605';
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.4em;
  padding-left: 0.15em;
}
.buttonNoBackground.formsSidebar {
  position: relative;
  padding: .3em;
  padding: 0 .15em;
}
.buttonNoBackground.formsSidebar .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.buttonNoBackground.formsSidebar .icon {
  display: inline-block;
}
.buttonNoBackground.formsSidebar .textcontent {
  bottom: .25em;
  font-size: 1.2em;
}
.buttonNoBackground.formsSidebar span.icon {
  color: #563d7c;
  font-weight: bold;
}
.buttonNoBackground.formsSidebar span.icon:before {
  content: '\e903';
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.5em;
  padding-left: .15em;
}
.buttonNoBackground.financialSidebar {
  position: relative;
  padding: .3em;
  padding: 0 .15em;
}
.buttonNoBackground.financialSidebar .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.buttonNoBackground.financialSidebar .icon {
  display: inline-block;
}
.buttonNoBackground.financialSidebar .textcontent {
  bottom: .25em;
  font-size: 1.2em;
}
.buttonNoBackground.financialSidebar span.icon {
  color: #1a8a2e;
}
.buttonNoBackground.financialSidebar span.icon:before {
  content: '\e621';
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.5em;
  padding-left: .15em;
}
.buttonNoBackground.schoolDocumentsSidebar {
  position: relative;
  padding: .3em;
  padding: 0 .15em;
}
.buttonNoBackground.schoolDocumentsSidebar .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.buttonNoBackground.schoolDocumentsSidebar .icon {
  display: inline-block;
}
.buttonNoBackground.schoolDocumentsSidebar .textcontent {
  bottom: .25em;
  font-size: 1.2em;
}
.buttonNoBackground.schoolDocumentsSidebar span.icon {
  color: #1c4b87;
}
.buttonNoBackground.schoolDocumentsSidebar span.icon:before {
  content: '\e926';
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.5em;
  padding-left: .15em;
}
.buttonNoBackground.agendaSidebar {
  position: relative;
  padding: .3em;
  padding: 0 .15em;
}
.buttonNoBackground.agendaSidebar .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.buttonNoBackground.agendaSidebar .icon {
  display: inline-block;
}
.buttonNoBackground.agendaSidebar .textcontent {
  bottom: .25em;
  font-size: 1.2em;
}
.buttonNoBackground.agendaSidebar span.icon {
  color: #248196;
}
.buttonNoBackground.agendaSidebar span.icon:before {
  content: '\e9b8';
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.5em;
  padding-left: .15em;
}
.buttonNoBackground.schoolDiscussionsSidebar {
  position: relative;
  padding: .3em;
  padding: 0 .15em;
}
.buttonNoBackground.schoolDiscussionsSidebar .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.buttonNoBackground.schoolDiscussionsSidebar .icon {
  display: inline-block;
}
.buttonNoBackground.schoolDiscussionsSidebar .textcontent {
  bottom: .25em;
  font-size: 1.2em;
}
.buttonNoBackground.schoolDiscussionsSidebar span.icon {
  color: #fabc2a;
}
.buttonNoBackground.schoolDiscussionsSidebar span.icon:before {
  content: '\e96e';
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.5em;
  padding-left: .15em;
}
.buttonNoBackground.ellipsis {
  position: relative;
  padding: .3em;
  padding-left: 0.2em;
}
.buttonNoBackground.ellipsis .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.buttonNoBackground.ellipsis .icon {
  display: inline-block;
}
.buttonNoBackground.ellipsis span.icon:before {
  content: "\e606";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.4em;
}
.buttonNoBackground.question {
  position: relative;
  padding: .3em;
}
.buttonNoBackground.question .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.buttonNoBackground.question .icon {
  display: inline-block;
}
.buttonNoBackground.question span.icon:before {
  content: "";
  font-family: "AccessibilityFoundicons";
  font-size: 2em;
  position: relative;
  font-size: 1.4em;
}
.buttonNoBackground.notVisible {
  position: relative;
  padding: .3em;
}
.buttonNoBackground.notVisible .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.buttonNoBackground.notVisible .icon {
  display: inline-block;
}
.buttonNoBackground.notVisible span.icon:before {
  content: "\e8f5";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.4em;
}
.buttonNoBackground.showActive {
  position: relative;
  padding: .3em;
}
.buttonNoBackground.showActive .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.buttonNoBackground.showActive .icon {
  display: inline-block;
}
.buttonNoBackground.showActive span.icon:before {
  content: "\e9b8";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.4em;
}
.buttonNoBackground.showInactive {
  position: relative;
  padding: .3em;
}
.buttonNoBackground.showInactive .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
.buttonNoBackground.showInactive .icon {
  display: inline-block;
}
.buttonNoBackground.showInactive span.icon:before {
  content: "\ea0e";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.4em;
}
.buttonNoBackground.pencil {
  display: inline;
}
.buttonNoBackground.pencil span.icon {
  padding-right: 0.4em;
}
.buttonNoBackground.pencil span.icon:before {
  content: "\e90a";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.2em;
}
.alert-icon {
  background: none;
  color: #c60f13;
  line-height: 1;
  display: inline-block;
}
.alert-icon:before {
  content: "\ea07";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.7em;
}
.warningIcon,
.warning-icon {
  background: none;
  color: #ffa50a;
  line-height: 1;
  display: inline-block;
}
.warningIcon:before,
.warning-icon:before {
  content: "\ea07";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.7em;
}
.notification-icon {
  background: none;
  color: #ffa50a;
  line-height: 1;
  display: inline-block;
}
.notification-icon:before {
  content: "\ea08";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.7em;
}
.information-icon {
  background: none;
  color: #248196;
  line-height: 1;
  display: inline-block;
}
.information-icon:before {
  content: "\ea0c";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.7em;
}
.button span.RIcon {
  font-size: 2em;
}
.raphaelIcon {
  font-family: "RaphaelIcons";
  font-size: 3em;
}
.raphaelIcon.smallQuestion {
  font-size: 1.5em !important;
}
button.disabled,
button[disabled],
.button.disabled,
.button[disabled] {
  background: #185664 !important;
  color: #bababa !important;
}
.disabled,
.disabled:hover,
.disabled:focus,
.disabled:active {
  background: #185664 !important;
  color: #bababa !important;
}
.load,
.load:hover,
.load:focus,
.load:active {
  background: #164d5a;
  color: #bababa;
  background-image: url(/Content/Images/loader.gif);
  -moz-background-size: 36px;
  -o-background-size: 36px;
  -webkit-background-size: 36px;
  background-size: 36px;
  background-repeat: no-repeat;
  background-position: center;
}
.button-group .button {
  margin-bottom: 0;
  margin-left: .3em;
}
.button-group > li {
  margin: -1px 0 0;
}
.f-dropdown {
  color: #248196;
  padding: 0;
  width: auto;
  min-width: 5em;
  font-weight: normal;
  border: 1px solid #248196;
  text-align: left !important;
  margin: 0;
}
.f-dropdown li {
  padding: 5px;
}
.f-dropdown li.divider {
  border-bottom: 1px solid;
  padding: 0;
  height: 1px;
}
.f-dropdown:before,
.f-dropdown:after {
  display: none;
}
@media only screen and (max-width: 939px) {
  .button.small-full {
    width: 100%;
    margin: 0;
    text-align: left;
  }
}
/* standalone icons (not with a button) */
span.icon.shopping-cart,
.m-icon-btn.shopping-cart {
  position: relative;
  padding: .3em;
}
span.icon.shopping-cart .textcontent,
.m-icon-btn.shopping-cart .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
span.icon.shopping-cart .icon,
.m-icon-btn.shopping-cart .icon {
  display: inline-block;
}
span.icon.shopping-cart:before,
.m-icon-btn.shopping-cart:before {
  content: "cart";
  font-family: "WebComponentsIcons";
  font-size: 2em;
  position: relative;
  font-size: 1em;
}
span.icon.plus,
.m-icon-btn.plus {
  position: relative;
  padding: .3em;
}
span.icon.plus .textcontent,
.m-icon-btn.plus .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
span.icon.plus .icon,
.m-icon-btn.plus .icon {
  display: inline-block;
}
span.icon.plus:before,
.m-icon-btn.plus:before {
  content: "\ea0a";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1em;
}
span.icon.minus,
.m-icon-btn.minus {
  position: relative;
  padding: .3em;
}
span.icon.minus .textcontent,
.m-icon-btn.minus .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
span.icon.minus .icon,
.m-icon-btn.minus .icon {
  display: inline-block;
}
span.icon.minus:before,
.m-icon-btn.minus:before {
  content: "\ea0b";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1em;
}
span.icon.bubble,
.m-icon-btn.bubble {
  position: relative;
  padding: .3em;
}
span.icon.bubble .textcontent,
.m-icon-btn.bubble .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
span.icon.bubble .icon,
.m-icon-btn.bubble .icon {
  display: inline-block;
}
span.icon.bubble:before,
.m-icon-btn.bubble:before {
  content: "\e96e";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.4em;
}
span.icon.home,
.m-icon-btn.home {
  position: relative;
  padding: .3em;
}
span.icon.home .textcontent,
.m-icon-btn.home .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
span.icon.home .icon,
.m-icon-btn.home .icon {
  display: inline-block;
}
span.icon.home:before,
.m-icon-btn.home:before {
  content: "\e603";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1em;
}
span.icon.person,
.m-icon-btn.person {
  position: relative;
  padding: .3em;
}
span.icon.person .textcontent,
.m-icon-btn.person .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
span.icon.person .icon,
.m-icon-btn.person .icon {
  display: inline-block;
}
span.icon.person:before,
.m-icon-btn.person:before {
  content: "L";
  font-family: "RaphaelIcons";
  font-size: 2em;
  position: relative;
  font-size: 1.4em;
}
span.icon.people,
.m-icon-btn.people {
  position: relative;
  padding: .3em;
}
span.icon.people .textcontent,
.m-icon-btn.people .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
span.icon.people .icon,
.m-icon-btn.people .icon {
  display: inline-block;
}
span.icon.people:before,
.m-icon-btn.people:before {
  content: "\e8d3";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.2em;
}
span.icon.settings,
.m-icon-btn.settings {
  position: relative;
  padding: .3em;
}
span.icon.settings .textcontent,
.m-icon-btn.settings .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
span.icon.settings .icon,
.m-icon-btn.settings .icon {
  display: inline-block;
}
span.icon.settings:before,
.m-icon-btn.settings:before {
  content: "\e8b8";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.2em;
}
span.icon.assignment,
.m-icon-btn.assignment,
span.icon.Assignment,
.m-icon-btn.Assignment {
  position: relative;
  padding: .3em;
}
span.icon.assignment .textcontent,
.m-icon-btn.assignment .textcontent,
span.icon.Assignment .textcontent,
.m-icon-btn.Assignment .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
span.icon.assignment .icon,
.m-icon-btn.assignment .icon,
span.icon.Assignment .icon,
.m-icon-btn.Assignment .icon {
  display: inline-block;
}
span.icon.assignment:before,
.m-icon-btn.assignment:before,
span.icon.Assignment:before,
.m-icon-btn.Assignment:before {
  content: '\e90a';
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
}
span.icon.lessonPlan,
.m-icon-btn.lessonPlan,
span.icon.LessonPlan,
.m-icon-btn.LessonPlan {
  position: relative;
  padding: .3em;
}
span.icon.lessonPlan .textcontent,
.m-icon-btn.lessonPlan .textcontent,
span.icon.LessonPlan .textcontent,
.m-icon-btn.LessonPlan .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
span.icon.lessonPlan .icon,
.m-icon-btn.lessonPlan .icon,
span.icon.LessonPlan .icon,
.m-icon-btn.LessonPlan .icon {
  display: inline-block;
}
span.icon.lessonPlan:before,
.m-icon-btn.lessonPlan:before,
span.icon.LessonPlan:before,
.m-icon-btn.LessonPlan:before {
  content: '\e926';
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
}
span.icon.add,
.m-icon-btn.add {
  position: relative;
  padding: .3em;
  padding: 0;
  color: #5da423;
}
span.icon.add .textcontent,
.m-icon-btn.add .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
span.icon.add .icon,
.m-icon-btn.add .icon {
  display: inline-block;
}
span.icon.add:before,
.m-icon-btn.add:before {
  content: "";
  font-family: "GeneralEnclosedFoundicons";
  font-size: 2em;
  position: relative;
}
span.icon.approved,
.m-icon-btn.approved {
  position: relative;
  padding: .3em;
  padding: 0;
  color: #5da423;
}
span.icon.approved .textcontent,
.m-icon-btn.approved .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
span.icon.approved .icon,
.m-icon-btn.approved .icon {
  display: inline-block;
}
span.icon.approved:before,
.m-icon-btn.approved:before {
  content: "";
  font-family: "GeneralEnclosedFoundicons";
  font-size: 2em;
  position: relative;
}
span.icon.declined,
.m-icon-btn.declined {
  position: relative;
  padding: .3em;
  padding: 0;
  color: #c60f13;
}
span.icon.declined .textcontent,
.m-icon-btn.declined .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
span.icon.declined .icon,
.m-icon-btn.declined .icon {
  display: inline-block;
}
span.icon.declined:before,
.m-icon-btn.declined:before {
  content: "";
  font-family: "GeneralEnclosedFoundicons";
  font-size: 2em;
  position: relative;
}
span.icon.pending,
.m-icon-btn.pending {
  position: relative;
  padding: .3em;
  background: #ffa50a;
  height: 2.5em;
  width: 2.5em;
  margin: 0 auto;
  border-radius: 100px;
  display: inline-block;
  font-size: .8em;
}
span.icon.pending .textcontent,
.m-icon-btn.pending .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
span.icon.pending .icon,
.m-icon-btn.pending .icon {
  display: inline-block;
}
span.icon.pending:before,
.m-icon-btn.pending:before {
  content: '...';
  color: white;
  font-size: 2.4em;
  position: absolute;
  top: -0.29em;
  left: .13em;
}
span.icon.refresh,
.m-icon-btn.refresh {
  position: relative;
  padding: .3em;
}
span.icon.refresh .textcontent,
.m-icon-btn.refresh .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
span.icon.refresh .icon,
.m-icon-btn.refresh .icon {
  display: inline-block;
}
span.icon.refresh:before,
.m-icon-btn.refresh:before {
  content: "\f01d";
  font-family: "GeneralEnclosedFoundicons";
  font-size: 2em;
  position: relative;
}
span.icon.locked,
.m-icon-btn.locked {
  position: relative;
  padding: .3em;
}
span.icon.locked .textcontent,
.m-icon-btn.locked .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
span.icon.locked .icon,
.m-icon-btn.locked .icon {
  display: inline-block;
}
span.icon.locked:before,
.m-icon-btn.locked:before {
  content: "\e908";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
}
span.icon.arrow-up,
.m-icon-btn.arrow-up {
  position: relative;
  padding: .3em;
}
span.icon.arrow-up .textcontent,
.m-icon-btn.arrow-up .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
span.icon.arrow-up .icon,
.m-icon-btn.arrow-up .icon {
  display: inline-block;
}
span.icon.arrow-up:before,
.m-icon-btn.arrow-up:before {
  content: "\e5d8";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
}
span.icon.arrow-down,
.m-icon-btn.arrow-down {
  position: relative;
  padding: .3em;
}
span.icon.arrow-down .textcontent,
.m-icon-btn.arrow-down .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
span.icon.arrow-down .icon,
.m-icon-btn.arrow-down .icon {
  display: inline-block;
}
span.icon.arrow-down:before,
.m-icon-btn.arrow-down:before {
  content: "\e5db";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
}
span.icon.arrow-left,
.m-icon-btn.arrow-left,
span.icon.navigate-back,
.m-icon-btn.navigate-back {
  position: relative;
  padding: .3em;
}
span.icon.arrow-left .textcontent,
.m-icon-btn.arrow-left .textcontent,
span.icon.navigate-back .textcontent,
.m-icon-btn.navigate-back .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
span.icon.arrow-left .icon,
.m-icon-btn.arrow-left .icon,
span.icon.navigate-back .icon,
.m-icon-btn.navigate-back .icon {
  display: inline-block;
}
span.icon.arrow-left:before,
.m-icon-btn.arrow-left:before,
span.icon.navigate-back:before,
.m-icon-btn.navigate-back:before {
  content: "\e5c4";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
}
span.icon.arrow-right,
.m-icon-btn.arrow-right {
  position: relative;
  padding: .3em;
}
span.icon.arrow-right .textcontent,
.m-icon-btn.arrow-right .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
span.icon.arrow-right .icon,
.m-icon-btn.arrow-right .icon {
  display: inline-block;
}
span.icon.arrow-right:before,
.m-icon-btn.arrow-right:before {
  content: "\e5c8";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
}
span.icon.triangleUp,
.m-icon-btn.triangleUp {
  position: relative;
  padding: .3em;
}
span.icon.triangleUp .textcontent,
.m-icon-btn.triangleUp .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
span.icon.triangleUp .icon,
.m-icon-btn.triangleUp .icon {
  display: inline-block;
}
span.icon.triangleUp:before,
.m-icon-btn.triangleUp:before {
  content: "\f0ab";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
}
span.icon.triangleDown,
.m-icon-btn.triangleDown {
  position: relative;
  padding: .3em;
}
span.icon.triangleDown .textcontent,
.m-icon-btn.triangleDown .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
span.icon.triangleDown .icon,
.m-icon-btn.triangleDown .icon {
  display: inline-block;
}
span.icon.triangleDown:before,
.m-icon-btn.triangleDown:before {
  content: "\f05d";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
}
span.icon.triangleRight,
.m-icon-btn.triangleRight {
  position: relative;
  padding: .3em;
}
span.icon.triangleRight .textcontent,
.m-icon-btn.triangleRight .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
span.icon.triangleRight .icon,
.m-icon-btn.triangleRight .icon {
  display: inline-block;
}
span.icon.triangleRight:before,
.m-icon-btn.triangleRight:before {
  content: "\f05c";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
}
span.icon.triangleLeft,
.m-icon-btn.triangleLeft {
  position: relative;
  padding: .3em;
}
span.icon.triangleLeft .textcontent,
.m-icon-btn.triangleLeft .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
span.icon.triangleLeft .icon,
.m-icon-btn.triangleLeft .icon {
  display: inline-block;
}
span.icon.triangleLeft:before,
.m-icon-btn.triangleLeft:before {
  content: "\f045";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
}
span.icon.drop,
.m-icon-btn.drop {
  position: relative;
  padding: .3em;
}
span.icon.drop .textcontent,
.m-icon-btn.drop .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
span.icon.drop .icon,
.m-icon-btn.drop .icon {
  display: inline-block;
}
span.icon.drop:before,
.m-icon-btn.drop:before {
  content: "\e600";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  top: .1em;
}
span.icon.folder,
.m-icon-btn.folder {
  position: relative;
  padding: .3em;
}
span.icon.folder .textcontent,
.m-icon-btn.folder .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
span.icon.folder .icon,
.m-icon-btn.folder .icon {
  display: inline-block;
}
span.icon.folder:before,
.m-icon-btn.folder:before {
  content: "\e90e";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
}
span.icon.document,
.m-icon-btn.document {
  position: relative;
  padding: .3em;
}
span.icon.document .textcontent,
.m-icon-btn.document .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
span.icon.document .icon,
.m-icon-btn.document .icon {
  display: inline-block;
}
span.icon.document:before,
.m-icon-btn.document:before {
  content: "\e915";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
}
span.icon.assistance,
.m-icon-btn.assistance {
  position: relative;
  padding: .3em;
}
span.icon.assistance .textcontent,
.m-icon-btn.assistance .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
span.icon.assistance .icon,
.m-icon-btn.assistance .icon {
  display: inline-block;
}
span.icon.assistance:before,
.m-icon-btn.assistance:before {
  content: "\f111";
  position: absolute;
  top: -0.46em;
  left: 0.05em;
  font-family: "icomoon";
  font-size: 2.1em;
  line-height: 1;
}
span.icon.assistance:after,
.m-icon-btn.assistance:after {
  content: "\e618";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
}
span.icon.support,
.m-icon-btn.support {
  position: relative;
  padding: .3em;
}
span.icon.support .textcontent,
.m-icon-btn.support .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
span.icon.support .icon,
.m-icon-btn.support .icon {
  display: inline-block;
}
span.icon.support.open-tickets:before,
.m-icon-btn.support.open-tickets:before {
  content: "\e159";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.5em;
}
span.icon.support.closed-tickets:before,
.m-icon-btn.support.closed-tickets:before {
  content: "\e900";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.5em;
}
span.icon.support.create-ticket:before,
.m-icon-btn.support.create-ticket:before {
  content: "\ea0a";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.5em;
}
span.icon.idea,
.m-icon-btn.idea {
  position: relative;
  padding: .3em;
  padding-left: 0.1em;
  padding-right: 0.5em;
}
span.icon.idea .textcontent,
.m-icon-btn.idea .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
span.icon.idea .icon,
.m-icon-btn.idea .icon {
  display: inline-block;
}
span.icon.idea:before,
.m-icon-btn.idea:before {
  content: "\e90d";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  padding-left: 0.425em;
}
span.icon.docs,
.m-icon-btn.docs {
  position: relative;
  padding: .3em;
}
span.icon.docs .textcontent,
.m-icon-btn.docs .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
span.icon.docs .icon,
.m-icon-btn.docs .icon {
  display: inline-block;
}
span.icon.docs:before,
.m-icon-btn.docs:before {
  content: "\e926";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
}
span.icon.vids,
.m-icon-btn.vids {
  position: relative;
  padding: .3em;
}
span.icon.vids .textcontent,
.m-icon-btn.vids .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
span.icon.vids .icon,
.m-icon-btn.vids .icon {
  display: inline-block;
}
span.icon.vids:before,
.m-icon-btn.vids:before {
  content: "\ea15";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
}
span.icon.envelope,
.m-icon-btn.envelope {
  position: relative;
  padding: .3em;
}
span.icon.envelope .textcontent,
.m-icon-btn.envelope .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
span.icon.envelope .icon,
.m-icon-btn.envelope .icon {
  display: inline-block;
}
span.icon.envelope:before,
.m-icon-btn.envelope:before {
  content: "";
  font-family: "GeneralFoundicons";
  font-size: 2em;
  position: relative;
}
span.icon.bug-report,
.m-icon-btn.bug-report {
  position: relative;
  padding: .3em;
}
span.icon.bug-report .textcontent,
.m-icon-btn.bug-report .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
span.icon.bug-report .icon,
.m-icon-btn.bug-report .icon {
  display: inline-block;
}
span.icon.bug-report:before,
.m-icon-btn.bug-report:before {
  content: "\ea08";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
}
span.icon.financial-account,
.m-icon-btn.financial-account {
  position: relative;
  padding: .3em;
}
span.icon.financial-account .textcontent,
.m-icon-btn.financial-account .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
span.icon.financial-account .icon,
.m-icon-btn.financial-account .icon {
  display: inline-block;
}
span.icon.financial-account:before,
.m-icon-btn.financial-account:before {
  content: "\e921";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
}
span.icon.grades,
.m-icon-btn.grades {
  position: relative;
  padding: .3em;
}
span.icon.grades .textcontent,
.m-icon-btn.grades .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
span.icon.grades .icon,
.m-icon-btn.grades .icon {
  display: inline-block;
}
span.icon.grades:before,
.m-icon-btn.grades:before {
  content: '\ea12';
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
}
span.icon.people,
.m-icon-btn.people {
  position: relative;
  padding: .3em;
}
span.icon.people .textcontent,
.m-icon-btn.people .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
span.icon.people .icon,
.m-icon-btn.people .icon {
  display: inline-block;
}
span.icon.people:before,
.m-icon-btn.people:before {
  content: "\e7fb";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
}
span.icon.oldest,
.m-icon-btn.oldest {
  position: relative;
  padding: .3em;
}
span.icon.oldest .textcontent,
.m-icon-btn.oldest .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
span.icon.oldest .icon,
.m-icon-btn.oldest .icon {
  display: inline-block;
}
span.icon.oldest:before,
.m-icon-btn.oldest:before {
  content: "\e8b3";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
}
span.icon.split,
.m-icon-btn.split {
  position: relative;
  padding: .3em;
}
span.icon.split .textcontent,
.m-icon-btn.split .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
span.icon.split .icon,
.m-icon-btn.split .icon {
  display: inline-block;
}
span.icon.split:before,
.m-icon-btn.split:before {
  content: "\e0c3";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
}
span.icon.past-due,
.m-icon-btn.past-due {
  position: relative;
  padding: .3em;
}
span.icon.past-due .textcontent,
.m-icon-btn.past-due .textcontent {
  position: relative;
  bottom: .5em;
  display: inline-block;
  padding-left: .3em;
  padding-right: .3em;
}
span.icon.past-due .icon,
.m-icon-btn.past-due .icon {
  display: inline-block;
}
span.icon.past-due:before,
.m-icon-btn.past-due:before {
  content: "\e905";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.2em;
}
span.icon.edit:before,
.m-icon-btn.edit:before {
  content: "\e254";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.8em;
}
span.icon.save:before,
.m-icon-btn.save:before {
  content: "\e5ca";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.8em;
}
span.icon.cancel:before,
.m-icon-btn.cancel:before {
  content: "\e5cd";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.8em;
}
span.icon.delete:before,
.m-icon-btn.delete:before {
  content: "\e872";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.8em;
}
span.icon.previous:before,
.m-icon-btn.previous:before {
  content: "\e314";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.8em;
}
span.icon.next:before,
.m-icon-btn.next:before {
  content: "\e315";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.8em;
}
span.icon.pay:before,
.m-icon-btn.pay:before {
  content: "\e227";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.8em;
}
span.icon.is-visible:before,
.m-icon-btn.is-visible:before {
  content: "\e8f4";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.8em;
}
span.icon.not-visible:before,
.m-icon-btn.not-visible:before {
  content: "\e8f5";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.8em;
}
span.icon.approve:before,
.m-icon-btn.approve:before {
  content: '\e8dc';
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.8em;
}
span.icon.decline:before,
.m-icon-btn.decline:before {
  content: '\e8db';
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.8em;
}
span.icon.move-folder:before,
.m-icon-btn.move-folder:before {
  content: '\e918';
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.8em;
}
span.icon.show-chart:before,
.m-icon-btn.show-chart:before {
  content: '\e6e1';
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.8em;
}
span.icon.delete_sweep:before,
.m-icon-btn.delete_sweep:before {
  content: '\e16c';
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.8em;
}
span.icon.print:before,
.m-icon-btn.print:before {
  content: '\e8ad';
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.8em;
}
span.icon.caret-down:before,
.m-icon-btn.caret-down:before {
  content: '\e313';
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.8em;
}
span.icon.caret-up:before,
.m-icon-btn.caret-up:before {
  content: '\e316';
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.8em;
}
span.icon.caret-right:before,
.m-icon-btn.caret-right:before {
  content: '\e315';
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.8em;
}
span.icon.caret-left:before,
.m-icon-btn.caret-left:before {
  content: '\e314';
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.8em;
}
span.icon.download:before,
.m-icon-btn.download:before {
  content: '\e913';
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.8em;
}
span.icon.upload:before,
.m-icon-btn.upload:before {
  content: '\e914';
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.8em;
}
span.icon.announcement:before,
.m-icon-btn.announcement:before {
  content: '\e85a';
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.8em;
}
span.icon.calendar:before,
.m-icon-btn.calendar:before {
  content: '\e605';
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.8em;
}
span.icon.message:before,
.m-icon-btn.message:before {
  content: '\e159';
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.8em;
}
span.icon.vertical-ellipsis:before,
.m-icon-btn.vertical-ellipsis:before {
  content: '\e91a';
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.8em;
}
span.icon.clock:before,
.m-icon-btn.clock:before {
  content: '\e91c';
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.8em;
}
span.icon.columns:before,
.m-icon-btn.columns:before {
  content: '\e91d';
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.8em;
}
span.icon.columns:before,
.m-icon-btn.columns:before {
  margin-right: 1px;
}
span.icon.filter:before,
.m-icon-btn.filter:before {
  content: '\e91f';
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.8em;
}
.icon-text {
  display: flex;
  align-items: center;
}
.icon-text .icon {
  font-size: .75em;
  margin-right: .5em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #164d5a;
  font-family: 'Ubuntu', sans-serif;
  font-weight: 300;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: #248196;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  color: #185664;
}
h1.BlockHeader,
h2.BlockHeader,
h3.BlockHeader,
h4.BlockHeader,
h5.BlockHeader,
h6.BlockHeader {
  background: #248196;
  color: #FFFFFF;
  padding: 10px 10px 10px .5em;
}
h1.BlockHeader.subheader,
h2.BlockHeader.subheader,
h3.BlockHeader.subheader,
h4.BlockHeader.subheader,
h5.BlockHeader.subheader,
h6.BlockHeader.subheader,
h1.BlockHeader .subheader,
h2.BlockHeader .subheader,
h3.BlockHeader .subheader,
h4.BlockHeader .subheader,
h5.BlockHeader .subheader,
h6.BlockHeader .subheader {
  color: #DDDDDD;
}
.column.BlockHeader,
.columns.BlockHeader {
  background: #248196;
}
.column.BlockHeader h1,
.columns.BlockHeader h1,
.column.BlockHeader h2,
.columns.BlockHeader h2,
.column.BlockHeader h3,
.columns.BlockHeader h3,
.column.BlockHeader h4,
.columns.BlockHeader h4,
.column.BlockHeader h5,
.columns.BlockHeader h5,
.column.BlockHeader h6,
.columns.BlockHeader h6 {
  color: #FFFFFF;
  margin: 0em;
  padding: 3px 0px;
}
h4,
h5,
h6 {
  font-weight: 400;
}
h4.subheader,
h5.subheader,
h6.subheader {
  font-weight: 400;
}
h4.BlockHeader {
  font-weight: 300;
}
#pageheader {
  position: fixed;
  height: 2.5em;
  background: #f3f3f3;
  z-index: 97;
  display: block;
}
#pagecontainer {
  /*margin-top: 2.5em;*/
}
@media only screen and (min-width: 1280px) {
  #pageheader {
    display: none;
  }
  #pagecontainer {
    /*margin-top: 60px; /*same size as sitebar*/
  }
}
.rightSiteBar .userInfo {
  position: relative;
}
.ConsentNotificationBubble {
  display: none;
}
.ConsentNotificationBubble.active {
  display: block !important;
  background: red;
  color: white;
  border-radius: 5px;
  position: absolute;
  bottom: 1em;
  padding: 4px 15px;
  font-weight: bold;
  left: -3em;
  border: 2px solid white;
  cursor: pointer;
  text-align: center;
}
.quickViewSection .ConsentNotificationBubble.active {
  position: relative;
  bottom: unset;
  left: unset;
  padding: 1em;
}
.quickViewSection .ConsentNotificationBubble.active .collapsed-content {
  display: none;
}
#RightSidebar.hoverSidebar .quickViewSection .ConsentNotificationBubble.active .content {
  display: inline;
}
#RightSidebar.hoverSidebar .quickViewSection .ConsentNotificationBubble.active .collapsed-content {
  display: none;
}
.collapsed .quickViewSection .ConsentNotificationBubble.active .content {
  display: none;
}
.collapsed .quickViewSection .ConsentNotificationBubble.active .collapsed-content {
  display: inline;
}
.alert-box {
  background-color: #248196;
  font-family: 'Ubuntu', sans-serif;
  font-weight: 400;
  border: 0 none;
  font-size: 1em;
  padding: 0;
}
@media print {
  .alert-box {
    display: none !important;
  }
}
#WindowAlert {
  position: fixed;
  bottom: 1em;
  z-index: 10000;
  border-radius: 4px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  font-family: 'Roboto', sans-serif;
  background: #333;
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
@media print {
  #WindowAlert {
    display: none !important;
  }
}
#WindowAlert.warning {
  background: #ffa500;
}
#WindowAlert .info {
  padding: 1.2em;
}
#WindowAlert .info a {
  color: #85cfe5;
}
#WindowAlert .info a:hover {
  color: #2ba6cb;
}
#WindowAlert .windowAlertLink {
  margin-bottom: 0;
  margin-left: auto;
}
#WindowAlert.success {
  background: #333;
}
#WindowAlert.success .windowAlertLink {
  color: #03c;
}
#WindowAlert .m-btn {
  font-size: .9em;
}
#WindowAlert .m-btn,
#WindowAlert .m-btn:hover,
#WindowAlert .m-btn:focus {
  color: #8ad2e3;
}
#WindowAlert .m-btn:hover {
  background: #164d5a;
}
#WindowAlert .m-btn .textcontent {
  letter-spacing: 1px;
  font-weight: 500;
}
#WindowAlert .close {
  color: white;
  opacity: 1;
  font-size: .9em;
  position: initial;
  top: unset;
  right: unset;
  margin-right: .5em;
  margin-left: auto;
  line-height: 1;
}
#WindowAlert .close:hover {
  background: #666;
}
.warning-message,
.notification-message,
.information-message,
.icon-message {
  background: #333;
  color: white;
  padding: .7em;
  display: flex;
  margin-top: .5em;
  line-height: 1.1;
  border-radius: 4px;
}
@media print {
  .warning-message,
  .notification-message,
  .information-message,
  .icon-message {
    display: none !important;
  }
}
.warning-message.alert,
.notification-message.alert,
.information-message.alert,
.icon-message.alert {
  background: #c60f13;
}
.warning-message.alert a,
.notification-message.alert a,
.information-message.alert a,
.icon-message.alert a {
  color: #85cfe5;
  text-decoration: underline;
}
.warning-message.alert a:hover,
.notification-message.alert a:hover,
.information-message.alert a:hover,
.icon-message.alert a:hover {
  color: #2ba6cb;
}
.warning-message .icon,
.notification-message .icon,
.information-message .icon,
.icon-message .icon {
  margin-top: .15em;
}
.warning-message .text-content,
.notification-message .text-content,
.information-message .text-content,
.icon-message .text-content {
  padding-top: .15em;
  padding-left: 1em;
  align-self: center;
}
.warning-message .text-content p,
.notification-message .text-content p,
.information-message .text-content p,
.icon-message .text-content p {
  line-height: 1.4;
  margin-bottom: .8em;
}
.warning-message .text-content p:last-child,
.notification-message .text-content p:last-child,
.information-message .text-content p:last-child,
.icon-message .text-content p:last-child {
  margin-bottom: 0;
}
.warning-message .actions,
.notification-message .actions,
.information-message .actions,
.icon-message .actions {
  margin-left: auto;
  align-self: center;
}
.warning-message .m-btn,
.notification-message .m-btn,
.information-message .m-btn,
.icon-message .m-btn {
  height: 1.95em;
}
.warning-message > .icon {
  background: none;
  color: #ffa50a;
  line-height: 1;
  display: inline-block;
}
.warning-message > .icon:before {
  content: "\ea07";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.7em;
}
.warning-message.alert .icon {
  color: white;
}
.warning-message .m-btn {
  color: #8ad2e3;
}
.notification-message > .icon {
  background: none;
  color: #ffa50a;
  line-height: 1;
  display: inline-block;
}
.notification-message > .icon:before {
  content: "\ea08";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.7em;
}
.notification-message .m-btn {
  color: #8ad2e3;
}
.information-message {
  background: #f3f3f3;
  color: black;
  border: 1px solid #ddd;
}
.information-message > .icon {
  background: none;
  color: #248196;
  line-height: 1;
  display: inline-block;
}
.information-message > .icon:before {
  content: "\ea0c";
  font-family: "icomoon";
  font-size: 2em;
  position: relative;
  font-size: 1.7em;
}
.noPaymentMethods {
  font-style: italic;
  margin-bottom: 1em;
}
.savedPaymentMethods {
  border: 1px solid #ddd;
  margin-bottom: 1em;
}
.savedPaymentMethods .paymentMethod {
  padding: .7em;
  display: flex;
  align-items: center;
}
.savedPaymentMethods .paymentMethod .paymentMethodUnverified {
  margin: .3em 1em;
  display: inline-flex;
  align-items: center;
  background: #333;
  color: white;
  font-size: .8em;
  border-radius: 50px;
  padding: .3em 1em;
}
.savedPaymentMethods .paymentMethod .paymentMethodUnverified .icon {
  font-size: .8em;
  margin-right: .5em;
}
.savedPaymentMethods .paymentMethod .verificationProcessText {
  font-style: italic;
  font-size: .9em;
}
.savedPaymentMethods .paymentMethod .verifyBankAccount {
  margin-top: 1em;
  margin-bottom: 0;
}
.savedPaymentMethods .paymentMethod .archivePaymentMethod {
  margin-left: auto;
  padding-left: 1em;
}
.savedPaymentMethods .paymentMethod .archivePaymentMethod .button {
  margin-bottom: 0;
}
.paymentMethodIcon {
  margin-right: 1.8em;
  width: 2em;
  height: 1.33em;
  text-align: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.paymentMethodIcon.card:before {
  content: '\e93f';
  font-family: 'icomoon';
  font-size: 1.5em;
}
.paymentMethodIcon.card.visa {
  background-image: url("/Content/Images/PaymentMethodIcons/visa.png");
}
.paymentMethodIcon.card.visa:before {
  content: '';
}
.paymentMethodIcon.card.mastercard {
  background-image: url("/Content/Images/PaymentMethodIcons/mastercard.png");
}
.paymentMethodIcon.card.mastercard:before {
  content: '';
}
.paymentMethodIcon.card.discover {
  background-image: url("/Content/Images/PaymentMethodIcons/discover.png");
}
.paymentMethodIcon.card.discover:before {
  content: '';
}
.paymentMethodIcon.card.american-express {
  background-image: url("/Content/Images/PaymentMethodIcons/americanexpress.png");
}
.paymentMethodIcon.card.american-express:before {
  content: '';
}
.paymentMethodIcon.card.diners-club {
  background-image: url("/Content/Images/PaymentMethodIcons/dinersclub.png");
}
.paymentMethodIcon.card.diners-club:before {
  content: '';
}
.paymentMethodIcon.card.jcb {
  background-image: url("/Content/Images/PaymentMethodIcons/jcb.png");
}
.paymentMethodIcon.card.jcb:before {
  content: '';
}
.paymentMethodIcon.bankaccount:before {
  content: "\e921";
  font-family: "icomoon";
  font-size: 1.3em;
}
/* PAYMENT METHOD SELECT */
.paymentMethodSelect {
  display: flex;
  flex-wrap: wrap;
}
.paymentMethodSelect .paymentMethodOption {
  border: 1px solid #ccc;
  border-radius: 4px;
  text-align: center;
  min-height: 3em;
  font-family: 'Open Sans', sans-serif;
  vertical-align: top;
  opacity: 0.6;
  margin-bottom: 1em;
  cursor: pointer;
  display: flex;
  align-items: center;
  width: 49%;
}
.paymentMethodSelect .paymentMethodOption .rightButtons {
  margin: auto 4px auto auto;
  display: flex;
  align-items: center;
}
.paymentMethodSelect .paymentMethodOption .rightButtons > * {
  margin: 0;
}
.paymentMethodSelect .paymentMethodOption:nth-child(2n+1) {
  margin-right: 2%;
}
.paymentMethodSelect .paymentMethodOption .optionIcon {
  display: block;
  margin: 0 1em;
}
.paymentMethodSelect .paymentMethodOption .optionIcon.envelope {
  padding: 0;
}
.paymentMethodSelect .paymentMethodOption .optionIcon.envelope:before {
  font-size: 1.6em;
}
.paymentMethodSelect .paymentMethodOption .optionIcon.add:before {
  font-size: 1.7em;
}
.paymentMethodSelect .paymentMethodOption .optionDescription {
  display: block;
}
.paymentMethodSelect .paymentMethodOption.active {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  background: #b6d5dc;
  border-color: #b6d5dc;
  opacity: 1;
}
.paymentMethodSelect .paymentMethodOption.active .optionAmount {
  font-weight: 600;
}
.paymentMethodSelect .paymentMethodOption.active .optionAmount span {
  font-size: 1.5em;
}
.paymentMethodSelect .paymentMethodOption.active .customPaymentAmount .moneyInput input {
  cursor: text;
}
.paymentMethodSelect .paymentMethodOption.active .customPaymentAmount .moneyInput label {
  border-color: #b6d5dc;
}
.paymentMethodSelect .editCheckPayment {
  border: 1px solid #ddd;
  background: #f7f7f7;
  padding: 1em;
  margin-bottom: 1em;
}
.paymentMethodSelect .saveNewPaymentMethod {
  margin-left: auto;
  margin-right: 1em;
}
/* INVOICE CUSTOMER SCREEN */
.invoice-customer {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  padding: .8em;
  padding-top: .4em;
  background: white;
  margin-bottom: 1.4em;
  max-width: 40em;
  margin: 0 auto;
  padding: 2em;
}
.invoice-customer .content-area {
  margin-bottom: 2.5em;
}
.invoice-customer .invoice-table .columns {
  display: flex;
}
.invoice-customer .m-table .amount {
  margin-left: auto;
}
.invoice-customer .invoice-table .total-row {
  font-weight: bold;
}
.invoice-customer .equation {
  font-size: .8em;
  margin-right: 1em;
}
.invoice-customer .invoice-schedule .columns {
  flex-wrap: wrap;
}
/* NEW PAYMENT METHOD */
.newPaymentMethod-binding-applied {
  width: 100%;
}
/* MOBILE STYLES */
@media only screen and (max-width: 939px) {
  .paymentMethodSelect .paymentMethodOption {
    width: 100%;
  }
  .paymentMethodSelect .paymentMethodOption:nth-child(2n+1) {
    margin-right: 0;
  }
}
form {
  overflow: hidden;
}
.unselectable {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
fieldset {
  border-left: none;
  border-right: none;
  border-top: 2px solid #248196;
  border-bottom: 2px solid #248196;
  padding: .5em 0;
}
fieldset legend {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 400;
  font-size: 1.4em;
  color: #164d5a;
  padding: 0;
  margin: 0;
}
fieldset .modalStepHeader {
  color: #164d5a;
  font-size: 1.3em;
  font-family: 'Ubuntu', sans-serif;
  font-weight: 300;
  margin-top: .5em;
  margin-bottom: .8em;
}
fieldset .modalStepInstructions {
  font-style: italic;
  margin-bottom: 1em;
}
.requiredLabel:after {
  content: '*';
  color: #248196;
}
.requiredField {
  border: #248196 solid 1px !important;
}
.checkBlock {
  display: inline-block;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.checkBlock input {
  display: none;
}
.checkBlock input:checked ~ label,
.checkBlock label.active {
  background: #248196;
  color: #FFF;
}
.checkBlock label {
  display: inline-block;
  padding: .7em;
  border: 1px solid #cccccc;
}
.selectedRow {
  background: #ffffcc !important;
}
.toggleboxContainer {
  display: inline-block;
}
.toggleboxContainer .checkBlock {
  margin-right: .5em;
}
.hasNewNotification {
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  background: #248196;
  margin-left: .5em;
  color: white;
  text-align: center;
}
.hasNewNotification span {
  font-size: 1.3em;
}
.v2019 .hasNewNotification {
  border-radius: 50px;
  margin-right: .5em;
}
.v2019 .hasNewNotification span {
  line-height: 1;
}
label {
  color: #164d5a;
  font-family: 'Ubuntu', sans-serif;
  font-weight: 400;
}
.helpTip:before {
  content: "\e618";
  font-family: "icomoon";
  cursor: pointer;
  margin-left: .2em;
}
.flex {
  display: flex;
}
.flex-baseline {
  align-items: baseline;
}
.tooltipster-content p,
.tooltipster-content .paragraph {
  margin: .4em;
  display: block;
}
.modalFieldTitle .helpText {
  display: none;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus {
  -webkit-box-shadow: 0 0 3px #248196 inset;
  box-shadow: 0 0 3px #248196 inset;
}
.search {
  border: 1px solid #bababa;
  display: inline-block;
  position: relative;
  padding-right: 26px;
}
.search input {
  border: none;
  -moz-transition: box-shadow 0.45s ease 0s, border-color 0.45s ease-in-out 0s;
  -o-transition: box-shadow 0.45s ease 0s, border-color 0.45s ease-in-out 0s;
  -webkit-transition: box-shadow 0.45s ease 0s, border-color 0.45s ease-in-out 0s;
  transition: box-shadow 0.45s ease 0s, border-color 0.45s ease-in-out 0s;
  display: inline-block;
  padding: 5px;
  margin-bottom: 0;
}
.search input:focus {
  -webkit-box-shadow: 0 0 3px #248196 inset;
  box-shadow: 0 0 3px #248196 inset;
  background: #FAFAFA;
}
.search input[type="button"] {
  font-family: "GeneralFoundicons";
  display: inline-block;
  background: none;
  position: absolute;
  right: 0;
  font-size: 26px;
  padding: 0;
  top: 0;
  color: #164d5a;
  -moz-transition: color 300ms ease-in-out 0s;
  -o-transition: color 300ms ease-in-out 0s;
  -webkit-transition: color 300ms ease-in-out 0s;
  transition: color 300ms ease-in-out 0s;
}
.search input[type="button"]:hover,
.search input[type="button"]:focus {
  color: #248196;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.pageInstructions {
  background: #eee;
  padding: .5em 1em;
  margin-bottom: 1em;
}
.pageInstructions ul {
  font-size: 0.9em;
  padding-inline-start: 2em;
}
.pageInstructions,
.pageInstructions h1,
.pageInstructions h2,
.pageInstructions h3,
.pageInstructions h4,
.pageInstructions h5,
.pageInstructions h6 {
  font-family: 'Open Sans', sans-serif;
}
.pageInstructions p {
  margin-bottom: 1em;
}
.pageInstructions p:last-child {
  margin-bottom: 0;
}
.customActiveSection {
  padding-top: 0 !important;
}
@media only screen and (min-width: 940px) {
  .customActiveSection.active:not(.no-title-section) {
    padding-top: 49px !important;
  }
}
/* HORIZONTAL TABS */
.section-container.auto.st-no-first-border > section:first-child p {
  border-left: none;
}
.section-container.auto.st-custom-active > section {
  padding-top: 0 !important;
}
@media only screen and (min-width: 940px) {
  .section-container.auto.st-custom-active > section.active:not(.no-title-section) {
    padding-top: 49px !important;
  }
}
.section-container.auto > section.st-custom-active-section,
.section-container.auto > .section.st-custom-active-section {
  padding-top: 0 !important;
}
@media only screen and (min-width: 940px) {
  .section-container.auto > section.st-custom-active-section.active:not(.no-title-section),
  .section-container.auto > .section.st-custom-active-section.active:not(.no-title-section) {
    padding-top: 49px !important;
  }
}
.section-container.auto > section .title a.button,
.section-container.auto > .section .title a.button,
.section-container.auto > section.active .title a.button,
.section-container.auto > .section.active .title a.button {
  color: white;
  padding: .6em;
  margin-bottom: 0;
}
.section-container.auto > section .title,
.section-container.auto > .section .title {
  min-width: 5.5em;
  text-align: center;
}
@media only screen and (min-width: 940px) {
  .section-container.auto > section.active,
  .section-container.auto > .section.active {
    padding-top: 49px;
  }
}
/* ACCORDION */
.section-container.accordion .section .ac-content,
.section-container.accordion section .ac-content {
  display: none;
}
.section-container.accordion .section.active .ac-content,
.section-container.accordion section.active .ac-content {
  display: block;
}
.section-container.accordion .section .title,
.section-container.accordion section .title {
  text-align: left;
}
.modalFieldTitle {
  color: #666;
  font-family: 'Roboto', sans-serif;
  font-size: .9em;
  margin-left: .5em;
  margin-bottom: 0.2em;
}
.reveal-modal .modalInstructions {
  background: #eee;
  padding: .4em .8em;
  font-family: 'Open Sans', sans-serif;
}
.reveal-modal .modalInstructions h1,
.reveal-modal .modalInstructions h2,
.reveal-modal .modalInstructions h3,
.reveal-modal .modalInstructions h4,
.reveal-modal .modalInstructions h5,
.reveal-modal .modalInstructions h6 {
  color: #333;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
}
.reveal-modal .modalInstructions p {
  margin-bottom: .5em;
}
.reveal-modal .modalInstructions p:last-child {
  margin-bottom: 0;
}
.reveal-modal .modalContent {
  margin-top: 1em;
}
.reveal-modal .modalLoader {
  position: absolute;
  right: 1.5em;
  top: .8em;
}
.reveal-modal .modalLoader .load {
  visibility: visible;
  display: inline-block;
  width: 2.2em;
  height: 2.2em;
}
.reveal-modal .modalLoader .load,
.reveal-modal .modalLoader .load:hover,
.reveal-modal .modalLoader .load:active,
.reveal-modal .modalLoader .load:focus {
  background-color: inherit;
  background-image: url('/Content/Images/ajax-loader.gif');
}
.reveal-modal .bottomButtons {
  margin-top: .5em;
}
.reveal-modal .bottomButtons .button {
  margin-bottom: 0;
}
.reveal-modal .modalActionButtons {
  margin-top: .5em;
  text-align: right;
}
.reveal-modal .modalActionButtons .button {
  margin-bottom: 0;
}
.reveal-modal .savingData {
  background: #f7f7f7;
  margin: 2em;
  padding: 2em;
  text-align: center;
}
ul.pagination {
  padding-top: 1em;
}
ul.pagination li.current a,
ul.pagination li.current a:focus {
  background: #248196;
}
ul.pagination li.current a:hover {
  background: #7cb3c0;
}
ul.pagination li a {
  color: #164d5a;
}
.section-container.vertical-tabs {
  border: 0 none;
}
.section-container.vertical-tabs section.active > .title,
.section-container.vertical-tabs .section.active > .title {
  background: #ffffff !important;
  color: #164d5a !important;
}
.section-container.vertical-tabs section.active > .title a,
.section-container.vertical-tabs .section.active > .title a {
  color: #164d5a;
}
.section-container.vertical-tabs section.active:first-child > .title a,
.section-container.vertical-tabs .section.active:first-child > .title a {
  border-top: 2px solid #248196;
  padding-top: 16px;
}
.section-container.vertical-tabs section.active:last-child > .title a,
.section-container.vertical-tabs .section.active:last-child > .title a {
  border-bottom: 2px solid #248196;
  padding-bottom: 16px;
}
.section-container.vertical-tabs section > .title a,
.section-container.vertical-tabs .section > .title a {
  font-size: 24px;
  color: #ffffff;
  padding: 18px;
  font-weight: 300;
  line-height: 20px;
}
.section-container.vertical-tabs section.active > .content,
.section-container.vertical-tabs .section.active > .content {
  border-top: 2px solid #248196;
  border-right: 0 none;
  border-bottom: 2px solid #248196;
  border-left: 0 none;
}
.section-container.vertical-tabs section > .title:hover,
.section-container.vertical-tabs .section > .title:hover {
  background: #7cb3c0 !important;
  color: #164d5a !important;
}
.section-container.vertical-tabs section > .title,
.section-container.vertical-tabs .section > .title {
  border: 0 none;
  background: #248196;
  color: #FFFFFF;
  font-weight: 400;
  font-family: 'Ubuntu', sans-serif;
}
.section-container.vertical-tabs section > .title a:hover,
.section-container.vertical-tabs .section > .title a:hover {
  color: #164d5a;
}
.section-container.vertical-tabs section:nth-child(2n+1) > .title,
.section-container.vertical-tabs .section:nth-child(2n+1) > .title {
  background: #1f7082;
}
.Summary span.icon {
  line-height: 1;
  display: inline-block;
}
.Summary span.icon:before {
  content: "\e603";
  font-family: "icomoon";
  font-size: 1.1em;
  position: relative;
}
.formResponse span.icon,
.FormResponse .corner span.icon {
  line-height: 1;
  display: inline-block;
}
.formResponse span.icon:before,
.FormResponse .corner span.icon:before {
  content: '\e903';
  font-family: "icomoon";
  font-size: 1.1em;
  position: relative;
}
.CourseRegistrationRequest .corner span.icon {
  line-height: 1;
  display: inline-block;
}
.CourseRegistrationRequest .corner span.icon:before {
  content: '\e609';
  font-family: "icomoon";
  font-size: 1.1em;
  position: relative;
}
.FinancialInvoice .corner span.icon {
  line-height: 1;
  display: inline-block;
}
.FinancialInvoice .corner span.icon:before {
  content: '\e621';
  font-family: "icomoon";
  font-size: 1.2em;
  position: relative;
}
.FinancialCustomerAccount .corner span.icon {
  line-height: 1;
  display: inline-block;
}
.FinancialCustomerAccount .corner span.icon:before {
  content: '\e60e';
  font-family: "icomoon";
  font-size: 1.1em;
  position: relative;
}
.FinancialPaymentMethod .corner span.icon {
  line-height: 1;
  display: inline-block;
}
.FinancialPaymentMethod .corner span.icon:before {
  content: '\e93f';
  font-family: "icomoon";
  font-size: 1.1em;
  position: relative;
}
.FinancialAgreement .corner span.icon {
  line-height: 1;
  display: inline-block;
}
.FinancialAgreement .corner span.icon:before {
  content: '\f2b5';
  font-family: "icomoon";
  font-size: 1.1em;
  position: relative;
}
.SectionLessonPlan span.icon,
.Lesson.Plans span.icon {
  line-height: 1;
  display: inline-block;
}
.SectionLessonPlan span.icon:before,
.Lesson.Plans span.icon:before {
  content: '\e926';
  font-family: "icomoon";
  font-size: 1.1em;
  position: relative;
}
.StudentGradedItem span.icon,
.Grades span.icon {
  line-height: 1;
  display: inline-block;
}
.StudentGradedItem span.icon:before,
.Grades span.icon:before {
  content: '\ea12';
  font-family: "icomoon";
  font-size: 1.1em;
  position: relative;
}
.SectionGradingCategoryAssignment span.icon,
.Assignments span.icon {
  line-height: 1;
  display: inline-block;
}
.SectionGradingCategoryAssignment span.icon:before,
.Assignments span.icon:before {
  content: '\e90a';
  font-family: "icomoon";
  font-size: 1.1em;
  position: relative;
}
.SectionHandout span.icon,
.Handouts span.icon {
  line-height: 1;
  display: inline-block;
}
.SectionHandout span.icon:before,
.Handouts span.icon:before {
  content: '\e925';
  font-family: "icomoon";
  font-size: 1.1em;
  position: relative;
}
.SectionStudentAttendance span.icon,
.Attendance span.icon {
  line-height: 1;
  display: inline-block;
}
.SectionStudentAttendance span.icon:before,
.Attendance span.icon:before {
  content: '\e9b8';
  font-family: "icomoon";
  font-size: 1.1em;
  position: relative;
}
.SchoolDocument span.icon,
.SchoolDocuments span.icon {
  line-height: 1;
  display: inline-block;
}
.SchoolDocument span.icon:before,
.SchoolDocuments span.icon:before {
  content: '\e926';
  font-family: "icomoon";
  font-size: 1.1em;
  position: relative;
}
.select2-results .SectionLessonPlan span.icon:before,
.select2-chosen .SectionLessonPlan span.icon:before,
.select2-results .Lesson.Plans span.icon:before,
.select2-chosen .Lesson.Plans span.icon:before {
  color: #cc482e;
}
.select2-results .StudentGradedItem span.icon:before,
.select2-chosen .StudentGradedItem span.icon:before,
.select2-results .Grades span.icon:before,
.select2-chosen .Grades span.icon:before {
  color: #1a8a2e;
}
.select2-results .SectionGradingCategoryAssignment span.icon:before,
.select2-chosen .SectionGradingCategoryAssignment span.icon:before,
.select2-results .Assignments span.icon:before,
.select2-chosen .Assignments span.icon:before {
  color: #248196;
}
.select2-results .SectionHandout span.icon:before,
.select2-chosen .SectionHandout span.icon:before,
.select2-results .Handouts span.icon:before,
.select2-chosen .Handouts span.icon:before {
  color: #89008f;
}
.select2-results .SectionStudentAttendance span.icon:before,
.select2-chosen .SectionStudentAttendance span.icon:before,
.select2-results .Attendance span.icon:before,
.select2-chosen .Attendance span.icon:before {
  color: #fa8e40;
}
.select2-results .SchoolDocument span.icon:before,
.select2-chosen .SchoolDocument span.icon:before {
  color: #1c4b87;
}
.select2-highlighted .SectionLessonPlan span.icon:before,
.select2-highlighted .Lesson.Plans span.icon:before {
  color: #e7a193;
}
.select2-highlighted .StudentGradedItem span.icon:before,
.select2-highlighted .Grades span.icon:before {
  color: #47dc62;
}
.select2-highlighted .SectionGradingCategoryAssignment span.icon:before,
.select2-highlighted .Assignments span.icon:before {
  color: #61c3d9;
}
.select2-highlighted .SectionHandout span.icon:before,
.select2-highlighted .Handouts span.icon:before {
  color: #f510ff;
}
.select2-highlighted .SectionStudentAttendance span.icon:before,
.select2-highlighted .Attendance span.icon:before {
  color: #fdd8bc;
}
.select2-highlighted .SchoolDocument span.icon:before {
  color: #b3cdef;
}
#AdminSidebar {
  background-color: #f3f3f3;
}
.sidebar {
  list-style: none;
  padding: 0;
}
.sidebar ul {
  list-style: none;
  margin: 0;
  clear: both;
}
.sidebar li.active a {
  color: #444444;
  font-weight: 400;
}
.sidebar .section-area.active a,
.sidebar .summaryLink.active a {
  background: #ddd;
}
.sidebar .section-area.active a .content,
.sidebar .summaryLink.active a .content {
  font-weight: bold;
}
.sidebar .leftBorder {
  -moz-transition: background-color 300ms ease-out 0s;
  -o-transition: background-color 300ms ease-out 0s;
  -webkit-transition: background-color 300ms ease-out 0s;
  transition: background-color 300ms ease-out 0s;
}
.sidebar > li:not(.dropdown) > a > .content {
  padding: 0.2em 0.2em 0.2em 1em;
}
.sidebar .Summary span.leftBorder {
  height: 100%;
  display: block;
  background-color: #2970c1;
  left: 0;
  top: 0;
  position: absolute;
}
.sidebar .Summary span.icon {
  color: #fff;
  width: 30px;
  padding-top: 10px;
  padding-left: 8px;
  font-size: smaller;
}
.sidebar .Summary span.content {
  padding-left: 2.4em;
}
.sidebar .Summary a {
  background: #FFF !important;
}
.sidebar .Summary.selected {
  /*.leftBorder {
                z-index: -1;
            }*/
}
.sidebar .Summary.selected > a {
  background: #2970c1 !important;
}
.sidebar .Summary.selected > a,
.sidebar .Summary.selected > a .icon {
  color: #FFFFFF !important;
}
.sidebar .Summary.selected:hover .leftBorder {
  background: #d4e2f3 !important;
  color: #2970c1;
}
.sidebar .Summary:hover a {
  background: #d4e2f3 !important;
  color: #444444 !important;
}
.sidebar .Overview span.leftBorder {
  height: 100%;
  display: block;
  background-color: #1c4b87;
  left: 0;
  top: 0;
  position: absolute;
}
.sidebar .Overview span.icon {
  color: #fff;
  width: 30px;
  padding-top: 10px;
  padding-left: 8px;
  font-size: smaller;
}
.sidebar .Overview span.content {
  padding-left: 2.4em;
}
.sidebar .Overview a {
  background: #FFF !important;
}
.sidebar .Overview.selected {
  /*.leftBorder {
                z-index: -1;
            }*/
}
.sidebar .Overview.selected > a {
  background: #1c4b87 !important;
}
.sidebar .Overview.selected > a,
.sidebar .Overview.selected > a .icon {
  color: #FFFFFF !important;
}
.sidebar .Overview.selected:hover .leftBorder {
  background: #d2dbe7 !important;
  color: #1c4b87;
}
.sidebar .Overview:hover a {
  background: #d2dbe7 !important;
  color: #444444 !important;
}
.sidebar .Assignments span.leftBorder {
  height: 100%;
  display: block;
  background-color: #248196;
  left: 0;
  top: 0;
  position: absolute;
}
.sidebar .Assignments span.icon {
  color: #fff;
  width: 30px;
  padding-top: 10px;
  padding-left: 8px;
  font-size: smaller;
}
.sidebar .Assignments span.content {
  padding-left: 2.4em;
}
.sidebar .Assignments a {
  background: #FFF !important;
}
.sidebar .Assignments.selected {
  /*.leftBorder {
                z-index: -1;
            }*/
}
.sidebar .Assignments.selected > a {
  background: #248196 !important;
}
.sidebar .Assignments.selected > a,
.sidebar .Assignments.selected > a .icon {
  color: #FFFFFF !important;
}
.sidebar .Assignments.selected:hover .leftBorder {
  background: #d3e6ea !important;
  color: #248196;
}
.sidebar .Assignments:hover a {
  background: #d3e6ea !important;
  color: #444444 !important;
}
.sidebar .Attendance span.leftBorder {
  height: 100%;
  display: block;
  background-color: #fa8e40;
  left: 0;
  top: 0;
  position: absolute;
}
.sidebar .Attendance span.icon {
  color: #fff;
  width: 30px;
  padding-top: 10px;
  padding-left: 8px;
  font-size: smaller;
}
.sidebar .Attendance span.content {
  padding-left: 2.4em;
}
.sidebar .Attendance a {
  background: #FFF !important;
}
.sidebar .Attendance.selected {
  /*.leftBorder {
                z-index: -1;
            }*/
}
.sidebar .Attendance.selected > a {
  background: #fa8e40 !important;
}
.sidebar .Attendance.selected > a,
.sidebar .Attendance.selected > a .icon {
  color: #FFFFFF !important;
}
.sidebar .Attendance.selected:hover .leftBorder {
  background: #fee8d9 !important;
  color: #fa8e40;
}
.sidebar .Attendance:hover a {
  background: #fee8d9 !important;
  color: #444444 !important;
}
.sidebar .Calendar span.leftBorder {
  height: 100%;
  display: block;
  background-color: #a71c3e;
  left: 0;
  top: 0;
  position: absolute;
}
.sidebar .Calendar span.icon {
  color: #fff;
  width: 30px;
  padding-top: 10px;
  padding-left: 8px;
  font-size: smaller;
}
.sidebar .Calendar span.content {
  padding-left: 2.4em;
}
.sidebar .Calendar a {
  background: #FFF !important;
}
.sidebar .Calendar.selected {
  /*.leftBorder {
                z-index: -1;
            }*/
}
.sidebar .Calendar.selected > a {
  background: #a71c3e !important;
}
.sidebar .Calendar.selected > a,
.sidebar .Calendar.selected > a .icon {
  color: #FFFFFF !important;
}
.sidebar .Calendar.selected:hover .leftBorder {
  background: #edd2d8 !important;
  color: #a71c3e;
}
.sidebar .Calendar:hover a {
  background: #edd2d8 !important;
  color: #444444 !important;
}
.sidebar .Grades span.leftBorder {
  height: 100%;
  display: block;
  background-color: #1a8a2e;
  left: 0;
  top: 0;
  position: absolute;
}
.sidebar .Grades span.icon {
  color: #fff;
  width: 30px;
  padding-top: 10px;
  padding-left: 8px;
  font-size: smaller;
}
.sidebar .Grades span.content {
  padding-left: 2.4em;
}
.sidebar .Grades a {
  background: #FFF !important;
}
.sidebar .Grades.selected {
  /*.leftBorder {
                z-index: -1;
            }*/
}
.sidebar .Grades.selected > a {
  background: #1a8a2e !important;
}
.sidebar .Grades.selected > a,
.sidebar .Grades.selected > a .icon {
  color: #FFFFFF !important;
}
.sidebar .Grades.selected:hover .leftBorder {
  background: #d1e8d5 !important;
  color: #1a8a2e;
}
.sidebar .Grades:hover a {
  background: #d1e8d5 !important;
  color: #444444 !important;
}
.sidebar .Handouts span.leftBorder {
  height: 100%;
  display: block;
  background-color: #89008f;
  left: 0;
  top: 0;
  position: absolute;
}
.sidebar .Handouts span.icon {
  color: #fff;
  width: 30px;
  padding-top: 10px;
  padding-left: 8px;
  font-size: smaller;
}
.sidebar .Handouts span.content {
  padding-left: 2.4em;
}
.sidebar .Handouts a {
  background: #FFF !important;
}
.sidebar .Handouts.selected {
  /*.leftBorder {
                z-index: -1;
            }*/
}
.sidebar .Handouts.selected > a {
  background: #89008f !important;
}
.sidebar .Handouts.selected > a,
.sidebar .Handouts.selected > a .icon {
  color: #FFFFFF !important;
}
.sidebar .Handouts.selected:hover .leftBorder {
  background: #e7cce9 !important;
  color: #89008f;
}
.sidebar .Handouts:hover a {
  background: #e7cce9 !important;
  color: #444444 !important;
}
.sidebar .Messages span.leftBorder {
  height: 100%;
  display: block;
  background-color: #2970c1;
  left: 0;
  top: 0;
  position: absolute;
}
.sidebar .Messages span.icon {
  color: #fff;
  width: 30px;
  padding-top: 10px;
  padding-left: 8px;
  font-size: smaller;
}
.sidebar .Messages span.content {
  padding-left: 2.4em;
}
.sidebar .Messages a {
  background: #FFF !important;
}
.sidebar .Messages.selected {
  /*.leftBorder {
                z-index: -1;
            }*/
}
.sidebar .Messages.selected > a {
  background: #2970c1 !important;
}
.sidebar .Messages.selected > a,
.sidebar .Messages.selected > a .icon {
  color: #FFFFFF !important;
}
.sidebar .Messages.selected:hover .leftBorder {
  background: #d4e2f3 !important;
  color: #2970c1;
}
.sidebar .Messages:hover a {
  background: #d4e2f3 !important;
  color: #444444 !important;
}
.sidebar .Assignment.Sheets span.leftBorder {
  height: 100%;
  display: block;
  background-color: #563d7c;
  left: 0;
  top: 0;
  position: absolute;
}
.sidebar .Assignment.Sheets span.icon {
  color: #fff;
  width: 30px;
  padding-top: 10px;
  padding-left: 8px;
  font-size: smaller;
}
.sidebar .Assignment.Sheets span.content {
  padding-left: 2.4em;
}
.sidebar .Assignment.Sheets a {
  background: #FFF !important;
}
.sidebar .Assignment.Sheets.selected {
  /*.leftBorder {
                z-index: -1;
            }*/
}
.sidebar .Assignment.Sheets.selected > a {
  background: #563d7c !important;
}
.sidebar .Assignment.Sheets.selected > a,
.sidebar .Assignment.Sheets.selected > a .icon {
  color: #FFFFFF !important;
}
.sidebar .Assignment.Sheets.selected:hover .leftBorder {
  background: #ddd8e5 !important;
  color: #563d7c;
}
.sidebar .Assignment.Sheets:hover a {
  background: #ddd8e5 !important;
  color: #444444 !important;
}
.sidebar .Lesson.Plans span.leftBorder {
  height: 100%;
  display: block;
  background-color: #cc482e;
  left: 0;
  top: 0;
  position: absolute;
}
.sidebar .Lesson.Plans span.icon {
  color: #fff;
  width: 30px;
  padding-top: 10px;
  padding-left: 8px;
  font-size: smaller;
}
.sidebar .Lesson.Plans span.content {
  padding-left: 2.4em;
}
.sidebar .Lesson.Plans a {
  background: #FFF !important;
}
.sidebar .Lesson.Plans.selected {
  /*.leftBorder {
                z-index: -1;
            }*/
}
.sidebar .Lesson.Plans.selected > a {
  background: #cc482e !important;
}
.sidebar .Lesson.Plans.selected > a,
.sidebar .Lesson.Plans.selected > a .icon {
  color: #FFFFFF !important;
}
.sidebar .Lesson.Plans.selected:hover .leftBorder {
  background: #f5dad5 !important;
  color: #cc482e;
}
.sidebar .Lesson.Plans:hover a {
  background: #f5dad5 !important;
  color: #444444 !important;
}
.sidebar .Discussions span.leftBorder {
  height: 100%;
  display: block;
  background-color: #d84ca8;
  left: 0;
  top: 0;
  position: absolute;
}
.sidebar .Discussions span.icon {
  color: #fff;
  width: 30px;
  padding-top: 10px;
  padding-left: 8px;
  font-size: smaller;
}
.sidebar .Discussions span.content {
  padding-left: 2.4em;
}
.sidebar .Discussions a {
  background: #FFF !important;
}
.sidebar .Discussions.selected {
  /*.leftBorder {
                z-index: -1;
            }*/
}
.sidebar .Discussions.selected > a {
  background: #d84ca8 !important;
}
.sidebar .Discussions.selected > a,
.sidebar .Discussions.selected > a .icon {
  color: #FFFFFF !important;
}
.sidebar .Discussions.selected:hover .leftBorder {
  background: #f7dbee !important;
  color: #d84ca8;
}
.sidebar .Discussions:hover a {
  background: #f7dbee !important;
  color: #444444 !important;
}
.sidebar li.dropdown.student > .title {
  padding: 0;
  text-align: center;
}
.sidebar li.dropdown .title {
  padding: 0;
  margin: 0;
  line-height: 1.7;
  padding-top: .3em;
  padding-bottom: .3em;
}
.sidebar li.dropdown ul {
  max-height: 0;
  overflow: hidden;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  -webkit-transition: all .5s;
  transition: all .5s;
}
.sidebar li.dropdown.active > .title > span.content {
  font-weight: bold;
}
.sidebar li.dropdown.active a {
  color: #4d4d4d;
}
.sidebar li.dropdown.active a:hover {
  background: #CCC;
}
.sidebar li.dropdown.active > ul {
  max-height: 100em;
}
.sidebar li.dropdown span.leftBorder.icon ~ span.content {
  line-height: 1.7;
  padding-top: 0;
  padding-bottom: 0;
}
.sidebar li {
  clear: both;
  padding: 0;
  margin: 0;
  width: 100%;
  position: relative;
  font-size: 15px;
}
.sidebar li a {
  color: #444444;
  font-family: 'Open Sans', sans-serif;
  padding: 0;
  display: block;
  letter-spacing: 1px;
  -moz-transition: background-color 300ms ease-out 0s;
  -o-transition: background-color 300ms ease-out 0s;
  -webkit-transition: background-color 300ms ease-out 0s;
  transition: background-color 300ms ease-out 0s;
  cursor: pointer;
}
.sidebar li a:hover {
  background: #e7e7e7;
}
.sidebar li .StudentName {
  display: inline-block;
  padding: 0 !important;
  padding-left: 10px !important;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.2em;
}
.sidebar li .StudentName .FirstName {
  padding-right: .2em;
  display: inline-block;
}
.sidebar li .StudentName .LastName {
  display: inline-block;
}
.sidebar li .StudentPicture {
  display: inline-block;
  position: relative;
  overflow: hidden;
  height: 3em;
  width: 3em;
  border-radius: 3em;
}
.sidebar li .StudentPicture img {
  height: 100%;
  width: auto;
  display: block;
  margin: 0 auto;
}
.sidebar li.student > .title > .alerts {
  position: absolute;
  right: 0;
  top: 0;
  color: #FFFFFF;
  background: #c60f13;
  font-weight: 600;
}
.sidebar li .content,
.sidebar li .alerts {
  display: inline-block;
}
.sidebar li .content {
  padding-left: .5em;
  width: calc(100% - 2.7em);
}
.sidebar li .title span.content {
  padding-left: 1.2em;
}
.sidebar li .alerts {
  color: #FFFFFF;
  background: #c60f13;
  font-weight: 600;
  padding-left: .5em;
  padding-right: .5em;
  float: right;
  -moz-transition: ease 700ms opacity;
  -o-transition: ease 700ms opacity;
  -webkit-transition: ease 700ms opacity;
  transition: ease 700ms opacity;
  display: none;
}
.sidebar li .alerts.visible {
  display: initial;
}
.sidebar li .alerts:after {
  clear: both;
}
.sidebar .HomeSidebar.active > a,
.sidebar .MessagesSidebar.active > a,
.sidebar .CalendarSidebar.active > a,
.sidebar .FormsSidebar.active > a,
.sidebar .SchoolDocumentsSidebar.active > a,
.sidebar .AgendaSidebar.active > a,
.sidebar .FinancialSidebar.active > a,
.sidebar .SchoolDiscussionsSidebar.active > a {
  background: #ddd;
}
.sidebar .HomeSidebar a,
.sidebar .MessagesSidebar a,
.sidebar .CalendarSidebar a,
.sidebar .FormsSidebar a,
.sidebar .SchoolDocumentsSidebar a,
.sidebar .AgendaSidebar a,
.sidebar .FinancialSidebar a,
.sidebar .SchoolDiscussionsSidebar a {
  cursor: pointer;
}
.sidebar .MessagesSidebar:not(.active) .messagesSidebar {
  display: none;
}
.sidebar li.student .title {
  text-align: left !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.sidebar li.student .StudentName .FirstName {
  display: block;
  padding-right: 0;
}
.sidebar li.student .StudentPicture {
  float: left;
}
.footer,
.push {
  height: 4em;
}
@media only screen and (min-width: 1280px) {
  html:not(.v2019) #StandardSidebar,
  html:not(.v2019) #AdminSidebar {
    width: 16em;
    background: #f3f3f3;
    position: fixed;
  }
  html:not(.v2019) #StandardSidebar .sideBarInnerContainer,
  html:not(.v2019) #AdminSidebar .sideBarInnerContainer {
    background: #f3f3f3;
    height: 100%;
    overflow-y: scroll;
  }
  html:not(.v2019) #StandardSidebar {
    height: 100%;
    padding-top: 60px;
  }
}
html:not(.v2019) .SchoolDocumentsSidebar {
  margin-bottom: 2.4em;
}
@media only screen and (max-width: 1279px) {
  html:not(.v2019) #StandardSidebar,
  html:not(.v2019) #AdminSidebar {
    background: #f3f3f3;
  }
  html:not(.v2019) #SlideOpenRightCheckbox:checked ~ #AdminSidebar {
    margin-left: 16em;
  }
  html:not(.v2019) #StandardSidebar {
    position: fixed;
    top: 0;
    left: -16em;
    height: 100%;
    width: 16em;
    overflow-y: scroll;
  }
}
html:not(.v2019) #SidebarSchoolLogo {
  width: 80%;
  margin-left: 10%;
  padding-top: 2em;
}
html:not(.v2019) #SidebarSchoolLogo img {
  display: block;
  margin: 0 auto;
}
html:not(.v2019) .StudentName {
  line-height: 44px;
}
html:not(.v2019) .messagesSidebar .button.success .icon,
html:not(.v2019) .messagesSidebar .button.success .textcontent {
  color: #fff !important;
}
html:not(.v2019) .stickyFooterWrapper {
  min-height: 100%;
  margin: 0 auto -3em;
}
/*********************************
*
*   RIGHT SIDEBAR
*
*********************************/
#RightSidebar {
  position: fixed;
  width: 17em;
  top: 0;
  right: 0;
  height: 100%;
  border-left: 1px solid #ddd;
  background: #e9ebee;
  transition: all ease 0.25s;
  z-index: 997;
}
#RightSidebar .sidebar-inner {
  width: 17em;
  padding-left: .5em;
  padding-right: .5em;
  display: flex;
  flex-direction: column;
  height: 100%;
}
#RightSidebar .sidebar-lower {
  overflow: auto;
}
#RightSidebar .quickViewSection {
  font-size: .9em;
  margin-top: .4em;
  padding-bottom: 1em;
}
#RightSidebar .quickViewHeader {
  font-weight: bold;
  color: #4a4a4a;
  margin-bottom: .7em;
  display: flex;
  align-items: center;
}
#RightSidebar .quickViewHeader .quickViewHeader-icon {
  font-family: 'icomoon';
  font-weight: normal;
  font-size: 1.5em;
}
#RightSidebar .quickViewHeader .quickViewHeader-text {
  padding-left: .3em;
}
#RightSidebar .quickViewHeader .quickViewHeader-count {
  display: none;
}
#RightSidebar .quickViewContent {
  padding: 0 .5em;
}
#RightSidebar .rightSideBar {
  margin-bottom: .5em;
  display: flex;
  align-items: center;
  height: 3.5em;
}
#RightSidebar .rightSideBar .userWrapper {
  width: 13.5em;
  cursor: pointer;
  background: #f3f3f3;
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: .3em .5em;
}
#RightSidebar .rightSideBar .userWrapper:hover {
  background: #f7f7f7;
}
#RightSidebar .rightSideBar .collapse-spacer {
  width: 4em;
}
#RightSidebar .rightSideBar .sidebarCollapse {
  text-indent: -9999px;
  padding-left: 5px;
  width: 40px;
  border-radius: 40px;
  margin-left: auto;
  margin-right: .5em;
  position: absolute;
  right: .7em;
}
#RightSidebar .rightSideBar .sidebarCollapse:hover {
  background: none;
}
#RightSidebar .rightSideBar .sidebarCollapse:before {
  content: '\f101';
  font-family: "icomoon";
  color: #fff;
  font-size: 26px;
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 20px;
  padding: 6px 14px;
  width: 40px;
  height: 40px;
  display: block;
  text-indent: initial;
  transition: background-color 0.25s ease;
}
#RightSidebar .rightSideBar .sidebarCollapse:hover:before {
  background-color: rgba(0, 0, 0, 0.4);
  transition: background-color 0.25s ease;
}
#RightSidebar .rightSideBar img {
  border-radius: 50px;
  width: 36px;
  height: auto;
  margin-top: -23px;
}
#RightSidebar .rightSideBar .imageDiv {
  display: inline-block;
}
#RightSidebar .rightSideBar .userInfo {
  display: inline-block;
  padding-left: 8px;
  width: 9.5em;
}
#RightSidebar .rightSideBar .userInfo li {
  list-style-type: none;
  color: #4a4a4a;
}
#RightSidebar .rightSideBar .userInfo .fullName {
  font-weight: bold;
}
#RightSidebar .rightSideBar .userInfo .fullName .icon:before {
  content: "\f05d";
  font-family: "Icomoon";
  font-size: 10px;
}
#RightSidebar .announcementsSection .quickViewHeader-icon:before {
  content: '\e85a';
}
#RightSidebar .announcementsSection .quickViewContent {
  max-height: 18em;
  overflow-y: auto;
}
#RightSidebar .announcement:not(:last-child) {
  margin-bottom: 1em;
}
#RightSidebar .announcement .announcementTitle {
  margin-bottom: .1em;
  font-weight: bold;
}
#RightSidebar .announcement.important .announcementTitle {
  color: #c60f13;
}
#RightSidebar .announcement .announcementDescription {
  font-size: .9em;
  line-height: 1.4;
}
#RightSidebar .userSidebar ul {
  margin-bottom: 0;
  line-height: 1.4;
}
#RightSidebar .downloadAll {
  text-align: left;
  margin-bottom: 0;
}
#RightSidebar .quickViewSection {
  border-bottom: 1px solid #d2d2d2;
}
#RightSidebar .quickViewSection:last-child {
  border-bottom: none;
}
#RightSidebar .calendarSection {
  margin-bottom: 2em;
}
#RightSidebar .calendarSection .quickViewHeader-icon:before {
  content: '\e916';
}
#RightSidebar .calendarSection .fc-state-active,
#RightSidebar .calendarSection .fc-state-disabled {
  background-color: #248196 !important;
  opacity: 0.3;
}
#RightSidebar .calendarSection .fc-button {
  height: 1.6em;
  border-radius: 5px;
  background-color: #248196;
  padding: 0 0.4em;
  text-transform: uppercase;
  font-size: 0.8em;
}
#RightSidebar .calendarSection .fc-header {
  margin-top: 1em;
}
#RightSidebar .calendarSection .fc-right {
  margin-top: 0;
}
#RightSidebar .calendarSection .fc-right .fc-button {
  margin: 2px;
}
#RightSidebar .calendarSection .fc-header-toolbar {
  margin-top: 1em;
  margin-bottom: .5em;
}
#RightSidebar .calendarSection .fc-header-toolbar .fc-left {
  margin-top: 0;
}
#RightSidebar .calendarSection .fc-header-toolbar .fc-left h2 {
  font-family: 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif;
  color: #222;
  font-weight: bold;
  font-size: 1em;
  line-height: 1.6;
}
#RightSidebar .calendarSection .fc-list-table {
  background-color: white;
}
#RightSidebar .calendarSection .fc-list-item-time {
  white-space: initial;
  max-width: 90px;
}
#RightSidebar .calendarSection .fc-list-item-marker {
  padding: 0.75em;
  vertical-align: middle;
}
#RightSidebar .calendarSection .fc-event {
  background-color: #248196;
  border-radius: 5px !important;
}
#RightSidebar .calendarSection .fc-event-container {
  padding-top: 0em;
  padding-bottom: 0em;
}
#RightSidebar .calendarSection .fc-event .fc-content {
  font-size: 0.65em;
}
.has-top-banner #RightSidebar {
  top: 40px;
}
@media only screen and (min-width: 940px) {
  html:not(.Admin).v2019 .pagecontent {
    width: initial;
    max-width: unset;
    padding-right: 17em;
  }
  #RightSidebar.collapsed:not(.hoverSidebar),
  #RightSidebar.collapsed:not(.hoverSidebar) .sidebar-inner {
    width: 4em;
  }
  #RightSidebar.collapsed:not(.hoverSidebar) .sidebar-lower {
    overflow: hidden;
  }
  #RightSidebar.collapsed:not(.hoverSidebar) .quickViewHeader {
    margin-bottom: 0;
  }
  #RightSidebar.collapsed:not(.hoverSidebar) .userWrapper,
  #RightSidebar.collapsed:not(.hoverSidebar) #AcademicTermSelector,
  #RightSidebar.collapsed:not(.hoverSidebar) .current-term-alert,
  #RightSidebar.collapsed:not(.hoverSidebar) .quickViewHeader-text,
  #RightSidebar.collapsed:not(.hoverSidebar) .quickViewContent {
    visibility: hidden;
    display: block;
    height: 0;
    width: 0;
  }
  #RightSidebar.collapsed:not(.hoverSidebar) .quickViewSection:not(:first-child) {
    padding-top: .2em;
    padding-bottom: 0;
  }
  #RightSidebar.collapsed:not(.hoverSidebar) .quickViewHeader {
    display: block;
    text-align: center;
    color: #707070;
  }
  #RightSidebar.collapsed:not(.hoverSidebar) .quickViewHeader-count {
    display: block;
    padding-top: .2em;
  }
  #RightSidebar.collapsed .sidebarCollapse:before {
    content: "\f100";
    padding: 6px 11px;
    transition: background-color 0.25s ease;
  }
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 939px) {
  #RightSidebar {
    visibility: hidden;
    transition: none;
  }
  .expandedRightSidebar {
    right: 17em;
    z-index: 999;
  }
  .expandedRightSidebar .icon:before {
    content: "\e315";
  }
  #RightSidebar.expanded {
    visibility: visible;
    z-index: 999;
    width: 17em;
  }
  .rightSideBar .userInfo .fullName {
    font-size: 0.8em;
  }
  .sidebarCollapse {
    display: none;
  }
}
/**********************  
*    2019  REDESIGN   *
**********************/
.mobileTopBar {
  display: none !important;
}
html:not(.Admin).v2019 {
  /* SIDEBAR SCHOOL LOGO */
  /*RESPONSIVE SIDEBAR*/
  /* USER POPUP */
}
@media screen and (min-width: 1280px) {
  html:not(.Admin).v2019 #StandardPageContent {
    padding-top: 0;
    transition: all ease 0.25s;
  }
  html:not(.Admin).v2019.has-top-banner #StandardPageContent {
    padding-top: 40px;
  }
  html:not(.Admin).v2019 .summaryBody {
    transition: all ease 0.25s;
  }
}
@media screen and (min-width: 940px) {
  html:not(.Admin).v2019 .left-sidebar-collapsed {
    margin-left: 4em;
    min-width: 85%;
    transition: all ease .25s;
  }
  html:not(.Admin).v2019 .right-sidebar-collapsed {
    padding-right: 4em;
  }
}
@media only screen and (max-width: 1279px) {
  html:not(.Admin).v2019 #StandardSidebar {
    background: none;
  }
  html:not(.Admin).v2019 #StandardSidebar .sideBarInnerContainer {
    height: 100%;
  }
  html:not(.Admin).v2019 #StandardSidebar .sideBarInnerContainer .sidebarLogo {
    margin-top: 0px;
  }
  html:not(.Admin).v2019 .summaryBody {
    margin-left: 17em;
    transition: all ease 0.25s;
  }
  html:not(.Admin).v2019 #UserBarDropdown {
    height: initial;
    right: initial;
    overflow-y: visible;
  }
  html:not(.Admin).v2019 #SlideOpenRightCheckbox:checked ~ #AdminSidebar {
    margin-left: 17em;
  }
  html:not(.Admin).v2019 #StandardSidebar {
    position: fixed;
    top: 0;
    height: 100vh;
    overflow-y: auto;
    transition: all ease 0.25s;
  }
  html:not(.Admin).v2019 .sideBarInnerContainer.collapsed:hover {
    height: 100%;
  }
}
html:not(.Admin).v2019 .clearfix:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
}
html:not(.Admin).v2019 #StandardSidebar {
  z-index: 998;
  background: none;
  position: fixed;
  height: 100vh;
  overflow: hidden;
  transition: all ease 0.25s;
  /* USER SIDEBAR */
}
html:not(.Admin).v2019 #StandardSidebar h1,
html:not(.Admin).v2019 #StandardSidebar h2,
html:not(.Admin).v2019 #StandardSidebar h3,
html:not(.Admin).v2019 #StandardSidebar h4,
html:not(.Admin).v2019 #StandardSidebar h5,
html:not(.Admin).v2019 #StandardSidebar h6,
html:not(.Admin).v2019 #StandardSidebar li,
html:not(.Admin).v2019 #StandardSidebar a,
html:not(.Admin).v2019 #StandardSidebar p {
  font-family: 'Roboto', sans-serif;
}
html:not(.Admin).v2019 #StandardSidebar .sideBarInnerContainer {
  height: 100%;
  transition: all ease 0.25s;
  width: 17em;
}
html:not(.Admin).v2019 #StandardSidebar .sidebarLogo {
  padding-bottom: 11px;
  padding-top: 11px;
  border-bottom: 1px solid #757575;
  padding-left: 9px;
  background: #393939;
  width: 17em;
}
html:not(.Admin).v2019 #StandardSidebar .sidebarLogo img {
  display: block;
}
html:not(.Admin).v2019 #StandardSidebar .sidebarLogo .sidebarCollapseText {
  text-indent: -9999px;
  padding-left: 5px;
  width: 40px;
  float: left;
  border-radius: 40px;
}
html:not(.Admin).v2019 #StandardSidebar .sidebarLogo .sidebarCollapseText:hover {
  background: none;
}
html:not(.Admin).v2019 #StandardSidebar .sidebarLogo .sidebarCollapseText:before {
  content: '\f100';
  font-family: "icomoon";
  color: #fff;
  font-size: 1.7em;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 20px;
  padding: 6px 11px;
  width: 40px;
  height: 40px;
  display: block;
  text-indent: initial;
  transition: background-color 0.25s ease;
}
html:not(.Admin).v2019 #StandardSidebar .sidebarLogo .sidebarCollapseText:hover:before {
  background-color: rgba(255, 255, 255, 0.2);
  transition: background-color 0.25s ease;
}
html:not(.Admin).v2019 #StandardSidebar .sidebarLogo img {
  float: left;
  width: 80%;
  padding-top: 10px;
  padding-left: 15px;
}
html:not(.Admin).v2019 #StandardSidebar .innerWrapper {
  height: 100%;
  overflow: hidden;
}
html:not(.Admin).v2019 #StandardSidebar .innerSideBarWrapper {
  background: #393939;
  height: 100%;
  overflow-y: auto;
  width: 17em;
  display: flex;
  flex-direction: column;
}
html:not(.Admin).v2019 #StandardSidebar .innerSideBarWrapper:hover {
  width: 17em;
  transition: all ease 0.25s;
}
html:not(.Admin).v2019 #StandardSidebar .logoLink {
  text-indent: -9999px;
}
html:not(.Admin).v2019 #StandardSidebar .sidebarWrapper {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 47px;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-right: -5px;
  margin-bottom: 0px;
  padding-top: 20px;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar li a {
  color: #fff;
  display: flex;
  align-items: center;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar li a:hover {
  background-color: #757575;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar li .alerts {
  border-radius: 42px;
  font-size: 0.7em;
  min-width: 2.5em;
  text-align: center;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .studentDropdown li a {
  color: #444444;
  padding-left: .5em;
  padding-right: .3em;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .studentDropdown li a span.icon:before {
  color: #444;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .studentDropdown li a:hover {
  background-color: #e4e4e4;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .studentDropdown .icon {
  color: #444444;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .studentDropdown .summaryLink.active > a,
html:not(.Admin).v2019 #StandardSidebar .sidebar .studentDropdown .section-area.active > a {
  background: #ccc;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .studentDropdown icon {
  padding-left: 20px;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .SchoolDocumentsSidebar {
  padding-bottom: 2em;
}
html:not(.Admin).v2019 #StandardSidebar .collapsed {
  width: 4em;
  overflow-x: hidden;
  transition: all 0.25s ease;
}
html:not(.Admin).v2019 #StandardSidebar .collapsed .sidebarCollapseText:before {
  content: "\f101";
  padding: 6px 14px;
  transition: background-color 0.25s ease;
}
html:not(.Admin).v2019 #StandardSidebar .collapsed .SidebarMessagesArea,
html:not(.Admin).v2019 #StandardSidebar .collapsed .textcontent,
html:not(.Admin).v2019 #StandardSidebar .collapsed #SidebarSchoolLogo {
  visibility: hidden;
}
html:not(.Admin).v2019 #StandardSidebar .collapsed .studentDropdown,
html:not(.Admin).v2019 #StandardSidebar .collapsed .StudentName,
html:not(.Admin).v2019 #StandardSidebar .collapsed .studentLink:after,
html:not(.Admin).v2019 #StandardSidebar .collapsed .alerts {
  display: none;
}
html:not(.Admin).v2019 #StandardSidebar .collapsed .mainMenuItem {
  padding-left: 21px;
  transition: all ease 0.25s;
}
html:not(.Admin).v2019 #StandardSidebar .collapsed .messagesSidebar .searchBox {
  border: none;
  padding-bottom: 25px;
}
html:not(.Admin).v2019 #StandardSidebar .collapsed .messagesSidebar .searchBox input[type="text"] {
  display: none;
}
html:not(.Admin).v2019 #StandardSidebar .collapsed .messagesSidebar .searchBox input[type="button"] {
  color: #fff;
  background: none;
}
html:not(.Admin).v2019 #StandardSidebar .collapsed .messagesSidebar .button {
  background: none;
  text-align: left;
  padding-left: 0;
  transition: all ease .25s;
}
html:not(.Admin).v2019 #StandardSidebar .collapsed .messagesSidebar .button .textcontent {
  display: none;
}
html:not(.Admin).v2019 #StandardSidebar .collapsed .messagesSidebar .messagesSidebarFilter {
  padding-left: 0;
  transition: all ease .25s;
}
html:not(.Admin).v2019 #StandardSidebar .collapsed .messagesSidebar .messagesSidebarFilter.active {
  background: none;
}
html:not(.Admin).v2019 #StandardSidebar .collapsed .messagesSidebar .messagesSidebarFilter.active span.icon {
  color: #fff !important;
}
html:not(.Admin).v2019 #StandardSidebar .collapsed .dropdown.student {
  width: 17em;
}
html:not(.Admin).v2019 #StandardSidebar .collapsed .userSidebar {
  padding-left: 10px;
  overflow-x: hidden;
  width: 4em;
}
html:not(.Admin).v2019 #StandardSidebar .collapsed .userSidebar .userWrapper {
  transition: all .25s ease;
  width: 17em;
}
html:not(.Admin).v2019 #StandardSidebar .collapsed .userSidebar .imageDiv {
  height: 40px;
  width: 40px;
}
html:not(.Admin).v2019 #StandardSidebar .collapsed .userSidebar .imageDiv img {
  height: 40px;
}
html:not(.Admin).v2019 #StandardSidebar .collapsed .needHelpSection,
html:not(.Admin).v2019 #StandardSidebar .collapsed .helpDropdownSection {
  visibility: hidden;
}
html:not(.Admin).v2019 #StandardSidebar .sideBarInnerContainer.hoverSidebar .messagesSidebar .button.add,
html:not(.Admin).v2019 #StandardSidebar .sideBarInnerContainer:not(.collapsed) .messagesSidebar .button.add {
  background: #5da423;
  display: flex;
  padding: .3em;
}
html:not(.Admin).v2019 #StandardSidebar .sideBarInnerContainer.hoverSidebar .messagesSidebar .button.add:hover,
html:not(.Admin).v2019 #StandardSidebar .sideBarInnerContainer:not(.collapsed) .messagesSidebar .button.add:hover {
  background: #518f1f;
}
html:not(.Admin).v2019 #StandardSidebar .sideBarInnerContainer.hoverSidebar .messagesSidebar .button.add .textcontent,
html:not(.Admin).v2019 #StandardSidebar .sideBarInnerContainer:not(.collapsed) .messagesSidebar .button.add .textcontent {
  display: inline-block;
  position: static;
  padding-left: .6em;
}
html:not(.Admin).v2019 #StandardSidebar .hoverSidebar {
  width: 17em;
  transition: all 0.25s ease;
}
html:not(.Admin).v2019 #StandardSidebar .hoverSidebar .SidebarMessagesArea,
html:not(.Admin).v2019 #StandardSidebar .hoverSidebar .textcontent,
html:not(.Admin).v2019 #StandardSidebar .hoverSidebar #SidebarSchoolLogo,
html:not(.Admin).v2019 #StandardSidebar .hoverSidebar .needHelpSection,
html:not(.Admin).v2019 #StandardSidebar .hoverSidebar .helpDropdownSection {
  visibility: visible;
}
html:not(.Admin).v2019 #StandardSidebar .hoverSidebar .studentDropdown,
html:not(.Admin).v2019 #StandardSidebar .hoverSidebar .userInfo,
html:not(.Admin).v2019 #StandardSidebar .hoverSidebar .studentLink:after,
html:not(.Admin).v2019 #StandardSidebar .hoverSidebar .alerts.visible {
  display: block;
}
html:not(.Admin).v2019 #StandardSidebar .hoverSidebar .StudentName {
  display: inline-block;
}
html:not(.Admin).v2019 #StandardSidebar .hoverSidebar .MessagesSidebar.active .messagesSidebar,
html:not(.Admin).v2019 #StandardSidebar .hoverSidebar .sidebarLogo .largeLogo {
  display: block;
}
html:not(.Admin).v2019 #StandardSidebar .hoverSidebar .messagesSidebar .searchArea,
html:not(.Admin).v2019 #StandardSidebar .hoverSidebar .messagesSidebar a.button {
  display: block;
}
html:not(.Admin).v2019 #StandardSidebar .hoverSidebar .userSidebar {
  padding-left: 10px;
  width: 100%;
}
html:not(.Admin).v2019 #StandardSidebar .hoverSidebar .userSidebar .userWrapper {
  transition: all .25s ease;
}
html:not(.Admin).v2019 #StandardSidebar .hoverSidebar .userSidebar .imageDiv {
  height: 40px;
  width: 40px;
}
html:not(.Admin).v2019 #StandardSidebar .hoverSidebar .userSidebar .imageDiv img {
  height: 40px;
}
html:not(.Admin).v2019 #StandardSidebar .hoverSidebar .messagesSidebar .searchBox {
  border: 1px solid #ccc;
  padding-bottom: 0;
}
html:not(.Admin).v2019 #StandardSidebar .hoverSidebar .messagesSidebar .searchBox input[type="text"] {
  display: block;
}
html:not(.Admin).v2019 #StandardSidebar .hoverSidebar .messagesSidebar .searchBox input[type="button"] {
  color: #194374;
  background: #fff;
}
html:not(.Admin).v2019 #StandardSidebar .hoverSidebar .messagesSidebar .messagesSidebarFilter {
  padding-left: .5em;
  transition: all ease .25s;
}
html:not(.Admin).v2019 #StandardSidebar .hoverSidebar .messagesSidebar .messagesSidebarFilter:hover {
  color: #fff;
}
html:not(.Admin).v2019 #StandardSidebar .hoverSidebar .messagesSidebar .messagesSidebarFilter:hover .icon {
  color: #fff;
}
html:not(.Admin).v2019 #StandardSidebar .hoverSidebar .messagesSidebar .messagesSidebarFilter.active {
  background: #ddd;
  color: #353535;
}
html:not(.Admin).v2019 #StandardSidebar .hoverSidebar .messagesSidebar .messagesSidebarFilter.active span.icon {
  color: #353535 !important;
}
html:not(.Admin).v2019 #StandardSidebar .sideBarInnerContainer.collapsed .sideBarInnerContainer {
  padding-top: 60px;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .dashboardMenu span.icon:before {
  content: "\f015";
  font-family: "icomoon";
  font-size: 1.5em;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .mailMenu span.icon:before {
  content: "\f0e0";
  font-family: "icomoon";
  font-size: 1.5em;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .calendarMenu span.icon:before {
  content: "\f073";
  font-family: "icomoon";
  font-size: 1.5em;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .formsMenu span.icon:before {
  content: "\f0ea";
  font-family: "icomoon";
  font-size: 1.5em;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .documentsMenu span.icon:before {
  content: "\f15c";
  font-family: "icomoon";
  font-size: 1.5em;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .supportMenu span.icon:before {
  content: "\f059";
  font-family: "icomoon";
  font-size: 1.5em;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .agendaSidebar span.icon:before {
  padding-left: 0;
  color: #fff;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .financialSidebar span.icon:before {
  padding-left: 0;
  color: #fff;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .dataCopierSidebar span.icon:before {
  padding-left: 0;
  color: #fff;
  font-size: 1.5em;
  content: "\e925";
  font-family: "icomoon";
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .directorySiderbar span.icon:before {
  padding-left: 0;
  color: #fff;
  font-size: 1.5em;
  content: "\e607";
  font-family: "icomoon";
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .schoolDiscussionsSiderbar span.icon:before {
  padding-left: 0;
  color: #fff;
  font-size: 1.5em;
  content: "\e96e";
  font-family: "icomoon";
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .summaryLink span.icon:before {
  content: "\e91e";
  font-family: "icomoon";
  font-size: 1.5em;
  color: #fff;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .section-area span.icon:before {
  content: "\e80c";
  font-family: "icomoon";
  font-size: 1.5em;
  color: #fff;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .other-sections {
  color: white;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .helpMenu span.icon:before {
  content: "\f059";
  font-family: "icomoon";
  font-size: 1.5em;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .helpMenu .dropdownIcon:before {
  content: "\f05d";
  font-family: "icomoon";
  position: absolute;
  right: -60px;
  top: 3px;
  font-size: 0.8em;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .helpDropdownSection.hideSection {
  height: 0;
  overflow: hidden;
  transition: height .25s ease;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .helpDropdownSection {
  height: 70px;
  transition: height .25s ease;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .helpDropdownSection a {
  padding-left: 60px;
  padding-top: 5px;
  padding-bottom: 5px;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .helpDropdownSection .classReachHelp:after {
  content: "\f05d";
  font-family: "Icomoon";
  padding-left: 10px;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .needHelpSection {
  background-color: #169b7d;
  padding: 15px;
  margin-bottom: 10px;
  transition: height 0.25s ease;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .needHelpSection p {
  color: #fff;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .needHelpSection .helpTitle {
  text-align: center;
  color: #fff;
  font-size: 18px;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .needHelpSection li a {
  padding: 0.3em;
  border-radius: 5px;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .needHelpSection li .icon {
  padding: .3em;
  position: relative;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .needHelpSection li .icon:before {
  font-family: "Icomoon";
  color: #fff;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .needHelpSection .reportIssue .icon:before {
  content: "\ea08";
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .needHelpSection .featureRequest .icon:before {
  content: "\e90d";
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .needHelpSection .supportDocs .icon:before,
html:not(.Admin).v2019 #StandardSidebar .sidebar .needHelpSection .termsOfService .icon:before,
html:not(.Admin).v2019 #StandardSidebar .sidebar .needHelpSection .releaseNotes .icon:before {
  content: "\e926";
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .needHelpSection .supportVideos .icon:before {
  content: "\ea15";
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .needHelpSection .contactSupport .icon:before {
  content: "\f0e0";
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .needHelpSection .viewTickets .icon:before {
  content: "\e926";
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .needHelpSection.hideHelp {
  visibility: hidden;
  height: 0;
  overflow: hidden;
  transition: height 0.25s ease;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .mainMenuItem {
  margin-right: 1em;
  border-radius: 0 5px 5px 0;
  padding-left: 1.4em;
  padding-right: .3em;
  display: flex;
  align-items: center;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .mainMenuItem .icon {
  width: 2em;
  display: inline-block;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .mainMenuItem .icon:before {
  width: 2em;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .mainMenuItem .textcontent {
  font-size: 1.2em;
  padding-left: 0.6em;
  position: relative;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .dropdown.student.active {
  margin-bottom: 10px;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .student .studentLink {
  line-height: 1;
  width: 230px;
  border-radius: 0 5px 5px 0;
  padding-left: 20px;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .student .studentLink:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  position: absolute;
  right: 70px;
  top: 20px;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .student.active .studentLink {
  background-color: #757575;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .student.active .studentDropdown {
  margin-top: 15px;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .student.active .StudentName {
  color: #fff;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .StudentName {
  line-height: 24px;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .studentDropdown {
  margin-left: .5em;
  margin-right: .5em;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
  transition: all .1s;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .studentDropdown .content {
  padding-left: 3.4em;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .studentDropdown > li > a > .content {
  padding-left: 15px;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .dropdown.student.active .studentDropdown {
  transition: all .1s;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .dropdown.student.active .studentDropdown:before {
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  position: absolute;
  right: 70px;
  top: 55px;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar li.student {
  padding-top: 5px;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar li.student .StudentPicture {
  height: 25px;
  width: 25px;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar li.student .studentDropdown ul li:last-child {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar li.student .title .alerts {
  right: 85px;
  top: 10px;
  background: #d0484b;
  padding-top: 5px;
  padding-bottom: 5px;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar li.student .dropdown .alerts {
  right: 0;
  top: 0;
  padding: 0 .5em;
  background: #c60f13;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .searchBox {
  border-radius: 5px;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .search input[type="button"] {
  background-color: #fff;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .button.success {
  color: #fff;
  border-radius: 5px;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .HomeSidebar.active > a,
html:not(.Admin).v2019 #StandardSidebar .sidebar .MessagesSidebar.active > a,
html:not(.Admin).v2019 #StandardSidebar .sidebar .CalendarSidebar.active > a,
html:not(.Admin).v2019 #StandardSidebar .sidebar .FormsSidebar.active > a,
html:not(.Admin).v2019 #StandardSidebar .sidebar .SchoolDocumentsSidebar.active > a,
html:not(.Admin).v2019 #StandardSidebar .sidebar .AgendaSidebar.active > a,
html:not(.Admin).v2019 #StandardSidebar .sidebar .FinancialSidebar.active > a,
html:not(.Admin).v2019 #StandardSidebar .sidebar .CopierSiderbar.active > a,
html:not(.Admin).v2019 #StandardSidebar .sidebar .SchoolDiscussionsSidebar.active > a,
html:not(.Admin).v2019 #StandardSidebar .sidebar .section-area.active > a {
  background: #5f5f5f;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .HomeSidebar .mainMenuItem .textcontent,
html:not(.Admin).v2019 #StandardSidebar .sidebar .MessagesSidebar .mainMenuItem .textcontent,
html:not(.Admin).v2019 #StandardSidebar .sidebar .CalendarSidebar .mainMenuItem .textcontent,
html:not(.Admin).v2019 #StandardSidebar .sidebar .FormsSidebar .mainMenuItem .textcontent,
html:not(.Admin).v2019 #StandardSidebar .sidebar .SchoolDocumentsSidebar .mainMenuItem .textcontent,
html:not(.Admin).v2019 #StandardSidebar .sidebar .AgendaSidebar .mainMenuItem .textcontent,
html:not(.Admin).v2019 #StandardSidebar .sidebar .FinancialSidebar .mainMenuItem .textcontent,
html:not(.Admin).v2019 #StandardSidebar .sidebar .CopierSiderbar .mainMenuItem .textcontent,
html:not(.Admin).v2019 #StandardSidebar .sidebar .SchoolDiscussionsSidebar .mainMenuItem .textcontent,
html:not(.Admin).v2019 #StandardSidebar .sidebar .section-area .mainMenuItem .textcontent {
  position: initial;
  top: unset;
  bottom: unset;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .messagesSidebar .messagesSidebarFilter {
  border-radius: 5px;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .messagesSidebar .messagesSidebarFilter:hover,
html:not(.Admin).v2019 #StandardSidebar .sidebar .messagesSidebar .messagesSidebarFilter:hover .icon {
  color: #353535;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .MessagesSidebar .messagesSidebarFilter:hover .textcontent {
  color: #fff;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .MessagesSidebar .messagesSidebarFilter.active:hover .textcontent {
  color: #353535;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .messagesSidebar .messagesSidebarFilter .icon {
  color: #fff !important;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .messagesSidebar .messagesSidebarFilter.active,
html:not(.Admin).v2019 #StandardSidebar .sidebar .messagesSidebar .messagesSidebarFilter.active .icon {
  color: #353535 !important;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar span.leftBorder {
  background: none;
}
html:not(.Admin).v2019 #StandardSidebar .sidebar .push {
  height: 0em;
}
html:not(.Admin).v2019 #StandardSidebar .userSidebar {
  padding: 30px 10px;
  background-color: #4a4a4a;
  border-top: 1px solid #757575;
  cursor: pointer;
  transition: all ease .25s;
  bottom: 0;
  overflow: hidden;
  justify-content: flex-end;
  flex: 1 0 auto;
  position: relative;
  height: 190px;
}
html:not(.Admin).v2019 #StandardSidebar .userSidebar .userWrapper {
  width: 250px;
}
html:not(.Admin).v2019 #StandardSidebar .userSidebar ul {
  margin-bottom: 0;
}
html:not(.Admin).v2019 #StandardSidebar .userSidebar:hover {
  background-color: #525252;
  transition: all ease 0.25s;
}
html:not(.Admin).v2019 #StandardSidebar .userSidebar .imageDiv {
  height: 40px;
  width: 40px;
  overflow: hidden;
  float: left;
  border-radius: 60px;
  cursor: pointer;
}
html:not(.Admin).v2019 #StandardSidebar .userSidebar .imageDiv img {
  max-width: none;
  height: 40px;
  width: auto;
}
html:not(.Admin).v2019 #StandardSidebar .userSidebar .showSmall {
  display: none;
}
html:not(.Admin).v2019 #StandardSidebar .userSidebar .userInfo {
  float: left;
  padding-left: 20px;
}
html:not(.Admin).v2019 #StandardSidebar .userSidebar .userInfo li {
  list-style: none;
  color: #fff;
  font-family: 'Roboto', sans-serif;
}
html:not(.Admin).v2019 #StandardSidebar .userSidebar .userInfo .fullName {
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 170px;
}
html:not(.Admin).v2019.has-top-banner #StandardSidebar {
  top: 40px;
}
html:not(.Admin).v2019 #SidebarSchoolLogo {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 50px;
}
html:not(.Admin).v2019 #SidebarSchoolLogo img {
  padding: 20px;
  background-color: white;
  border-radius: 5%;
  width: 8em;
}
html:not(.Admin).v2019 .HelpSidebar {
  margin-top: 2em;
}
@media screen and (max-width: 939px) {
  html:not(.Admin).v2019 #StandardSidebar {
    height: 100%;
    margin-top: 70px;
  }
  html:not(.Admin).v2019 #StandardSidebar .collapsed-mobile {
    width: 0;
  }
  html:not(.Admin).v2019 .sideBarInnerContainer {
    background-color: #393939;
    transition: width ease .25s;
  }
  html:not(.Admin).v2019 .sideBarInnerContainer .largeLogo {
    display: block;
    width: 70%;
    padding-top: 10px;
    padding-left: 10px;
  }
  html:not(.Admin).v2019 .sideBarInnerContainer.collapsed {
    width: 0;
  }
  html:not(.Admin).v2019 .sideBarInnerContainer.collapsed .largeLogo {
    display: none;
  }
  html:not(.Admin).v2019 .responsiveButton {
    padding: 20px 10px;
    border-bottom: 1px solid #757575;
    margin-bottom: 30px;
    /* CLEARFIX */
  }
  html:not(.Admin).v2019 .responsiveButton:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
  }
  html:not(.Admin).v2019 .responsiveButton .sidebarCollapseText {
    text-indent: -9999px;
    padding-left: 5px !important;
    float: left;
    border-radius: 40px;
  }
  html:not(.Admin).v2019 .responsiveButton .sidebarCollapseText:hover {
    background: none;
  }
  html:not(.Admin).v2019 .responsiveButton .sidebarCollapseText:before {
    content: '\f060';
    font-family: "icomoon";
    color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 20px;
    padding: 12px 13px;
    width: 40px;
    height: 40px;
    display: block;
    text-indent: initial;
    transition: all 0.25s ease;
    float: left;
  }
  html:not(.Admin).v2019 .responsiveButton .sidebarCollapseText:hover:before {
    background-color: rgba(255, 255, 255, 0.2);
    transition: all 0.25s ease;
  }
  html:not(.Admin).v2019 .collapsed {
    background: none;
    width: 0;
  }
  html:not(.Admin).v2019 .collapsed .responsiveButton {
    border: none;
  }
  html:not(.Admin).v2019 .sidebarLogo {
    display: none;
  }
  html:not(.Admin).v2019 #UserBarDropdown #SiteBarDropdownContainer:before {
    left: 150px;
    bottom: -10px;
    border-top: 15px solid #eee;
    border-right: 15px solid transparent;
    border-bottom: 0;
    border-left: 15px solid transparent;
  }
  html:not(.Admin).v2019 #UserBarDropdown #SiteBarDropdownContainer .usersChildren a {
    width: 100%;
  }
  html:not(.Admin).v2019 .mobileTopBar {
    display: block !important;
    background: #393939;
    padding: 15px 15px;
    height: 70px;
    position: fixed;
    z-index: 999;
    transition: top ease 0.25s;
    left: 0;
    right: 0;
  }
  html:not(.Admin).v2019 .mobileTopBar .TopBarInnerWrapper {
    display: flex;
    align-items: center;
  }
  html:not(.Admin).v2019 .mobileTopBar.hideNav {
    transition: top ease 0.25s;
  }
  html:not(.Admin).v2019 .mobileTopBar .collapseMobileButton {
    text-indent: -9999px;
    padding-left: 5px;
    border-radius: 40px;
    margin-right: auto;
  }
  html:not(.Admin).v2019 .mobileTopBar .collapseMobileButton:before {
    content: '\f101';
    font-family: "icomoon";
    font-size: 1.6em;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 20px;
    padding: 8px 14px;
    width: 40px;
    height: 40px;
    display: block;
    text-indent: initial;
    transition: background-color 0.25s ease;
    float: left;
  }
  html:not(.Admin).v2019 .mobileTopBar .collapseMobileButton:hover:before {
    background-color: rgba(255, 255, 255, 0.2);
  }
  html:not(.Admin).v2019 .mobileTopBar .collapseMobileButton.expandedMenu:before {
    content: '\f100';
    padding: 8px 11px;
  }
  html:not(.Admin).v2019 .mobileTopBar .classreach-logo {
    width: 305px;
    height: auto;
  }
  html:not(.Admin).v2019 .mobileTopBar .topBar-profile-picture {
    margin-left: auto;
    width: 2.5em;
    border-radius: 50px;
    cursor: pointer;
  }
  html:not(.Admin).v2019.has-top-banner .mobileTopBar {
    top: 40px;
  }
  html:not(.Admin).v2019 #StandardSidebar .sideBarInnerContainer-Mobile.sideBarInnerContainer.mobileExpand {
    width: 17em;
    border-top: 1px solid #757575;
  }
  html:not(.Admin).v2019 #StandardSidebar .sideBarInnerContainer-Mobile.sideBarInnerContainer.mobileExpand .innerWrapper {
    display: block !important;
  }
  html:not(.Admin).v2019 #StandardSidebar .sideBarInnerContainer-Mobile.sideBarInnerContainer.mobileExpand .sidebar .mainMenuItem .textcontent {
    visibility: visible;
  }
  html:not(.Admin).v2019 #StandardSidebar .sideBarInnerContainer-Mobile.sideBarInnerContainer.mobileExpand .sidebar .messagesSidebar .searchBox input[type="text"] {
    display: block;
  }
  html:not(.Admin).v2019 #StandardSidebar .sideBarInnerContainer-Mobile.sideBarInnerContainer.mobileExpand .sidebar .messagesSidebar .button .textcontent {
    display: inline-block;
  }
  html:not(.Admin).v2019 #StandardSidebar .sideBarInnerContainer-Mobile.sideBarInnerContainer.mobileExpand .sidebar .messagesSidebar .textcontent {
    visibility: visible;
  }
  html:not(.Admin).v2019 #StandardSidebar .sideBarInnerContainer-Mobile.sideBarInnerContainer.mobileExpand .sidebar .messagesSidebar .active {
    background: #ddd;
  }
  html:not(.Admin).v2019 #StandardSidebar .sideBarInnerContainer-Mobile.sideBarInnerContainer.mobileExpand .sidebar .messagesSidebar a.button.add.success {
    background-color: #5da423;
    padding-left: 15px;
  }
  html:not(.Admin).v2019 #StandardSidebar .sideBarInnerContainer-Mobile.sideBarInnerContainer.mobileExpand .sidebar .studentDropdown,
  html:not(.Admin).v2019 #StandardSidebar .sideBarInnerContainer-Mobile.sideBarInnerContainer.mobileExpand .sidebar .studentLink:after {
    display: block;
  }
  html:not(.Admin).v2019 #StandardSidebar .sideBarInnerContainer-Mobile.sideBarInnerContainer.mobileExpand .sidebar .StudentName {
    display: inline-block;
  }
  html:not(.Admin).v2019 #StandardSidebar .sideBarInnerContainer-Mobile.sideBarInnerContainer.mobileExpand .sidebar #SidebarSchoolLogo {
    visibility: visible;
  }
  html:not(.Admin).v2019 #StandardSidebar .sideBarInnerContainer-Mobile.sideBarInnerContainer.mobileExpand .userSidebar {
    width: 17em;
  }
  html:not(.Admin).v2019 .pagecontent {
    padding-top: 70px;
  }
  html:not(.Admin).v2019.has-top-banner .pagecontent {
    padding-top: 110px;
  }
}
@media screen and (min-width: 940px) {
  html:not(.Admin).v2019 .pagecontent {
    margin-left: 17em;
  }
  html:not(.Admin).v2019 .pagecontent.left-sidebar-collapsed {
    margin-left: 4em;
  }
  html:not(.Admin).v2019 .responsiveButton {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  html:not(.Admin).v2019 .TopBarInnerWrapper .classreach-logo {
    width: 200px;
    padding-top: 5px;
  }
}
html:not(.Admin).v2019 #UserBarDropdown {
  position: fixed;
  width: 20em;
  top: 60px;
  right: 0;
  z-index: 9999;
  margin: .3em .3em 0 0;
  padding: .3em;
  border-radius: 10px;
}
html:not(.Admin).v2019 #UserBarDropdown #SiteBarDropdownContainer {
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
html:not(.Admin).v2019 #UserBarDropdown #SiteBarDropdownContainer .usersChildren {
  box-shadow: none;
  border-top: 1px solid #d0d0d0;
  border-radius: 0 0 5px 5px;
  /*padding-left: 15px;*/
}
html:not(.Admin).v2019 #UserBarDropdown .userArea {
  padding: 15px;
}
html:not(.Admin).v2019 #UserBarDropdown .userArea .userProfilePicture {
  height: 5em;
  width: 5em;
  border-radius: 50%;
}
html:not(.Admin).v2019 #UserBarDropdown .userArea .userProfilePicture .smallProfileImage {
  height: inherit;
  width: inherit;
}
html:not(.Admin).v2019.has-top-banner #UserBarDropdown {
  top: 100px;
}
#AcademicTermSelector {
  padding-top: .5em;
  height: 3em;
}
#AdminAcademicTermSelector {
  padding-left: 0;
  padding-right: 0;
}
#dropdown {
  max-height: 20em;
  overflow-y: scroll;
}
#SlideOpenRightCheckbox {
  display: none;
}
.changeLayoutFormWrapper form {
  margin-bottom: 0;
  overflow: visible;
}
.changeLayoutFormWrapper form input[type="submit"] {
  padding: .8em;
  margin-bottom: 0;
}
/*Big Screens*/
@media only screen and (min-width: 1280px) {
  #StandardSitebar.sitebar,
  #AdminSitebar.sitebar {
    height: 60px;
    position: fixed;
    background-color: #ddd;
    width: 100%;
    z-index: 900;
    box-shadow: 1px 0 10px #999;
  }
  #StandardSitebar.sitebar .leftSiteBar,
  #AdminSitebar.sitebar .leftSiteBar {
    padding-top: .2em;
    padding-left: 1em;
  }
  #StandardSitebar.sitebar .showLarge,
  #AdminSitebar.sitebar .showLarge {
    display: initial !important;
  }
  #StandardSitebar.sitebar .showSmall,
  #AdminSitebar.sitebar .showSmall {
    display: none !important;
  }
  #StandardSitebar.sitebar .largeLogo,
  #AdminSitebar.sitebar .largeLogo {
    width: auto;
  }
  #StandardSitebar.sitebar .userInfo,
  #AdminSitebar.sitebar .userInfo {
    float: right;
    color: #666666;
  }
  #StandardSitebar.sitebar .userInfo ul,
  #AdminSitebar.sitebar .userInfo ul {
    text-align: right;
    margin-bottom: 0;
    padding: 0.3em 0.5em;
  }
  #StandardSitebar.sitebar .userInfo ul li,
  #AdminSitebar.sitebar .userInfo ul li {
    list-style-type: none;
  }
  #StandardSitebar.sitebar .userInfo .fullName,
  #AdminSitebar.sitebar .userInfo .fullName {
    font-size: 1.1em;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
  }
  #StandardSitebar.sitebar .imageDiv,
  #AdminSitebar.sitebar .imageDiv {
    height: 60px;
    width: 60px;
    overflow: hidden;
    float: right;
    border-radius: 60px;
  }
  #StandardSitebar.sitebar .imageDiv img,
  #AdminSitebar.sitebar .imageDiv img {
    max-width: none;
    height: 60px;
    width: auto;
    cursor: pointer;
  }
  #UserBarDropdown {
    position: fixed;
    width: 22em;
    top: 60px;
    right: 0;
    z-index: 990;
    margin: 1em .3em 0 0;
    padding: .3em;
  }
  #UserBarDropdown #SiteBarArrow {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #e7e7e7;
    float: right;
    margin-top: -0.8em;
    margin-right: 1em;
  }
  #UserBarDropdown #SiteBarDropdownContainer {
    box-shadow: 0 0 5px #7E7D7D;
    background-color: white;
  }
  #UserBarDropdown .userArea {
    padding: 1em;
  }
  #UserBarDropdown .userProfilePicture {
    height: 100px;
    width: 100px;
    border-radius: 100px;
    overflow: hidden;
    float: left;
  }
  #UserBarDropdown .smallProfileImage {
    height: 100px;
    border-radius: 100px;
    width: auto;
    max-width: none;
  }
  .has-top-banner #UserBarDropdown {
    top: 100px;
  }
  .pagecontent {
    max-width: 87.5em;
    margin-left: 16em;
  }
  #StandardPageContent {
    padding-top: 60px;
  }
  .has-top-banner #StandardSitebar {
    top: 40px;
  }
  .has-top-banner #StandardPageContent {
    padding-top: 100px;
  }
}
/*Small Screens*/
@media only screen and (max-width: 1279px) {
  .hamburger:before {
    content: "\e9bd";
    font-family: "icomoon";
    font-size: 2em;
    position: relative;
  }
  .hamburger.opened:before {
    content: "\e5cd";
    font-family: "icomoon";
    font-size: 2em;
    position: relative;
  }
  #SlideOpenRightCheckbox:checked ~ #StandardPageContent,
  #SlideOpenRightCheckbox:checked ~ #AdminPageContent {
    -webkit-transform: translate3d(16em, 0, 0);
    -moz-transform: translate3d(16em, 0, 0);
    -ms-transform: translate3d(16em, 0, 0);
    -o-transform: translate3d(16em, 0, 0);
    transform: translate3d(16em, 0, 0);
    position: fixed;
    padding-top: 0;
  }
  #SlideOpenRightCheckbox:checked ~ #StandardPageContent #PageMenuBar,
  #SlideOpenRightCheckbox:checked ~ #AdminPageContent #PageMenuBar {
    top: 0 !important;
  }
  #SlideOpenRightCheckbox:checked ~ #AdminSidebar {
    padding-left: 15em;
  }
  #SlideOpenLeftCheckbox:checked ~ #StandardSitebar #SiteBarProfileImageLabel,
  #SlideOpenLeftCheckbox:checked ~ #AdminSitebar #SiteBarProfileImageLabel {
    padding: 0 0 50px 50px;
  }
  #SlideOpenLeftCheckbox:checked ~ #StandardSitebar #SiteBarProfileImageSmall,
  #SlideOpenLeftCheckbox:checked ~ #AdminSitebar #SiteBarProfileImageSmall {
    margin-left: -50px;
    height: 50px;
  }
  #SlideOpenLeftCheckbox:checked ~ #StandardSitebar .userInfo,
  #SlideOpenLeftCheckbox:checked ~ #AdminSitebar .userInfo {
    position: absolute;
    right: 50px;
  }
  #SlideOpenLeftCheckbox:checked ~ #StandardSitebar #SiteBarDropdown,
  #SlideOpenLeftCheckbox:checked ~ #AdminSitebar #SiteBarDropdown {
    display: initial !important;
  }
  #StandardSitebar.sitebar,
  #AdminSitebar.sitebar {
    height: 50px;
  }
  #StandardSitebar.sitebar #SiteBarRow,
  #AdminSitebar.sitebar #SiteBarRow {
    height: 50px;
    background-color: #ddd;
    width: 100%;
    position: fixed;
    z-index: 900;
  }
  #StandardSitebar.sitebar .showLarge,
  #AdminSitebar.sitebar .showLarge {
    display: none !important;
  }
  #StandardSitebar.sitebar .showSmall,
  #AdminSitebar.sitebar .showSmall {
    display: initial !important;
  }
  #StandardSitebar.sitebar #SmallLogo,
  #AdminSitebar.sitebar #SmallLogo {
    height: 50px;
    position: absolute;
    padding: 0.2em 0.4em;
    opacity: 0;
    -moz-animation: crossfadeOut 1.25s linear 1s 3;
    -o-animation: crossfadeOut 1.25s linear 1s 3;
    -webkit-animation: crossfadeOut 1.25s linear 1s 3;
    animation: crossfadeOut 1.25s linear 1s 3;
  }
  #StandardSitebar.sitebar #SmallHamburger,
  #AdminSitebar.sitebar #SmallHamburger {
    height: 50px;
    position: absolute;
    padding: .2em .4em;
    font-size: 1.37em;
    opacity: 1;
  }
  #StandardSitebar.sitebar .imageDiv,
  #AdminSitebar.sitebar .imageDiv {
    float: right;
  }
  #StandardSitebar.sitebar #SiteBarProfileImageLabel,
  #AdminSitebar.sitebar #SiteBarProfileImageLabel {
    height: 50px;
    width: 50px;
    overflow: hidden;
  }
  #StandardSitebar.sitebar #SiteBarProfileImageSmall,
  #AdminSitebar.sitebar #SiteBarProfileImageSmall {
    height: 50px;
    width: auto;
    max-width: none;
  }
  #StandardSitebar.sitebar .userInfo,
  #AdminSitebar.sitebar .userInfo {
    float: right;
    color: #666666;
  }
  #StandardSitebar.sitebar .userInfo ul,
  #AdminSitebar.sitebar .userInfo ul {
    text-align: right;
    margin-bottom: 0;
    padding: 0 0.5em;
  }
  #StandardSitebar.sitebar .userInfo ul li,
  #AdminSitebar.sitebar .userInfo ul li {
    list-style-type: none;
  }
  .has-top-banner #StandardSitebar.sitebar {
    height: 90px;
  }
  .has-top-banner #StandardSitebar #SiteBarRow {
    top: 40px;
  }
  .pagecontent {
    width: 100%;
  }
  #UserBarDropdown {
    width: 22em;
    position: fixed;
    z-index: 990;
    top: 40px;
    right: 0;
    margin: 1em 0 0 0;
    padding: 0.3em 1em;
  }
  #UserBarDropdown #SiteBarDropdownContainer {
    background-color: white;
    box-shadow: 0 0 5px #7e7d7d;
  }
  #UserBarDropdown .userProfilePicture {
    height: 100px;
    width: 100px;
    overflow: hidden;
    float: left;
  }
  #UserBarDropdown .smallProfileImage {
    height: 100px;
    width: auto;
    max-width: none;
  }
  #UserBarDropdown .userActions {
    padding-top: 0.4em;
  }
  .has-top-banner #UserBarDropdown {
    top: 80px;
  }
}
#SwitchRolesButton,
#LogoutButton,
#ViewProfileButton,
#SwitchLayoutButton,
#SwitchDevButton {
  padding: 0.2em 0.5em;
}
#SwitchRolesButton input,
#LogoutButton input,
#ViewProfileButton input,
#SwitchLayoutButton input,
#SwitchDevButton input,
#SwitchRolesButton a,
#LogoutButton a,
#ViewProfileButton a,
#SwitchLayoutButton a,
#SwitchDevButton a {
  margin-left: 1em;
  font-size: 1.2em;
  font-family: 'Open Sans', sans-serif;
}
#SwitchRolesButton input,
#LogoutButton input,
#ViewProfileButton input,
#SwitchLayoutButton input,
#SwitchDevButton input {
  border: 0;
  background: none;
  color: #2970c1;
  padding-left: 0;
  padding-right: 0px;
  padding-bottom: .3em;
  text-decoration: underline;
}
#SwitchRolesButton a,
#LogoutButton a,
#ViewProfileButton a,
#SwitchLayoutButton a,
#SwitchDevButton a {
  display: inline-block;
  text-align: center;
  /*background: @blue-normal;*/
  color: #2970c1;
  padding-bottom: .3em;
  text-decoration: underline;
}
#SwitchRolesButton a:hover,
#LogoutButton a:hover,
#ViewProfileButton a:hover,
#SwitchLayoutButton a:hover,
#SwitchDevButton a:hover,
#SwitchRolesButton input:hover,
#LogoutButton input:hover,
#ViewProfileButton input:hover,
#SwitchLayoutButton input:hover,
#SwitchDevButton input:hover {
  font-weight: bold;
}
#SwitchLayoutButton {
  font-size: .8em;
  margin-top: 2.7em;
}
#UserBarDropdown .userActions {
  text-align: right;
}
#UserBarDropdown .usersChildren {
  background: #eee;
  box-shadow: inset 0 10px 7px -8px #9a9a9a;
  padding-bottom: .97em;
}
#UserBarDropdown .usersChildren .childDropdownDisplay {
  padding: 0.6em 1em;
  width: 100%;
}
#UserBarDropdown .usersChildren a:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
#UserBarDropdown .usersChildren .childDropdownProfileImage {
  height: 50px;
  width: 50px;
  border-radius: 50px;
  overflow: hidden;
  float: left;
}
#UserBarDropdown .usersChildren .childDropdownProfileImage img {
  height: 50px;
  width: auto;
  max-width: none;
}
#UserBarDropdown .usersChildren .childDropdownName {
  font-size: 1.2em;
  padding-top: .8em;
  padding-left: 3em;
  font-family: 'Open Sans', sans-serif;
  color: #2970c1;
}
#LockedTermInfo {
  font-family: 'Open Sans', sans-serif;
  text-align: center;
}
#LockedTermInfo > .requestAccess {
  padding-top: .7em;
}
@media only screen and (max-width: 1279px) {
  #LockedTermInfo > .requestAccess {
    padding-top: .3em;
  }
}
#LockedTermInfo > .requestAccess > .button {
  background-color: #333;
  color: white;
}
#LockedTermInfo > .requestAccess .lockedMessage {
  margin-right: .7em;
}
#LockedTermInfo .timer,
#LockedTermInfo .requestAccess {
  color: #c60f13;
}
#LockedTermInfo .timer {
  padding-top: 1.4em;
}
/* Support Tools Tab - Always Applies */
#FeedbackTab {
  position: relative;
  padding: 0.25em 0.5em;
  color: #fff;
  background-color: #169b7d;
  border: 1px solid #094235;
}
#FeedbackTab #FeedbackTabPull .assistance {
  padding: 0;
}
#FeedbackTab #FeedbackTabPull .assistance:before {
  color: #17385F;
}
#FeedbackTab #FeedbackTabDropdown {
  visibility: hidden;
  color: #fff;
  opacity: 0;
  /* Closing Animation - Fade Out Text */
  -webkit-transition: opacity 0.25s;
  -moz-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
}
#FeedbackTab #FeedbackTabDropdown .feedbackTabHeader {
  color: inherit;
  text-align: center;
  margin-bottom: 0.125em;
}
#FeedbackTab #FeedbackTabDropdown .feedbackTabMessage {
  color: inherit;
  text-align: center;
}
#FeedbackTab #FeedbackTabDropdown .feedbackTabGrid {
  margin-left: auto;
  margin-right: auto;
  max-width: 400px;
}
#FeedbackTab #FeedbackTabDropdown .feedbackTabGrid .icon:before {
  font-size: 16px;
}
#FeedbackTab #FeedbackTabDropdown .feedbackTabGrid .feedbackTabGridItem {
  padding-bottom: 0.25em;
}
#FeedbackTab #FeedbackTabDropdown .feedbackTabGrid .feedbackTabGridItem .feedbackTabGridItemLink {
  color: inherit;
  display: block;
  padding-left: 0.125em;
  background-color: transparent;
  -webkit-transition: background-color 0s;
  -moz-transition: background-color 0s;
  -o-transition: background-color 0s;
  transition: background-color 0s;
}
#FeedbackTab #FeedbackTabDropdown .feedbackTabGrid .feedbackTabGridItem .feedbackTabGridItemLink:hover {
  color: #eee;
  background-color: #13866c;
  -webkit-transition: background-color 1s;
  -moz-transition: background-color 1s;
  -o-transition: background-color 1s;
  transition: background-color 1s;
}
/* Support Tools Tab - Only Mobile Screens */
@media only screen and (max-width: 768px) {
  #FeedbackTab {
    position: absolute;
    top: 0;
    left: 0;
    background-color: transparent;
    width: 32px;
    height: 32px;
    float: left;
    margin: 0.5em 0 0 4em;
    padding: 0;
    border-width: 0;
    border-radius: 100%;
    z-index: inherit;
    /* Closing Animation - Shrink width and height, then apply border-radius */
    -webkit-transition: width 0.25s, height 0.25s, border-radius 0.25s linear 0.25s, background-color 0.25s linear 0.25s;
    -moz-transition: width 0.25s, height 0.25s, border-radius 0.25s linear 0.25s, background-color 0.25s linear 0.25s;
    -o-transition: width 0.25s, height 0.25s, border-radius 0.25s linear 0.25s, background-color 0.25s linear 0.25s;
    transition: width 0.25s, height 0.25s, border-radius 0.25s linear 0.25s, background-color 0.25s linear 0.25s;
  }
  #FeedbackTab #FeedbackTabPull .assistance {
    cursor: pointer;
    font-size: 15px;
  }
  #FeedbackTab #FeedbackTabPull .assistance:before {
    transition: font-size 0.25s, top 0.25s, color 0.25s;
  }
  #FeedbackTab #FeedbackTabPull .assistance:after {
    transition: font-size 0.25s, padding-left 0.25s, line-height 0.25s;
  }
  #FeedbackTab #FeedbackTabPull .FeedbackTabPullText {
    display: none;
  }
  body.feedbackOpen #FeedbackTab {
    position: absolute;
    top: 0.5em;
    left: 4em;
    background-color: #169b7d;
    border-width: 1px;
    margin: 0;
    width: 240px;
    height: 320px;
    border-radius: 0;
    /* Opening Animation - Remove Border Radius then expand width and height */
    -webkit-transition: width 0.25s linear 0.25s, height 0.25s linear 0.25s, border-radius 0.25s, background-color 0.25s;
    -moz-transition: width 0.25s linear 0.25s, height 0.25s linear 0.25s, border-radius 0.25s, background-color 0.25s;
    -o-transition: width 0.25s linear 0.25s, height 0.25s linear 0.25s, border-radius 0.25s, background-color 0.25s;
    transition: width 0.25s linear 0.25s, height 0.25s linear 0.25s, border-radius 0.25s, background-color 0.25s;
  }
  body.feedbackOpen #FeedbackTab #FeedbackTabPull .assistance:before {
    font-size: 1.6em;
    top: -0.2em;
    color: red;
  }
  body.feedbackOpen #FeedbackTab #FeedbackTabPull .assistance:after {
    content: "\ea0f";
    font-family: "icomoon";
    font-size: 1em;
    padding-left: 0.27em;
    line-height: 1.75;
  }
  body.feedbackOpen #FeedbackTab #FeedbackTabDropdown {
    visibility: visible;
    opacity: 1;
    /* Opening Animation - Fade In Text */
    -webkit-transition: opacity 0.25s linear .5s;
    -moz-transition: opacity 0.25s linear .5s;
    -o-transition: opacity 0.25s linear .5s;
    transition: opacity 0.25s linear .5s;
  }
}
/* Support Tools Tab - All Screens Except Mobile */
@media only screen and (min-width: 769px) {
  #FeedbackTab {
    position: fixed;
    left: 44%;
    top: 0;
    width: 200px;
    height: 32px;
    z-index: inherit;
    /* Closing Animation - Shrink height, then move right and shrink width */
    -webkit-transition: left 0.25s linear 0.25s, width 0.25s linear 0.25s, height .25s;
    -moz-transition: left 0.25s linear 0.25s, width 0.25s linear 0.25s, height .25s;
    -o-transition: left 0.25s linear 0.25s, width 0.25s linear 0.25s, height .25s;
    transition: left 0.25s linear 0.25s, width 0.25s linear 0.25s, height .25s;
  }
  #FeedbackTab #FeedbackTabPull {
    text-align: center;
    opacity: 1;
    /* Closing Animation - Fade In Text */
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
  }
  #FeedbackTab #FeedbackTabPull .assistance {
    font-size: 10px;
    vertical-align: text-bottom;
  }
  #FeedbackTab:hover {
    width: 410px;
    left: 36%;
    height: 285px;
    /* Opening Animation - Slide left and increase width, then increase height */
    -webkit-transition: left .25s, width .25s, height .25s linear .25s;
    -moz-transition: left .25s, width .25s, height .25s linear .25s;
    -o-transition: left .25s, width .25s, height .25s linear .25s;
    transition: left .25s, width .25s, height .25s linear .25s;
  }
  #FeedbackTab:hover #FeedbackTabPull {
    opacity: 0;
    /* Opening Animation - Fade Out Text */
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  #FeedbackTab:hover #FeedbackTabDropdown {
    visibility: visible;
    opacity: 1;
    /* Opening Animation - Fade In Text */
    -webkit-transition: opacity 0.25s linear .5s;
    -moz-transition: opacity 0.25s linear .5s;
    -o-transition: opacity 0.25s linear .5s;
    transition: opacity 0.25s linear .5s;
  }
  .has-top-banner #FeedbackTab {
    top: 40px;
  }
}
@-moz-keyframes crossfadeIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes crossfadeIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes crossfadeIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes crossfadeOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes crossfadeOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes crossfadeOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* 2019 REDESIGN */
html:not(.Admin):not(.Guest):not(.applicant).v2019 #StandardSitebar {
  display: none;
}
/* ALERT BANNER */
#AlertBanner {
  display: none;
}
.has-top-banner #AlertBanner {
  position: fixed;
  height: 40px;
  z-index: 997;
  width: 100%;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}
.has-top-banner #AlertBanner.information {
  background: #007bff;
}
.has-top-banner #AlertBanner.warning {
  background: darkorange;
}
.has-top-banner #AlertBanner.critical {
  background: red;
}
.has-top-banner #AlertBanner .spacer {
  margin-right: auto;
}
.has-top-banner #AlertBanner .alert-link {
  margin-left: 1em;
  color: #b3e1ee;
}
.has-top-banner #AlertBanner .alert-link:hover {
  color: white;
}
.has-top-banner #AlertBanner .action-icon {
  margin-left: auto;
}
.has-top-banner #AlertBanner .action-icon .icon {
  color: white;
}
.panel {
  background: #f3f3f3;
  border: none;
  border-radius: 4px;
}
.panel h1,
.panel h2,
.panel h3,
.panel h4,
.panel h5,
.panel h6 {
  color: #164d5a;
}
.panel.callout {
  background: #248196;
  color: #FFF;
  border: none;
}
.AccordionTable .TableElement p {
  font-size: 1.2em;
  font-weight: 300;
  margin-bottom: .5em;
  margin-top: .5em;
}
.AccordionTable .TableHeader {
  background: #d4d4d4;
}
.AccordionTable .TableEntry:nth-child(2n+1) {
  background: #f3f3f3;
}
.AccordionTable .name p {
  font-family: 'Ubuntu', sans-serif;
}
.AccordionTable .grade p {
  font-size: 1em;
  line-height: 2.1em;
  font-weight: 600;
}
.AccordionTable .grade p .earned {
  color: #5da423;
  padding-right: .2em;
}
.AccordionTable .grade p .total {
  padding-left: .2em;
}
.AccordionTable .due p,
.AccordionTable .assigned p {
  font-size: 1em;
  text-decoration: underline;
  line-height: 2em;
}
.AccordionTable .attachements {
  list-style: none;
}
.AccordionTable .attachements li {
  color: #185664;
  position: relative;
  display: block;
  padding: 0.5em 0.5em 1em 2.5em;
}
.AccordionTable .attachements li:before {
  font-family: "GeneralEnclosedFoundicons";
  font-size: 2em;
  position: absolute;
  left: 0;
  top: -0.2em;
  content: "";
}
.AccordionTable .messages {
  list-style: none;
}
.AccordionTable .messages li {
  position: relative;
  display: block;
  padding: 0.5em 0.5em .3em 2.5em;
}
.AccordionTable .messages li:before {
  font-family: "GeneralEnclosedFoundicons";
  font-size: 2em;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  color: #2970c1;
}
.AccordionTable .messages .subject {
  color: #2970c1;
  font-family: 'Ubuntu', sans-serif;
  font-weight: 300;
  font-size: 1.3em;
  display: block;
}
#AdminNavToggle {
  display: none !important;
}
#AdminNav .Settings a:before {
  font-family: 'icomoon';
  content: '\e994';
  padding-right: .3em;
}
@media only screen and (max-width: 1279px) {
  #AdminNav {
    margin-bottom: 0;
  }
  #AdminNavToggle:checked {
    /*& ~ div #AdminNavContainer {
            max-height: 30em;
        }

        & ~ div #AdminNavToggleLabel {
            transform: rotate(180deg);
        }*/
  }
  #AdminNavToggleLabel {
    text-align: center;
  }
  #AdminNavToggleLabel:before {
    content: "";
    font-family: "GeneralFoundicons";
    display: block;
    font-size: 2.4em;
  }
  #AdminNav li:first-child a {
    border-top: 1px solid #DDD;
  }
  #AdminNav li.People {
    display: block;
    font-size: 1.2em;
    border-left: 0.5em solid #248196;
  }
  #AdminNav li.People a {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
    color: inherit;
    padding: .2em;
    display: block;
    border-bottom: 1px solid #DDD;
    transition: padding .1s;
  }
  #AdminNav li.People a:hover {
    padding-left: .7em;
  }
  #AdminNav li.People.Active a {
    border-left: 0.5em solid #248196;
  }
  #AdminNav li.Courses {
    display: block;
    font-size: 1.2em;
    border-left: 0.5em solid #fa8e40;
  }
  #AdminNav li.Courses a {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
    color: inherit;
    padding: .2em;
    display: block;
    border-bottom: 1px solid #DDD;
    transition: padding .1s;
  }
  #AdminNav li.Courses a:hover {
    padding-left: .7em;
  }
  #AdminNav li.Courses.Active a {
    border-left: 0.5em solid #fa8e40;
  }
  #AdminNav li.Reports {
    display: block;
    font-size: 1.2em;
    border-left: 0.5em solid #89008f;
  }
  #AdminNav li.Reports a {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
    color: inherit;
    padding: .2em;
    display: block;
    border-bottom: 1px solid #DDD;
    transition: padding .1s;
  }
  #AdminNav li.Reports a:hover {
    padding-left: .7em;
  }
  #AdminNav li.Reports.Active a {
    border-left: 0.5em solid #89008f;
  }
  #AdminNav li.Forms {
    display: block;
    font-size: 1.2em;
    border-left: 0.5em solid #563d7c;
  }
  #AdminNav li.Forms a {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
    color: inherit;
    padding: .2em;
    display: block;
    border-bottom: 1px solid #DDD;
    transition: padding .1s;
  }
  #AdminNav li.Forms a:hover {
    padding-left: .7em;
  }
  #AdminNav li.Forms.Active a {
    border-left: 0.5em solid #563d7c;
  }
  #AdminNav li.Financial {
    display: block;
    font-size: 1.2em;
    border-left: 0.5em solid #1a8a2e;
  }
  #AdminNav li.Financial a {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
    color: inherit;
    padding: .2em;
    display: block;
    border-bottom: 1px solid #DDD;
    transition: padding .1s;
  }
  #AdminNav li.Financial a:hover {
    padding-left: .7em;
  }
  #AdminNav li.Financial.Active a {
    border-left: 0.5em solid #1a8a2e;
  }
  #AdminNav li.Messages {
    display: block;
    font-size: 1.2em;
    border-left: 0.5em solid #2970c1;
  }
  #AdminNav li.Messages a {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
    color: inherit;
    padding: .2em;
    display: block;
    border-bottom: 1px solid #DDD;
    transition: padding .1s;
  }
  #AdminNav li.Messages a:hover {
    padding-left: .7em;
  }
  #AdminNav li.Messages.Active a {
    border-left: 0.5em solid #2970c1;
  }
  #AdminNav li.Calendar {
    display: block;
    font-size: 1.2em;
    border-left: 0.5em solid #a71c3e;
  }
  #AdminNav li.Calendar a {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
    color: inherit;
    padding: .2em;
    display: block;
    border-bottom: 1px solid #DDD;
    transition: padding .1s;
  }
  #AdminNav li.Calendar a:hover {
    padding-left: .7em;
  }
  #AdminNav li.Calendar.Active a {
    border-left: 0.5em solid #a71c3e;
  }
  #AdminNav li.School {
    display: block;
    font-size: 1.2em;
    border-left: 0.5em solid #1c4b87;
  }
  #AdminNav li.School a {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
    color: inherit;
    padding: .2em;
    display: block;
    border-bottom: 1px solid #DDD;
    transition: padding .1s;
  }
  #AdminNav li.School a:hover {
    padding-left: .7em;
  }
  #AdminNav li.School.Active a {
    border-left: 0.5em solid #1c4b87;
  }
  #AdminNav li.Settings {
    display: block;
    font-size: 1.2em;
    border-left: 0.5em solid #1c4b87;
  }
  #AdminNav li.Settings a {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
    color: inherit;
    padding: .2em;
    display: block;
    border-bottom: 1px solid #DDD;
    transition: padding .1s;
  }
  #AdminNav li.Settings a:hover {
    padding-left: .7em;
  }
  #AdminNav li.Settings.Active a {
    border-left: 0.5em solid #1c4b87;
  }
  #AdminNav li.SchoolDiscussions {
    display: block;
    font-size: 1.2em;
    border-left: 0.5em solid #fabc2a;
  }
  #AdminNav li.SchoolDiscussions a {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
    color: inherit;
    padding: .2em;
    display: block;
    border-bottom: 1px solid #DDD;
    transition: padding .1s;
  }
  #AdminNav li.SchoolDiscussions a:hover {
    padding-left: .7em;
  }
  #AdminNav li.SchoolDiscussions.Active a {
    border-left: 0.5em solid #fabc2a;
  }
  #AdminNav li.Support {
    display: block;
    font-size: 1.2em;
    border-left: 0.5em solid #d13b3b;
  }
  #AdminNav li.Support a {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
    color: inherit;
    padding: .2em;
    display: block;
    border-bottom: 1px solid #DDD;
    transition: padding .1s;
  }
  #AdminNav li.Support a:hover {
    padding-left: .7em;
  }
  #AdminNav li.Support.Active a {
    border-left: 0.5em solid #d13b3b;
  }
  #AdminNav li.Analytics {
    display: block;
    font-size: 1.2em;
    border-left: 0.5em solid #33cc33;
  }
  #AdminNav li.Analytics a {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
    color: inherit;
    padding: .2em;
    display: block;
    border-bottom: 1px solid #DDD;
    transition: padding .1s;
  }
  #AdminNav li.Analytics a:hover {
    padding-left: .7em;
  }
  #AdminNav li.Analytics.Active a {
    border-left: 0.5em solid #33cc33;
  }
}
@media only screen and (min-width: 1280px) {
  #AdminNav {
    border-bottom: 5px solid;
    margin-bottom: 0;
  }
  #AdminNav.School {
    border-color: #1c4b87;
  }
  #AdminNav.People {
    border-color: #248196;
  }
  #AdminNav.Courses {
    border-color: #fa8e40;
  }
  #AdminNav.Reports {
    border-color: #89008f;
  }
  #AdminNav.Forms {
    border-color: #563d7c;
  }
  #AdminNav.Financial {
    border-color: #1a8a2e;
  }
  #AdminNav.Messages {
    border-color: #2970c1;
  }
  #AdminNav.Calendar {
    border-color: #a71c3e;
  }
  #AdminNav.Settings {
    border-color: #1c4b87;
  }
  #AdminNav.SchoolDiscussions {
    border-color: #fabc2a;
  }
  #AdminNav.Support {
    border-color: #d13b3b;
  }
  #AdminNav.Analytics {
    border-color: #33cc33;
  }
  #AdminNav .School {
    display: inline-block;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
    font-size: 1.5em;
  }
  #AdminNav .School.Active a {
    background: #1c4b87;
    color: #FFF;
    padding: 5px 10px 3px;
    margin: 0;
  }
  #AdminNav .School a {
    display: inline-block;
    margin: 0 10px;
    padding: 5px 0 3px;
    color: inherit;
  }
  #AdminNav .School a:hover {
    border-top: 5px solid #1c4b87;
    padding-top: 0;
  }
  #AdminNav .People {
    display: inline-block;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
    font-size: 1.5em;
  }
  #AdminNav .People.Active a {
    background: #248196;
    color: #FFF;
    padding: 5px 10px 3px;
    margin: 0;
  }
  #AdminNav .People a {
    display: inline-block;
    margin: 0 10px;
    padding: 5px 0 3px;
    color: inherit;
  }
  #AdminNav .People a:hover {
    border-top: 5px solid #248196;
    padding-top: 0;
  }
  #AdminNav .Courses {
    display: inline-block;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
    font-size: 1.5em;
  }
  #AdminNav .Courses.Active a {
    background: #fa8e40;
    color: #FFF;
    padding: 5px 10px 3px;
    margin: 0;
  }
  #AdminNav .Courses a {
    display: inline-block;
    margin: 0 10px;
    padding: 5px 0 3px;
    color: inherit;
  }
  #AdminNav .Courses a:hover {
    border-top: 5px solid #fa8e40;
    padding-top: 0;
  }
  #AdminNav .Reports {
    display: inline-block;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
    font-size: 1.5em;
  }
  #AdminNav .Reports.Active a {
    background: #89008f;
    color: #FFF;
    padding: 5px 10px 3px;
    margin: 0;
  }
  #AdminNav .Reports a {
    display: inline-block;
    margin: 0 10px;
    padding: 5px 0 3px;
    color: inherit;
  }
  #AdminNav .Reports a:hover {
    border-top: 5px solid #89008f;
    padding-top: 0;
  }
  #AdminNav .Forms {
    display: inline-block;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
    font-size: 1.5em;
  }
  #AdminNav .Forms.Active a {
    background: #563d7c;
    color: #FFF;
    padding: 5px 10px 3px;
    margin: 0;
  }
  #AdminNav .Forms a {
    display: inline-block;
    margin: 0 10px;
    padding: 5px 0 3px;
    color: inherit;
  }
  #AdminNav .Forms a:hover {
    border-top: 5px solid #563d7c;
    padding-top: 0;
  }
  #AdminNav .Financial {
    display: inline-block;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
    font-size: 1.5em;
  }
  #AdminNav .Financial.Active a {
    background: #1a8a2e;
    color: #FFF;
    padding: 5px 10px 3px;
    margin: 0;
  }
  #AdminNav .Financial a {
    display: inline-block;
    margin: 0 10px;
    padding: 5px 0 3px;
    color: inherit;
  }
  #AdminNav .Financial a:hover {
    border-top: 5px solid #1a8a2e;
    padding-top: 0;
  }
  #AdminNav .Messages {
    display: inline-block;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
    font-size: 1.5em;
  }
  #AdminNav .Messages.Active a {
    background: #2970c1;
    color: #FFF;
    padding: 5px 10px 3px;
    margin: 0;
  }
  #AdminNav .Messages a {
    display: inline-block;
    margin: 0 10px;
    padding: 5px 0 3px;
    color: inherit;
  }
  #AdminNav .Messages a:hover {
    border-top: 5px solid #2970c1;
    padding-top: 0;
  }
  #AdminNav .Calendar {
    display: inline-block;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
    font-size: 1.5em;
  }
  #AdminNav .Calendar.Active a {
    background: #a71c3e;
    color: #FFF;
    padding: 5px 10px 3px;
    margin: 0;
  }
  #AdminNav .Calendar a {
    display: inline-block;
    margin: 0 10px;
    padding: 5px 0 3px;
    color: inherit;
  }
  #AdminNav .Calendar a:hover {
    border-top: 5px solid #a71c3e;
    padding-top: 0;
  }
  #AdminNav .Settings {
    display: inline-block;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
    font-size: 1.5em;
  }
  #AdminNav .Settings.Active a {
    background: #1c4b87;
    color: #FFF;
    padding: 5px 10px 3px;
    margin: 0;
  }
  #AdminNav .Settings a {
    display: inline-block;
    margin: 0 10px;
    padding: 5px 0 3px;
    color: inherit;
  }
  #AdminNav .Settings a:hover {
    border-top: 5px solid #1c4b87;
    padding-top: 0;
  }
  #AdminNav .SchoolDiscussions {
    display: inline-block;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
    font-size: 1.5em;
  }
  #AdminNav .SchoolDiscussions.Active a {
    background: #fabc2a;
    color: #FFF;
    padding: 5px 10px 3px;
    margin: 0;
  }
  #AdminNav .SchoolDiscussions a {
    display: inline-block;
    margin: 0 10px;
    padding: 5px 0 3px;
    color: inherit;
  }
  #AdminNav .SchoolDiscussions a:hover {
    border-top: 5px solid #fabc2a;
    padding-top: 0;
  }
  #AdminNav .Analytics {
    display: inline-block;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
    font-size: 1.5em;
  }
  #AdminNav .Analytics.Active a {
    background: #33cc33;
    color: #FFF;
    padding: 5px 10px 3px;
    margin: 0;
  }
  #AdminNav .Analytics a {
    display: inline-block;
    margin: 0 10px;
    padding: 5px 0 3px;
    color: inherit;
  }
  #AdminNav .Analytics a:hover {
    border-top: 5px solid #33cc33;
    padding-top: 0;
  }
  #AdminNav .Support {
    display: inline-block;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
    font-size: 1.5em;
  }
  #AdminNav .Support.Active a {
    background: #d13b3b;
    color: #FFF;
    padding: 5px 10px 3px;
    margin: 0;
  }
  #AdminNav .Support a {
    display: inline-block;
    margin: 0 10px;
    padding: 5px 0 3px;
    color: inherit;
  }
  #AdminNav .Support a:hover {
    border-top: 5px solid #d13b3b;
    padding-top: 0;
  }
}
/*New Styling for Admin Layout including Sitebar*/
/*Large Styling*/
@media only screen and (min-width: 1280px) {
  #AdminPageContent {
    max-width: 90em;
    margin-left: 16em;
    padding-top: 111px;
  }
  .has-top-banner #AdminPageContent {
    padding-top: 151px;
  }
  #AdminNavigation {
    height: 111px;
    position: fixed;
    width: 100%;
    z-index: 899;
  }
  #AdminNavigation #adminheader {
    padding-top: 60px;
  }
  .has-top-banner #AdminNavigation #adminheader {
    padding-top: 100px;
  }
  #AdminNav {
    background: white;
  }
}
/*Medium Styling*/
@media only screen and (max-width: 1279px) {
  #SlideOpenRightCheckbox:checked ~ #AdminNavigation {
    -webkit-transform: translate3d(16em, 0, 0);
    transform: translate3d(16em, 0, 0);
  }
  #AdminNavigation {
    position: fixed;
    top: 89px;
    left: -16em;
    height: 100%;
    overflow-y: scroll;
    width: 15em;
    background-color: #ffffff;
    z-index: 100;
  }
}
#AdminUserBarDropdown .usersChildren {
  background: #eee;
  box-shadow: inset 0px 10px 7px -8px #9a9a9a;
  padding-bottom: .97em;
}
#AdminUserBarDropdown .usersChildren .childDropdownDisplay {
  padding: 0.6em 1em;
  width: 100%;
}
#AdminUserBarDropdown .usersChildren a:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
#AdminUserBarDropdown .usersChildren .childDropdownProfileImage {
  height: 50px;
  width: 50px;
  overflow: hidden;
  float: left;
}
#AdminUserBarDropdown .usersChildren .childDropdownProfileImage img {
  height: 50px;
  width: auto;
  max-width: none;
}
#AdminUserBarDropdown .usersChildren .childDropdownName {
  font-size: 1.2em;
  padding-top: .8em;
  padding-left: 3.3em;
  font-family: 'Open Sans', sans-serif;
  color: #2970c1;
}
#SideBarOptionsToggleLabel {
  -moz-transition: transform .1s ease 0s;
  -o-transition: transform .1s ease 0s;
  -webkit-transition: transform .1s ease 0s;
  transition: transform .1s ease 0s;
  text-align: center;
}
#SideBarOptionsToggleLabel:before {
  content: "";
  font-family: "GeneralFoundicons";
  display: block;
  font-size: 2.4em;
}
#SideBarOptionsToggle {
  display: none !important;
}
#SideBarContent {
  padding: .5em .3em .5em .3em;
  margin: 0;
}
#SideBarContent .OptionHeading {
  margin: 0;
  padding: 0.5em 0;
  clear: both;
}
#SideBarContent #SideBarSearch {
  padding-bottom: .5em;
  float: none;
}
#SideBarContent .search {
  width: 100%;
  margin: 0;
}
#SideBarContent #SideBarSearchField {
  margin-bottom: 0;
}
#SideBarContent .sidebarLink {
  width: 100%;
  text-align: left;
  margin-bottom: .6em;
}
#SideBarContent .sidebarLink .textcontent {
  padding-left: 1em;
}
#SideBarContent .DirectoryButton {
  width: max-content;
}
#SideBarContent #SideBarLinksList {
  text-align: center !important;
}
#SideBarContent .DirectoryButton .textcontent {
  padding: 0 1em;
}
#SideBarContent .DirectoryButton .textcontent:before {
  padding-left: 0;
  padding-right: 0.5em;
  color: #fff;
  font-size: 0.9em;
  content: "\e607";
  font-family: "icomoon";
}
#SideBarContent #SideBarOptionsContainer .sidebar-custom-content {
  padding: 0;
}
#SideBarContent #SideBarOptionList {
  padding-bottom: .5em;
}
#SideBarContent #SideBarOptionList > div > a {
  display: block;
  color: #444444;
  margin: 0;
  text-align: left;
  background: #e7e7e7;
}
#SideBarContent #SideBarOptionList > div > a:hover {
  background: #d4d4d4;
}
#SideBarContent #SideBarOptionList > div > a:nth-child(2n) {
  background: #f3f3f3;
}
#SideBarContent #SideBarOptionList > div > a:nth-child(2n):hover {
  background: #d4d4d4;
}
#SideBarContent #SideBarOptionList > div > a.selected {
  background: #666666;
  color: #FFF;
}
#SideBarContent #SideBarOptionList > div > a.selected:hover {
  background: #444444;
}
#SideBarContent #SideBarOptionList #EditSidebarButton {
  display: block;
  margin: 0;
  background: #666666;
  color: #FFF;
}
#SideBarContent #SideBarOptionList #EditSidebarButton:hover {
  background: #444444;
}
#SideBarContent .button.add,
#SideBarContent .button.settings {
  width: 100%;
  text-align: left;
}
#SideBarContent .button.add .textcontent,
#SideBarContent .button.settings .textcontent {
  padding-left: 1em;
}
@media only screen and (min-width: 1280px) {
  #AdminSidebar {
    width: 16em;
    float: left;
    position: fixed;
    height: calc(100% - 111px);
    margin-top: 111px;
  }
  #AdminSidebar #SideBarContent {
    height: 100%;
    display: flex;
    -ms-flex-flow: column nowrap;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    overflow: hidden;
  }
  #AdminSidebar #SideBarContent #SideBarOptionsContainer {
    display: flex;
    -ms-flex-flow: column nowrap;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -ms-flex: 1 0;
    -webkit-flex: 1 0;
    flex: 1 0;
    overflow: hidden;
  }
  #AdminSidebar #SideBarContent #SideBarOptionsContainer > .row {
    -ms-flex: 1 0;
    -webkit-flex: 1 0;
    flex: 1 0;
    overflow-y: auto;
  }
  #AdminSidebar #SideBarContent #SideBarOptionsContainer #AdminAcademicTermSelector {
    -ms-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 2.5em;
    margin-top: 15px;
  }
  .has-top-banner #AdminSidebar {
    height: calc(100% - 151px);
    margin-top: 151px;
  }
  #adminpagecontent {
    width: calc(100% - 16em);
    float: left;
  }
}
#SideBarSearch .lefticon,
#SideBarSearch .righticon {
  display: none;
}
@media only screen and (max-width: 1279px) {
  #SideBarSearch .righticon {
    width: 4em;
    float: right;
    display: block;
  }
  #SideBarSearch .field {
    width: calc(100% - 4em);
    float: left;
    padding-left: 2em;
  }
  #SideBarOptionsContainer {
    max-height: 0;
    overflow: hidden;
    width: 100%;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
  }
  #SideBarOptionsContainer .button {
    font-family: "Ubuntu", sans-serif !important;
  }
  #SideBarOptionsToggle:checked ~ #SideBarOptionsContainer {
    /* this value must always be bigger than the actual height of the sidebar */
    max-height: 175em;
  }
  #SideBarOptionsToggle:checked ~ div #SideBarOptionsToggleLabel {
    -webkit-transition: -webkit-transform 0.5s;
    -moz-transition: -moz-transform 0.5s;
    -o-transition: -o-transform 0.5s;
    -ms-transition: -ms-transform 0.5s;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  #SideBarOptionsToggle:not(:checked) ~ div #SideBarOptionsToggleLabel {
    -webkit-transition: -webkit-transform 0.5s;
    -moz-transition: -moz-transform 0.5s;
    -o-transition: -o-transform 0.5s;
    -ms-transition: -ms-transform 0.5s;
    transition: transform .5s;
  }
  #SideBarOptionList {
    height: auto !important;
  }
}
@media only screen and (max-width: 939px) {
  #SideBarSearch .lefticon,
  #SideBarSearch .righticon {
    width: 4em;
    float: right;
    display: block;
  }
  #SideBarSearch .field {
    width: calc(100% - 4em);
    float: left;
    padding-left: 0;
  }
}
/* ADMIN SCHOOL SIDEBAR */
.adminSchoolSidebar {
  margin: 3em 1em 0 1em;
}
.adminSchoolSidebar .schoolNameAndLogo {
  margin-bottom: 2em;
}
.adminSchoolSidebar .schoolNameAndLogo .schoolName {
  text-align: center;
}
.adminSchoolSidebar .schoolNameAndLogo .schoolLogo {
  text-align: center;
}
.adminSchoolSidebar .schoolStatistics h6 {
  color: #444444;
  position: relative;
  display: flex;
  align-items: center;
}
.adminSchoolSidebar .schoolStatistics .typeIcon {
  font-family: "RaphaelIcons";
  font-size: 2em;
}
.adminSchoolSidebar .schoolStatistics .usersCount {
  margin-left: 1em;
}
#PageMenuBar,
.menu-bar {
  z-index: 90;
  background: #248196;
  overflow: hidden;
  transition: margin-bottom 0.25s ease;
  height: auto;
}
#PageMenuBar *,
.menu-bar * {
  margin: 0;
}
#PageMenuBar h1,
.menu-bar h1 {
  display: inline-block;
  color: #FFF;
  font-weight: 300;
  font-size: 1.5em;
  font-family: 'Ubuntu', sans-serif;
  padding: 0.2em 0.2em 0.2em 0.5em;
}
#PageMenuBar .subtitle,
.menu-bar .subtitle {
  color: white;
  padding-left: .8em;
  padding-bottom: .8em;
}
#PageMenuBar select,
.menu-bar select {
  background: #248196;
  border: none;
  color: #FFF;
  font-weight: 300;
  transition: background-color 300ms ease-out 0s;
}
#PageMenuBar select:hover,
.menu-bar select:hover {
  background: #164d5a;
}
#PageMenuBar select option,
.menu-bar select option {
  color: #164d5a;
  background: #FFF;
  font-weight: 300 !important;
}
#PageMenuBar select option:hover,
.menu-bar select option:hover {
  background: #e7e7e7;
}
#PageMenuBar .left select,
.menu-bar .left select {
  font-size: 1.5em;
  height: 1.8em;
  padding: .25em;
  font-family: 'Ubuntu', sans-serif;
}
#PageMenuBar .left select option,
.menu-bar .left select option {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 300;
}
#PageMenuBar ul li,
.menu-bar ul li {
  display: inline-block;
  float: left;
}
#PageMenuBar ul li ::-webkit-input-placeholder,
.menu-bar ul li ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #FFF;
}
#PageMenuBar ul li :-moz-placeholder,
.menu-bar ul li :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #FFF;
}
#PageMenuBar ul li ::-moz-placeholder,
.menu-bar ul li ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #FFF;
}
#PageMenuBar ul li :-ms-input-placeholder,
.menu-bar ul li :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #FFF;
}
#PageMenuBar ul input,
.menu-bar ul input {
  height: 2.78em;
  background: none;
  border: none;
  color: #FFF;
}
#PageMenuBar ul .button,
.menu-bar ul .button {
  height: 2.78em;
}
#PageMenuBar ul .button.back,
.menu-bar ul .button.back {
  float: left;
  margin-right: .5em;
  padding-left: .4em;
  padding-right: .7em;
}
#PageMenuBar ul .button.back ~ h1,
.menu-bar ul .button.back ~ h1 {
  padding-left: 0em;
}
@media only screen and (max-width: 939px) {
  #PageMenuBar h1 {
    font-size: 1.5em;
    padding-top: .3em;
  }
}
.SplitHeader {
  overflow: hidden;
}
.SplitHeader > h4,
.SplitHeader > a {
  float: left;
  margin: 0 !important;
  margin-bottom: -200px !important;
  padding-bottom: 200px !important;
}
.SplitHeader > h4 {
  width: 67%;
}
.SplitHeader > a {
  width: 33%;
}
.f-dropdown li label {
  font-size: 1em;
  font-family: 'Helvetica Neue', Arial, sans-serif;
  padding: 0.3125em 0.625em;
  color: #555;
}
.ui-sortable {
  overflow-y: auto;
}
.alertLink {
  color: #c60f13 !important;
}
.alertLink:active {
  color: #67080a !important;
}
.alertLink:hover {
  color: #67080a !important;
}
.cute-table .row .column,
.cute-table .row .columns {
  float: left;
  padding-left: .5em;
  padding-right: .5em;
}
.cute-table .header-row {
  margin: 0;
  background: #ccc;
  padding: .5em;
}
.cute-table .entry-row {
  margin: 0;
  padding: .5em;
  display: flex;
  align-items: center;
}
.cute-table .entry-row:nth-child(2n+1) {
  background: #f3f3f3;
}
.cute-table .entry-row .button {
  text-align: right;
  margin-left: auto;
  margin-bottom: 0;
}
.cute-table .entry-row .button-wrapper {
  line-height: 1;
  text-align: right;
}
.basicTable {
  margin-bottom: 1.5em;
}
.basicTable .basicTableBlockHeader {
  background: #1a8a2e;
  color: #FFFFFF;
  height: 2.7em;
}
.basicTable .basicTableBlockHeader .basicTableBlockHeaderName h1,
.basicTable .basicTableBlockHeader .basicTableBlockHeaderName h2,
.basicTable .basicTableBlockHeader .basicTableBlockHeaderName h3,
.basicTable .basicTableBlockHeader .basicTableBlockHeaderName h4,
.basicTable .basicTableBlockHeader .basicTableBlockHeaderName h5,
.basicTable .basicTableBlockHeader .basicTableBlockHeaderName h6 {
  color: white;
  font-weight: 300;
  margin-bottom: 0em;
  margin-top: 0em;
  float: left;
  padding: 5px 5px 5px .5em;
}
.basicTable .basicTableBlockHeader .basicTableBlockHeaderRight {
  float: right;
  margin-bottom: 0em;
  height: 2.7em;
}
.basicTable .basicTableTopRow {
  background: #d4d4d4;
  font-family: 'Ubuntu', sans-serif;
  color: #333;
  min-height: 2.3em;
  font-weight: bold;
}
.basicTable .basicTableTopRow > .columns {
  padding-top: .6em;
}
.basicTable .basicTableTopRow:before {
  content: " ";
  display: table;
}
.basicTable .basicTableTopRow:after {
  clear: both;
  content: " ";
  display: table;
}
.basicTable .basicTableEntry {
  padding-top: .9em;
  padding-bottom: .9em;
}
.basicTable .basicTableEntry:nth-child(2n+1) {
  background: #f3f3f3;
}
.assignments.infobox {
  margin: 1em 0 1em 0;
  overflow: hidden;
  box-shadow: 1px 1px 10px #9a9a9a;
}
.assignments.infobox .has-left-border {
  border-left: 0.5em solid #248196;
}
.assignments.infobox h1,
.assignments.infobox h2,
.assignments.infobox h3,
.assignments.infobox h4,
.assignments.infobox h5,
.assignments.infobox h6 {
  color: #164d5a;
}
.assignments.infobox .title {
  background: #248196;
}
.assignments.infobox .title .titleLink {
  width: calc(100% - 40px);
  display: block;
  background: #248196;
  float: left;
  transition: background ease .2s;
}
.assignments.infobox .title .titleLink:hover {
  background: #164d5a;
}
.assignments.infobox .title .titleLink .sectionName {
  width: calc(100% - 65px);
  display: inline-block;
}
.assignments.infobox .title .titleLink .sectionMoreHelper {
  font-size: .6em;
  padding: 0 0 0 .5em;
}
.assignments.infobox .title .titleLink .sectionGrade {
  width: 65px;
  display: inline-block;
  float: right;
}
.assignments.infobox .title .textContent {
  color: #FFF;
  font-weight: 300;
  margin: 0;
  font-size: 1.5em;
  padding: .2em 0 .2em .3em;
}
.assignments.infobox .title .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.5em;
  margin: 0;
  float: right;
  text-align: center;
  opacity: 1;
  padding: .2em 0 .2em 0;
  font-weight: 300;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.assignments.infobox .title .alerts:hover {
  background: #77090b;
}
.assignments.infobox .content .section h1,
.assignments.infobox .content .section h2,
.assignments.infobox .content .section h3,
.assignments.infobox .content .section h4,
.assignments.infobox .content .section h5,
.assignments.infobox .content .section h6 {
  color: #185664;
}
.assignments.infobox .content .section,
.assignments.infobox .content .section .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.assignments.infobox .content .section .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.assignments.infobox .content .section .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.assignments.infobox .content .section .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.assignments.infobox .content .section .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.assignments.infobox .content .section .notification.expanded .notificationExpander:before {
  content: "";
}
.assignments.infobox .content .section .sectionExpander,
.assignments.infobox .content .section .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.assignments.infobox .content .section .sectionExpander:before,
.assignments.infobox .content .section .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.assignments.infobox .content .section .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.assignments.infobox .content .section .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.assignments.infobox .content .section .sectionTitle {
  border-left: 0.5em solid #248196;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.assignments.infobox .content .section .sectionTitle.lastSection {
  height: 100em;
}
.assignments.infobox .content .section .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.assignments.infobox .content .section .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.assignments.infobox .content .section .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.assignments.infobox .content .section .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.assignments.infobox .content .section .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.assignments.infobox .content .section .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.assignments.infobox .content .section .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.assignments.infobox .content .section .sectionTitle .alerts:hover {
  background: #77090b;
}
.assignments.infobox .content .section.expanded {
  max-height: 50em;
}
.assignments.infobox .content .section.expanded .sectionExpander {
  color: #FFF;
}
.assignments.infobox .content .section.expanded .sectionExpander:before {
  content: "";
}
.assignments.infobox .content .section.expanded .sectionExpander:hover {
  background: #666666;
}
.assignments.infobox .content .section.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.assignments.infobox .content .section.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.assignments.infobox .content .section.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.assignments.infobox .content .section.expanded .sectionContent .notification,
.assignments.infobox .content .section.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.assignments.infobox .content .section.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.assignments.infobox .content .section:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.assignments.infobox .content .section.collapsed {
  max-height: 0;
  opacity: 0;
}
.assignments.infobox .content .section .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.assignments.infobox .content .section .sectionContent .notification h1,
.assignments.infobox .content .section .sectionContent .notification h2,
.assignments.infobox .content .section .sectionContent .notification h3,
.assignments.infobox .content .section .sectionContent .notification h4,
.assignments.infobox .content .section .sectionContent .notification h5,
.assignments.infobox .content .section .sectionContent .notification h6 {
  color: #185664;
}
.assignments.infobox .content .section .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.assignments.infobox .content .section .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.assignments.infobox .content .section .sectionContent .notification.unseen {
  background: #f2f8f9;
}
.assignments.infobox .content .section .sectionContent .notification:first-child {
  border: none;
}
.assignments.infobox .content .section .sectionContent .notification a h5 {
  color: #164d5a;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.assignments.infobox .content .section .sectionContent .notification a h5:hover {
  background: #b6d5dc;
}
.assignments.infobox .content .section .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.assignments.infobox .content .section .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.assignments.infobox .content .section .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.assignments.infobox .content .section .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.assignments.infobox .content .section .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.assignments.infobox .content .section .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.assignments.infobox .content .section .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.assignments.infobox .content .section .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.assignments.infobox .content .section.assignments h1,
.assignments.infobox .content .section.assignments h2,
.assignments.infobox .content .section.assignments h3,
.assignments.infobox .content .section.assignments h4,
.assignments.infobox .content .section.assignments h5,
.assignments.infobox .content .section.assignments h6 {
  color: #185664;
}
.assignments.infobox .content .section.assignments,
.assignments.infobox .content .section.assignments .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.assignments.infobox .content .section.assignments .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.assignments.infobox .content .section.assignments .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.assignments.infobox .content .section.assignments .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.assignments.infobox .content .section.assignments .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.assignments.infobox .content .section.assignments .notification.expanded .notificationExpander:before {
  content: "";
}
.assignments.infobox .content .section.assignments .sectionExpander,
.assignments.infobox .content .section.assignments .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.assignments.infobox .content .section.assignments .sectionExpander:before,
.assignments.infobox .content .section.assignments .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.assignments.infobox .content .section.assignments .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.assignments.infobox .content .section.assignments .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.assignments.infobox .content .section.assignments .sectionTitle {
  border-left: 0.5em solid #248196;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.assignments.infobox .content .section.assignments .sectionTitle.lastSection {
  height: 100em;
}
.assignments.infobox .content .section.assignments .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.assignments.infobox .content .section.assignments .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.assignments.infobox .content .section.assignments .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.assignments.infobox .content .section.assignments .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.assignments.infobox .content .section.assignments .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.assignments.infobox .content .section.assignments .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.assignments.infobox .content .section.assignments .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.assignments.infobox .content .section.assignments .sectionTitle .alerts:hover {
  background: #77090b;
}
.assignments.infobox .content .section.assignments.expanded {
  max-height: 50em;
}
.assignments.infobox .content .section.assignments.expanded .sectionExpander {
  color: #FFF;
}
.assignments.infobox .content .section.assignments.expanded .sectionExpander:before {
  content: "";
}
.assignments.infobox .content .section.assignments.expanded .sectionExpander:hover {
  background: #666666;
}
.assignments.infobox .content .section.assignments.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.assignments.infobox .content .section.assignments.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.assignments.infobox .content .section.assignments.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.assignments.infobox .content .section.assignments.expanded .sectionContent .notification,
.assignments.infobox .content .section.assignments.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.assignments.infobox .content .section.assignments.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.assignments.infobox .content .section.assignments:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.assignments.infobox .content .section.assignments.collapsed {
  max-height: 0;
  opacity: 0;
}
.assignments.infobox .content .section.assignments .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.assignments.infobox .content .section.assignments .sectionContent .notification h1,
.assignments.infobox .content .section.assignments .sectionContent .notification h2,
.assignments.infobox .content .section.assignments .sectionContent .notification h3,
.assignments.infobox .content .section.assignments .sectionContent .notification h4,
.assignments.infobox .content .section.assignments .sectionContent .notification h5,
.assignments.infobox .content .section.assignments .sectionContent .notification h6 {
  color: #185664;
}
.assignments.infobox .content .section.assignments .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.assignments.infobox .content .section.assignments .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.assignments.infobox .content .section.assignments .sectionContent .notification.unseen {
  background: #f2f8f9;
}
.assignments.infobox .content .section.assignments .sectionContent .notification:first-child {
  border: none;
}
.assignments.infobox .content .section.assignments .sectionContent .notification a h5 {
  color: #164d5a;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.assignments.infobox .content .section.assignments .sectionContent .notification a h5:hover {
  background: #b6d5dc;
}
.assignments.infobox .content .section.assignments .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.assignments.infobox .content .section.assignments .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.assignments.infobox .content .section.assignments .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.assignments.infobox .content .section.assignments .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.assignments.infobox .content .section.assignments .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.assignments.infobox .content .section.assignments .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.assignments.infobox .content .section.assignments .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.assignments.infobox .content .section.assignments .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.assignments.infobox .content .section.attendance h1,
.assignments.infobox .content .section.attendance h2,
.assignments.infobox .content .section.attendance h3,
.assignments.infobox .content .section.attendance h4,
.assignments.infobox .content .section.attendance h5,
.assignments.infobox .content .section.attendance h6 {
  color: #a75f2b;
}
.assignments.infobox .content .section.attendance,
.assignments.infobox .content .section.attendance .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.assignments.infobox .content .section.attendance .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.assignments.infobox .content .section.attendance .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.assignments.infobox .content .section.attendance .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.assignments.infobox .content .section.attendance .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.assignments.infobox .content .section.attendance .notification.expanded .notificationExpander:before {
  content: "";
}
.assignments.infobox .content .section.attendance .sectionExpander,
.assignments.infobox .content .section.attendance .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.assignments.infobox .content .section.attendance .sectionExpander:before,
.assignments.infobox .content .section.attendance .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.assignments.infobox .content .section.attendance .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.assignments.infobox .content .section.attendance .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.assignments.infobox .content .section.attendance .sectionTitle {
  border-left: 0.5em solid #fa8e40;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.assignments.infobox .content .section.attendance .sectionTitle.lastSection {
  height: 100em;
}
.assignments.infobox .content .section.attendance .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.assignments.infobox .content .section.attendance .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.assignments.infobox .content .section.attendance .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.assignments.infobox .content .section.attendance .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.assignments.infobox .content .section.attendance .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.assignments.infobox .content .section.attendance .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.assignments.infobox .content .section.attendance .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.assignments.infobox .content .section.attendance .sectionTitle .alerts:hover {
  background: #77090b;
}
.assignments.infobox .content .section.attendance.expanded {
  max-height: 50em;
}
.assignments.infobox .content .section.attendance.expanded .sectionExpander {
  color: #FFF;
}
.assignments.infobox .content .section.attendance.expanded .sectionExpander:before {
  content: "";
}
.assignments.infobox .content .section.attendance.expanded .sectionExpander:hover {
  background: #666666;
}
.assignments.infobox .content .section.attendance.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.assignments.infobox .content .section.attendance.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.assignments.infobox .content .section.attendance.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.assignments.infobox .content .section.attendance.expanded .sectionContent .notification,
.assignments.infobox .content .section.attendance.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.assignments.infobox .content .section.attendance.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.assignments.infobox .content .section.attendance:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.assignments.infobox .content .section.attendance.collapsed {
  max-height: 0;
  opacity: 0;
}
.assignments.infobox .content .section.attendance .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.assignments.infobox .content .section.attendance .sectionContent .notification h1,
.assignments.infobox .content .section.attendance .sectionContent .notification h2,
.assignments.infobox .content .section.attendance .sectionContent .notification h3,
.assignments.infobox .content .section.attendance .sectionContent .notification h4,
.assignments.infobox .content .section.attendance .sectionContent .notification h5,
.assignments.infobox .content .section.attendance .sectionContent .notification h6 {
  color: #a75f2b;
}
.assignments.infobox .content .section.attendance .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.assignments.infobox .content .section.attendance .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.assignments.infobox .content .section.attendance .sectionContent .notification.unseen {
  background: #fff8f4;
}
.assignments.infobox .content .section.attendance .sectionContent .notification:first-child {
  border: none;
}
.assignments.infobox .content .section.attendance .sectionContent .notification a h5 {
  color: #965526;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.assignments.infobox .content .section.attendance .sectionContent .notification a h5:hover {
  background: #fdd9bf;
}
.assignments.infobox .content .section.attendance .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.assignments.infobox .content .section.attendance .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.assignments.infobox .content .section.attendance .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.assignments.infobox .content .section.attendance .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.assignments.infobox .content .section.attendance .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.assignments.infobox .content .section.attendance .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.assignments.infobox .content .section.attendance .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.assignments.infobox .content .section.attendance .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.assignments.infobox .content .section.grades h1,
.assignments.infobox .content .section.grades h2,
.assignments.infobox .content .section.grades h3,
.assignments.infobox .content .section.grades h4,
.assignments.infobox .content .section.grades h5,
.assignments.infobox .content .section.grades h6 {
  color: #115c1f;
}
.assignments.infobox .content .section.grades,
.assignments.infobox .content .section.grades .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.assignments.infobox .content .section.grades .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.assignments.infobox .content .section.grades .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.assignments.infobox .content .section.grades .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.assignments.infobox .content .section.grades .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.assignments.infobox .content .section.grades .notification.expanded .notificationExpander:before {
  content: "";
}
.assignments.infobox .content .section.grades .sectionExpander,
.assignments.infobox .content .section.grades .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.assignments.infobox .content .section.grades .sectionExpander:before,
.assignments.infobox .content .section.grades .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.assignments.infobox .content .section.grades .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.assignments.infobox .content .section.grades .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.assignments.infobox .content .section.grades .sectionTitle {
  border-left: 0.5em solid #1a8a2e;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.assignments.infobox .content .section.grades .sectionTitle.lastSection {
  height: 100em;
}
.assignments.infobox .content .section.grades .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.assignments.infobox .content .section.grades .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.assignments.infobox .content .section.grades .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.assignments.infobox .content .section.grades .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.assignments.infobox .content .section.grades .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.assignments.infobox .content .section.grades .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.assignments.infobox .content .section.grades .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.assignments.infobox .content .section.grades .sectionTitle .alerts:hover {
  background: #77090b;
}
.assignments.infobox .content .section.grades.expanded {
  max-height: 50em;
}
.assignments.infobox .content .section.grades.expanded .sectionExpander {
  color: #FFF;
}
.assignments.infobox .content .section.grades.expanded .sectionExpander:before {
  content: "";
}
.assignments.infobox .content .section.grades.expanded .sectionExpander:hover {
  background: #666666;
}
.assignments.infobox .content .section.grades.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.assignments.infobox .content .section.grades.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.assignments.infobox .content .section.grades.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.assignments.infobox .content .section.grades.expanded .sectionContent .notification,
.assignments.infobox .content .section.grades.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.assignments.infobox .content .section.grades.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.assignments.infobox .content .section.grades:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.assignments.infobox .content .section.grades.collapsed {
  max-height: 0;
  opacity: 0;
}
.assignments.infobox .content .section.grades .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.assignments.infobox .content .section.grades .sectionContent .notification h1,
.assignments.infobox .content .section.grades .sectionContent .notification h2,
.assignments.infobox .content .section.grades .sectionContent .notification h3,
.assignments.infobox .content .section.grades .sectionContent .notification h4,
.assignments.infobox .content .section.grades .sectionContent .notification h5,
.assignments.infobox .content .section.grades .sectionContent .notification h6 {
  color: #115c1f;
}
.assignments.infobox .content .section.grades .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.assignments.infobox .content .section.grades .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.assignments.infobox .content .section.grades .sectionContent .notification.unseen {
  background: #f2f8f3;
}
.assignments.infobox .content .section.grades .sectionContent .notification:first-child {
  border: none;
}
.assignments.infobox .content .section.grades .sectionContent .notification a h5 {
  color: #10531c;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.assignments.infobox .content .section.grades .sectionContent .notification a h5:hover {
  background: #b3d8b9;
}
.assignments.infobox .content .section.grades .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.assignments.infobox .content .section.grades .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.assignments.infobox .content .section.grades .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.assignments.infobox .content .section.grades .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.assignments.infobox .content .section.grades .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.assignments.infobox .content .section.grades .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.assignments.infobox .content .section.grades .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.assignments.infobox .content .section.grades .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.assignments.infobox .content .section.handouts h1,
.assignments.infobox .content .section.handouts h2,
.assignments.infobox .content .section.handouts h3,
.assignments.infobox .content .section.handouts h4,
.assignments.infobox .content .section.handouts h5,
.assignments.infobox .content .section.handouts h6 {
  color: #5b005f;
}
.assignments.infobox .content .section.handouts,
.assignments.infobox .content .section.handouts .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.assignments.infobox .content .section.handouts .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.assignments.infobox .content .section.handouts .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.assignments.infobox .content .section.handouts .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.assignments.infobox .content .section.handouts .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.assignments.infobox .content .section.handouts .notification.expanded .notificationExpander:before {
  content: "";
}
.assignments.infobox .content .section.handouts .sectionExpander,
.assignments.infobox .content .section.handouts .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.assignments.infobox .content .section.handouts .sectionExpander:before,
.assignments.infobox .content .section.handouts .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.assignments.infobox .content .section.handouts .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.assignments.infobox .content .section.handouts .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.assignments.infobox .content .section.handouts .sectionTitle {
  border-left: 0.5em solid #89008f;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.assignments.infobox .content .section.handouts .sectionTitle.lastSection {
  height: 100em;
}
.assignments.infobox .content .section.handouts .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.assignments.infobox .content .section.handouts .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.assignments.infobox .content .section.handouts .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.assignments.infobox .content .section.handouts .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.assignments.infobox .content .section.handouts .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.assignments.infobox .content .section.handouts .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.assignments.infobox .content .section.handouts .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.assignments.infobox .content .section.handouts .sectionTitle .alerts:hover {
  background: #77090b;
}
.assignments.infobox .content .section.handouts.expanded {
  max-height: 50em;
}
.assignments.infobox .content .section.handouts.expanded .sectionExpander {
  color: #FFF;
}
.assignments.infobox .content .section.handouts.expanded .sectionExpander:before {
  content: "";
}
.assignments.infobox .content .section.handouts.expanded .sectionExpander:hover {
  background: #666666;
}
.assignments.infobox .content .section.handouts.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.assignments.infobox .content .section.handouts.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.assignments.infobox .content .section.handouts.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.assignments.infobox .content .section.handouts.expanded .sectionContent .notification,
.assignments.infobox .content .section.handouts.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.assignments.infobox .content .section.handouts.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.assignments.infobox .content .section.handouts:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.assignments.infobox .content .section.handouts.collapsed {
  max-height: 0;
  opacity: 0;
}
.assignments.infobox .content .section.handouts .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.assignments.infobox .content .section.handouts .sectionContent .notification h1,
.assignments.infobox .content .section.handouts .sectionContent .notification h2,
.assignments.infobox .content .section.handouts .sectionContent .notification h3,
.assignments.infobox .content .section.handouts .sectionContent .notification h4,
.assignments.infobox .content .section.handouts .sectionContent .notification h5,
.assignments.infobox .content .section.handouts .sectionContent .notification h6 {
  color: #5b005f;
}
.assignments.infobox .content .section.handouts .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.assignments.infobox .content .section.handouts .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.assignments.infobox .content .section.handouts .sectionContent .notification.unseen {
  background: #f8f0f8;
}
.assignments.infobox .content .section.handouts .sectionContent .notification:first-child {
  border: none;
}
.assignments.infobox .content .section.handouts .sectionContent .notification a h5 {
  color: #520056;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.assignments.infobox .content .section.handouts .sectionContent .notification a h5:hover {
  background: #d8aada;
}
.assignments.infobox .content .section.handouts .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.assignments.infobox .content .section.handouts .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.assignments.infobox .content .section.handouts .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.assignments.infobox .content .section.handouts .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.assignments.infobox .content .section.handouts .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.assignments.infobox .content .section.handouts .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.assignments.infobox .content .section.handouts .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.assignments.infobox .content .section.handouts .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.assignments.infobox .content .section.lessonPlans h1,
.assignments.infobox .content .section.lessonPlans h2,
.assignments.infobox .content .section.lessonPlans h3,
.assignments.infobox .content .section.lessonPlans h4,
.assignments.infobox .content .section.lessonPlans h5,
.assignments.infobox .content .section.lessonPlans h6 {
  color: #88301f;
}
.assignments.infobox .content .section.lessonPlans,
.assignments.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.assignments.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.assignments.infobox .content .section.lessonPlans .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.assignments.infobox .content .section.lessonPlans .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.assignments.infobox .content .section.lessonPlans .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.assignments.infobox .content .section.lessonPlans .notification.expanded .notificationExpander:before {
  content: "";
}
.assignments.infobox .content .section.lessonPlans .sectionExpander,
.assignments.infobox .content .section.lessonPlans .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.assignments.infobox .content .section.lessonPlans .sectionExpander:before,
.assignments.infobox .content .section.lessonPlans .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.assignments.infobox .content .section.lessonPlans .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.assignments.infobox .content .section.lessonPlans .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.assignments.infobox .content .section.lessonPlans .sectionTitle {
  border-left: 0.5em solid #cc482e;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.assignments.infobox .content .section.lessonPlans .sectionTitle.lastSection {
  height: 100em;
}
.assignments.infobox .content .section.lessonPlans .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.assignments.infobox .content .section.lessonPlans .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.assignments.infobox .content .section.lessonPlans .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.assignments.infobox .content .section.lessonPlans .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.assignments.infobox .content .section.lessonPlans .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.assignments.infobox .content .section.lessonPlans .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.assignments.infobox .content .section.lessonPlans .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.assignments.infobox .content .section.lessonPlans .sectionTitle .alerts:hover {
  background: #77090b;
}
.assignments.infobox .content .section.lessonPlans.expanded {
  max-height: 50em;
}
.assignments.infobox .content .section.lessonPlans.expanded .sectionExpander {
  color: #FFF;
}
.assignments.infobox .content .section.lessonPlans.expanded .sectionExpander:before {
  content: "";
}
.assignments.infobox .content .section.lessonPlans.expanded .sectionExpander:hover {
  background: #666666;
}
.assignments.infobox .content .section.lessonPlans.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.assignments.infobox .content .section.lessonPlans.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.assignments.infobox .content .section.lessonPlans.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.assignments.infobox .content .section.lessonPlans.expanded .sectionContent .notification,
.assignments.infobox .content .section.lessonPlans.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.assignments.infobox .content .section.lessonPlans.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.assignments.infobox .content .section.lessonPlans:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.assignments.infobox .content .section.lessonPlans.collapsed {
  max-height: 0;
  opacity: 0;
}
.assignments.infobox .content .section.lessonPlans .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.assignments.infobox .content .section.lessonPlans .sectionContent .notification h1,
.assignments.infobox .content .section.lessonPlans .sectionContent .notification h2,
.assignments.infobox .content .section.lessonPlans .sectionContent .notification h3,
.assignments.infobox .content .section.lessonPlans .sectionContent .notification h4,
.assignments.infobox .content .section.lessonPlans .sectionContent .notification h5,
.assignments.infobox .content .section.lessonPlans .sectionContent .notification h6 {
  color: #88301f;
}
.assignments.infobox .content .section.lessonPlans .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.assignments.infobox .content .section.lessonPlans .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.assignments.infobox .content .section.lessonPlans .sectionContent .notification.unseen {
  background: #fcf4f3;
}
.assignments.infobox .content .section.lessonPlans .sectionContent .notification:first-child {
  border: none;
}
.assignments.infobox .content .section.lessonPlans .sectionContent .notification a h5 {
  color: #7a2b1c;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.assignments.infobox .content .section.lessonPlans .sectionContent .notification a h5:hover {
  background: #eec2b9;
}
.assignments.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.assignments.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.assignments.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.assignments.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.assignments.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.assignments.infobox .content .section.lessonPlans .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.assignments.infobox .content .section.lessonPlans .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.assignments.infobox .content .section.lessonPlans .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.assignments.infobox .content .section.assignmentSheets h1,
.assignments.infobox .content .section.assignmentSheets h2,
.assignments.infobox .content .section.assignmentSheets h3,
.assignments.infobox .content .section.assignmentSheets h4,
.assignments.infobox .content .section.assignmentSheets h5,
.assignments.infobox .content .section.assignmentSheets h6 {
  color: #392953;
}
.assignments.infobox .content .section.assignmentSheets,
.assignments.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.assignments.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.assignments.infobox .content .section.assignmentSheets .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.assignments.infobox .content .section.assignmentSheets .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.assignments.infobox .content .section.assignmentSheets .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.assignments.infobox .content .section.assignmentSheets .notification.expanded .notificationExpander:before {
  content: "";
}
.assignments.infobox .content .section.assignmentSheets .sectionExpander,
.assignments.infobox .content .section.assignmentSheets .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.assignments.infobox .content .section.assignmentSheets .sectionExpander:before,
.assignments.infobox .content .section.assignmentSheets .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.assignments.infobox .content .section.assignmentSheets .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.assignments.infobox .content .section.assignmentSheets .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.assignments.infobox .content .section.assignmentSheets .sectionTitle {
  border-left: 0.5em solid #563d7c;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.assignments.infobox .content .section.assignmentSheets .sectionTitle.lastSection {
  height: 100em;
}
.assignments.infobox .content .section.assignmentSheets .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.assignments.infobox .content .section.assignmentSheets .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.assignments.infobox .content .section.assignmentSheets .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.assignments.infobox .content .section.assignmentSheets .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.assignments.infobox .content .section.assignmentSheets .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.assignments.infobox .content .section.assignmentSheets .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.assignments.infobox .content .section.assignmentSheets .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.assignments.infobox .content .section.assignmentSheets .sectionTitle .alerts:hover {
  background: #77090b;
}
.assignments.infobox .content .section.assignmentSheets.expanded {
  max-height: 50em;
}
.assignments.infobox .content .section.assignmentSheets.expanded .sectionExpander {
  color: #FFF;
}
.assignments.infobox .content .section.assignmentSheets.expanded .sectionExpander:before {
  content: "";
}
.assignments.infobox .content .section.assignmentSheets.expanded .sectionExpander:hover {
  background: #666666;
}
.assignments.infobox .content .section.assignmentSheets.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.assignments.infobox .content .section.assignmentSheets.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.assignments.infobox .content .section.assignmentSheets.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.assignments.infobox .content .section.assignmentSheets.expanded .sectionContent .notification,
.assignments.infobox .content .section.assignmentSheets.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.assignments.infobox .content .section.assignmentSheets.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.assignments.infobox .content .section.assignmentSheets:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.assignments.infobox .content .section.assignmentSheets.collapsed {
  max-height: 0;
  opacity: 0;
}
.assignments.infobox .content .section.assignmentSheets .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.assignments.infobox .content .section.assignmentSheets .sectionContent .notification h1,
.assignments.infobox .content .section.assignmentSheets .sectionContent .notification h2,
.assignments.infobox .content .section.assignmentSheets .sectionContent .notification h3,
.assignments.infobox .content .section.assignmentSheets .sectionContent .notification h4,
.assignments.infobox .content .section.assignmentSheets .sectionContent .notification h5,
.assignments.infobox .content .section.assignmentSheets .sectionContent .notification h6 {
  color: #392953;
}
.assignments.infobox .content .section.assignmentSheets .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.assignments.infobox .content .section.assignmentSheets .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.assignments.infobox .content .section.assignmentSheets .sectionContent .notification.unseen {
  background: #f5f4f7;
}
.assignments.infobox .content .section.assignmentSheets .sectionContent .notification:first-child {
  border: none;
}
.assignments.infobox .content .section.assignmentSheets .sectionContent .notification a h5 {
  color: #34254a;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.assignments.infobox .content .section.assignmentSheets .sectionContent .notification a h5:hover {
  background: #c7bed3;
}
.assignments.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.assignments.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.assignments.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.assignments.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.assignments.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.assignments.infobox .content .section.assignmentSheets .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.assignments.infobox .content .section.assignmentSheets .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.assignments.infobox .content .section.assignmentSheets .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.assignments.infobox .content .section.discussions h1,
.assignments.infobox .content .section.discussions h2,
.assignments.infobox .content .section.discussions h3,
.assignments.infobox .content .section.discussions h4,
.assignments.infobox .content .section.discussions h5,
.assignments.infobox .content .section.discussions h6 {
  color: #903370;
}
.assignments.infobox .content .section.discussions,
.assignments.infobox .content .section.discussions .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.assignments.infobox .content .section.discussions .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.assignments.infobox .content .section.discussions .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.assignments.infobox .content .section.discussions .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.assignments.infobox .content .section.discussions .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.assignments.infobox .content .section.discussions .notification.expanded .notificationExpander:before {
  content: "";
}
.assignments.infobox .content .section.discussions .sectionExpander,
.assignments.infobox .content .section.discussions .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.assignments.infobox .content .section.discussions .sectionExpander:before,
.assignments.infobox .content .section.discussions .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.assignments.infobox .content .section.discussions .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.assignments.infobox .content .section.discussions .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.assignments.infobox .content .section.discussions .sectionTitle {
  border-left: 0.5em solid #d84ca8;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.assignments.infobox .content .section.discussions .sectionTitle.lastSection {
  height: 100em;
}
.assignments.infobox .content .section.discussions .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.assignments.infobox .content .section.discussions .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.assignments.infobox .content .section.discussions .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.assignments.infobox .content .section.discussions .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.assignments.infobox .content .section.discussions .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.assignments.infobox .content .section.discussions .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.assignments.infobox .content .section.discussions .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.assignments.infobox .content .section.discussions .sectionTitle .alerts:hover {
  background: #77090b;
}
.assignments.infobox .content .section.discussions.expanded {
  max-height: 50em;
}
.assignments.infobox .content .section.discussions.expanded .sectionExpander {
  color: #FFF;
}
.assignments.infobox .content .section.discussions.expanded .sectionExpander:before {
  content: "";
}
.assignments.infobox .content .section.discussions.expanded .sectionExpander:hover {
  background: #666666;
}
.assignments.infobox .content .section.discussions.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.assignments.infobox .content .section.discussions.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.assignments.infobox .content .section.discussions.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.assignments.infobox .content .section.discussions.expanded .sectionContent .notification,
.assignments.infobox .content .section.discussions.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.assignments.infobox .content .section.discussions.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.assignments.infobox .content .section.discussions:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.assignments.infobox .content .section.discussions.collapsed {
  max-height: 0;
  opacity: 0;
}
.assignments.infobox .content .section.discussions .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.assignments.infobox .content .section.discussions .sectionContent .notification h1,
.assignments.infobox .content .section.discussions .sectionContent .notification h2,
.assignments.infobox .content .section.discussions .sectionContent .notification h3,
.assignments.infobox .content .section.discussions .sectionContent .notification h4,
.assignments.infobox .content .section.discussions .sectionContent .notification h5,
.assignments.infobox .content .section.discussions .sectionContent .notification h6 {
  color: #903370;
}
.assignments.infobox .content .section.discussions .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.assignments.infobox .content .section.discussions .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.assignments.infobox .content .section.discussions .sectionContent .notification.unseen {
  background: #fdf4fa;
}
.assignments.infobox .content .section.discussions .sectionContent .notification:first-child {
  border: none;
}
.assignments.infobox .content .section.discussions .sectionContent .notification a h5 {
  color: #822e65;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.assignments.infobox .content .section.discussions .sectionContent .notification a h5:hover {
  background: #f2c3e2;
}
.assignments.infobox .content .section.discussions .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.assignments.infobox .content .section.discussions .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.assignments.infobox .content .section.discussions .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.assignments.infobox .content .section.discussions .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.assignments.infobox .content .section.discussions .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.assignments.infobox .content .section.discussions .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.assignments.infobox .content .section.discussions .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.assignments.infobox .content .section.discussions .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.assignments.infobox .content .section .notification {
  /*&.grades {
                    .notification(@GradesColor);
                }*/
}
.assignments.infobox .content .section .notification.assignments {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.assignments.infobox .content .section .notification.assignments h1,
.assignments.infobox .content .section .notification.assignments h2,
.assignments.infobox .content .section .notification.assignments h3,
.assignments.infobox .content .section .notification.assignments h4,
.assignments.infobox .content .section .notification.assignments h5,
.assignments.infobox .content .section .notification.assignments h6 {
  color: #185664;
}
.assignments.infobox .content .section .notification.assignments.show {
  opacity: 1;
  max-height: 15em;
}
.assignments.infobox .content .section .notification.assignments.show.unseen + .notification {
  border-top: none;
}
.assignments.infobox .content .section .notification.assignments.unseen {
  background: #f2f8f9;
}
.assignments.infobox .content .section .notification.assignments:first-child {
  border: none;
}
.assignments.infobox .content .section .notification.assignments a h5 {
  color: #164d5a;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.assignments.infobox .content .section .notification.assignments a h5:hover {
  background: #b6d5dc;
}
.assignments.infobox .content .section .notification.attendance {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.assignments.infobox .content .section .notification.attendance h1,
.assignments.infobox .content .section .notification.attendance h2,
.assignments.infobox .content .section .notification.attendance h3,
.assignments.infobox .content .section .notification.attendance h4,
.assignments.infobox .content .section .notification.attendance h5,
.assignments.infobox .content .section .notification.attendance h6 {
  color: #a75f2b;
}
.assignments.infobox .content .section .notification.attendance.show {
  opacity: 1;
  max-height: 15em;
}
.assignments.infobox .content .section .notification.attendance.show.unseen + .notification {
  border-top: none;
}
.assignments.infobox .content .section .notification.attendance.unseen {
  background: #fff8f4;
}
.assignments.infobox .content .section .notification.attendance:first-child {
  border: none;
}
.assignments.infobox .content .section .notification.attendance a h5 {
  color: #965526;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.assignments.infobox .content .section .notification.attendance a h5:hover {
  background: #fdd9bf;
}
.assignments.infobox .content .section .notification.handouts {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.assignments.infobox .content .section .notification.handouts h1,
.assignments.infobox .content .section .notification.handouts h2,
.assignments.infobox .content .section .notification.handouts h3,
.assignments.infobox .content .section .notification.handouts h4,
.assignments.infobox .content .section .notification.handouts h5,
.assignments.infobox .content .section .notification.handouts h6 {
  color: #5b005f;
}
.assignments.infobox .content .section .notification.handouts.show {
  opacity: 1;
  max-height: 15em;
}
.assignments.infobox .content .section .notification.handouts.show.unseen + .notification {
  border-top: none;
}
.assignments.infobox .content .section .notification.handouts.unseen {
  background: #f8f0f8;
}
.assignments.infobox .content .section .notification.handouts:first-child {
  border: none;
}
.assignments.infobox .content .section .notification.handouts a h5 {
  color: #520056;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.assignments.infobox .content .section .notification.handouts a h5:hover {
  background: #d8aada;
}
.assignments.infobox .content .section .notification.lessonPlans {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.assignments.infobox .content .section .notification.lessonPlans h1,
.assignments.infobox .content .section .notification.lessonPlans h2,
.assignments.infobox .content .section .notification.lessonPlans h3,
.assignments.infobox .content .section .notification.lessonPlans h4,
.assignments.infobox .content .section .notification.lessonPlans h5,
.assignments.infobox .content .section .notification.lessonPlans h6 {
  color: #88301f;
}
.assignments.infobox .content .section .notification.lessonPlans.show {
  opacity: 1;
  max-height: 15em;
}
.assignments.infobox .content .section .notification.lessonPlans.show.unseen + .notification {
  border-top: none;
}
.assignments.infobox .content .section .notification.lessonPlans.unseen {
  background: #fcf4f3;
}
.assignments.infobox .content .section .notification.lessonPlans:first-child {
  border: none;
}
.assignments.infobox .content .section .notification.lessonPlans a h5 {
  color: #7a2b1c;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.assignments.infobox .content .section .notification.lessonPlans a h5:hover {
  background: #eec2b9;
}
.assignments.infobox .content .section .notification.assignmentSheets {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.assignments.infobox .content .section .notification.assignmentSheets h1,
.assignments.infobox .content .section .notification.assignmentSheets h2,
.assignments.infobox .content .section .notification.assignmentSheets h3,
.assignments.infobox .content .section .notification.assignmentSheets h4,
.assignments.infobox .content .section .notification.assignmentSheets h5,
.assignments.infobox .content .section .notification.assignmentSheets h6 {
  color: #392953;
}
.assignments.infobox .content .section .notification.assignmentSheets.show {
  opacity: 1;
  max-height: 15em;
}
.assignments.infobox .content .section .notification.assignmentSheets.show.unseen + .notification {
  border-top: none;
}
.assignments.infobox .content .section .notification.assignmentSheets.unseen {
  background: #f5f4f7;
}
.assignments.infobox .content .section .notification.assignmentSheets:first-child {
  border: none;
}
.assignments.infobox .content .section .notification.assignmentSheets a h5 {
  color: #34254a;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.assignments.infobox .content .section .notification.assignmentSheets a h5:hover {
  background: #c7bed3;
}
.assignments.infobox .content .section .notification.discussions {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.assignments.infobox .content .section .notification.discussions h1,
.assignments.infobox .content .section .notification.discussions h2,
.assignments.infobox .content .section .notification.discussions h3,
.assignments.infobox .content .section .notification.discussions h4,
.assignments.infobox .content .section .notification.discussions h5,
.assignments.infobox .content .section .notification.discussions h6 {
  color: #903370;
}
.assignments.infobox .content .section .notification.discussions.show {
  opacity: 1;
  max-height: 15em;
}
.assignments.infobox .content .section .notification.discussions.show.unseen + .notification {
  border-top: none;
}
.assignments.infobox .content .section .notification.discussions.unseen {
  background: #fdf4fa;
}
.assignments.infobox .content .section .notification.discussions:first-child {
  border: none;
}
.assignments.infobox .content .section .notification.discussions a h5 {
  color: #822e65;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.assignments.infobox .content .section .notification.discussions a h5:hover {
  background: #f2c3e2;
}
.attendance.infobox {
  margin: 1em 0 1em 0;
  overflow: hidden;
  box-shadow: 1px 1px 10px #9a9a9a;
}
.attendance.infobox .has-left-border {
  border-left: 0.5em solid #fa8e40;
}
.attendance.infobox h1,
.attendance.infobox h2,
.attendance.infobox h3,
.attendance.infobox h4,
.attendance.infobox h5,
.attendance.infobox h6 {
  color: #965526;
}
.attendance.infobox .title {
  background: #fa8e40;
}
.attendance.infobox .title .titleLink {
  width: calc(100% - 40px);
  display: block;
  background: #fa8e40;
  float: left;
  transition: background ease .2s;
}
.attendance.infobox .title .titleLink:hover {
  background: #965526;
}
.attendance.infobox .title .titleLink .sectionName {
  width: calc(100% - 65px);
  display: inline-block;
}
.attendance.infobox .title .titleLink .sectionMoreHelper {
  font-size: .6em;
  padding: 0 0 0 .5em;
}
.attendance.infobox .title .titleLink .sectionGrade {
  width: 65px;
  display: inline-block;
  float: right;
}
.attendance.infobox .title .textContent {
  color: #FFF;
  font-weight: 300;
  margin: 0;
  font-size: 1.5em;
  padding: .2em 0 .2em .3em;
}
.attendance.infobox .title .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.5em;
  margin: 0;
  float: right;
  text-align: center;
  opacity: 1;
  padding: .2em 0 .2em 0;
  font-weight: 300;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.attendance.infobox .title .alerts:hover {
  background: #77090b;
}
.attendance.infobox .content .section h1,
.attendance.infobox .content .section h2,
.attendance.infobox .content .section h3,
.attendance.infobox .content .section h4,
.attendance.infobox .content .section h5,
.attendance.infobox .content .section h6 {
  color: #a75f2b;
}
.attendance.infobox .content .section,
.attendance.infobox .content .section .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.attendance.infobox .content .section .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.attendance.infobox .content .section .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.attendance.infobox .content .section .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.attendance.infobox .content .section .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.attendance.infobox .content .section .notification.expanded .notificationExpander:before {
  content: "";
}
.attendance.infobox .content .section .sectionExpander,
.attendance.infobox .content .section .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.attendance.infobox .content .section .sectionExpander:before,
.attendance.infobox .content .section .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.attendance.infobox .content .section .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.attendance.infobox .content .section .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.attendance.infobox .content .section .sectionTitle {
  border-left: 0.5em solid #fa8e40;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.attendance.infobox .content .section .sectionTitle.lastSection {
  height: 100em;
}
.attendance.infobox .content .section .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.attendance.infobox .content .section .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.attendance.infobox .content .section .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.attendance.infobox .content .section .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.attendance.infobox .content .section .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.attendance.infobox .content .section .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.attendance.infobox .content .section .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.attendance.infobox .content .section .sectionTitle .alerts:hover {
  background: #77090b;
}
.attendance.infobox .content .section.expanded {
  max-height: 50em;
}
.attendance.infobox .content .section.expanded .sectionExpander {
  color: #FFF;
}
.attendance.infobox .content .section.expanded .sectionExpander:before {
  content: "";
}
.attendance.infobox .content .section.expanded .sectionExpander:hover {
  background: #666666;
}
.attendance.infobox .content .section.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.attendance.infobox .content .section.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.attendance.infobox .content .section.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.attendance.infobox .content .section.expanded .sectionContent .notification,
.attendance.infobox .content .section.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.attendance.infobox .content .section.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.attendance.infobox .content .section:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.attendance.infobox .content .section.collapsed {
  max-height: 0;
  opacity: 0;
}
.attendance.infobox .content .section .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.attendance.infobox .content .section .sectionContent .notification h1,
.attendance.infobox .content .section .sectionContent .notification h2,
.attendance.infobox .content .section .sectionContent .notification h3,
.attendance.infobox .content .section .sectionContent .notification h4,
.attendance.infobox .content .section .sectionContent .notification h5,
.attendance.infobox .content .section .sectionContent .notification h6 {
  color: #a75f2b;
}
.attendance.infobox .content .section .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.attendance.infobox .content .section .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.attendance.infobox .content .section .sectionContent .notification.unseen {
  background: #fff8f4;
}
.attendance.infobox .content .section .sectionContent .notification:first-child {
  border: none;
}
.attendance.infobox .content .section .sectionContent .notification a h5 {
  color: #965526;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.attendance.infobox .content .section .sectionContent .notification a h5:hover {
  background: #fdd9bf;
}
.attendance.infobox .content .section .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.attendance.infobox .content .section .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.attendance.infobox .content .section .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.attendance.infobox .content .section .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.attendance.infobox .content .section .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.attendance.infobox .content .section .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.attendance.infobox .content .section .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.attendance.infobox .content .section .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.attendance.infobox .content .section.assignments h1,
.attendance.infobox .content .section.assignments h2,
.attendance.infobox .content .section.assignments h3,
.attendance.infobox .content .section.assignments h4,
.attendance.infobox .content .section.assignments h5,
.attendance.infobox .content .section.assignments h6 {
  color: #185664;
}
.attendance.infobox .content .section.assignments,
.attendance.infobox .content .section.assignments .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.attendance.infobox .content .section.assignments .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.attendance.infobox .content .section.assignments .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.attendance.infobox .content .section.assignments .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.attendance.infobox .content .section.assignments .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.attendance.infobox .content .section.assignments .notification.expanded .notificationExpander:before {
  content: "";
}
.attendance.infobox .content .section.assignments .sectionExpander,
.attendance.infobox .content .section.assignments .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.attendance.infobox .content .section.assignments .sectionExpander:before,
.attendance.infobox .content .section.assignments .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.attendance.infobox .content .section.assignments .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.attendance.infobox .content .section.assignments .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.attendance.infobox .content .section.assignments .sectionTitle {
  border-left: 0.5em solid #248196;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.attendance.infobox .content .section.assignments .sectionTitle.lastSection {
  height: 100em;
}
.attendance.infobox .content .section.assignments .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.attendance.infobox .content .section.assignments .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.attendance.infobox .content .section.assignments .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.attendance.infobox .content .section.assignments .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.attendance.infobox .content .section.assignments .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.attendance.infobox .content .section.assignments .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.attendance.infobox .content .section.assignments .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.attendance.infobox .content .section.assignments .sectionTitle .alerts:hover {
  background: #77090b;
}
.attendance.infobox .content .section.assignments.expanded {
  max-height: 50em;
}
.attendance.infobox .content .section.assignments.expanded .sectionExpander {
  color: #FFF;
}
.attendance.infobox .content .section.assignments.expanded .sectionExpander:before {
  content: "";
}
.attendance.infobox .content .section.assignments.expanded .sectionExpander:hover {
  background: #666666;
}
.attendance.infobox .content .section.assignments.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.attendance.infobox .content .section.assignments.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.attendance.infobox .content .section.assignments.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.attendance.infobox .content .section.assignments.expanded .sectionContent .notification,
.attendance.infobox .content .section.assignments.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.attendance.infobox .content .section.assignments.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.attendance.infobox .content .section.assignments:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.attendance.infobox .content .section.assignments.collapsed {
  max-height: 0;
  opacity: 0;
}
.attendance.infobox .content .section.assignments .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.attendance.infobox .content .section.assignments .sectionContent .notification h1,
.attendance.infobox .content .section.assignments .sectionContent .notification h2,
.attendance.infobox .content .section.assignments .sectionContent .notification h3,
.attendance.infobox .content .section.assignments .sectionContent .notification h4,
.attendance.infobox .content .section.assignments .sectionContent .notification h5,
.attendance.infobox .content .section.assignments .sectionContent .notification h6 {
  color: #185664;
}
.attendance.infobox .content .section.assignments .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.attendance.infobox .content .section.assignments .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.attendance.infobox .content .section.assignments .sectionContent .notification.unseen {
  background: #f2f8f9;
}
.attendance.infobox .content .section.assignments .sectionContent .notification:first-child {
  border: none;
}
.attendance.infobox .content .section.assignments .sectionContent .notification a h5 {
  color: #164d5a;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.attendance.infobox .content .section.assignments .sectionContent .notification a h5:hover {
  background: #b6d5dc;
}
.attendance.infobox .content .section.assignments .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.attendance.infobox .content .section.assignments .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.attendance.infobox .content .section.assignments .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.attendance.infobox .content .section.assignments .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.attendance.infobox .content .section.assignments .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.attendance.infobox .content .section.assignments .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.attendance.infobox .content .section.assignments .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.attendance.infobox .content .section.assignments .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.attendance.infobox .content .section.attendance h1,
.attendance.infobox .content .section.attendance h2,
.attendance.infobox .content .section.attendance h3,
.attendance.infobox .content .section.attendance h4,
.attendance.infobox .content .section.attendance h5,
.attendance.infobox .content .section.attendance h6 {
  color: #a75f2b;
}
.attendance.infobox .content .section.attendance,
.attendance.infobox .content .section.attendance .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.attendance.infobox .content .section.attendance .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.attendance.infobox .content .section.attendance .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.attendance.infobox .content .section.attendance .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.attendance.infobox .content .section.attendance .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.attendance.infobox .content .section.attendance .notification.expanded .notificationExpander:before {
  content: "";
}
.attendance.infobox .content .section.attendance .sectionExpander,
.attendance.infobox .content .section.attendance .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.attendance.infobox .content .section.attendance .sectionExpander:before,
.attendance.infobox .content .section.attendance .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.attendance.infobox .content .section.attendance .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.attendance.infobox .content .section.attendance .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.attendance.infobox .content .section.attendance .sectionTitle {
  border-left: 0.5em solid #fa8e40;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.attendance.infobox .content .section.attendance .sectionTitle.lastSection {
  height: 100em;
}
.attendance.infobox .content .section.attendance .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.attendance.infobox .content .section.attendance .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.attendance.infobox .content .section.attendance .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.attendance.infobox .content .section.attendance .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.attendance.infobox .content .section.attendance .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.attendance.infobox .content .section.attendance .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.attendance.infobox .content .section.attendance .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.attendance.infobox .content .section.attendance .sectionTitle .alerts:hover {
  background: #77090b;
}
.attendance.infobox .content .section.attendance.expanded {
  max-height: 50em;
}
.attendance.infobox .content .section.attendance.expanded .sectionExpander {
  color: #FFF;
}
.attendance.infobox .content .section.attendance.expanded .sectionExpander:before {
  content: "";
}
.attendance.infobox .content .section.attendance.expanded .sectionExpander:hover {
  background: #666666;
}
.attendance.infobox .content .section.attendance.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.attendance.infobox .content .section.attendance.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.attendance.infobox .content .section.attendance.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.attendance.infobox .content .section.attendance.expanded .sectionContent .notification,
.attendance.infobox .content .section.attendance.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.attendance.infobox .content .section.attendance.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.attendance.infobox .content .section.attendance:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.attendance.infobox .content .section.attendance.collapsed {
  max-height: 0;
  opacity: 0;
}
.attendance.infobox .content .section.attendance .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.attendance.infobox .content .section.attendance .sectionContent .notification h1,
.attendance.infobox .content .section.attendance .sectionContent .notification h2,
.attendance.infobox .content .section.attendance .sectionContent .notification h3,
.attendance.infobox .content .section.attendance .sectionContent .notification h4,
.attendance.infobox .content .section.attendance .sectionContent .notification h5,
.attendance.infobox .content .section.attendance .sectionContent .notification h6 {
  color: #a75f2b;
}
.attendance.infobox .content .section.attendance .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.attendance.infobox .content .section.attendance .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.attendance.infobox .content .section.attendance .sectionContent .notification.unseen {
  background: #fff8f4;
}
.attendance.infobox .content .section.attendance .sectionContent .notification:first-child {
  border: none;
}
.attendance.infobox .content .section.attendance .sectionContent .notification a h5 {
  color: #965526;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.attendance.infobox .content .section.attendance .sectionContent .notification a h5:hover {
  background: #fdd9bf;
}
.attendance.infobox .content .section.attendance .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.attendance.infobox .content .section.attendance .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.attendance.infobox .content .section.attendance .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.attendance.infobox .content .section.attendance .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.attendance.infobox .content .section.attendance .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.attendance.infobox .content .section.attendance .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.attendance.infobox .content .section.attendance .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.attendance.infobox .content .section.attendance .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.attendance.infobox .content .section.grades h1,
.attendance.infobox .content .section.grades h2,
.attendance.infobox .content .section.grades h3,
.attendance.infobox .content .section.grades h4,
.attendance.infobox .content .section.grades h5,
.attendance.infobox .content .section.grades h6 {
  color: #115c1f;
}
.attendance.infobox .content .section.grades,
.attendance.infobox .content .section.grades .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.attendance.infobox .content .section.grades .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.attendance.infobox .content .section.grades .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.attendance.infobox .content .section.grades .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.attendance.infobox .content .section.grades .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.attendance.infobox .content .section.grades .notification.expanded .notificationExpander:before {
  content: "";
}
.attendance.infobox .content .section.grades .sectionExpander,
.attendance.infobox .content .section.grades .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.attendance.infobox .content .section.grades .sectionExpander:before,
.attendance.infobox .content .section.grades .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.attendance.infobox .content .section.grades .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.attendance.infobox .content .section.grades .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.attendance.infobox .content .section.grades .sectionTitle {
  border-left: 0.5em solid #1a8a2e;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.attendance.infobox .content .section.grades .sectionTitle.lastSection {
  height: 100em;
}
.attendance.infobox .content .section.grades .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.attendance.infobox .content .section.grades .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.attendance.infobox .content .section.grades .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.attendance.infobox .content .section.grades .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.attendance.infobox .content .section.grades .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.attendance.infobox .content .section.grades .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.attendance.infobox .content .section.grades .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.attendance.infobox .content .section.grades .sectionTitle .alerts:hover {
  background: #77090b;
}
.attendance.infobox .content .section.grades.expanded {
  max-height: 50em;
}
.attendance.infobox .content .section.grades.expanded .sectionExpander {
  color: #FFF;
}
.attendance.infobox .content .section.grades.expanded .sectionExpander:before {
  content: "";
}
.attendance.infobox .content .section.grades.expanded .sectionExpander:hover {
  background: #666666;
}
.attendance.infobox .content .section.grades.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.attendance.infobox .content .section.grades.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.attendance.infobox .content .section.grades.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.attendance.infobox .content .section.grades.expanded .sectionContent .notification,
.attendance.infobox .content .section.grades.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.attendance.infobox .content .section.grades.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.attendance.infobox .content .section.grades:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.attendance.infobox .content .section.grades.collapsed {
  max-height: 0;
  opacity: 0;
}
.attendance.infobox .content .section.grades .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.attendance.infobox .content .section.grades .sectionContent .notification h1,
.attendance.infobox .content .section.grades .sectionContent .notification h2,
.attendance.infobox .content .section.grades .sectionContent .notification h3,
.attendance.infobox .content .section.grades .sectionContent .notification h4,
.attendance.infobox .content .section.grades .sectionContent .notification h5,
.attendance.infobox .content .section.grades .sectionContent .notification h6 {
  color: #115c1f;
}
.attendance.infobox .content .section.grades .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.attendance.infobox .content .section.grades .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.attendance.infobox .content .section.grades .sectionContent .notification.unseen {
  background: #f2f8f3;
}
.attendance.infobox .content .section.grades .sectionContent .notification:first-child {
  border: none;
}
.attendance.infobox .content .section.grades .sectionContent .notification a h5 {
  color: #10531c;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.attendance.infobox .content .section.grades .sectionContent .notification a h5:hover {
  background: #b3d8b9;
}
.attendance.infobox .content .section.grades .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.attendance.infobox .content .section.grades .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.attendance.infobox .content .section.grades .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.attendance.infobox .content .section.grades .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.attendance.infobox .content .section.grades .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.attendance.infobox .content .section.grades .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.attendance.infobox .content .section.grades .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.attendance.infobox .content .section.grades .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.attendance.infobox .content .section.handouts h1,
.attendance.infobox .content .section.handouts h2,
.attendance.infobox .content .section.handouts h3,
.attendance.infobox .content .section.handouts h4,
.attendance.infobox .content .section.handouts h5,
.attendance.infobox .content .section.handouts h6 {
  color: #5b005f;
}
.attendance.infobox .content .section.handouts,
.attendance.infobox .content .section.handouts .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.attendance.infobox .content .section.handouts .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.attendance.infobox .content .section.handouts .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.attendance.infobox .content .section.handouts .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.attendance.infobox .content .section.handouts .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.attendance.infobox .content .section.handouts .notification.expanded .notificationExpander:before {
  content: "";
}
.attendance.infobox .content .section.handouts .sectionExpander,
.attendance.infobox .content .section.handouts .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.attendance.infobox .content .section.handouts .sectionExpander:before,
.attendance.infobox .content .section.handouts .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.attendance.infobox .content .section.handouts .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.attendance.infobox .content .section.handouts .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.attendance.infobox .content .section.handouts .sectionTitle {
  border-left: 0.5em solid #89008f;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.attendance.infobox .content .section.handouts .sectionTitle.lastSection {
  height: 100em;
}
.attendance.infobox .content .section.handouts .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.attendance.infobox .content .section.handouts .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.attendance.infobox .content .section.handouts .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.attendance.infobox .content .section.handouts .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.attendance.infobox .content .section.handouts .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.attendance.infobox .content .section.handouts .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.attendance.infobox .content .section.handouts .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.attendance.infobox .content .section.handouts .sectionTitle .alerts:hover {
  background: #77090b;
}
.attendance.infobox .content .section.handouts.expanded {
  max-height: 50em;
}
.attendance.infobox .content .section.handouts.expanded .sectionExpander {
  color: #FFF;
}
.attendance.infobox .content .section.handouts.expanded .sectionExpander:before {
  content: "";
}
.attendance.infobox .content .section.handouts.expanded .sectionExpander:hover {
  background: #666666;
}
.attendance.infobox .content .section.handouts.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.attendance.infobox .content .section.handouts.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.attendance.infobox .content .section.handouts.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.attendance.infobox .content .section.handouts.expanded .sectionContent .notification,
.attendance.infobox .content .section.handouts.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.attendance.infobox .content .section.handouts.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.attendance.infobox .content .section.handouts:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.attendance.infobox .content .section.handouts.collapsed {
  max-height: 0;
  opacity: 0;
}
.attendance.infobox .content .section.handouts .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.attendance.infobox .content .section.handouts .sectionContent .notification h1,
.attendance.infobox .content .section.handouts .sectionContent .notification h2,
.attendance.infobox .content .section.handouts .sectionContent .notification h3,
.attendance.infobox .content .section.handouts .sectionContent .notification h4,
.attendance.infobox .content .section.handouts .sectionContent .notification h5,
.attendance.infobox .content .section.handouts .sectionContent .notification h6 {
  color: #5b005f;
}
.attendance.infobox .content .section.handouts .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.attendance.infobox .content .section.handouts .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.attendance.infobox .content .section.handouts .sectionContent .notification.unseen {
  background: #f8f0f8;
}
.attendance.infobox .content .section.handouts .sectionContent .notification:first-child {
  border: none;
}
.attendance.infobox .content .section.handouts .sectionContent .notification a h5 {
  color: #520056;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.attendance.infobox .content .section.handouts .sectionContent .notification a h5:hover {
  background: #d8aada;
}
.attendance.infobox .content .section.handouts .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.attendance.infobox .content .section.handouts .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.attendance.infobox .content .section.handouts .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.attendance.infobox .content .section.handouts .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.attendance.infobox .content .section.handouts .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.attendance.infobox .content .section.handouts .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.attendance.infobox .content .section.handouts .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.attendance.infobox .content .section.handouts .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.attendance.infobox .content .section.lessonPlans h1,
.attendance.infobox .content .section.lessonPlans h2,
.attendance.infobox .content .section.lessonPlans h3,
.attendance.infobox .content .section.lessonPlans h4,
.attendance.infobox .content .section.lessonPlans h5,
.attendance.infobox .content .section.lessonPlans h6 {
  color: #88301f;
}
.attendance.infobox .content .section.lessonPlans,
.attendance.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.attendance.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.attendance.infobox .content .section.lessonPlans .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.attendance.infobox .content .section.lessonPlans .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.attendance.infobox .content .section.lessonPlans .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.attendance.infobox .content .section.lessonPlans .notification.expanded .notificationExpander:before {
  content: "";
}
.attendance.infobox .content .section.lessonPlans .sectionExpander,
.attendance.infobox .content .section.lessonPlans .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.attendance.infobox .content .section.lessonPlans .sectionExpander:before,
.attendance.infobox .content .section.lessonPlans .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.attendance.infobox .content .section.lessonPlans .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.attendance.infobox .content .section.lessonPlans .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.attendance.infobox .content .section.lessonPlans .sectionTitle {
  border-left: 0.5em solid #cc482e;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.attendance.infobox .content .section.lessonPlans .sectionTitle.lastSection {
  height: 100em;
}
.attendance.infobox .content .section.lessonPlans .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.attendance.infobox .content .section.lessonPlans .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.attendance.infobox .content .section.lessonPlans .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.attendance.infobox .content .section.lessonPlans .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.attendance.infobox .content .section.lessonPlans .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.attendance.infobox .content .section.lessonPlans .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.attendance.infobox .content .section.lessonPlans .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.attendance.infobox .content .section.lessonPlans .sectionTitle .alerts:hover {
  background: #77090b;
}
.attendance.infobox .content .section.lessonPlans.expanded {
  max-height: 50em;
}
.attendance.infobox .content .section.lessonPlans.expanded .sectionExpander {
  color: #FFF;
}
.attendance.infobox .content .section.lessonPlans.expanded .sectionExpander:before {
  content: "";
}
.attendance.infobox .content .section.lessonPlans.expanded .sectionExpander:hover {
  background: #666666;
}
.attendance.infobox .content .section.lessonPlans.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.attendance.infobox .content .section.lessonPlans.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.attendance.infobox .content .section.lessonPlans.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.attendance.infobox .content .section.lessonPlans.expanded .sectionContent .notification,
.attendance.infobox .content .section.lessonPlans.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.attendance.infobox .content .section.lessonPlans.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.attendance.infobox .content .section.lessonPlans:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.attendance.infobox .content .section.lessonPlans.collapsed {
  max-height: 0;
  opacity: 0;
}
.attendance.infobox .content .section.lessonPlans .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.attendance.infobox .content .section.lessonPlans .sectionContent .notification h1,
.attendance.infobox .content .section.lessonPlans .sectionContent .notification h2,
.attendance.infobox .content .section.lessonPlans .sectionContent .notification h3,
.attendance.infobox .content .section.lessonPlans .sectionContent .notification h4,
.attendance.infobox .content .section.lessonPlans .sectionContent .notification h5,
.attendance.infobox .content .section.lessonPlans .sectionContent .notification h6 {
  color: #88301f;
}
.attendance.infobox .content .section.lessonPlans .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.attendance.infobox .content .section.lessonPlans .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.attendance.infobox .content .section.lessonPlans .sectionContent .notification.unseen {
  background: #fcf4f3;
}
.attendance.infobox .content .section.lessonPlans .sectionContent .notification:first-child {
  border: none;
}
.attendance.infobox .content .section.lessonPlans .sectionContent .notification a h5 {
  color: #7a2b1c;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.attendance.infobox .content .section.lessonPlans .sectionContent .notification a h5:hover {
  background: #eec2b9;
}
.attendance.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.attendance.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.attendance.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.attendance.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.attendance.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.attendance.infobox .content .section.lessonPlans .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.attendance.infobox .content .section.lessonPlans .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.attendance.infobox .content .section.lessonPlans .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.attendance.infobox .content .section.assignmentSheets h1,
.attendance.infobox .content .section.assignmentSheets h2,
.attendance.infobox .content .section.assignmentSheets h3,
.attendance.infobox .content .section.assignmentSheets h4,
.attendance.infobox .content .section.assignmentSheets h5,
.attendance.infobox .content .section.assignmentSheets h6 {
  color: #392953;
}
.attendance.infobox .content .section.assignmentSheets,
.attendance.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.attendance.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.attendance.infobox .content .section.assignmentSheets .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.attendance.infobox .content .section.assignmentSheets .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.attendance.infobox .content .section.assignmentSheets .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.attendance.infobox .content .section.assignmentSheets .notification.expanded .notificationExpander:before {
  content: "";
}
.attendance.infobox .content .section.assignmentSheets .sectionExpander,
.attendance.infobox .content .section.assignmentSheets .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.attendance.infobox .content .section.assignmentSheets .sectionExpander:before,
.attendance.infobox .content .section.assignmentSheets .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.attendance.infobox .content .section.assignmentSheets .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.attendance.infobox .content .section.assignmentSheets .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.attendance.infobox .content .section.assignmentSheets .sectionTitle {
  border-left: 0.5em solid #563d7c;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.attendance.infobox .content .section.assignmentSheets .sectionTitle.lastSection {
  height: 100em;
}
.attendance.infobox .content .section.assignmentSheets .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.attendance.infobox .content .section.assignmentSheets .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.attendance.infobox .content .section.assignmentSheets .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.attendance.infobox .content .section.assignmentSheets .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.attendance.infobox .content .section.assignmentSheets .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.attendance.infobox .content .section.assignmentSheets .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.attendance.infobox .content .section.assignmentSheets .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.attendance.infobox .content .section.assignmentSheets .sectionTitle .alerts:hover {
  background: #77090b;
}
.attendance.infobox .content .section.assignmentSheets.expanded {
  max-height: 50em;
}
.attendance.infobox .content .section.assignmentSheets.expanded .sectionExpander {
  color: #FFF;
}
.attendance.infobox .content .section.assignmentSheets.expanded .sectionExpander:before {
  content: "";
}
.attendance.infobox .content .section.assignmentSheets.expanded .sectionExpander:hover {
  background: #666666;
}
.attendance.infobox .content .section.assignmentSheets.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.attendance.infobox .content .section.assignmentSheets.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.attendance.infobox .content .section.assignmentSheets.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.attendance.infobox .content .section.assignmentSheets.expanded .sectionContent .notification,
.attendance.infobox .content .section.assignmentSheets.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.attendance.infobox .content .section.assignmentSheets.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.attendance.infobox .content .section.assignmentSheets:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.attendance.infobox .content .section.assignmentSheets.collapsed {
  max-height: 0;
  opacity: 0;
}
.attendance.infobox .content .section.assignmentSheets .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.attendance.infobox .content .section.assignmentSheets .sectionContent .notification h1,
.attendance.infobox .content .section.assignmentSheets .sectionContent .notification h2,
.attendance.infobox .content .section.assignmentSheets .sectionContent .notification h3,
.attendance.infobox .content .section.assignmentSheets .sectionContent .notification h4,
.attendance.infobox .content .section.assignmentSheets .sectionContent .notification h5,
.attendance.infobox .content .section.assignmentSheets .sectionContent .notification h6 {
  color: #392953;
}
.attendance.infobox .content .section.assignmentSheets .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.attendance.infobox .content .section.assignmentSheets .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.attendance.infobox .content .section.assignmentSheets .sectionContent .notification.unseen {
  background: #f5f4f7;
}
.attendance.infobox .content .section.assignmentSheets .sectionContent .notification:first-child {
  border: none;
}
.attendance.infobox .content .section.assignmentSheets .sectionContent .notification a h5 {
  color: #34254a;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.attendance.infobox .content .section.assignmentSheets .sectionContent .notification a h5:hover {
  background: #c7bed3;
}
.attendance.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.attendance.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.attendance.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.attendance.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.attendance.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.attendance.infobox .content .section.assignmentSheets .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.attendance.infobox .content .section.assignmentSheets .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.attendance.infobox .content .section.assignmentSheets .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.attendance.infobox .content .section.discussions h1,
.attendance.infobox .content .section.discussions h2,
.attendance.infobox .content .section.discussions h3,
.attendance.infobox .content .section.discussions h4,
.attendance.infobox .content .section.discussions h5,
.attendance.infobox .content .section.discussions h6 {
  color: #903370;
}
.attendance.infobox .content .section.discussions,
.attendance.infobox .content .section.discussions .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.attendance.infobox .content .section.discussions .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.attendance.infobox .content .section.discussions .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.attendance.infobox .content .section.discussions .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.attendance.infobox .content .section.discussions .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.attendance.infobox .content .section.discussions .notification.expanded .notificationExpander:before {
  content: "";
}
.attendance.infobox .content .section.discussions .sectionExpander,
.attendance.infobox .content .section.discussions .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.attendance.infobox .content .section.discussions .sectionExpander:before,
.attendance.infobox .content .section.discussions .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.attendance.infobox .content .section.discussions .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.attendance.infobox .content .section.discussions .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.attendance.infobox .content .section.discussions .sectionTitle {
  border-left: 0.5em solid #d84ca8;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.attendance.infobox .content .section.discussions .sectionTitle.lastSection {
  height: 100em;
}
.attendance.infobox .content .section.discussions .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.attendance.infobox .content .section.discussions .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.attendance.infobox .content .section.discussions .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.attendance.infobox .content .section.discussions .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.attendance.infobox .content .section.discussions .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.attendance.infobox .content .section.discussions .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.attendance.infobox .content .section.discussions .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.attendance.infobox .content .section.discussions .sectionTitle .alerts:hover {
  background: #77090b;
}
.attendance.infobox .content .section.discussions.expanded {
  max-height: 50em;
}
.attendance.infobox .content .section.discussions.expanded .sectionExpander {
  color: #FFF;
}
.attendance.infobox .content .section.discussions.expanded .sectionExpander:before {
  content: "";
}
.attendance.infobox .content .section.discussions.expanded .sectionExpander:hover {
  background: #666666;
}
.attendance.infobox .content .section.discussions.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.attendance.infobox .content .section.discussions.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.attendance.infobox .content .section.discussions.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.attendance.infobox .content .section.discussions.expanded .sectionContent .notification,
.attendance.infobox .content .section.discussions.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.attendance.infobox .content .section.discussions.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.attendance.infobox .content .section.discussions:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.attendance.infobox .content .section.discussions.collapsed {
  max-height: 0;
  opacity: 0;
}
.attendance.infobox .content .section.discussions .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.attendance.infobox .content .section.discussions .sectionContent .notification h1,
.attendance.infobox .content .section.discussions .sectionContent .notification h2,
.attendance.infobox .content .section.discussions .sectionContent .notification h3,
.attendance.infobox .content .section.discussions .sectionContent .notification h4,
.attendance.infobox .content .section.discussions .sectionContent .notification h5,
.attendance.infobox .content .section.discussions .sectionContent .notification h6 {
  color: #903370;
}
.attendance.infobox .content .section.discussions .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.attendance.infobox .content .section.discussions .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.attendance.infobox .content .section.discussions .sectionContent .notification.unseen {
  background: #fdf4fa;
}
.attendance.infobox .content .section.discussions .sectionContent .notification:first-child {
  border: none;
}
.attendance.infobox .content .section.discussions .sectionContent .notification a h5 {
  color: #822e65;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.attendance.infobox .content .section.discussions .sectionContent .notification a h5:hover {
  background: #f2c3e2;
}
.attendance.infobox .content .section.discussions .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.attendance.infobox .content .section.discussions .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.attendance.infobox .content .section.discussions .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.attendance.infobox .content .section.discussions .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.attendance.infobox .content .section.discussions .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.attendance.infobox .content .section.discussions .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.attendance.infobox .content .section.discussions .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.attendance.infobox .content .section.discussions .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.attendance.infobox .content .section .notification {
  /*&.grades {
                    .notification(@GradesColor);
                }*/
}
.attendance.infobox .content .section .notification.assignments {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.attendance.infobox .content .section .notification.assignments h1,
.attendance.infobox .content .section .notification.assignments h2,
.attendance.infobox .content .section .notification.assignments h3,
.attendance.infobox .content .section .notification.assignments h4,
.attendance.infobox .content .section .notification.assignments h5,
.attendance.infobox .content .section .notification.assignments h6 {
  color: #185664;
}
.attendance.infobox .content .section .notification.assignments.show {
  opacity: 1;
  max-height: 15em;
}
.attendance.infobox .content .section .notification.assignments.show.unseen + .notification {
  border-top: none;
}
.attendance.infobox .content .section .notification.assignments.unseen {
  background: #f2f8f9;
}
.attendance.infobox .content .section .notification.assignments:first-child {
  border: none;
}
.attendance.infobox .content .section .notification.assignments a h5 {
  color: #164d5a;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.attendance.infobox .content .section .notification.assignments a h5:hover {
  background: #b6d5dc;
}
.attendance.infobox .content .section .notification.attendance {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.attendance.infobox .content .section .notification.attendance h1,
.attendance.infobox .content .section .notification.attendance h2,
.attendance.infobox .content .section .notification.attendance h3,
.attendance.infobox .content .section .notification.attendance h4,
.attendance.infobox .content .section .notification.attendance h5,
.attendance.infobox .content .section .notification.attendance h6 {
  color: #a75f2b;
}
.attendance.infobox .content .section .notification.attendance.show {
  opacity: 1;
  max-height: 15em;
}
.attendance.infobox .content .section .notification.attendance.show.unseen + .notification {
  border-top: none;
}
.attendance.infobox .content .section .notification.attendance.unseen {
  background: #fff8f4;
}
.attendance.infobox .content .section .notification.attendance:first-child {
  border: none;
}
.attendance.infobox .content .section .notification.attendance a h5 {
  color: #965526;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.attendance.infobox .content .section .notification.attendance a h5:hover {
  background: #fdd9bf;
}
.attendance.infobox .content .section .notification.handouts {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.attendance.infobox .content .section .notification.handouts h1,
.attendance.infobox .content .section .notification.handouts h2,
.attendance.infobox .content .section .notification.handouts h3,
.attendance.infobox .content .section .notification.handouts h4,
.attendance.infobox .content .section .notification.handouts h5,
.attendance.infobox .content .section .notification.handouts h6 {
  color: #5b005f;
}
.attendance.infobox .content .section .notification.handouts.show {
  opacity: 1;
  max-height: 15em;
}
.attendance.infobox .content .section .notification.handouts.show.unseen + .notification {
  border-top: none;
}
.attendance.infobox .content .section .notification.handouts.unseen {
  background: #f8f0f8;
}
.attendance.infobox .content .section .notification.handouts:first-child {
  border: none;
}
.attendance.infobox .content .section .notification.handouts a h5 {
  color: #520056;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.attendance.infobox .content .section .notification.handouts a h5:hover {
  background: #d8aada;
}
.attendance.infobox .content .section .notification.lessonPlans {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.attendance.infobox .content .section .notification.lessonPlans h1,
.attendance.infobox .content .section .notification.lessonPlans h2,
.attendance.infobox .content .section .notification.lessonPlans h3,
.attendance.infobox .content .section .notification.lessonPlans h4,
.attendance.infobox .content .section .notification.lessonPlans h5,
.attendance.infobox .content .section .notification.lessonPlans h6 {
  color: #88301f;
}
.attendance.infobox .content .section .notification.lessonPlans.show {
  opacity: 1;
  max-height: 15em;
}
.attendance.infobox .content .section .notification.lessonPlans.show.unseen + .notification {
  border-top: none;
}
.attendance.infobox .content .section .notification.lessonPlans.unseen {
  background: #fcf4f3;
}
.attendance.infobox .content .section .notification.lessonPlans:first-child {
  border: none;
}
.attendance.infobox .content .section .notification.lessonPlans a h5 {
  color: #7a2b1c;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.attendance.infobox .content .section .notification.lessonPlans a h5:hover {
  background: #eec2b9;
}
.attendance.infobox .content .section .notification.assignmentSheets {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.attendance.infobox .content .section .notification.assignmentSheets h1,
.attendance.infobox .content .section .notification.assignmentSheets h2,
.attendance.infobox .content .section .notification.assignmentSheets h3,
.attendance.infobox .content .section .notification.assignmentSheets h4,
.attendance.infobox .content .section .notification.assignmentSheets h5,
.attendance.infobox .content .section .notification.assignmentSheets h6 {
  color: #392953;
}
.attendance.infobox .content .section .notification.assignmentSheets.show {
  opacity: 1;
  max-height: 15em;
}
.attendance.infobox .content .section .notification.assignmentSheets.show.unseen + .notification {
  border-top: none;
}
.attendance.infobox .content .section .notification.assignmentSheets.unseen {
  background: #f5f4f7;
}
.attendance.infobox .content .section .notification.assignmentSheets:first-child {
  border: none;
}
.attendance.infobox .content .section .notification.assignmentSheets a h5 {
  color: #34254a;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.attendance.infobox .content .section .notification.assignmentSheets a h5:hover {
  background: #c7bed3;
}
.attendance.infobox .content .section .notification.discussions {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.attendance.infobox .content .section .notification.discussions h1,
.attendance.infobox .content .section .notification.discussions h2,
.attendance.infobox .content .section .notification.discussions h3,
.attendance.infobox .content .section .notification.discussions h4,
.attendance.infobox .content .section .notification.discussions h5,
.attendance.infobox .content .section .notification.discussions h6 {
  color: #903370;
}
.attendance.infobox .content .section .notification.discussions.show {
  opacity: 1;
  max-height: 15em;
}
.attendance.infobox .content .section .notification.discussions.show.unseen + .notification {
  border-top: none;
}
.attendance.infobox .content .section .notification.discussions.unseen {
  background: #fdf4fa;
}
.attendance.infobox .content .section .notification.discussions:first-child {
  border: none;
}
.attendance.infobox .content .section .notification.discussions a h5 {
  color: #822e65;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.attendance.infobox .content .section .notification.discussions a h5:hover {
  background: #f2c3e2;
}
.grades.infobox {
  margin: 1em 0 1em 0;
  overflow: hidden;
  box-shadow: 1px 1px 10px #9a9a9a;
}
.grades.infobox .has-left-border {
  border-left: 0.5em solid #1a8a2e;
}
.grades.infobox h1,
.grades.infobox h2,
.grades.infobox h3,
.grades.infobox h4,
.grades.infobox h5,
.grades.infobox h6 {
  color: #10531c;
}
.grades.infobox .title {
  background: #1a8a2e;
}
.grades.infobox .title .titleLink {
  width: calc(100% - 40px);
  display: block;
  background: #1a8a2e;
  float: left;
  transition: background ease .2s;
}
.grades.infobox .title .titleLink:hover {
  background: #10531c;
}
.grades.infobox .title .titleLink .sectionName {
  width: calc(100% - 65px);
  display: inline-block;
}
.grades.infobox .title .titleLink .sectionMoreHelper {
  font-size: .6em;
  padding: 0 0 0 .5em;
}
.grades.infobox .title .titleLink .sectionGrade {
  width: 65px;
  display: inline-block;
  float: right;
}
.grades.infobox .title .textContent {
  color: #FFF;
  font-weight: 300;
  margin: 0;
  font-size: 1.5em;
  padding: .2em 0 .2em .3em;
}
.grades.infobox .title .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.5em;
  margin: 0;
  float: right;
  text-align: center;
  opacity: 1;
  padding: .2em 0 .2em 0;
  font-weight: 300;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.grades.infobox .title .alerts:hover {
  background: #77090b;
}
.grades.infobox .content .section h1,
.grades.infobox .content .section h2,
.grades.infobox .content .section h3,
.grades.infobox .content .section h4,
.grades.infobox .content .section h5,
.grades.infobox .content .section h6 {
  color: #115c1f;
}
.grades.infobox .content .section,
.grades.infobox .content .section .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.grades.infobox .content .section .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.grades.infobox .content .section .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.grades.infobox .content .section .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.grades.infobox .content .section .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.grades.infobox .content .section .notification.expanded .notificationExpander:before {
  content: "";
}
.grades.infobox .content .section .sectionExpander,
.grades.infobox .content .section .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.grades.infobox .content .section .sectionExpander:before,
.grades.infobox .content .section .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.grades.infobox .content .section .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.grades.infobox .content .section .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.grades.infobox .content .section .sectionTitle {
  border-left: 0.5em solid #1a8a2e;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.grades.infobox .content .section .sectionTitle.lastSection {
  height: 100em;
}
.grades.infobox .content .section .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.grades.infobox .content .section .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.grades.infobox .content .section .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.grades.infobox .content .section .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.grades.infobox .content .section .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.grades.infobox .content .section .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.grades.infobox .content .section .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.grades.infobox .content .section .sectionTitle .alerts:hover {
  background: #77090b;
}
.grades.infobox .content .section.expanded {
  max-height: 50em;
}
.grades.infobox .content .section.expanded .sectionExpander {
  color: #FFF;
}
.grades.infobox .content .section.expanded .sectionExpander:before {
  content: "";
}
.grades.infobox .content .section.expanded .sectionExpander:hover {
  background: #666666;
}
.grades.infobox .content .section.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.grades.infobox .content .section.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.grades.infobox .content .section.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.grades.infobox .content .section.expanded .sectionContent .notification,
.grades.infobox .content .section.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.grades.infobox .content .section.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.grades.infobox .content .section:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.grades.infobox .content .section.collapsed {
  max-height: 0;
  opacity: 0;
}
.grades.infobox .content .section .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.grades.infobox .content .section .sectionContent .notification h1,
.grades.infobox .content .section .sectionContent .notification h2,
.grades.infobox .content .section .sectionContent .notification h3,
.grades.infobox .content .section .sectionContent .notification h4,
.grades.infobox .content .section .sectionContent .notification h5,
.grades.infobox .content .section .sectionContent .notification h6 {
  color: #115c1f;
}
.grades.infobox .content .section .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.grades.infobox .content .section .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.grades.infobox .content .section .sectionContent .notification.unseen {
  background: #f2f8f3;
}
.grades.infobox .content .section .sectionContent .notification:first-child {
  border: none;
}
.grades.infobox .content .section .sectionContent .notification a h5 {
  color: #10531c;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.grades.infobox .content .section .sectionContent .notification a h5:hover {
  background: #b3d8b9;
}
.grades.infobox .content .section .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.grades.infobox .content .section .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.grades.infobox .content .section .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.grades.infobox .content .section .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.grades.infobox .content .section .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.grades.infobox .content .section .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.grades.infobox .content .section .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.grades.infobox .content .section .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.grades.infobox .content .section.assignments h1,
.grades.infobox .content .section.assignments h2,
.grades.infobox .content .section.assignments h3,
.grades.infobox .content .section.assignments h4,
.grades.infobox .content .section.assignments h5,
.grades.infobox .content .section.assignments h6 {
  color: #185664;
}
.grades.infobox .content .section.assignments,
.grades.infobox .content .section.assignments .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.grades.infobox .content .section.assignments .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.grades.infobox .content .section.assignments .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.grades.infobox .content .section.assignments .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.grades.infobox .content .section.assignments .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.grades.infobox .content .section.assignments .notification.expanded .notificationExpander:before {
  content: "";
}
.grades.infobox .content .section.assignments .sectionExpander,
.grades.infobox .content .section.assignments .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.grades.infobox .content .section.assignments .sectionExpander:before,
.grades.infobox .content .section.assignments .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.grades.infobox .content .section.assignments .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.grades.infobox .content .section.assignments .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.grades.infobox .content .section.assignments .sectionTitle {
  border-left: 0.5em solid #248196;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.grades.infobox .content .section.assignments .sectionTitle.lastSection {
  height: 100em;
}
.grades.infobox .content .section.assignments .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.grades.infobox .content .section.assignments .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.grades.infobox .content .section.assignments .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.grades.infobox .content .section.assignments .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.grades.infobox .content .section.assignments .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.grades.infobox .content .section.assignments .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.grades.infobox .content .section.assignments .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.grades.infobox .content .section.assignments .sectionTitle .alerts:hover {
  background: #77090b;
}
.grades.infobox .content .section.assignments.expanded {
  max-height: 50em;
}
.grades.infobox .content .section.assignments.expanded .sectionExpander {
  color: #FFF;
}
.grades.infobox .content .section.assignments.expanded .sectionExpander:before {
  content: "";
}
.grades.infobox .content .section.assignments.expanded .sectionExpander:hover {
  background: #666666;
}
.grades.infobox .content .section.assignments.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.grades.infobox .content .section.assignments.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.grades.infobox .content .section.assignments.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.grades.infobox .content .section.assignments.expanded .sectionContent .notification,
.grades.infobox .content .section.assignments.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.grades.infobox .content .section.assignments.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.grades.infobox .content .section.assignments:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.grades.infobox .content .section.assignments.collapsed {
  max-height: 0;
  opacity: 0;
}
.grades.infobox .content .section.assignments .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.grades.infobox .content .section.assignments .sectionContent .notification h1,
.grades.infobox .content .section.assignments .sectionContent .notification h2,
.grades.infobox .content .section.assignments .sectionContent .notification h3,
.grades.infobox .content .section.assignments .sectionContent .notification h4,
.grades.infobox .content .section.assignments .sectionContent .notification h5,
.grades.infobox .content .section.assignments .sectionContent .notification h6 {
  color: #185664;
}
.grades.infobox .content .section.assignments .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.grades.infobox .content .section.assignments .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.grades.infobox .content .section.assignments .sectionContent .notification.unseen {
  background: #f2f8f9;
}
.grades.infobox .content .section.assignments .sectionContent .notification:first-child {
  border: none;
}
.grades.infobox .content .section.assignments .sectionContent .notification a h5 {
  color: #164d5a;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.grades.infobox .content .section.assignments .sectionContent .notification a h5:hover {
  background: #b6d5dc;
}
.grades.infobox .content .section.assignments .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.grades.infobox .content .section.assignments .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.grades.infobox .content .section.assignments .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.grades.infobox .content .section.assignments .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.grades.infobox .content .section.assignments .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.grades.infobox .content .section.assignments .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.grades.infobox .content .section.assignments .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.grades.infobox .content .section.assignments .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.grades.infobox .content .section.attendance h1,
.grades.infobox .content .section.attendance h2,
.grades.infobox .content .section.attendance h3,
.grades.infobox .content .section.attendance h4,
.grades.infobox .content .section.attendance h5,
.grades.infobox .content .section.attendance h6 {
  color: #a75f2b;
}
.grades.infobox .content .section.attendance,
.grades.infobox .content .section.attendance .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.grades.infobox .content .section.attendance .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.grades.infobox .content .section.attendance .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.grades.infobox .content .section.attendance .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.grades.infobox .content .section.attendance .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.grades.infobox .content .section.attendance .notification.expanded .notificationExpander:before {
  content: "";
}
.grades.infobox .content .section.attendance .sectionExpander,
.grades.infobox .content .section.attendance .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.grades.infobox .content .section.attendance .sectionExpander:before,
.grades.infobox .content .section.attendance .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.grades.infobox .content .section.attendance .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.grades.infobox .content .section.attendance .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.grades.infobox .content .section.attendance .sectionTitle {
  border-left: 0.5em solid #fa8e40;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.grades.infobox .content .section.attendance .sectionTitle.lastSection {
  height: 100em;
}
.grades.infobox .content .section.attendance .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.grades.infobox .content .section.attendance .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.grades.infobox .content .section.attendance .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.grades.infobox .content .section.attendance .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.grades.infobox .content .section.attendance .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.grades.infobox .content .section.attendance .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.grades.infobox .content .section.attendance .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.grades.infobox .content .section.attendance .sectionTitle .alerts:hover {
  background: #77090b;
}
.grades.infobox .content .section.attendance.expanded {
  max-height: 50em;
}
.grades.infobox .content .section.attendance.expanded .sectionExpander {
  color: #FFF;
}
.grades.infobox .content .section.attendance.expanded .sectionExpander:before {
  content: "";
}
.grades.infobox .content .section.attendance.expanded .sectionExpander:hover {
  background: #666666;
}
.grades.infobox .content .section.attendance.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.grades.infobox .content .section.attendance.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.grades.infobox .content .section.attendance.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.grades.infobox .content .section.attendance.expanded .sectionContent .notification,
.grades.infobox .content .section.attendance.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.grades.infobox .content .section.attendance.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.grades.infobox .content .section.attendance:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.grades.infobox .content .section.attendance.collapsed {
  max-height: 0;
  opacity: 0;
}
.grades.infobox .content .section.attendance .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.grades.infobox .content .section.attendance .sectionContent .notification h1,
.grades.infobox .content .section.attendance .sectionContent .notification h2,
.grades.infobox .content .section.attendance .sectionContent .notification h3,
.grades.infobox .content .section.attendance .sectionContent .notification h4,
.grades.infobox .content .section.attendance .sectionContent .notification h5,
.grades.infobox .content .section.attendance .sectionContent .notification h6 {
  color: #a75f2b;
}
.grades.infobox .content .section.attendance .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.grades.infobox .content .section.attendance .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.grades.infobox .content .section.attendance .sectionContent .notification.unseen {
  background: #fff8f4;
}
.grades.infobox .content .section.attendance .sectionContent .notification:first-child {
  border: none;
}
.grades.infobox .content .section.attendance .sectionContent .notification a h5 {
  color: #965526;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.grades.infobox .content .section.attendance .sectionContent .notification a h5:hover {
  background: #fdd9bf;
}
.grades.infobox .content .section.attendance .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.grades.infobox .content .section.attendance .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.grades.infobox .content .section.attendance .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.grades.infobox .content .section.attendance .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.grades.infobox .content .section.attendance .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.grades.infobox .content .section.attendance .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.grades.infobox .content .section.attendance .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.grades.infobox .content .section.attendance .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.grades.infobox .content .section.grades h1,
.grades.infobox .content .section.grades h2,
.grades.infobox .content .section.grades h3,
.grades.infobox .content .section.grades h4,
.grades.infobox .content .section.grades h5,
.grades.infobox .content .section.grades h6 {
  color: #115c1f;
}
.grades.infobox .content .section.grades,
.grades.infobox .content .section.grades .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.grades.infobox .content .section.grades .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.grades.infobox .content .section.grades .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.grades.infobox .content .section.grades .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.grades.infobox .content .section.grades .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.grades.infobox .content .section.grades .notification.expanded .notificationExpander:before {
  content: "";
}
.grades.infobox .content .section.grades .sectionExpander,
.grades.infobox .content .section.grades .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.grades.infobox .content .section.grades .sectionExpander:before,
.grades.infobox .content .section.grades .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.grades.infobox .content .section.grades .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.grades.infobox .content .section.grades .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.grades.infobox .content .section.grades .sectionTitle {
  border-left: 0.5em solid #1a8a2e;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.grades.infobox .content .section.grades .sectionTitle.lastSection {
  height: 100em;
}
.grades.infobox .content .section.grades .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.grades.infobox .content .section.grades .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.grades.infobox .content .section.grades .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.grades.infobox .content .section.grades .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.grades.infobox .content .section.grades .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.grades.infobox .content .section.grades .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.grades.infobox .content .section.grades .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.grades.infobox .content .section.grades .sectionTitle .alerts:hover {
  background: #77090b;
}
.grades.infobox .content .section.grades.expanded {
  max-height: 50em;
}
.grades.infobox .content .section.grades.expanded .sectionExpander {
  color: #FFF;
}
.grades.infobox .content .section.grades.expanded .sectionExpander:before {
  content: "";
}
.grades.infobox .content .section.grades.expanded .sectionExpander:hover {
  background: #666666;
}
.grades.infobox .content .section.grades.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.grades.infobox .content .section.grades.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.grades.infobox .content .section.grades.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.grades.infobox .content .section.grades.expanded .sectionContent .notification,
.grades.infobox .content .section.grades.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.grades.infobox .content .section.grades.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.grades.infobox .content .section.grades:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.grades.infobox .content .section.grades.collapsed {
  max-height: 0;
  opacity: 0;
}
.grades.infobox .content .section.grades .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.grades.infobox .content .section.grades .sectionContent .notification h1,
.grades.infobox .content .section.grades .sectionContent .notification h2,
.grades.infobox .content .section.grades .sectionContent .notification h3,
.grades.infobox .content .section.grades .sectionContent .notification h4,
.grades.infobox .content .section.grades .sectionContent .notification h5,
.grades.infobox .content .section.grades .sectionContent .notification h6 {
  color: #115c1f;
}
.grades.infobox .content .section.grades .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.grades.infobox .content .section.grades .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.grades.infobox .content .section.grades .sectionContent .notification.unseen {
  background: #f2f8f3;
}
.grades.infobox .content .section.grades .sectionContent .notification:first-child {
  border: none;
}
.grades.infobox .content .section.grades .sectionContent .notification a h5 {
  color: #10531c;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.grades.infobox .content .section.grades .sectionContent .notification a h5:hover {
  background: #b3d8b9;
}
.grades.infobox .content .section.grades .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.grades.infobox .content .section.grades .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.grades.infobox .content .section.grades .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.grades.infobox .content .section.grades .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.grades.infobox .content .section.grades .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.grades.infobox .content .section.grades .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.grades.infobox .content .section.grades .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.grades.infobox .content .section.grades .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.grades.infobox .content .section.handouts h1,
.grades.infobox .content .section.handouts h2,
.grades.infobox .content .section.handouts h3,
.grades.infobox .content .section.handouts h4,
.grades.infobox .content .section.handouts h5,
.grades.infobox .content .section.handouts h6 {
  color: #5b005f;
}
.grades.infobox .content .section.handouts,
.grades.infobox .content .section.handouts .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.grades.infobox .content .section.handouts .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.grades.infobox .content .section.handouts .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.grades.infobox .content .section.handouts .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.grades.infobox .content .section.handouts .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.grades.infobox .content .section.handouts .notification.expanded .notificationExpander:before {
  content: "";
}
.grades.infobox .content .section.handouts .sectionExpander,
.grades.infobox .content .section.handouts .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.grades.infobox .content .section.handouts .sectionExpander:before,
.grades.infobox .content .section.handouts .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.grades.infobox .content .section.handouts .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.grades.infobox .content .section.handouts .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.grades.infobox .content .section.handouts .sectionTitle {
  border-left: 0.5em solid #89008f;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.grades.infobox .content .section.handouts .sectionTitle.lastSection {
  height: 100em;
}
.grades.infobox .content .section.handouts .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.grades.infobox .content .section.handouts .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.grades.infobox .content .section.handouts .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.grades.infobox .content .section.handouts .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.grades.infobox .content .section.handouts .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.grades.infobox .content .section.handouts .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.grades.infobox .content .section.handouts .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.grades.infobox .content .section.handouts .sectionTitle .alerts:hover {
  background: #77090b;
}
.grades.infobox .content .section.handouts.expanded {
  max-height: 50em;
}
.grades.infobox .content .section.handouts.expanded .sectionExpander {
  color: #FFF;
}
.grades.infobox .content .section.handouts.expanded .sectionExpander:before {
  content: "";
}
.grades.infobox .content .section.handouts.expanded .sectionExpander:hover {
  background: #666666;
}
.grades.infobox .content .section.handouts.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.grades.infobox .content .section.handouts.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.grades.infobox .content .section.handouts.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.grades.infobox .content .section.handouts.expanded .sectionContent .notification,
.grades.infobox .content .section.handouts.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.grades.infobox .content .section.handouts.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.grades.infobox .content .section.handouts:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.grades.infobox .content .section.handouts.collapsed {
  max-height: 0;
  opacity: 0;
}
.grades.infobox .content .section.handouts .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.grades.infobox .content .section.handouts .sectionContent .notification h1,
.grades.infobox .content .section.handouts .sectionContent .notification h2,
.grades.infobox .content .section.handouts .sectionContent .notification h3,
.grades.infobox .content .section.handouts .sectionContent .notification h4,
.grades.infobox .content .section.handouts .sectionContent .notification h5,
.grades.infobox .content .section.handouts .sectionContent .notification h6 {
  color: #5b005f;
}
.grades.infobox .content .section.handouts .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.grades.infobox .content .section.handouts .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.grades.infobox .content .section.handouts .sectionContent .notification.unseen {
  background: #f8f0f8;
}
.grades.infobox .content .section.handouts .sectionContent .notification:first-child {
  border: none;
}
.grades.infobox .content .section.handouts .sectionContent .notification a h5 {
  color: #520056;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.grades.infobox .content .section.handouts .sectionContent .notification a h5:hover {
  background: #d8aada;
}
.grades.infobox .content .section.handouts .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.grades.infobox .content .section.handouts .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.grades.infobox .content .section.handouts .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.grades.infobox .content .section.handouts .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.grades.infobox .content .section.handouts .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.grades.infobox .content .section.handouts .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.grades.infobox .content .section.handouts .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.grades.infobox .content .section.handouts .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.grades.infobox .content .section.lessonPlans h1,
.grades.infobox .content .section.lessonPlans h2,
.grades.infobox .content .section.lessonPlans h3,
.grades.infobox .content .section.lessonPlans h4,
.grades.infobox .content .section.lessonPlans h5,
.grades.infobox .content .section.lessonPlans h6 {
  color: #88301f;
}
.grades.infobox .content .section.lessonPlans,
.grades.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.grades.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.grades.infobox .content .section.lessonPlans .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.grades.infobox .content .section.lessonPlans .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.grades.infobox .content .section.lessonPlans .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.grades.infobox .content .section.lessonPlans .notification.expanded .notificationExpander:before {
  content: "";
}
.grades.infobox .content .section.lessonPlans .sectionExpander,
.grades.infobox .content .section.lessonPlans .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.grades.infobox .content .section.lessonPlans .sectionExpander:before,
.grades.infobox .content .section.lessonPlans .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.grades.infobox .content .section.lessonPlans .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.grades.infobox .content .section.lessonPlans .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.grades.infobox .content .section.lessonPlans .sectionTitle {
  border-left: 0.5em solid #cc482e;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.grades.infobox .content .section.lessonPlans .sectionTitle.lastSection {
  height: 100em;
}
.grades.infobox .content .section.lessonPlans .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.grades.infobox .content .section.lessonPlans .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.grades.infobox .content .section.lessonPlans .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.grades.infobox .content .section.lessonPlans .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.grades.infobox .content .section.lessonPlans .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.grades.infobox .content .section.lessonPlans .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.grades.infobox .content .section.lessonPlans .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.grades.infobox .content .section.lessonPlans .sectionTitle .alerts:hover {
  background: #77090b;
}
.grades.infobox .content .section.lessonPlans.expanded {
  max-height: 50em;
}
.grades.infobox .content .section.lessonPlans.expanded .sectionExpander {
  color: #FFF;
}
.grades.infobox .content .section.lessonPlans.expanded .sectionExpander:before {
  content: "";
}
.grades.infobox .content .section.lessonPlans.expanded .sectionExpander:hover {
  background: #666666;
}
.grades.infobox .content .section.lessonPlans.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.grades.infobox .content .section.lessonPlans.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.grades.infobox .content .section.lessonPlans.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.grades.infobox .content .section.lessonPlans.expanded .sectionContent .notification,
.grades.infobox .content .section.lessonPlans.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.grades.infobox .content .section.lessonPlans.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.grades.infobox .content .section.lessonPlans:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.grades.infobox .content .section.lessonPlans.collapsed {
  max-height: 0;
  opacity: 0;
}
.grades.infobox .content .section.lessonPlans .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.grades.infobox .content .section.lessonPlans .sectionContent .notification h1,
.grades.infobox .content .section.lessonPlans .sectionContent .notification h2,
.grades.infobox .content .section.lessonPlans .sectionContent .notification h3,
.grades.infobox .content .section.lessonPlans .sectionContent .notification h4,
.grades.infobox .content .section.lessonPlans .sectionContent .notification h5,
.grades.infobox .content .section.lessonPlans .sectionContent .notification h6 {
  color: #88301f;
}
.grades.infobox .content .section.lessonPlans .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.grades.infobox .content .section.lessonPlans .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.grades.infobox .content .section.lessonPlans .sectionContent .notification.unseen {
  background: #fcf4f3;
}
.grades.infobox .content .section.lessonPlans .sectionContent .notification:first-child {
  border: none;
}
.grades.infobox .content .section.lessonPlans .sectionContent .notification a h5 {
  color: #7a2b1c;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.grades.infobox .content .section.lessonPlans .sectionContent .notification a h5:hover {
  background: #eec2b9;
}
.grades.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.grades.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.grades.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.grades.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.grades.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.grades.infobox .content .section.lessonPlans .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.grades.infobox .content .section.lessonPlans .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.grades.infobox .content .section.lessonPlans .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.grades.infobox .content .section.assignmentSheets h1,
.grades.infobox .content .section.assignmentSheets h2,
.grades.infobox .content .section.assignmentSheets h3,
.grades.infobox .content .section.assignmentSheets h4,
.grades.infobox .content .section.assignmentSheets h5,
.grades.infobox .content .section.assignmentSheets h6 {
  color: #392953;
}
.grades.infobox .content .section.assignmentSheets,
.grades.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.grades.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.grades.infobox .content .section.assignmentSheets .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.grades.infobox .content .section.assignmentSheets .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.grades.infobox .content .section.assignmentSheets .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.grades.infobox .content .section.assignmentSheets .notification.expanded .notificationExpander:before {
  content: "";
}
.grades.infobox .content .section.assignmentSheets .sectionExpander,
.grades.infobox .content .section.assignmentSheets .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.grades.infobox .content .section.assignmentSheets .sectionExpander:before,
.grades.infobox .content .section.assignmentSheets .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.grades.infobox .content .section.assignmentSheets .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.grades.infobox .content .section.assignmentSheets .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.grades.infobox .content .section.assignmentSheets .sectionTitle {
  border-left: 0.5em solid #563d7c;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.grades.infobox .content .section.assignmentSheets .sectionTitle.lastSection {
  height: 100em;
}
.grades.infobox .content .section.assignmentSheets .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.grades.infobox .content .section.assignmentSheets .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.grades.infobox .content .section.assignmentSheets .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.grades.infobox .content .section.assignmentSheets .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.grades.infobox .content .section.assignmentSheets .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.grades.infobox .content .section.assignmentSheets .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.grades.infobox .content .section.assignmentSheets .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.grades.infobox .content .section.assignmentSheets .sectionTitle .alerts:hover {
  background: #77090b;
}
.grades.infobox .content .section.assignmentSheets.expanded {
  max-height: 50em;
}
.grades.infobox .content .section.assignmentSheets.expanded .sectionExpander {
  color: #FFF;
}
.grades.infobox .content .section.assignmentSheets.expanded .sectionExpander:before {
  content: "";
}
.grades.infobox .content .section.assignmentSheets.expanded .sectionExpander:hover {
  background: #666666;
}
.grades.infobox .content .section.assignmentSheets.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.grades.infobox .content .section.assignmentSheets.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.grades.infobox .content .section.assignmentSheets.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.grades.infobox .content .section.assignmentSheets.expanded .sectionContent .notification,
.grades.infobox .content .section.assignmentSheets.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.grades.infobox .content .section.assignmentSheets.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.grades.infobox .content .section.assignmentSheets:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.grades.infobox .content .section.assignmentSheets.collapsed {
  max-height: 0;
  opacity: 0;
}
.grades.infobox .content .section.assignmentSheets .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.grades.infobox .content .section.assignmentSheets .sectionContent .notification h1,
.grades.infobox .content .section.assignmentSheets .sectionContent .notification h2,
.grades.infobox .content .section.assignmentSheets .sectionContent .notification h3,
.grades.infobox .content .section.assignmentSheets .sectionContent .notification h4,
.grades.infobox .content .section.assignmentSheets .sectionContent .notification h5,
.grades.infobox .content .section.assignmentSheets .sectionContent .notification h6 {
  color: #392953;
}
.grades.infobox .content .section.assignmentSheets .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.grades.infobox .content .section.assignmentSheets .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.grades.infobox .content .section.assignmentSheets .sectionContent .notification.unseen {
  background: #f5f4f7;
}
.grades.infobox .content .section.assignmentSheets .sectionContent .notification:first-child {
  border: none;
}
.grades.infobox .content .section.assignmentSheets .sectionContent .notification a h5 {
  color: #34254a;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.grades.infobox .content .section.assignmentSheets .sectionContent .notification a h5:hover {
  background: #c7bed3;
}
.grades.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.grades.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.grades.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.grades.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.grades.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.grades.infobox .content .section.assignmentSheets .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.grades.infobox .content .section.assignmentSheets .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.grades.infobox .content .section.assignmentSheets .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.grades.infobox .content .section.discussions h1,
.grades.infobox .content .section.discussions h2,
.grades.infobox .content .section.discussions h3,
.grades.infobox .content .section.discussions h4,
.grades.infobox .content .section.discussions h5,
.grades.infobox .content .section.discussions h6 {
  color: #903370;
}
.grades.infobox .content .section.discussions,
.grades.infobox .content .section.discussions .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.grades.infobox .content .section.discussions .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.grades.infobox .content .section.discussions .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.grades.infobox .content .section.discussions .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.grades.infobox .content .section.discussions .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.grades.infobox .content .section.discussions .notification.expanded .notificationExpander:before {
  content: "";
}
.grades.infobox .content .section.discussions .sectionExpander,
.grades.infobox .content .section.discussions .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.grades.infobox .content .section.discussions .sectionExpander:before,
.grades.infobox .content .section.discussions .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.grades.infobox .content .section.discussions .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.grades.infobox .content .section.discussions .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.grades.infobox .content .section.discussions .sectionTitle {
  border-left: 0.5em solid #d84ca8;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.grades.infobox .content .section.discussions .sectionTitle.lastSection {
  height: 100em;
}
.grades.infobox .content .section.discussions .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.grades.infobox .content .section.discussions .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.grades.infobox .content .section.discussions .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.grades.infobox .content .section.discussions .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.grades.infobox .content .section.discussions .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.grades.infobox .content .section.discussions .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.grades.infobox .content .section.discussions .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.grades.infobox .content .section.discussions .sectionTitle .alerts:hover {
  background: #77090b;
}
.grades.infobox .content .section.discussions.expanded {
  max-height: 50em;
}
.grades.infobox .content .section.discussions.expanded .sectionExpander {
  color: #FFF;
}
.grades.infobox .content .section.discussions.expanded .sectionExpander:before {
  content: "";
}
.grades.infobox .content .section.discussions.expanded .sectionExpander:hover {
  background: #666666;
}
.grades.infobox .content .section.discussions.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.grades.infobox .content .section.discussions.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.grades.infobox .content .section.discussions.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.grades.infobox .content .section.discussions.expanded .sectionContent .notification,
.grades.infobox .content .section.discussions.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.grades.infobox .content .section.discussions.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.grades.infobox .content .section.discussions:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.grades.infobox .content .section.discussions.collapsed {
  max-height: 0;
  opacity: 0;
}
.grades.infobox .content .section.discussions .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.grades.infobox .content .section.discussions .sectionContent .notification h1,
.grades.infobox .content .section.discussions .sectionContent .notification h2,
.grades.infobox .content .section.discussions .sectionContent .notification h3,
.grades.infobox .content .section.discussions .sectionContent .notification h4,
.grades.infobox .content .section.discussions .sectionContent .notification h5,
.grades.infobox .content .section.discussions .sectionContent .notification h6 {
  color: #903370;
}
.grades.infobox .content .section.discussions .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.grades.infobox .content .section.discussions .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.grades.infobox .content .section.discussions .sectionContent .notification.unseen {
  background: #fdf4fa;
}
.grades.infobox .content .section.discussions .sectionContent .notification:first-child {
  border: none;
}
.grades.infobox .content .section.discussions .sectionContent .notification a h5 {
  color: #822e65;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.grades.infobox .content .section.discussions .sectionContent .notification a h5:hover {
  background: #f2c3e2;
}
.grades.infobox .content .section.discussions .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.grades.infobox .content .section.discussions .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.grades.infobox .content .section.discussions .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.grades.infobox .content .section.discussions .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.grades.infobox .content .section.discussions .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.grades.infobox .content .section.discussions .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.grades.infobox .content .section.discussions .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.grades.infobox .content .section.discussions .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.grades.infobox .content .section .notification {
  /*&.grades {
                    .notification(@GradesColor);
                }*/
}
.grades.infobox .content .section .notification.assignments {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.grades.infobox .content .section .notification.assignments h1,
.grades.infobox .content .section .notification.assignments h2,
.grades.infobox .content .section .notification.assignments h3,
.grades.infobox .content .section .notification.assignments h4,
.grades.infobox .content .section .notification.assignments h5,
.grades.infobox .content .section .notification.assignments h6 {
  color: #185664;
}
.grades.infobox .content .section .notification.assignments.show {
  opacity: 1;
  max-height: 15em;
}
.grades.infobox .content .section .notification.assignments.show.unseen + .notification {
  border-top: none;
}
.grades.infobox .content .section .notification.assignments.unseen {
  background: #f2f8f9;
}
.grades.infobox .content .section .notification.assignments:first-child {
  border: none;
}
.grades.infobox .content .section .notification.assignments a h5 {
  color: #164d5a;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.grades.infobox .content .section .notification.assignments a h5:hover {
  background: #b6d5dc;
}
.grades.infobox .content .section .notification.attendance {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.grades.infobox .content .section .notification.attendance h1,
.grades.infobox .content .section .notification.attendance h2,
.grades.infobox .content .section .notification.attendance h3,
.grades.infobox .content .section .notification.attendance h4,
.grades.infobox .content .section .notification.attendance h5,
.grades.infobox .content .section .notification.attendance h6 {
  color: #a75f2b;
}
.grades.infobox .content .section .notification.attendance.show {
  opacity: 1;
  max-height: 15em;
}
.grades.infobox .content .section .notification.attendance.show.unseen + .notification {
  border-top: none;
}
.grades.infobox .content .section .notification.attendance.unseen {
  background: #fff8f4;
}
.grades.infobox .content .section .notification.attendance:first-child {
  border: none;
}
.grades.infobox .content .section .notification.attendance a h5 {
  color: #965526;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.grades.infobox .content .section .notification.attendance a h5:hover {
  background: #fdd9bf;
}
.grades.infobox .content .section .notification.handouts {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.grades.infobox .content .section .notification.handouts h1,
.grades.infobox .content .section .notification.handouts h2,
.grades.infobox .content .section .notification.handouts h3,
.grades.infobox .content .section .notification.handouts h4,
.grades.infobox .content .section .notification.handouts h5,
.grades.infobox .content .section .notification.handouts h6 {
  color: #5b005f;
}
.grades.infobox .content .section .notification.handouts.show {
  opacity: 1;
  max-height: 15em;
}
.grades.infobox .content .section .notification.handouts.show.unseen + .notification {
  border-top: none;
}
.grades.infobox .content .section .notification.handouts.unseen {
  background: #f8f0f8;
}
.grades.infobox .content .section .notification.handouts:first-child {
  border: none;
}
.grades.infobox .content .section .notification.handouts a h5 {
  color: #520056;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.grades.infobox .content .section .notification.handouts a h5:hover {
  background: #d8aada;
}
.grades.infobox .content .section .notification.lessonPlans {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.grades.infobox .content .section .notification.lessonPlans h1,
.grades.infobox .content .section .notification.lessonPlans h2,
.grades.infobox .content .section .notification.lessonPlans h3,
.grades.infobox .content .section .notification.lessonPlans h4,
.grades.infobox .content .section .notification.lessonPlans h5,
.grades.infobox .content .section .notification.lessonPlans h6 {
  color: #88301f;
}
.grades.infobox .content .section .notification.lessonPlans.show {
  opacity: 1;
  max-height: 15em;
}
.grades.infobox .content .section .notification.lessonPlans.show.unseen + .notification {
  border-top: none;
}
.grades.infobox .content .section .notification.lessonPlans.unseen {
  background: #fcf4f3;
}
.grades.infobox .content .section .notification.lessonPlans:first-child {
  border: none;
}
.grades.infobox .content .section .notification.lessonPlans a h5 {
  color: #7a2b1c;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.grades.infobox .content .section .notification.lessonPlans a h5:hover {
  background: #eec2b9;
}
.grades.infobox .content .section .notification.assignmentSheets {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.grades.infobox .content .section .notification.assignmentSheets h1,
.grades.infobox .content .section .notification.assignmentSheets h2,
.grades.infobox .content .section .notification.assignmentSheets h3,
.grades.infobox .content .section .notification.assignmentSheets h4,
.grades.infobox .content .section .notification.assignmentSheets h5,
.grades.infobox .content .section .notification.assignmentSheets h6 {
  color: #392953;
}
.grades.infobox .content .section .notification.assignmentSheets.show {
  opacity: 1;
  max-height: 15em;
}
.grades.infobox .content .section .notification.assignmentSheets.show.unseen + .notification {
  border-top: none;
}
.grades.infobox .content .section .notification.assignmentSheets.unseen {
  background: #f5f4f7;
}
.grades.infobox .content .section .notification.assignmentSheets:first-child {
  border: none;
}
.grades.infobox .content .section .notification.assignmentSheets a h5 {
  color: #34254a;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.grades.infobox .content .section .notification.assignmentSheets a h5:hover {
  background: #c7bed3;
}
.grades.infobox .content .section .notification.discussions {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.grades.infobox .content .section .notification.discussions h1,
.grades.infobox .content .section .notification.discussions h2,
.grades.infobox .content .section .notification.discussions h3,
.grades.infobox .content .section .notification.discussions h4,
.grades.infobox .content .section .notification.discussions h5,
.grades.infobox .content .section .notification.discussions h6 {
  color: #903370;
}
.grades.infobox .content .section .notification.discussions.show {
  opacity: 1;
  max-height: 15em;
}
.grades.infobox .content .section .notification.discussions.show.unseen + .notification {
  border-top: none;
}
.grades.infobox .content .section .notification.discussions.unseen {
  background: #fdf4fa;
}
.grades.infobox .content .section .notification.discussions:first-child {
  border: none;
}
.grades.infobox .content .section .notification.discussions a h5 {
  color: #822e65;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.grades.infobox .content .section .notification.discussions a h5:hover {
  background: #f2c3e2;
}
.handouts.infobox {
  margin: 1em 0 1em 0;
  overflow: hidden;
  box-shadow: 1px 1px 10px #9a9a9a;
}
.handouts.infobox .has-left-border {
  border-left: 0.5em solid #89008f;
}
.handouts.infobox h1,
.handouts.infobox h2,
.handouts.infobox h3,
.handouts.infobox h4,
.handouts.infobox h5,
.handouts.infobox h6 {
  color: #520056;
}
.handouts.infobox .title {
  background: #89008f;
}
.handouts.infobox .title .titleLink {
  width: calc(100% - 40px);
  display: block;
  background: #89008f;
  float: left;
  transition: background ease .2s;
}
.handouts.infobox .title .titleLink:hover {
  background: #520056;
}
.handouts.infobox .title .titleLink .sectionName {
  width: calc(100% - 65px);
  display: inline-block;
}
.handouts.infobox .title .titleLink .sectionMoreHelper {
  font-size: .6em;
  padding: 0 0 0 .5em;
}
.handouts.infobox .title .titleLink .sectionGrade {
  width: 65px;
  display: inline-block;
  float: right;
}
.handouts.infobox .title .textContent {
  color: #FFF;
  font-weight: 300;
  margin: 0;
  font-size: 1.5em;
  padding: .2em 0 .2em .3em;
}
.handouts.infobox .title .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.5em;
  margin: 0;
  float: right;
  text-align: center;
  opacity: 1;
  padding: .2em 0 .2em 0;
  font-weight: 300;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.handouts.infobox .title .alerts:hover {
  background: #77090b;
}
.handouts.infobox .content .section h1,
.handouts.infobox .content .section h2,
.handouts.infobox .content .section h3,
.handouts.infobox .content .section h4,
.handouts.infobox .content .section h5,
.handouts.infobox .content .section h6 {
  color: #5b005f;
}
.handouts.infobox .content .section,
.handouts.infobox .content .section .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.handouts.infobox .content .section .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.handouts.infobox .content .section .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.handouts.infobox .content .section .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.handouts.infobox .content .section .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.handouts.infobox .content .section .notification.expanded .notificationExpander:before {
  content: "";
}
.handouts.infobox .content .section .sectionExpander,
.handouts.infobox .content .section .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.handouts.infobox .content .section .sectionExpander:before,
.handouts.infobox .content .section .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.handouts.infobox .content .section .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.handouts.infobox .content .section .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.handouts.infobox .content .section .sectionTitle {
  border-left: 0.5em solid #89008f;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.handouts.infobox .content .section .sectionTitle.lastSection {
  height: 100em;
}
.handouts.infobox .content .section .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.handouts.infobox .content .section .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.handouts.infobox .content .section .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.handouts.infobox .content .section .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.handouts.infobox .content .section .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.handouts.infobox .content .section .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.handouts.infobox .content .section .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.handouts.infobox .content .section .sectionTitle .alerts:hover {
  background: #77090b;
}
.handouts.infobox .content .section.expanded {
  max-height: 50em;
}
.handouts.infobox .content .section.expanded .sectionExpander {
  color: #FFF;
}
.handouts.infobox .content .section.expanded .sectionExpander:before {
  content: "";
}
.handouts.infobox .content .section.expanded .sectionExpander:hover {
  background: #666666;
}
.handouts.infobox .content .section.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.handouts.infobox .content .section.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.handouts.infobox .content .section.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.handouts.infobox .content .section.expanded .sectionContent .notification,
.handouts.infobox .content .section.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.handouts.infobox .content .section.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.handouts.infobox .content .section:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.handouts.infobox .content .section.collapsed {
  max-height: 0;
  opacity: 0;
}
.handouts.infobox .content .section .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.handouts.infobox .content .section .sectionContent .notification h1,
.handouts.infobox .content .section .sectionContent .notification h2,
.handouts.infobox .content .section .sectionContent .notification h3,
.handouts.infobox .content .section .sectionContent .notification h4,
.handouts.infobox .content .section .sectionContent .notification h5,
.handouts.infobox .content .section .sectionContent .notification h6 {
  color: #5b005f;
}
.handouts.infobox .content .section .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.handouts.infobox .content .section .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.handouts.infobox .content .section .sectionContent .notification.unseen {
  background: #f8f0f8;
}
.handouts.infobox .content .section .sectionContent .notification:first-child {
  border: none;
}
.handouts.infobox .content .section .sectionContent .notification a h5 {
  color: #520056;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.handouts.infobox .content .section .sectionContent .notification a h5:hover {
  background: #d8aada;
}
.handouts.infobox .content .section .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.handouts.infobox .content .section .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.handouts.infobox .content .section .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.handouts.infobox .content .section .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.handouts.infobox .content .section .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.handouts.infobox .content .section .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.handouts.infobox .content .section .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.handouts.infobox .content .section .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.handouts.infobox .content .section.assignments h1,
.handouts.infobox .content .section.assignments h2,
.handouts.infobox .content .section.assignments h3,
.handouts.infobox .content .section.assignments h4,
.handouts.infobox .content .section.assignments h5,
.handouts.infobox .content .section.assignments h6 {
  color: #185664;
}
.handouts.infobox .content .section.assignments,
.handouts.infobox .content .section.assignments .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.handouts.infobox .content .section.assignments .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.handouts.infobox .content .section.assignments .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.handouts.infobox .content .section.assignments .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.handouts.infobox .content .section.assignments .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.handouts.infobox .content .section.assignments .notification.expanded .notificationExpander:before {
  content: "";
}
.handouts.infobox .content .section.assignments .sectionExpander,
.handouts.infobox .content .section.assignments .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.handouts.infobox .content .section.assignments .sectionExpander:before,
.handouts.infobox .content .section.assignments .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.handouts.infobox .content .section.assignments .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.handouts.infobox .content .section.assignments .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.handouts.infobox .content .section.assignments .sectionTitle {
  border-left: 0.5em solid #248196;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.handouts.infobox .content .section.assignments .sectionTitle.lastSection {
  height: 100em;
}
.handouts.infobox .content .section.assignments .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.handouts.infobox .content .section.assignments .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.handouts.infobox .content .section.assignments .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.handouts.infobox .content .section.assignments .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.handouts.infobox .content .section.assignments .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.handouts.infobox .content .section.assignments .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.handouts.infobox .content .section.assignments .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.handouts.infobox .content .section.assignments .sectionTitle .alerts:hover {
  background: #77090b;
}
.handouts.infobox .content .section.assignments.expanded {
  max-height: 50em;
}
.handouts.infobox .content .section.assignments.expanded .sectionExpander {
  color: #FFF;
}
.handouts.infobox .content .section.assignments.expanded .sectionExpander:before {
  content: "";
}
.handouts.infobox .content .section.assignments.expanded .sectionExpander:hover {
  background: #666666;
}
.handouts.infobox .content .section.assignments.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.handouts.infobox .content .section.assignments.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.handouts.infobox .content .section.assignments.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.handouts.infobox .content .section.assignments.expanded .sectionContent .notification,
.handouts.infobox .content .section.assignments.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.handouts.infobox .content .section.assignments.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.handouts.infobox .content .section.assignments:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.handouts.infobox .content .section.assignments.collapsed {
  max-height: 0;
  opacity: 0;
}
.handouts.infobox .content .section.assignments .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.handouts.infobox .content .section.assignments .sectionContent .notification h1,
.handouts.infobox .content .section.assignments .sectionContent .notification h2,
.handouts.infobox .content .section.assignments .sectionContent .notification h3,
.handouts.infobox .content .section.assignments .sectionContent .notification h4,
.handouts.infobox .content .section.assignments .sectionContent .notification h5,
.handouts.infobox .content .section.assignments .sectionContent .notification h6 {
  color: #185664;
}
.handouts.infobox .content .section.assignments .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.handouts.infobox .content .section.assignments .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.handouts.infobox .content .section.assignments .sectionContent .notification.unseen {
  background: #f2f8f9;
}
.handouts.infobox .content .section.assignments .sectionContent .notification:first-child {
  border: none;
}
.handouts.infobox .content .section.assignments .sectionContent .notification a h5 {
  color: #164d5a;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.handouts.infobox .content .section.assignments .sectionContent .notification a h5:hover {
  background: #b6d5dc;
}
.handouts.infobox .content .section.assignments .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.handouts.infobox .content .section.assignments .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.handouts.infobox .content .section.assignments .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.handouts.infobox .content .section.assignments .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.handouts.infobox .content .section.assignments .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.handouts.infobox .content .section.assignments .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.handouts.infobox .content .section.assignments .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.handouts.infobox .content .section.assignments .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.handouts.infobox .content .section.attendance h1,
.handouts.infobox .content .section.attendance h2,
.handouts.infobox .content .section.attendance h3,
.handouts.infobox .content .section.attendance h4,
.handouts.infobox .content .section.attendance h5,
.handouts.infobox .content .section.attendance h6 {
  color: #a75f2b;
}
.handouts.infobox .content .section.attendance,
.handouts.infobox .content .section.attendance .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.handouts.infobox .content .section.attendance .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.handouts.infobox .content .section.attendance .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.handouts.infobox .content .section.attendance .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.handouts.infobox .content .section.attendance .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.handouts.infobox .content .section.attendance .notification.expanded .notificationExpander:before {
  content: "";
}
.handouts.infobox .content .section.attendance .sectionExpander,
.handouts.infobox .content .section.attendance .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.handouts.infobox .content .section.attendance .sectionExpander:before,
.handouts.infobox .content .section.attendance .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.handouts.infobox .content .section.attendance .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.handouts.infobox .content .section.attendance .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.handouts.infobox .content .section.attendance .sectionTitle {
  border-left: 0.5em solid #fa8e40;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.handouts.infobox .content .section.attendance .sectionTitle.lastSection {
  height: 100em;
}
.handouts.infobox .content .section.attendance .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.handouts.infobox .content .section.attendance .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.handouts.infobox .content .section.attendance .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.handouts.infobox .content .section.attendance .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.handouts.infobox .content .section.attendance .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.handouts.infobox .content .section.attendance .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.handouts.infobox .content .section.attendance .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.handouts.infobox .content .section.attendance .sectionTitle .alerts:hover {
  background: #77090b;
}
.handouts.infobox .content .section.attendance.expanded {
  max-height: 50em;
}
.handouts.infobox .content .section.attendance.expanded .sectionExpander {
  color: #FFF;
}
.handouts.infobox .content .section.attendance.expanded .sectionExpander:before {
  content: "";
}
.handouts.infobox .content .section.attendance.expanded .sectionExpander:hover {
  background: #666666;
}
.handouts.infobox .content .section.attendance.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.handouts.infobox .content .section.attendance.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.handouts.infobox .content .section.attendance.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.handouts.infobox .content .section.attendance.expanded .sectionContent .notification,
.handouts.infobox .content .section.attendance.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.handouts.infobox .content .section.attendance.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.handouts.infobox .content .section.attendance:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.handouts.infobox .content .section.attendance.collapsed {
  max-height: 0;
  opacity: 0;
}
.handouts.infobox .content .section.attendance .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.handouts.infobox .content .section.attendance .sectionContent .notification h1,
.handouts.infobox .content .section.attendance .sectionContent .notification h2,
.handouts.infobox .content .section.attendance .sectionContent .notification h3,
.handouts.infobox .content .section.attendance .sectionContent .notification h4,
.handouts.infobox .content .section.attendance .sectionContent .notification h5,
.handouts.infobox .content .section.attendance .sectionContent .notification h6 {
  color: #a75f2b;
}
.handouts.infobox .content .section.attendance .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.handouts.infobox .content .section.attendance .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.handouts.infobox .content .section.attendance .sectionContent .notification.unseen {
  background: #fff8f4;
}
.handouts.infobox .content .section.attendance .sectionContent .notification:first-child {
  border: none;
}
.handouts.infobox .content .section.attendance .sectionContent .notification a h5 {
  color: #965526;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.handouts.infobox .content .section.attendance .sectionContent .notification a h5:hover {
  background: #fdd9bf;
}
.handouts.infobox .content .section.attendance .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.handouts.infobox .content .section.attendance .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.handouts.infobox .content .section.attendance .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.handouts.infobox .content .section.attendance .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.handouts.infobox .content .section.attendance .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.handouts.infobox .content .section.attendance .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.handouts.infobox .content .section.attendance .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.handouts.infobox .content .section.attendance .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.handouts.infobox .content .section.grades h1,
.handouts.infobox .content .section.grades h2,
.handouts.infobox .content .section.grades h3,
.handouts.infobox .content .section.grades h4,
.handouts.infobox .content .section.grades h5,
.handouts.infobox .content .section.grades h6 {
  color: #115c1f;
}
.handouts.infobox .content .section.grades,
.handouts.infobox .content .section.grades .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.handouts.infobox .content .section.grades .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.handouts.infobox .content .section.grades .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.handouts.infobox .content .section.grades .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.handouts.infobox .content .section.grades .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.handouts.infobox .content .section.grades .notification.expanded .notificationExpander:before {
  content: "";
}
.handouts.infobox .content .section.grades .sectionExpander,
.handouts.infobox .content .section.grades .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.handouts.infobox .content .section.grades .sectionExpander:before,
.handouts.infobox .content .section.grades .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.handouts.infobox .content .section.grades .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.handouts.infobox .content .section.grades .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.handouts.infobox .content .section.grades .sectionTitle {
  border-left: 0.5em solid #1a8a2e;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.handouts.infobox .content .section.grades .sectionTitle.lastSection {
  height: 100em;
}
.handouts.infobox .content .section.grades .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.handouts.infobox .content .section.grades .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.handouts.infobox .content .section.grades .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.handouts.infobox .content .section.grades .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.handouts.infobox .content .section.grades .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.handouts.infobox .content .section.grades .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.handouts.infobox .content .section.grades .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.handouts.infobox .content .section.grades .sectionTitle .alerts:hover {
  background: #77090b;
}
.handouts.infobox .content .section.grades.expanded {
  max-height: 50em;
}
.handouts.infobox .content .section.grades.expanded .sectionExpander {
  color: #FFF;
}
.handouts.infobox .content .section.grades.expanded .sectionExpander:before {
  content: "";
}
.handouts.infobox .content .section.grades.expanded .sectionExpander:hover {
  background: #666666;
}
.handouts.infobox .content .section.grades.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.handouts.infobox .content .section.grades.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.handouts.infobox .content .section.grades.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.handouts.infobox .content .section.grades.expanded .sectionContent .notification,
.handouts.infobox .content .section.grades.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.handouts.infobox .content .section.grades.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.handouts.infobox .content .section.grades:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.handouts.infobox .content .section.grades.collapsed {
  max-height: 0;
  opacity: 0;
}
.handouts.infobox .content .section.grades .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.handouts.infobox .content .section.grades .sectionContent .notification h1,
.handouts.infobox .content .section.grades .sectionContent .notification h2,
.handouts.infobox .content .section.grades .sectionContent .notification h3,
.handouts.infobox .content .section.grades .sectionContent .notification h4,
.handouts.infobox .content .section.grades .sectionContent .notification h5,
.handouts.infobox .content .section.grades .sectionContent .notification h6 {
  color: #115c1f;
}
.handouts.infobox .content .section.grades .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.handouts.infobox .content .section.grades .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.handouts.infobox .content .section.grades .sectionContent .notification.unseen {
  background: #f2f8f3;
}
.handouts.infobox .content .section.grades .sectionContent .notification:first-child {
  border: none;
}
.handouts.infobox .content .section.grades .sectionContent .notification a h5 {
  color: #10531c;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.handouts.infobox .content .section.grades .sectionContent .notification a h5:hover {
  background: #b3d8b9;
}
.handouts.infobox .content .section.grades .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.handouts.infobox .content .section.grades .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.handouts.infobox .content .section.grades .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.handouts.infobox .content .section.grades .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.handouts.infobox .content .section.grades .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.handouts.infobox .content .section.grades .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.handouts.infobox .content .section.grades .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.handouts.infobox .content .section.grades .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.handouts.infobox .content .section.handouts h1,
.handouts.infobox .content .section.handouts h2,
.handouts.infobox .content .section.handouts h3,
.handouts.infobox .content .section.handouts h4,
.handouts.infobox .content .section.handouts h5,
.handouts.infobox .content .section.handouts h6 {
  color: #5b005f;
}
.handouts.infobox .content .section.handouts,
.handouts.infobox .content .section.handouts .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.handouts.infobox .content .section.handouts .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.handouts.infobox .content .section.handouts .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.handouts.infobox .content .section.handouts .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.handouts.infobox .content .section.handouts .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.handouts.infobox .content .section.handouts .notification.expanded .notificationExpander:before {
  content: "";
}
.handouts.infobox .content .section.handouts .sectionExpander,
.handouts.infobox .content .section.handouts .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.handouts.infobox .content .section.handouts .sectionExpander:before,
.handouts.infobox .content .section.handouts .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.handouts.infobox .content .section.handouts .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.handouts.infobox .content .section.handouts .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.handouts.infobox .content .section.handouts .sectionTitle {
  border-left: 0.5em solid #89008f;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.handouts.infobox .content .section.handouts .sectionTitle.lastSection {
  height: 100em;
}
.handouts.infobox .content .section.handouts .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.handouts.infobox .content .section.handouts .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.handouts.infobox .content .section.handouts .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.handouts.infobox .content .section.handouts .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.handouts.infobox .content .section.handouts .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.handouts.infobox .content .section.handouts .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.handouts.infobox .content .section.handouts .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.handouts.infobox .content .section.handouts .sectionTitle .alerts:hover {
  background: #77090b;
}
.handouts.infobox .content .section.handouts.expanded {
  max-height: 50em;
}
.handouts.infobox .content .section.handouts.expanded .sectionExpander {
  color: #FFF;
}
.handouts.infobox .content .section.handouts.expanded .sectionExpander:before {
  content: "";
}
.handouts.infobox .content .section.handouts.expanded .sectionExpander:hover {
  background: #666666;
}
.handouts.infobox .content .section.handouts.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.handouts.infobox .content .section.handouts.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.handouts.infobox .content .section.handouts.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.handouts.infobox .content .section.handouts.expanded .sectionContent .notification,
.handouts.infobox .content .section.handouts.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.handouts.infobox .content .section.handouts.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.handouts.infobox .content .section.handouts:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.handouts.infobox .content .section.handouts.collapsed {
  max-height: 0;
  opacity: 0;
}
.handouts.infobox .content .section.handouts .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.handouts.infobox .content .section.handouts .sectionContent .notification h1,
.handouts.infobox .content .section.handouts .sectionContent .notification h2,
.handouts.infobox .content .section.handouts .sectionContent .notification h3,
.handouts.infobox .content .section.handouts .sectionContent .notification h4,
.handouts.infobox .content .section.handouts .sectionContent .notification h5,
.handouts.infobox .content .section.handouts .sectionContent .notification h6 {
  color: #5b005f;
}
.handouts.infobox .content .section.handouts .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.handouts.infobox .content .section.handouts .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.handouts.infobox .content .section.handouts .sectionContent .notification.unseen {
  background: #f8f0f8;
}
.handouts.infobox .content .section.handouts .sectionContent .notification:first-child {
  border: none;
}
.handouts.infobox .content .section.handouts .sectionContent .notification a h5 {
  color: #520056;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.handouts.infobox .content .section.handouts .sectionContent .notification a h5:hover {
  background: #d8aada;
}
.handouts.infobox .content .section.handouts .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.handouts.infobox .content .section.handouts .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.handouts.infobox .content .section.handouts .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.handouts.infobox .content .section.handouts .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.handouts.infobox .content .section.handouts .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.handouts.infobox .content .section.handouts .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.handouts.infobox .content .section.handouts .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.handouts.infobox .content .section.handouts .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.handouts.infobox .content .section.lessonPlans h1,
.handouts.infobox .content .section.lessonPlans h2,
.handouts.infobox .content .section.lessonPlans h3,
.handouts.infobox .content .section.lessonPlans h4,
.handouts.infobox .content .section.lessonPlans h5,
.handouts.infobox .content .section.lessonPlans h6 {
  color: #88301f;
}
.handouts.infobox .content .section.lessonPlans,
.handouts.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.handouts.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.handouts.infobox .content .section.lessonPlans .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.handouts.infobox .content .section.lessonPlans .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.handouts.infobox .content .section.lessonPlans .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.handouts.infobox .content .section.lessonPlans .notification.expanded .notificationExpander:before {
  content: "";
}
.handouts.infobox .content .section.lessonPlans .sectionExpander,
.handouts.infobox .content .section.lessonPlans .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.handouts.infobox .content .section.lessonPlans .sectionExpander:before,
.handouts.infobox .content .section.lessonPlans .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.handouts.infobox .content .section.lessonPlans .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.handouts.infobox .content .section.lessonPlans .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.handouts.infobox .content .section.lessonPlans .sectionTitle {
  border-left: 0.5em solid #cc482e;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.handouts.infobox .content .section.lessonPlans .sectionTitle.lastSection {
  height: 100em;
}
.handouts.infobox .content .section.lessonPlans .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.handouts.infobox .content .section.lessonPlans .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.handouts.infobox .content .section.lessonPlans .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.handouts.infobox .content .section.lessonPlans .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.handouts.infobox .content .section.lessonPlans .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.handouts.infobox .content .section.lessonPlans .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.handouts.infobox .content .section.lessonPlans .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.handouts.infobox .content .section.lessonPlans .sectionTitle .alerts:hover {
  background: #77090b;
}
.handouts.infobox .content .section.lessonPlans.expanded {
  max-height: 50em;
}
.handouts.infobox .content .section.lessonPlans.expanded .sectionExpander {
  color: #FFF;
}
.handouts.infobox .content .section.lessonPlans.expanded .sectionExpander:before {
  content: "";
}
.handouts.infobox .content .section.lessonPlans.expanded .sectionExpander:hover {
  background: #666666;
}
.handouts.infobox .content .section.lessonPlans.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.handouts.infobox .content .section.lessonPlans.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.handouts.infobox .content .section.lessonPlans.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.handouts.infobox .content .section.lessonPlans.expanded .sectionContent .notification,
.handouts.infobox .content .section.lessonPlans.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.handouts.infobox .content .section.lessonPlans.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.handouts.infobox .content .section.lessonPlans:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.handouts.infobox .content .section.lessonPlans.collapsed {
  max-height: 0;
  opacity: 0;
}
.handouts.infobox .content .section.lessonPlans .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.handouts.infobox .content .section.lessonPlans .sectionContent .notification h1,
.handouts.infobox .content .section.lessonPlans .sectionContent .notification h2,
.handouts.infobox .content .section.lessonPlans .sectionContent .notification h3,
.handouts.infobox .content .section.lessonPlans .sectionContent .notification h4,
.handouts.infobox .content .section.lessonPlans .sectionContent .notification h5,
.handouts.infobox .content .section.lessonPlans .sectionContent .notification h6 {
  color: #88301f;
}
.handouts.infobox .content .section.lessonPlans .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.handouts.infobox .content .section.lessonPlans .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.handouts.infobox .content .section.lessonPlans .sectionContent .notification.unseen {
  background: #fcf4f3;
}
.handouts.infobox .content .section.lessonPlans .sectionContent .notification:first-child {
  border: none;
}
.handouts.infobox .content .section.lessonPlans .sectionContent .notification a h5 {
  color: #7a2b1c;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.handouts.infobox .content .section.lessonPlans .sectionContent .notification a h5:hover {
  background: #eec2b9;
}
.handouts.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.handouts.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.handouts.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.handouts.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.handouts.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.handouts.infobox .content .section.lessonPlans .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.handouts.infobox .content .section.lessonPlans .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.handouts.infobox .content .section.lessonPlans .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.handouts.infobox .content .section.assignmentSheets h1,
.handouts.infobox .content .section.assignmentSheets h2,
.handouts.infobox .content .section.assignmentSheets h3,
.handouts.infobox .content .section.assignmentSheets h4,
.handouts.infobox .content .section.assignmentSheets h5,
.handouts.infobox .content .section.assignmentSheets h6 {
  color: #392953;
}
.handouts.infobox .content .section.assignmentSheets,
.handouts.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.handouts.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.handouts.infobox .content .section.assignmentSheets .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.handouts.infobox .content .section.assignmentSheets .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.handouts.infobox .content .section.assignmentSheets .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.handouts.infobox .content .section.assignmentSheets .notification.expanded .notificationExpander:before {
  content: "";
}
.handouts.infobox .content .section.assignmentSheets .sectionExpander,
.handouts.infobox .content .section.assignmentSheets .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.handouts.infobox .content .section.assignmentSheets .sectionExpander:before,
.handouts.infobox .content .section.assignmentSheets .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.handouts.infobox .content .section.assignmentSheets .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.handouts.infobox .content .section.assignmentSheets .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.handouts.infobox .content .section.assignmentSheets .sectionTitle {
  border-left: 0.5em solid #563d7c;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.handouts.infobox .content .section.assignmentSheets .sectionTitle.lastSection {
  height: 100em;
}
.handouts.infobox .content .section.assignmentSheets .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.handouts.infobox .content .section.assignmentSheets .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.handouts.infobox .content .section.assignmentSheets .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.handouts.infobox .content .section.assignmentSheets .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.handouts.infobox .content .section.assignmentSheets .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.handouts.infobox .content .section.assignmentSheets .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.handouts.infobox .content .section.assignmentSheets .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.handouts.infobox .content .section.assignmentSheets .sectionTitle .alerts:hover {
  background: #77090b;
}
.handouts.infobox .content .section.assignmentSheets.expanded {
  max-height: 50em;
}
.handouts.infobox .content .section.assignmentSheets.expanded .sectionExpander {
  color: #FFF;
}
.handouts.infobox .content .section.assignmentSheets.expanded .sectionExpander:before {
  content: "";
}
.handouts.infobox .content .section.assignmentSheets.expanded .sectionExpander:hover {
  background: #666666;
}
.handouts.infobox .content .section.assignmentSheets.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.handouts.infobox .content .section.assignmentSheets.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.handouts.infobox .content .section.assignmentSheets.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.handouts.infobox .content .section.assignmentSheets.expanded .sectionContent .notification,
.handouts.infobox .content .section.assignmentSheets.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.handouts.infobox .content .section.assignmentSheets.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.handouts.infobox .content .section.assignmentSheets:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.handouts.infobox .content .section.assignmentSheets.collapsed {
  max-height: 0;
  opacity: 0;
}
.handouts.infobox .content .section.assignmentSheets .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.handouts.infobox .content .section.assignmentSheets .sectionContent .notification h1,
.handouts.infobox .content .section.assignmentSheets .sectionContent .notification h2,
.handouts.infobox .content .section.assignmentSheets .sectionContent .notification h3,
.handouts.infobox .content .section.assignmentSheets .sectionContent .notification h4,
.handouts.infobox .content .section.assignmentSheets .sectionContent .notification h5,
.handouts.infobox .content .section.assignmentSheets .sectionContent .notification h6 {
  color: #392953;
}
.handouts.infobox .content .section.assignmentSheets .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.handouts.infobox .content .section.assignmentSheets .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.handouts.infobox .content .section.assignmentSheets .sectionContent .notification.unseen {
  background: #f5f4f7;
}
.handouts.infobox .content .section.assignmentSheets .sectionContent .notification:first-child {
  border: none;
}
.handouts.infobox .content .section.assignmentSheets .sectionContent .notification a h5 {
  color: #34254a;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.handouts.infobox .content .section.assignmentSheets .sectionContent .notification a h5:hover {
  background: #c7bed3;
}
.handouts.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.handouts.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.handouts.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.handouts.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.handouts.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.handouts.infobox .content .section.assignmentSheets .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.handouts.infobox .content .section.assignmentSheets .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.handouts.infobox .content .section.assignmentSheets .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.handouts.infobox .content .section.discussions h1,
.handouts.infobox .content .section.discussions h2,
.handouts.infobox .content .section.discussions h3,
.handouts.infobox .content .section.discussions h4,
.handouts.infobox .content .section.discussions h5,
.handouts.infobox .content .section.discussions h6 {
  color: #903370;
}
.handouts.infobox .content .section.discussions,
.handouts.infobox .content .section.discussions .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.handouts.infobox .content .section.discussions .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.handouts.infobox .content .section.discussions .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.handouts.infobox .content .section.discussions .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.handouts.infobox .content .section.discussions .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.handouts.infobox .content .section.discussions .notification.expanded .notificationExpander:before {
  content: "";
}
.handouts.infobox .content .section.discussions .sectionExpander,
.handouts.infobox .content .section.discussions .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.handouts.infobox .content .section.discussions .sectionExpander:before,
.handouts.infobox .content .section.discussions .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.handouts.infobox .content .section.discussions .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.handouts.infobox .content .section.discussions .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.handouts.infobox .content .section.discussions .sectionTitle {
  border-left: 0.5em solid #d84ca8;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.handouts.infobox .content .section.discussions .sectionTitle.lastSection {
  height: 100em;
}
.handouts.infobox .content .section.discussions .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.handouts.infobox .content .section.discussions .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.handouts.infobox .content .section.discussions .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.handouts.infobox .content .section.discussions .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.handouts.infobox .content .section.discussions .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.handouts.infobox .content .section.discussions .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.handouts.infobox .content .section.discussions .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.handouts.infobox .content .section.discussions .sectionTitle .alerts:hover {
  background: #77090b;
}
.handouts.infobox .content .section.discussions.expanded {
  max-height: 50em;
}
.handouts.infobox .content .section.discussions.expanded .sectionExpander {
  color: #FFF;
}
.handouts.infobox .content .section.discussions.expanded .sectionExpander:before {
  content: "";
}
.handouts.infobox .content .section.discussions.expanded .sectionExpander:hover {
  background: #666666;
}
.handouts.infobox .content .section.discussions.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.handouts.infobox .content .section.discussions.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.handouts.infobox .content .section.discussions.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.handouts.infobox .content .section.discussions.expanded .sectionContent .notification,
.handouts.infobox .content .section.discussions.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.handouts.infobox .content .section.discussions.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.handouts.infobox .content .section.discussions:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.handouts.infobox .content .section.discussions.collapsed {
  max-height: 0;
  opacity: 0;
}
.handouts.infobox .content .section.discussions .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.handouts.infobox .content .section.discussions .sectionContent .notification h1,
.handouts.infobox .content .section.discussions .sectionContent .notification h2,
.handouts.infobox .content .section.discussions .sectionContent .notification h3,
.handouts.infobox .content .section.discussions .sectionContent .notification h4,
.handouts.infobox .content .section.discussions .sectionContent .notification h5,
.handouts.infobox .content .section.discussions .sectionContent .notification h6 {
  color: #903370;
}
.handouts.infobox .content .section.discussions .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.handouts.infobox .content .section.discussions .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.handouts.infobox .content .section.discussions .sectionContent .notification.unseen {
  background: #fdf4fa;
}
.handouts.infobox .content .section.discussions .sectionContent .notification:first-child {
  border: none;
}
.handouts.infobox .content .section.discussions .sectionContent .notification a h5 {
  color: #822e65;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.handouts.infobox .content .section.discussions .sectionContent .notification a h5:hover {
  background: #f2c3e2;
}
.handouts.infobox .content .section.discussions .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.handouts.infobox .content .section.discussions .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.handouts.infobox .content .section.discussions .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.handouts.infobox .content .section.discussions .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.handouts.infobox .content .section.discussions .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.handouts.infobox .content .section.discussions .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.handouts.infobox .content .section.discussions .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.handouts.infobox .content .section.discussions .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.handouts.infobox .content .section .notification {
  /*&.grades {
                    .notification(@GradesColor);
                }*/
}
.handouts.infobox .content .section .notification.assignments {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.handouts.infobox .content .section .notification.assignments h1,
.handouts.infobox .content .section .notification.assignments h2,
.handouts.infobox .content .section .notification.assignments h3,
.handouts.infobox .content .section .notification.assignments h4,
.handouts.infobox .content .section .notification.assignments h5,
.handouts.infobox .content .section .notification.assignments h6 {
  color: #185664;
}
.handouts.infobox .content .section .notification.assignments.show {
  opacity: 1;
  max-height: 15em;
}
.handouts.infobox .content .section .notification.assignments.show.unseen + .notification {
  border-top: none;
}
.handouts.infobox .content .section .notification.assignments.unseen {
  background: #f2f8f9;
}
.handouts.infobox .content .section .notification.assignments:first-child {
  border: none;
}
.handouts.infobox .content .section .notification.assignments a h5 {
  color: #164d5a;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.handouts.infobox .content .section .notification.assignments a h5:hover {
  background: #b6d5dc;
}
.handouts.infobox .content .section .notification.attendance {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.handouts.infobox .content .section .notification.attendance h1,
.handouts.infobox .content .section .notification.attendance h2,
.handouts.infobox .content .section .notification.attendance h3,
.handouts.infobox .content .section .notification.attendance h4,
.handouts.infobox .content .section .notification.attendance h5,
.handouts.infobox .content .section .notification.attendance h6 {
  color: #a75f2b;
}
.handouts.infobox .content .section .notification.attendance.show {
  opacity: 1;
  max-height: 15em;
}
.handouts.infobox .content .section .notification.attendance.show.unseen + .notification {
  border-top: none;
}
.handouts.infobox .content .section .notification.attendance.unseen {
  background: #fff8f4;
}
.handouts.infobox .content .section .notification.attendance:first-child {
  border: none;
}
.handouts.infobox .content .section .notification.attendance a h5 {
  color: #965526;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.handouts.infobox .content .section .notification.attendance a h5:hover {
  background: #fdd9bf;
}
.handouts.infobox .content .section .notification.handouts {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.handouts.infobox .content .section .notification.handouts h1,
.handouts.infobox .content .section .notification.handouts h2,
.handouts.infobox .content .section .notification.handouts h3,
.handouts.infobox .content .section .notification.handouts h4,
.handouts.infobox .content .section .notification.handouts h5,
.handouts.infobox .content .section .notification.handouts h6 {
  color: #5b005f;
}
.handouts.infobox .content .section .notification.handouts.show {
  opacity: 1;
  max-height: 15em;
}
.handouts.infobox .content .section .notification.handouts.show.unseen + .notification {
  border-top: none;
}
.handouts.infobox .content .section .notification.handouts.unseen {
  background: #f8f0f8;
}
.handouts.infobox .content .section .notification.handouts:first-child {
  border: none;
}
.handouts.infobox .content .section .notification.handouts a h5 {
  color: #520056;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.handouts.infobox .content .section .notification.handouts a h5:hover {
  background: #d8aada;
}
.handouts.infobox .content .section .notification.lessonPlans {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.handouts.infobox .content .section .notification.lessonPlans h1,
.handouts.infobox .content .section .notification.lessonPlans h2,
.handouts.infobox .content .section .notification.lessonPlans h3,
.handouts.infobox .content .section .notification.lessonPlans h4,
.handouts.infobox .content .section .notification.lessonPlans h5,
.handouts.infobox .content .section .notification.lessonPlans h6 {
  color: #88301f;
}
.handouts.infobox .content .section .notification.lessonPlans.show {
  opacity: 1;
  max-height: 15em;
}
.handouts.infobox .content .section .notification.lessonPlans.show.unseen + .notification {
  border-top: none;
}
.handouts.infobox .content .section .notification.lessonPlans.unseen {
  background: #fcf4f3;
}
.handouts.infobox .content .section .notification.lessonPlans:first-child {
  border: none;
}
.handouts.infobox .content .section .notification.lessonPlans a h5 {
  color: #7a2b1c;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.handouts.infobox .content .section .notification.lessonPlans a h5:hover {
  background: #eec2b9;
}
.handouts.infobox .content .section .notification.assignmentSheets {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.handouts.infobox .content .section .notification.assignmentSheets h1,
.handouts.infobox .content .section .notification.assignmentSheets h2,
.handouts.infobox .content .section .notification.assignmentSheets h3,
.handouts.infobox .content .section .notification.assignmentSheets h4,
.handouts.infobox .content .section .notification.assignmentSheets h5,
.handouts.infobox .content .section .notification.assignmentSheets h6 {
  color: #392953;
}
.handouts.infobox .content .section .notification.assignmentSheets.show {
  opacity: 1;
  max-height: 15em;
}
.handouts.infobox .content .section .notification.assignmentSheets.show.unseen + .notification {
  border-top: none;
}
.handouts.infobox .content .section .notification.assignmentSheets.unseen {
  background: #f5f4f7;
}
.handouts.infobox .content .section .notification.assignmentSheets:first-child {
  border: none;
}
.handouts.infobox .content .section .notification.assignmentSheets a h5 {
  color: #34254a;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.handouts.infobox .content .section .notification.assignmentSheets a h5:hover {
  background: #c7bed3;
}
.handouts.infobox .content .section .notification.discussions {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.handouts.infobox .content .section .notification.discussions h1,
.handouts.infobox .content .section .notification.discussions h2,
.handouts.infobox .content .section .notification.discussions h3,
.handouts.infobox .content .section .notification.discussions h4,
.handouts.infobox .content .section .notification.discussions h5,
.handouts.infobox .content .section .notification.discussions h6 {
  color: #903370;
}
.handouts.infobox .content .section .notification.discussions.show {
  opacity: 1;
  max-height: 15em;
}
.handouts.infobox .content .section .notification.discussions.show.unseen + .notification {
  border-top: none;
}
.handouts.infobox .content .section .notification.discussions.unseen {
  background: #fdf4fa;
}
.handouts.infobox .content .section .notification.discussions:first-child {
  border: none;
}
.handouts.infobox .content .section .notification.discussions a h5 {
  color: #822e65;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.handouts.infobox .content .section .notification.discussions a h5:hover {
  background: #f2c3e2;
}
.lessonPlans.infobox {
  margin: 1em 0 1em 0;
  overflow: hidden;
  box-shadow: 1px 1px 10px #9a9a9a;
}
.lessonPlans.infobox .has-left-border {
  border-left: 0.5em solid #cc482e;
}
.lessonPlans.infobox h1,
.lessonPlans.infobox h2,
.lessonPlans.infobox h3,
.lessonPlans.infobox h4,
.lessonPlans.infobox h5,
.lessonPlans.infobox h6 {
  color: #7a2b1c;
}
.lessonPlans.infobox .title {
  background: #cc482e;
}
.lessonPlans.infobox .title .titleLink {
  width: calc(100% - 40px);
  display: block;
  background: #cc482e;
  float: left;
  transition: background ease .2s;
}
.lessonPlans.infobox .title .titleLink:hover {
  background: #7a2b1c;
}
.lessonPlans.infobox .title .titleLink .sectionName {
  width: calc(100% - 65px);
  display: inline-block;
}
.lessonPlans.infobox .title .titleLink .sectionMoreHelper {
  font-size: .6em;
  padding: 0 0 0 .5em;
}
.lessonPlans.infobox .title .titleLink .sectionGrade {
  width: 65px;
  display: inline-block;
  float: right;
}
.lessonPlans.infobox .title .textContent {
  color: #FFF;
  font-weight: 300;
  margin: 0;
  font-size: 1.5em;
  padding: .2em 0 .2em .3em;
}
.lessonPlans.infobox .title .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.5em;
  margin: 0;
  float: right;
  text-align: center;
  opacity: 1;
  padding: .2em 0 .2em 0;
  font-weight: 300;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.lessonPlans.infobox .title .alerts:hover {
  background: #77090b;
}
.lessonPlans.infobox .content .section h1,
.lessonPlans.infobox .content .section h2,
.lessonPlans.infobox .content .section h3,
.lessonPlans.infobox .content .section h4,
.lessonPlans.infobox .content .section h5,
.lessonPlans.infobox .content .section h6 {
  color: #88301f;
}
.lessonPlans.infobox .content .section,
.lessonPlans.infobox .content .section .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.lessonPlans.infobox .content .section .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.lessonPlans.infobox .content .section .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.lessonPlans.infobox .content .section .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.lessonPlans.infobox .content .section .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.lessonPlans.infobox .content .section .notification.expanded .notificationExpander:before {
  content: "";
}
.lessonPlans.infobox .content .section .sectionExpander,
.lessonPlans.infobox .content .section .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.lessonPlans.infobox .content .section .sectionExpander:before,
.lessonPlans.infobox .content .section .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.lessonPlans.infobox .content .section .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.lessonPlans.infobox .content .section .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.lessonPlans.infobox .content .section .sectionTitle {
  border-left: 0.5em solid #cc482e;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.lessonPlans.infobox .content .section .sectionTitle.lastSection {
  height: 100em;
}
.lessonPlans.infobox .content .section .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.lessonPlans.infobox .content .section .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.lessonPlans.infobox .content .section .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.lessonPlans.infobox .content .section .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.lessonPlans.infobox .content .section .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.lessonPlans.infobox .content .section .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.lessonPlans.infobox .content .section .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.lessonPlans.infobox .content .section .sectionTitle .alerts:hover {
  background: #77090b;
}
.lessonPlans.infobox .content .section.expanded {
  max-height: 50em;
}
.lessonPlans.infobox .content .section.expanded .sectionExpander {
  color: #FFF;
}
.lessonPlans.infobox .content .section.expanded .sectionExpander:before {
  content: "";
}
.lessonPlans.infobox .content .section.expanded .sectionExpander:hover {
  background: #666666;
}
.lessonPlans.infobox .content .section.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.lessonPlans.infobox .content .section.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.lessonPlans.infobox .content .section.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.lessonPlans.infobox .content .section.expanded .sectionContent .notification,
.lessonPlans.infobox .content .section.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.lessonPlans.infobox .content .section.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.lessonPlans.infobox .content .section:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.lessonPlans.infobox .content .section.collapsed {
  max-height: 0;
  opacity: 0;
}
.lessonPlans.infobox .content .section .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.lessonPlans.infobox .content .section .sectionContent .notification h1,
.lessonPlans.infobox .content .section .sectionContent .notification h2,
.lessonPlans.infobox .content .section .sectionContent .notification h3,
.lessonPlans.infobox .content .section .sectionContent .notification h4,
.lessonPlans.infobox .content .section .sectionContent .notification h5,
.lessonPlans.infobox .content .section .sectionContent .notification h6 {
  color: #88301f;
}
.lessonPlans.infobox .content .section .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.lessonPlans.infobox .content .section .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.lessonPlans.infobox .content .section .sectionContent .notification.unseen {
  background: #fcf4f3;
}
.lessonPlans.infobox .content .section .sectionContent .notification:first-child {
  border: none;
}
.lessonPlans.infobox .content .section .sectionContent .notification a h5 {
  color: #7a2b1c;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.lessonPlans.infobox .content .section .sectionContent .notification a h5:hover {
  background: #eec2b9;
}
.lessonPlans.infobox .content .section .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.lessonPlans.infobox .content .section .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.lessonPlans.infobox .content .section .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.lessonPlans.infobox .content .section .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.lessonPlans.infobox .content .section .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.lessonPlans.infobox .content .section .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.lessonPlans.infobox .content .section .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.lessonPlans.infobox .content .section .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.lessonPlans.infobox .content .section.assignments h1,
.lessonPlans.infobox .content .section.assignments h2,
.lessonPlans.infobox .content .section.assignments h3,
.lessonPlans.infobox .content .section.assignments h4,
.lessonPlans.infobox .content .section.assignments h5,
.lessonPlans.infobox .content .section.assignments h6 {
  color: #185664;
}
.lessonPlans.infobox .content .section.assignments,
.lessonPlans.infobox .content .section.assignments .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.lessonPlans.infobox .content .section.assignments .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.lessonPlans.infobox .content .section.assignments .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.lessonPlans.infobox .content .section.assignments .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.lessonPlans.infobox .content .section.assignments .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.lessonPlans.infobox .content .section.assignments .notification.expanded .notificationExpander:before {
  content: "";
}
.lessonPlans.infobox .content .section.assignments .sectionExpander,
.lessonPlans.infobox .content .section.assignments .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.lessonPlans.infobox .content .section.assignments .sectionExpander:before,
.lessonPlans.infobox .content .section.assignments .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.lessonPlans.infobox .content .section.assignments .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.lessonPlans.infobox .content .section.assignments .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.lessonPlans.infobox .content .section.assignments .sectionTitle {
  border-left: 0.5em solid #248196;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.lessonPlans.infobox .content .section.assignments .sectionTitle.lastSection {
  height: 100em;
}
.lessonPlans.infobox .content .section.assignments .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.lessonPlans.infobox .content .section.assignments .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.lessonPlans.infobox .content .section.assignments .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.lessonPlans.infobox .content .section.assignments .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.lessonPlans.infobox .content .section.assignments .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.lessonPlans.infobox .content .section.assignments .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.lessonPlans.infobox .content .section.assignments .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.lessonPlans.infobox .content .section.assignments .sectionTitle .alerts:hover {
  background: #77090b;
}
.lessonPlans.infobox .content .section.assignments.expanded {
  max-height: 50em;
}
.lessonPlans.infobox .content .section.assignments.expanded .sectionExpander {
  color: #FFF;
}
.lessonPlans.infobox .content .section.assignments.expanded .sectionExpander:before {
  content: "";
}
.lessonPlans.infobox .content .section.assignments.expanded .sectionExpander:hover {
  background: #666666;
}
.lessonPlans.infobox .content .section.assignments.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.lessonPlans.infobox .content .section.assignments.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.lessonPlans.infobox .content .section.assignments.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.lessonPlans.infobox .content .section.assignments.expanded .sectionContent .notification,
.lessonPlans.infobox .content .section.assignments.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.lessonPlans.infobox .content .section.assignments.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.lessonPlans.infobox .content .section.assignments:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.lessonPlans.infobox .content .section.assignments.collapsed {
  max-height: 0;
  opacity: 0;
}
.lessonPlans.infobox .content .section.assignments .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.lessonPlans.infobox .content .section.assignments .sectionContent .notification h1,
.lessonPlans.infobox .content .section.assignments .sectionContent .notification h2,
.lessonPlans.infobox .content .section.assignments .sectionContent .notification h3,
.lessonPlans.infobox .content .section.assignments .sectionContent .notification h4,
.lessonPlans.infobox .content .section.assignments .sectionContent .notification h5,
.lessonPlans.infobox .content .section.assignments .sectionContent .notification h6 {
  color: #185664;
}
.lessonPlans.infobox .content .section.assignments .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.lessonPlans.infobox .content .section.assignments .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.lessonPlans.infobox .content .section.assignments .sectionContent .notification.unseen {
  background: #f2f8f9;
}
.lessonPlans.infobox .content .section.assignments .sectionContent .notification:first-child {
  border: none;
}
.lessonPlans.infobox .content .section.assignments .sectionContent .notification a h5 {
  color: #164d5a;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.lessonPlans.infobox .content .section.assignments .sectionContent .notification a h5:hover {
  background: #b6d5dc;
}
.lessonPlans.infobox .content .section.assignments .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.lessonPlans.infobox .content .section.assignments .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.lessonPlans.infobox .content .section.assignments .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.lessonPlans.infobox .content .section.assignments .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.lessonPlans.infobox .content .section.assignments .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.lessonPlans.infobox .content .section.assignments .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.lessonPlans.infobox .content .section.assignments .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.lessonPlans.infobox .content .section.assignments .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.lessonPlans.infobox .content .section.attendance h1,
.lessonPlans.infobox .content .section.attendance h2,
.lessonPlans.infobox .content .section.attendance h3,
.lessonPlans.infobox .content .section.attendance h4,
.lessonPlans.infobox .content .section.attendance h5,
.lessonPlans.infobox .content .section.attendance h6 {
  color: #a75f2b;
}
.lessonPlans.infobox .content .section.attendance,
.lessonPlans.infobox .content .section.attendance .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.lessonPlans.infobox .content .section.attendance .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.lessonPlans.infobox .content .section.attendance .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.lessonPlans.infobox .content .section.attendance .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.lessonPlans.infobox .content .section.attendance .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.lessonPlans.infobox .content .section.attendance .notification.expanded .notificationExpander:before {
  content: "";
}
.lessonPlans.infobox .content .section.attendance .sectionExpander,
.lessonPlans.infobox .content .section.attendance .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.lessonPlans.infobox .content .section.attendance .sectionExpander:before,
.lessonPlans.infobox .content .section.attendance .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.lessonPlans.infobox .content .section.attendance .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.lessonPlans.infobox .content .section.attendance .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.lessonPlans.infobox .content .section.attendance .sectionTitle {
  border-left: 0.5em solid #fa8e40;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.lessonPlans.infobox .content .section.attendance .sectionTitle.lastSection {
  height: 100em;
}
.lessonPlans.infobox .content .section.attendance .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.lessonPlans.infobox .content .section.attendance .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.lessonPlans.infobox .content .section.attendance .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.lessonPlans.infobox .content .section.attendance .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.lessonPlans.infobox .content .section.attendance .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.lessonPlans.infobox .content .section.attendance .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.lessonPlans.infobox .content .section.attendance .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.lessonPlans.infobox .content .section.attendance .sectionTitle .alerts:hover {
  background: #77090b;
}
.lessonPlans.infobox .content .section.attendance.expanded {
  max-height: 50em;
}
.lessonPlans.infobox .content .section.attendance.expanded .sectionExpander {
  color: #FFF;
}
.lessonPlans.infobox .content .section.attendance.expanded .sectionExpander:before {
  content: "";
}
.lessonPlans.infobox .content .section.attendance.expanded .sectionExpander:hover {
  background: #666666;
}
.lessonPlans.infobox .content .section.attendance.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.lessonPlans.infobox .content .section.attendance.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.lessonPlans.infobox .content .section.attendance.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.lessonPlans.infobox .content .section.attendance.expanded .sectionContent .notification,
.lessonPlans.infobox .content .section.attendance.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.lessonPlans.infobox .content .section.attendance.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.lessonPlans.infobox .content .section.attendance:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.lessonPlans.infobox .content .section.attendance.collapsed {
  max-height: 0;
  opacity: 0;
}
.lessonPlans.infobox .content .section.attendance .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.lessonPlans.infobox .content .section.attendance .sectionContent .notification h1,
.lessonPlans.infobox .content .section.attendance .sectionContent .notification h2,
.lessonPlans.infobox .content .section.attendance .sectionContent .notification h3,
.lessonPlans.infobox .content .section.attendance .sectionContent .notification h4,
.lessonPlans.infobox .content .section.attendance .sectionContent .notification h5,
.lessonPlans.infobox .content .section.attendance .sectionContent .notification h6 {
  color: #a75f2b;
}
.lessonPlans.infobox .content .section.attendance .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.lessonPlans.infobox .content .section.attendance .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.lessonPlans.infobox .content .section.attendance .sectionContent .notification.unseen {
  background: #fff8f4;
}
.lessonPlans.infobox .content .section.attendance .sectionContent .notification:first-child {
  border: none;
}
.lessonPlans.infobox .content .section.attendance .sectionContent .notification a h5 {
  color: #965526;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.lessonPlans.infobox .content .section.attendance .sectionContent .notification a h5:hover {
  background: #fdd9bf;
}
.lessonPlans.infobox .content .section.attendance .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.lessonPlans.infobox .content .section.attendance .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.lessonPlans.infobox .content .section.attendance .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.lessonPlans.infobox .content .section.attendance .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.lessonPlans.infobox .content .section.attendance .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.lessonPlans.infobox .content .section.attendance .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.lessonPlans.infobox .content .section.attendance .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.lessonPlans.infobox .content .section.attendance .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.lessonPlans.infobox .content .section.grades h1,
.lessonPlans.infobox .content .section.grades h2,
.lessonPlans.infobox .content .section.grades h3,
.lessonPlans.infobox .content .section.grades h4,
.lessonPlans.infobox .content .section.grades h5,
.lessonPlans.infobox .content .section.grades h6 {
  color: #115c1f;
}
.lessonPlans.infobox .content .section.grades,
.lessonPlans.infobox .content .section.grades .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.lessonPlans.infobox .content .section.grades .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.lessonPlans.infobox .content .section.grades .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.lessonPlans.infobox .content .section.grades .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.lessonPlans.infobox .content .section.grades .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.lessonPlans.infobox .content .section.grades .notification.expanded .notificationExpander:before {
  content: "";
}
.lessonPlans.infobox .content .section.grades .sectionExpander,
.lessonPlans.infobox .content .section.grades .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.lessonPlans.infobox .content .section.grades .sectionExpander:before,
.lessonPlans.infobox .content .section.grades .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.lessonPlans.infobox .content .section.grades .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.lessonPlans.infobox .content .section.grades .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.lessonPlans.infobox .content .section.grades .sectionTitle {
  border-left: 0.5em solid #1a8a2e;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.lessonPlans.infobox .content .section.grades .sectionTitle.lastSection {
  height: 100em;
}
.lessonPlans.infobox .content .section.grades .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.lessonPlans.infobox .content .section.grades .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.lessonPlans.infobox .content .section.grades .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.lessonPlans.infobox .content .section.grades .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.lessonPlans.infobox .content .section.grades .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.lessonPlans.infobox .content .section.grades .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.lessonPlans.infobox .content .section.grades .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.lessonPlans.infobox .content .section.grades .sectionTitle .alerts:hover {
  background: #77090b;
}
.lessonPlans.infobox .content .section.grades.expanded {
  max-height: 50em;
}
.lessonPlans.infobox .content .section.grades.expanded .sectionExpander {
  color: #FFF;
}
.lessonPlans.infobox .content .section.grades.expanded .sectionExpander:before {
  content: "";
}
.lessonPlans.infobox .content .section.grades.expanded .sectionExpander:hover {
  background: #666666;
}
.lessonPlans.infobox .content .section.grades.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.lessonPlans.infobox .content .section.grades.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.lessonPlans.infobox .content .section.grades.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.lessonPlans.infobox .content .section.grades.expanded .sectionContent .notification,
.lessonPlans.infobox .content .section.grades.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.lessonPlans.infobox .content .section.grades.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.lessonPlans.infobox .content .section.grades:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.lessonPlans.infobox .content .section.grades.collapsed {
  max-height: 0;
  opacity: 0;
}
.lessonPlans.infobox .content .section.grades .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.lessonPlans.infobox .content .section.grades .sectionContent .notification h1,
.lessonPlans.infobox .content .section.grades .sectionContent .notification h2,
.lessonPlans.infobox .content .section.grades .sectionContent .notification h3,
.lessonPlans.infobox .content .section.grades .sectionContent .notification h4,
.lessonPlans.infobox .content .section.grades .sectionContent .notification h5,
.lessonPlans.infobox .content .section.grades .sectionContent .notification h6 {
  color: #115c1f;
}
.lessonPlans.infobox .content .section.grades .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.lessonPlans.infobox .content .section.grades .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.lessonPlans.infobox .content .section.grades .sectionContent .notification.unseen {
  background: #f2f8f3;
}
.lessonPlans.infobox .content .section.grades .sectionContent .notification:first-child {
  border: none;
}
.lessonPlans.infobox .content .section.grades .sectionContent .notification a h5 {
  color: #10531c;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.lessonPlans.infobox .content .section.grades .sectionContent .notification a h5:hover {
  background: #b3d8b9;
}
.lessonPlans.infobox .content .section.grades .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.lessonPlans.infobox .content .section.grades .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.lessonPlans.infobox .content .section.grades .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.lessonPlans.infobox .content .section.grades .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.lessonPlans.infobox .content .section.grades .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.lessonPlans.infobox .content .section.grades .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.lessonPlans.infobox .content .section.grades .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.lessonPlans.infobox .content .section.grades .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.lessonPlans.infobox .content .section.handouts h1,
.lessonPlans.infobox .content .section.handouts h2,
.lessonPlans.infobox .content .section.handouts h3,
.lessonPlans.infobox .content .section.handouts h4,
.lessonPlans.infobox .content .section.handouts h5,
.lessonPlans.infobox .content .section.handouts h6 {
  color: #5b005f;
}
.lessonPlans.infobox .content .section.handouts,
.lessonPlans.infobox .content .section.handouts .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.lessonPlans.infobox .content .section.handouts .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.lessonPlans.infobox .content .section.handouts .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.lessonPlans.infobox .content .section.handouts .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.lessonPlans.infobox .content .section.handouts .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.lessonPlans.infobox .content .section.handouts .notification.expanded .notificationExpander:before {
  content: "";
}
.lessonPlans.infobox .content .section.handouts .sectionExpander,
.lessonPlans.infobox .content .section.handouts .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.lessonPlans.infobox .content .section.handouts .sectionExpander:before,
.lessonPlans.infobox .content .section.handouts .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.lessonPlans.infobox .content .section.handouts .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.lessonPlans.infobox .content .section.handouts .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.lessonPlans.infobox .content .section.handouts .sectionTitle {
  border-left: 0.5em solid #89008f;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.lessonPlans.infobox .content .section.handouts .sectionTitle.lastSection {
  height: 100em;
}
.lessonPlans.infobox .content .section.handouts .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.lessonPlans.infobox .content .section.handouts .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.lessonPlans.infobox .content .section.handouts .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.lessonPlans.infobox .content .section.handouts .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.lessonPlans.infobox .content .section.handouts .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.lessonPlans.infobox .content .section.handouts .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.lessonPlans.infobox .content .section.handouts .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.lessonPlans.infobox .content .section.handouts .sectionTitle .alerts:hover {
  background: #77090b;
}
.lessonPlans.infobox .content .section.handouts.expanded {
  max-height: 50em;
}
.lessonPlans.infobox .content .section.handouts.expanded .sectionExpander {
  color: #FFF;
}
.lessonPlans.infobox .content .section.handouts.expanded .sectionExpander:before {
  content: "";
}
.lessonPlans.infobox .content .section.handouts.expanded .sectionExpander:hover {
  background: #666666;
}
.lessonPlans.infobox .content .section.handouts.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.lessonPlans.infobox .content .section.handouts.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.lessonPlans.infobox .content .section.handouts.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.lessonPlans.infobox .content .section.handouts.expanded .sectionContent .notification,
.lessonPlans.infobox .content .section.handouts.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.lessonPlans.infobox .content .section.handouts.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.lessonPlans.infobox .content .section.handouts:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.lessonPlans.infobox .content .section.handouts.collapsed {
  max-height: 0;
  opacity: 0;
}
.lessonPlans.infobox .content .section.handouts .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.lessonPlans.infobox .content .section.handouts .sectionContent .notification h1,
.lessonPlans.infobox .content .section.handouts .sectionContent .notification h2,
.lessonPlans.infobox .content .section.handouts .sectionContent .notification h3,
.lessonPlans.infobox .content .section.handouts .sectionContent .notification h4,
.lessonPlans.infobox .content .section.handouts .sectionContent .notification h5,
.lessonPlans.infobox .content .section.handouts .sectionContent .notification h6 {
  color: #5b005f;
}
.lessonPlans.infobox .content .section.handouts .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.lessonPlans.infobox .content .section.handouts .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.lessonPlans.infobox .content .section.handouts .sectionContent .notification.unseen {
  background: #f8f0f8;
}
.lessonPlans.infobox .content .section.handouts .sectionContent .notification:first-child {
  border: none;
}
.lessonPlans.infobox .content .section.handouts .sectionContent .notification a h5 {
  color: #520056;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.lessonPlans.infobox .content .section.handouts .sectionContent .notification a h5:hover {
  background: #d8aada;
}
.lessonPlans.infobox .content .section.handouts .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.lessonPlans.infobox .content .section.handouts .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.lessonPlans.infobox .content .section.handouts .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.lessonPlans.infobox .content .section.handouts .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.lessonPlans.infobox .content .section.handouts .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.lessonPlans.infobox .content .section.handouts .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.lessonPlans.infobox .content .section.handouts .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.lessonPlans.infobox .content .section.handouts .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.lessonPlans.infobox .content .section.lessonPlans h1,
.lessonPlans.infobox .content .section.lessonPlans h2,
.lessonPlans.infobox .content .section.lessonPlans h3,
.lessonPlans.infobox .content .section.lessonPlans h4,
.lessonPlans.infobox .content .section.lessonPlans h5,
.lessonPlans.infobox .content .section.lessonPlans h6 {
  color: #88301f;
}
.lessonPlans.infobox .content .section.lessonPlans,
.lessonPlans.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.lessonPlans.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.lessonPlans.infobox .content .section.lessonPlans .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.lessonPlans.infobox .content .section.lessonPlans .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.lessonPlans.infobox .content .section.lessonPlans .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.lessonPlans.infobox .content .section.lessonPlans .notification.expanded .notificationExpander:before {
  content: "";
}
.lessonPlans.infobox .content .section.lessonPlans .sectionExpander,
.lessonPlans.infobox .content .section.lessonPlans .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.lessonPlans.infobox .content .section.lessonPlans .sectionExpander:before,
.lessonPlans.infobox .content .section.lessonPlans .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.lessonPlans.infobox .content .section.lessonPlans .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.lessonPlans.infobox .content .section.lessonPlans .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.lessonPlans.infobox .content .section.lessonPlans .sectionTitle {
  border-left: 0.5em solid #cc482e;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.lessonPlans.infobox .content .section.lessonPlans .sectionTitle.lastSection {
  height: 100em;
}
.lessonPlans.infobox .content .section.lessonPlans .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.lessonPlans.infobox .content .section.lessonPlans .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.lessonPlans.infobox .content .section.lessonPlans .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.lessonPlans.infobox .content .section.lessonPlans .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.lessonPlans.infobox .content .section.lessonPlans .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.lessonPlans.infobox .content .section.lessonPlans .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.lessonPlans.infobox .content .section.lessonPlans .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.lessonPlans.infobox .content .section.lessonPlans .sectionTitle .alerts:hover {
  background: #77090b;
}
.lessonPlans.infobox .content .section.lessonPlans.expanded {
  max-height: 50em;
}
.lessonPlans.infobox .content .section.lessonPlans.expanded .sectionExpander {
  color: #FFF;
}
.lessonPlans.infobox .content .section.lessonPlans.expanded .sectionExpander:before {
  content: "";
}
.lessonPlans.infobox .content .section.lessonPlans.expanded .sectionExpander:hover {
  background: #666666;
}
.lessonPlans.infobox .content .section.lessonPlans.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.lessonPlans.infobox .content .section.lessonPlans.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.lessonPlans.infobox .content .section.lessonPlans.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.lessonPlans.infobox .content .section.lessonPlans.expanded .sectionContent .notification,
.lessonPlans.infobox .content .section.lessonPlans.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.lessonPlans.infobox .content .section.lessonPlans.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.lessonPlans.infobox .content .section.lessonPlans:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.lessonPlans.infobox .content .section.lessonPlans.collapsed {
  max-height: 0;
  opacity: 0;
}
.lessonPlans.infobox .content .section.lessonPlans .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.lessonPlans.infobox .content .section.lessonPlans .sectionContent .notification h1,
.lessonPlans.infobox .content .section.lessonPlans .sectionContent .notification h2,
.lessonPlans.infobox .content .section.lessonPlans .sectionContent .notification h3,
.lessonPlans.infobox .content .section.lessonPlans .sectionContent .notification h4,
.lessonPlans.infobox .content .section.lessonPlans .sectionContent .notification h5,
.lessonPlans.infobox .content .section.lessonPlans .sectionContent .notification h6 {
  color: #88301f;
}
.lessonPlans.infobox .content .section.lessonPlans .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.lessonPlans.infobox .content .section.lessonPlans .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.lessonPlans.infobox .content .section.lessonPlans .sectionContent .notification.unseen {
  background: #fcf4f3;
}
.lessonPlans.infobox .content .section.lessonPlans .sectionContent .notification:first-child {
  border: none;
}
.lessonPlans.infobox .content .section.lessonPlans .sectionContent .notification a h5 {
  color: #7a2b1c;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.lessonPlans.infobox .content .section.lessonPlans .sectionContent .notification a h5:hover {
  background: #eec2b9;
}
.lessonPlans.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.lessonPlans.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.lessonPlans.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.lessonPlans.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.lessonPlans.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.lessonPlans.infobox .content .section.lessonPlans .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.lessonPlans.infobox .content .section.lessonPlans .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.lessonPlans.infobox .content .section.lessonPlans .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.lessonPlans.infobox .content .section.assignmentSheets h1,
.lessonPlans.infobox .content .section.assignmentSheets h2,
.lessonPlans.infobox .content .section.assignmentSheets h3,
.lessonPlans.infobox .content .section.assignmentSheets h4,
.lessonPlans.infobox .content .section.assignmentSheets h5,
.lessonPlans.infobox .content .section.assignmentSheets h6 {
  color: #392953;
}
.lessonPlans.infobox .content .section.assignmentSheets,
.lessonPlans.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.lessonPlans.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.lessonPlans.infobox .content .section.assignmentSheets .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.lessonPlans.infobox .content .section.assignmentSheets .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.lessonPlans.infobox .content .section.assignmentSheets .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.lessonPlans.infobox .content .section.assignmentSheets .notification.expanded .notificationExpander:before {
  content: "";
}
.lessonPlans.infobox .content .section.assignmentSheets .sectionExpander,
.lessonPlans.infobox .content .section.assignmentSheets .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.lessonPlans.infobox .content .section.assignmentSheets .sectionExpander:before,
.lessonPlans.infobox .content .section.assignmentSheets .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.lessonPlans.infobox .content .section.assignmentSheets .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.lessonPlans.infobox .content .section.assignmentSheets .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.lessonPlans.infobox .content .section.assignmentSheets .sectionTitle {
  border-left: 0.5em solid #563d7c;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.lessonPlans.infobox .content .section.assignmentSheets .sectionTitle.lastSection {
  height: 100em;
}
.lessonPlans.infobox .content .section.assignmentSheets .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.lessonPlans.infobox .content .section.assignmentSheets .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.lessonPlans.infobox .content .section.assignmentSheets .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.lessonPlans.infobox .content .section.assignmentSheets .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.lessonPlans.infobox .content .section.assignmentSheets .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.lessonPlans.infobox .content .section.assignmentSheets .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.lessonPlans.infobox .content .section.assignmentSheets .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.lessonPlans.infobox .content .section.assignmentSheets .sectionTitle .alerts:hover {
  background: #77090b;
}
.lessonPlans.infobox .content .section.assignmentSheets.expanded {
  max-height: 50em;
}
.lessonPlans.infobox .content .section.assignmentSheets.expanded .sectionExpander {
  color: #FFF;
}
.lessonPlans.infobox .content .section.assignmentSheets.expanded .sectionExpander:before {
  content: "";
}
.lessonPlans.infobox .content .section.assignmentSheets.expanded .sectionExpander:hover {
  background: #666666;
}
.lessonPlans.infobox .content .section.assignmentSheets.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.lessonPlans.infobox .content .section.assignmentSheets.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.lessonPlans.infobox .content .section.assignmentSheets.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.lessonPlans.infobox .content .section.assignmentSheets.expanded .sectionContent .notification,
.lessonPlans.infobox .content .section.assignmentSheets.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.lessonPlans.infobox .content .section.assignmentSheets.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.lessonPlans.infobox .content .section.assignmentSheets:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.lessonPlans.infobox .content .section.assignmentSheets.collapsed {
  max-height: 0;
  opacity: 0;
}
.lessonPlans.infobox .content .section.assignmentSheets .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.lessonPlans.infobox .content .section.assignmentSheets .sectionContent .notification h1,
.lessonPlans.infobox .content .section.assignmentSheets .sectionContent .notification h2,
.lessonPlans.infobox .content .section.assignmentSheets .sectionContent .notification h3,
.lessonPlans.infobox .content .section.assignmentSheets .sectionContent .notification h4,
.lessonPlans.infobox .content .section.assignmentSheets .sectionContent .notification h5,
.lessonPlans.infobox .content .section.assignmentSheets .sectionContent .notification h6 {
  color: #392953;
}
.lessonPlans.infobox .content .section.assignmentSheets .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.lessonPlans.infobox .content .section.assignmentSheets .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.lessonPlans.infobox .content .section.assignmentSheets .sectionContent .notification.unseen {
  background: #f5f4f7;
}
.lessonPlans.infobox .content .section.assignmentSheets .sectionContent .notification:first-child {
  border: none;
}
.lessonPlans.infobox .content .section.assignmentSheets .sectionContent .notification a h5 {
  color: #34254a;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.lessonPlans.infobox .content .section.assignmentSheets .sectionContent .notification a h5:hover {
  background: #c7bed3;
}
.lessonPlans.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.lessonPlans.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.lessonPlans.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.lessonPlans.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.lessonPlans.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.lessonPlans.infobox .content .section.assignmentSheets .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.lessonPlans.infobox .content .section.assignmentSheets .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.lessonPlans.infobox .content .section.assignmentSheets .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.lessonPlans.infobox .content .section.discussions h1,
.lessonPlans.infobox .content .section.discussions h2,
.lessonPlans.infobox .content .section.discussions h3,
.lessonPlans.infobox .content .section.discussions h4,
.lessonPlans.infobox .content .section.discussions h5,
.lessonPlans.infobox .content .section.discussions h6 {
  color: #903370;
}
.lessonPlans.infobox .content .section.discussions,
.lessonPlans.infobox .content .section.discussions .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.lessonPlans.infobox .content .section.discussions .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.lessonPlans.infobox .content .section.discussions .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.lessonPlans.infobox .content .section.discussions .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.lessonPlans.infobox .content .section.discussions .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.lessonPlans.infobox .content .section.discussions .notification.expanded .notificationExpander:before {
  content: "";
}
.lessonPlans.infobox .content .section.discussions .sectionExpander,
.lessonPlans.infobox .content .section.discussions .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.lessonPlans.infobox .content .section.discussions .sectionExpander:before,
.lessonPlans.infobox .content .section.discussions .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.lessonPlans.infobox .content .section.discussions .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.lessonPlans.infobox .content .section.discussions .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.lessonPlans.infobox .content .section.discussions .sectionTitle {
  border-left: 0.5em solid #d84ca8;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.lessonPlans.infobox .content .section.discussions .sectionTitle.lastSection {
  height: 100em;
}
.lessonPlans.infobox .content .section.discussions .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.lessonPlans.infobox .content .section.discussions .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.lessonPlans.infobox .content .section.discussions .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.lessonPlans.infobox .content .section.discussions .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.lessonPlans.infobox .content .section.discussions .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.lessonPlans.infobox .content .section.discussions .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.lessonPlans.infobox .content .section.discussions .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.lessonPlans.infobox .content .section.discussions .sectionTitle .alerts:hover {
  background: #77090b;
}
.lessonPlans.infobox .content .section.discussions.expanded {
  max-height: 50em;
}
.lessonPlans.infobox .content .section.discussions.expanded .sectionExpander {
  color: #FFF;
}
.lessonPlans.infobox .content .section.discussions.expanded .sectionExpander:before {
  content: "";
}
.lessonPlans.infobox .content .section.discussions.expanded .sectionExpander:hover {
  background: #666666;
}
.lessonPlans.infobox .content .section.discussions.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.lessonPlans.infobox .content .section.discussions.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.lessonPlans.infobox .content .section.discussions.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.lessonPlans.infobox .content .section.discussions.expanded .sectionContent .notification,
.lessonPlans.infobox .content .section.discussions.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.lessonPlans.infobox .content .section.discussions.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.lessonPlans.infobox .content .section.discussions:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.lessonPlans.infobox .content .section.discussions.collapsed {
  max-height: 0;
  opacity: 0;
}
.lessonPlans.infobox .content .section.discussions .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.lessonPlans.infobox .content .section.discussions .sectionContent .notification h1,
.lessonPlans.infobox .content .section.discussions .sectionContent .notification h2,
.lessonPlans.infobox .content .section.discussions .sectionContent .notification h3,
.lessonPlans.infobox .content .section.discussions .sectionContent .notification h4,
.lessonPlans.infobox .content .section.discussions .sectionContent .notification h5,
.lessonPlans.infobox .content .section.discussions .sectionContent .notification h6 {
  color: #903370;
}
.lessonPlans.infobox .content .section.discussions .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.lessonPlans.infobox .content .section.discussions .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.lessonPlans.infobox .content .section.discussions .sectionContent .notification.unseen {
  background: #fdf4fa;
}
.lessonPlans.infobox .content .section.discussions .sectionContent .notification:first-child {
  border: none;
}
.lessonPlans.infobox .content .section.discussions .sectionContent .notification a h5 {
  color: #822e65;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.lessonPlans.infobox .content .section.discussions .sectionContent .notification a h5:hover {
  background: #f2c3e2;
}
.lessonPlans.infobox .content .section.discussions .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.lessonPlans.infobox .content .section.discussions .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.lessonPlans.infobox .content .section.discussions .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.lessonPlans.infobox .content .section.discussions .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.lessonPlans.infobox .content .section.discussions .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.lessonPlans.infobox .content .section.discussions .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.lessonPlans.infobox .content .section.discussions .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.lessonPlans.infobox .content .section.discussions .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.lessonPlans.infobox .content .section .notification {
  /*&.grades {
                    .notification(@GradesColor);
                }*/
}
.lessonPlans.infobox .content .section .notification.assignments {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.lessonPlans.infobox .content .section .notification.assignments h1,
.lessonPlans.infobox .content .section .notification.assignments h2,
.lessonPlans.infobox .content .section .notification.assignments h3,
.lessonPlans.infobox .content .section .notification.assignments h4,
.lessonPlans.infobox .content .section .notification.assignments h5,
.lessonPlans.infobox .content .section .notification.assignments h6 {
  color: #185664;
}
.lessonPlans.infobox .content .section .notification.assignments.show {
  opacity: 1;
  max-height: 15em;
}
.lessonPlans.infobox .content .section .notification.assignments.show.unseen + .notification {
  border-top: none;
}
.lessonPlans.infobox .content .section .notification.assignments.unseen {
  background: #f2f8f9;
}
.lessonPlans.infobox .content .section .notification.assignments:first-child {
  border: none;
}
.lessonPlans.infobox .content .section .notification.assignments a h5 {
  color: #164d5a;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.lessonPlans.infobox .content .section .notification.assignments a h5:hover {
  background: #b6d5dc;
}
.lessonPlans.infobox .content .section .notification.attendance {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.lessonPlans.infobox .content .section .notification.attendance h1,
.lessonPlans.infobox .content .section .notification.attendance h2,
.lessonPlans.infobox .content .section .notification.attendance h3,
.lessonPlans.infobox .content .section .notification.attendance h4,
.lessonPlans.infobox .content .section .notification.attendance h5,
.lessonPlans.infobox .content .section .notification.attendance h6 {
  color: #a75f2b;
}
.lessonPlans.infobox .content .section .notification.attendance.show {
  opacity: 1;
  max-height: 15em;
}
.lessonPlans.infobox .content .section .notification.attendance.show.unseen + .notification {
  border-top: none;
}
.lessonPlans.infobox .content .section .notification.attendance.unseen {
  background: #fff8f4;
}
.lessonPlans.infobox .content .section .notification.attendance:first-child {
  border: none;
}
.lessonPlans.infobox .content .section .notification.attendance a h5 {
  color: #965526;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.lessonPlans.infobox .content .section .notification.attendance a h5:hover {
  background: #fdd9bf;
}
.lessonPlans.infobox .content .section .notification.handouts {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.lessonPlans.infobox .content .section .notification.handouts h1,
.lessonPlans.infobox .content .section .notification.handouts h2,
.lessonPlans.infobox .content .section .notification.handouts h3,
.lessonPlans.infobox .content .section .notification.handouts h4,
.lessonPlans.infobox .content .section .notification.handouts h5,
.lessonPlans.infobox .content .section .notification.handouts h6 {
  color: #5b005f;
}
.lessonPlans.infobox .content .section .notification.handouts.show {
  opacity: 1;
  max-height: 15em;
}
.lessonPlans.infobox .content .section .notification.handouts.show.unseen + .notification {
  border-top: none;
}
.lessonPlans.infobox .content .section .notification.handouts.unseen {
  background: #f8f0f8;
}
.lessonPlans.infobox .content .section .notification.handouts:first-child {
  border: none;
}
.lessonPlans.infobox .content .section .notification.handouts a h5 {
  color: #520056;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.lessonPlans.infobox .content .section .notification.handouts a h5:hover {
  background: #d8aada;
}
.lessonPlans.infobox .content .section .notification.lessonPlans {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.lessonPlans.infobox .content .section .notification.lessonPlans h1,
.lessonPlans.infobox .content .section .notification.lessonPlans h2,
.lessonPlans.infobox .content .section .notification.lessonPlans h3,
.lessonPlans.infobox .content .section .notification.lessonPlans h4,
.lessonPlans.infobox .content .section .notification.lessonPlans h5,
.lessonPlans.infobox .content .section .notification.lessonPlans h6 {
  color: #88301f;
}
.lessonPlans.infobox .content .section .notification.lessonPlans.show {
  opacity: 1;
  max-height: 15em;
}
.lessonPlans.infobox .content .section .notification.lessonPlans.show.unseen + .notification {
  border-top: none;
}
.lessonPlans.infobox .content .section .notification.lessonPlans.unseen {
  background: #fcf4f3;
}
.lessonPlans.infobox .content .section .notification.lessonPlans:first-child {
  border: none;
}
.lessonPlans.infobox .content .section .notification.lessonPlans a h5 {
  color: #7a2b1c;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.lessonPlans.infobox .content .section .notification.lessonPlans a h5:hover {
  background: #eec2b9;
}
.lessonPlans.infobox .content .section .notification.assignmentSheets {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.lessonPlans.infobox .content .section .notification.assignmentSheets h1,
.lessonPlans.infobox .content .section .notification.assignmentSheets h2,
.lessonPlans.infobox .content .section .notification.assignmentSheets h3,
.lessonPlans.infobox .content .section .notification.assignmentSheets h4,
.lessonPlans.infobox .content .section .notification.assignmentSheets h5,
.lessonPlans.infobox .content .section .notification.assignmentSheets h6 {
  color: #392953;
}
.lessonPlans.infobox .content .section .notification.assignmentSheets.show {
  opacity: 1;
  max-height: 15em;
}
.lessonPlans.infobox .content .section .notification.assignmentSheets.show.unseen + .notification {
  border-top: none;
}
.lessonPlans.infobox .content .section .notification.assignmentSheets.unseen {
  background: #f5f4f7;
}
.lessonPlans.infobox .content .section .notification.assignmentSheets:first-child {
  border: none;
}
.lessonPlans.infobox .content .section .notification.assignmentSheets a h5 {
  color: #34254a;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.lessonPlans.infobox .content .section .notification.assignmentSheets a h5:hover {
  background: #c7bed3;
}
.lessonPlans.infobox .content .section .notification.discussions {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.lessonPlans.infobox .content .section .notification.discussions h1,
.lessonPlans.infobox .content .section .notification.discussions h2,
.lessonPlans.infobox .content .section .notification.discussions h3,
.lessonPlans.infobox .content .section .notification.discussions h4,
.lessonPlans.infobox .content .section .notification.discussions h5,
.lessonPlans.infobox .content .section .notification.discussions h6 {
  color: #903370;
}
.lessonPlans.infobox .content .section .notification.discussions.show {
  opacity: 1;
  max-height: 15em;
}
.lessonPlans.infobox .content .section .notification.discussions.show.unseen + .notification {
  border-top: none;
}
.lessonPlans.infobox .content .section .notification.discussions.unseen {
  background: #fdf4fa;
}
.lessonPlans.infobox .content .section .notification.discussions:first-child {
  border: none;
}
.lessonPlans.infobox .content .section .notification.discussions a h5 {
  color: #822e65;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.lessonPlans.infobox .content .section .notification.discussions a h5:hover {
  background: #f2c3e2;
}
.assignmentSheets.infobox {
  margin: 1em 0 1em 0;
  overflow: hidden;
  box-shadow: 1px 1px 10px #9a9a9a;
}
.assignmentSheets.infobox .has-left-border {
  border-left: 0.5em solid #563d7c;
}
.assignmentSheets.infobox h1,
.assignmentSheets.infobox h2,
.assignmentSheets.infobox h3,
.assignmentSheets.infobox h4,
.assignmentSheets.infobox h5,
.assignmentSheets.infobox h6 {
  color: #34254a;
}
.assignmentSheets.infobox .title {
  background: #563d7c;
}
.assignmentSheets.infobox .title .titleLink {
  width: calc(100% - 40px);
  display: block;
  background: #563d7c;
  float: left;
  transition: background ease .2s;
}
.assignmentSheets.infobox .title .titleLink:hover {
  background: #34254a;
}
.assignmentSheets.infobox .title .titleLink .sectionName {
  width: calc(100% - 65px);
  display: inline-block;
}
.assignmentSheets.infobox .title .titleLink .sectionMoreHelper {
  font-size: .6em;
  padding: 0 0 0 .5em;
}
.assignmentSheets.infobox .title .titleLink .sectionGrade {
  width: 65px;
  display: inline-block;
  float: right;
}
.assignmentSheets.infobox .title .textContent {
  color: #FFF;
  font-weight: 300;
  margin: 0;
  font-size: 1.5em;
  padding: .2em 0 .2em .3em;
}
.assignmentSheets.infobox .title .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.5em;
  margin: 0;
  float: right;
  text-align: center;
  opacity: 1;
  padding: .2em 0 .2em 0;
  font-weight: 300;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.assignmentSheets.infobox .title .alerts:hover {
  background: #77090b;
}
.assignmentSheets.infobox .content .section h1,
.assignmentSheets.infobox .content .section h2,
.assignmentSheets.infobox .content .section h3,
.assignmentSheets.infobox .content .section h4,
.assignmentSheets.infobox .content .section h5,
.assignmentSheets.infobox .content .section h6 {
  color: #392953;
}
.assignmentSheets.infobox .content .section,
.assignmentSheets.infobox .content .section .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.assignmentSheets.infobox .content .section .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.assignmentSheets.infobox .content .section .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.assignmentSheets.infobox .content .section .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.assignmentSheets.infobox .content .section .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.assignmentSheets.infobox .content .section .notification.expanded .notificationExpander:before {
  content: "";
}
.assignmentSheets.infobox .content .section .sectionExpander,
.assignmentSheets.infobox .content .section .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.assignmentSheets.infobox .content .section .sectionExpander:before,
.assignmentSheets.infobox .content .section .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.assignmentSheets.infobox .content .section .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.assignmentSheets.infobox .content .section .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.assignmentSheets.infobox .content .section .sectionTitle {
  border-left: 0.5em solid #563d7c;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.assignmentSheets.infobox .content .section .sectionTitle.lastSection {
  height: 100em;
}
.assignmentSheets.infobox .content .section .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.assignmentSheets.infobox .content .section .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.assignmentSheets.infobox .content .section .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.assignmentSheets.infobox .content .section .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.assignmentSheets.infobox .content .section .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.assignmentSheets.infobox .content .section .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.assignmentSheets.infobox .content .section .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.assignmentSheets.infobox .content .section .sectionTitle .alerts:hover {
  background: #77090b;
}
.assignmentSheets.infobox .content .section.expanded {
  max-height: 50em;
}
.assignmentSheets.infobox .content .section.expanded .sectionExpander {
  color: #FFF;
}
.assignmentSheets.infobox .content .section.expanded .sectionExpander:before {
  content: "";
}
.assignmentSheets.infobox .content .section.expanded .sectionExpander:hover {
  background: #666666;
}
.assignmentSheets.infobox .content .section.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.assignmentSheets.infobox .content .section.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.assignmentSheets.infobox .content .section.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.assignmentSheets.infobox .content .section.expanded .sectionContent .notification,
.assignmentSheets.infobox .content .section.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.assignmentSheets.infobox .content .section.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.assignmentSheets.infobox .content .section:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.assignmentSheets.infobox .content .section.collapsed {
  max-height: 0;
  opacity: 0;
}
.assignmentSheets.infobox .content .section .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.assignmentSheets.infobox .content .section .sectionContent .notification h1,
.assignmentSheets.infobox .content .section .sectionContent .notification h2,
.assignmentSheets.infobox .content .section .sectionContent .notification h3,
.assignmentSheets.infobox .content .section .sectionContent .notification h4,
.assignmentSheets.infobox .content .section .sectionContent .notification h5,
.assignmentSheets.infobox .content .section .sectionContent .notification h6 {
  color: #392953;
}
.assignmentSheets.infobox .content .section .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.assignmentSheets.infobox .content .section .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.assignmentSheets.infobox .content .section .sectionContent .notification.unseen {
  background: #f5f4f7;
}
.assignmentSheets.infobox .content .section .sectionContent .notification:first-child {
  border: none;
}
.assignmentSheets.infobox .content .section .sectionContent .notification a h5 {
  color: #34254a;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.assignmentSheets.infobox .content .section .sectionContent .notification a h5:hover {
  background: #c7bed3;
}
.assignmentSheets.infobox .content .section .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.assignmentSheets.infobox .content .section .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.assignmentSheets.infobox .content .section .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.assignmentSheets.infobox .content .section .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.assignmentSheets.infobox .content .section .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.assignmentSheets.infobox .content .section .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.assignmentSheets.infobox .content .section .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.assignmentSheets.infobox .content .section .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.assignmentSheets.infobox .content .section.assignments h1,
.assignmentSheets.infobox .content .section.assignments h2,
.assignmentSheets.infobox .content .section.assignments h3,
.assignmentSheets.infobox .content .section.assignments h4,
.assignmentSheets.infobox .content .section.assignments h5,
.assignmentSheets.infobox .content .section.assignments h6 {
  color: #185664;
}
.assignmentSheets.infobox .content .section.assignments,
.assignmentSheets.infobox .content .section.assignments .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.assignmentSheets.infobox .content .section.assignments .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.assignmentSheets.infobox .content .section.assignments .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.assignmentSheets.infobox .content .section.assignments .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.assignmentSheets.infobox .content .section.assignments .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.assignmentSheets.infobox .content .section.assignments .notification.expanded .notificationExpander:before {
  content: "";
}
.assignmentSheets.infobox .content .section.assignments .sectionExpander,
.assignmentSheets.infobox .content .section.assignments .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.assignmentSheets.infobox .content .section.assignments .sectionExpander:before,
.assignmentSheets.infobox .content .section.assignments .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.assignmentSheets.infobox .content .section.assignments .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.assignmentSheets.infobox .content .section.assignments .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.assignmentSheets.infobox .content .section.assignments .sectionTitle {
  border-left: 0.5em solid #248196;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.assignmentSheets.infobox .content .section.assignments .sectionTitle.lastSection {
  height: 100em;
}
.assignmentSheets.infobox .content .section.assignments .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.assignmentSheets.infobox .content .section.assignments .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.assignmentSheets.infobox .content .section.assignments .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.assignmentSheets.infobox .content .section.assignments .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.assignmentSheets.infobox .content .section.assignments .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.assignmentSheets.infobox .content .section.assignments .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.assignmentSheets.infobox .content .section.assignments .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.assignmentSheets.infobox .content .section.assignments .sectionTitle .alerts:hover {
  background: #77090b;
}
.assignmentSheets.infobox .content .section.assignments.expanded {
  max-height: 50em;
}
.assignmentSheets.infobox .content .section.assignments.expanded .sectionExpander {
  color: #FFF;
}
.assignmentSheets.infobox .content .section.assignments.expanded .sectionExpander:before {
  content: "";
}
.assignmentSheets.infobox .content .section.assignments.expanded .sectionExpander:hover {
  background: #666666;
}
.assignmentSheets.infobox .content .section.assignments.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.assignmentSheets.infobox .content .section.assignments.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.assignmentSheets.infobox .content .section.assignments.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.assignmentSheets.infobox .content .section.assignments.expanded .sectionContent .notification,
.assignmentSheets.infobox .content .section.assignments.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.assignmentSheets.infobox .content .section.assignments.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.assignmentSheets.infobox .content .section.assignments:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.assignmentSheets.infobox .content .section.assignments.collapsed {
  max-height: 0;
  opacity: 0;
}
.assignmentSheets.infobox .content .section.assignments .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.assignmentSheets.infobox .content .section.assignments .sectionContent .notification h1,
.assignmentSheets.infobox .content .section.assignments .sectionContent .notification h2,
.assignmentSheets.infobox .content .section.assignments .sectionContent .notification h3,
.assignmentSheets.infobox .content .section.assignments .sectionContent .notification h4,
.assignmentSheets.infobox .content .section.assignments .sectionContent .notification h5,
.assignmentSheets.infobox .content .section.assignments .sectionContent .notification h6 {
  color: #185664;
}
.assignmentSheets.infobox .content .section.assignments .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.assignmentSheets.infobox .content .section.assignments .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.assignmentSheets.infobox .content .section.assignments .sectionContent .notification.unseen {
  background: #f2f8f9;
}
.assignmentSheets.infobox .content .section.assignments .sectionContent .notification:first-child {
  border: none;
}
.assignmentSheets.infobox .content .section.assignments .sectionContent .notification a h5 {
  color: #164d5a;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.assignmentSheets.infobox .content .section.assignments .sectionContent .notification a h5:hover {
  background: #b6d5dc;
}
.assignmentSheets.infobox .content .section.assignments .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.assignmentSheets.infobox .content .section.assignments .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.assignmentSheets.infobox .content .section.assignments .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.assignmentSheets.infobox .content .section.assignments .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.assignmentSheets.infobox .content .section.assignments .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.assignmentSheets.infobox .content .section.assignments .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.assignmentSheets.infobox .content .section.assignments .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.assignmentSheets.infobox .content .section.assignments .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.assignmentSheets.infobox .content .section.attendance h1,
.assignmentSheets.infobox .content .section.attendance h2,
.assignmentSheets.infobox .content .section.attendance h3,
.assignmentSheets.infobox .content .section.attendance h4,
.assignmentSheets.infobox .content .section.attendance h5,
.assignmentSheets.infobox .content .section.attendance h6 {
  color: #a75f2b;
}
.assignmentSheets.infobox .content .section.attendance,
.assignmentSheets.infobox .content .section.attendance .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.assignmentSheets.infobox .content .section.attendance .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.assignmentSheets.infobox .content .section.attendance .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.assignmentSheets.infobox .content .section.attendance .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.assignmentSheets.infobox .content .section.attendance .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.assignmentSheets.infobox .content .section.attendance .notification.expanded .notificationExpander:before {
  content: "";
}
.assignmentSheets.infobox .content .section.attendance .sectionExpander,
.assignmentSheets.infobox .content .section.attendance .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.assignmentSheets.infobox .content .section.attendance .sectionExpander:before,
.assignmentSheets.infobox .content .section.attendance .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.assignmentSheets.infobox .content .section.attendance .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.assignmentSheets.infobox .content .section.attendance .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.assignmentSheets.infobox .content .section.attendance .sectionTitle {
  border-left: 0.5em solid #fa8e40;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.assignmentSheets.infobox .content .section.attendance .sectionTitle.lastSection {
  height: 100em;
}
.assignmentSheets.infobox .content .section.attendance .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.assignmentSheets.infobox .content .section.attendance .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.assignmentSheets.infobox .content .section.attendance .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.assignmentSheets.infobox .content .section.attendance .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.assignmentSheets.infobox .content .section.attendance .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.assignmentSheets.infobox .content .section.attendance .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.assignmentSheets.infobox .content .section.attendance .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.assignmentSheets.infobox .content .section.attendance .sectionTitle .alerts:hover {
  background: #77090b;
}
.assignmentSheets.infobox .content .section.attendance.expanded {
  max-height: 50em;
}
.assignmentSheets.infobox .content .section.attendance.expanded .sectionExpander {
  color: #FFF;
}
.assignmentSheets.infobox .content .section.attendance.expanded .sectionExpander:before {
  content: "";
}
.assignmentSheets.infobox .content .section.attendance.expanded .sectionExpander:hover {
  background: #666666;
}
.assignmentSheets.infobox .content .section.attendance.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.assignmentSheets.infobox .content .section.attendance.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.assignmentSheets.infobox .content .section.attendance.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.assignmentSheets.infobox .content .section.attendance.expanded .sectionContent .notification,
.assignmentSheets.infobox .content .section.attendance.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.assignmentSheets.infobox .content .section.attendance.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.assignmentSheets.infobox .content .section.attendance:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.assignmentSheets.infobox .content .section.attendance.collapsed {
  max-height: 0;
  opacity: 0;
}
.assignmentSheets.infobox .content .section.attendance .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.assignmentSheets.infobox .content .section.attendance .sectionContent .notification h1,
.assignmentSheets.infobox .content .section.attendance .sectionContent .notification h2,
.assignmentSheets.infobox .content .section.attendance .sectionContent .notification h3,
.assignmentSheets.infobox .content .section.attendance .sectionContent .notification h4,
.assignmentSheets.infobox .content .section.attendance .sectionContent .notification h5,
.assignmentSheets.infobox .content .section.attendance .sectionContent .notification h6 {
  color: #a75f2b;
}
.assignmentSheets.infobox .content .section.attendance .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.assignmentSheets.infobox .content .section.attendance .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.assignmentSheets.infobox .content .section.attendance .sectionContent .notification.unseen {
  background: #fff8f4;
}
.assignmentSheets.infobox .content .section.attendance .sectionContent .notification:first-child {
  border: none;
}
.assignmentSheets.infobox .content .section.attendance .sectionContent .notification a h5 {
  color: #965526;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.assignmentSheets.infobox .content .section.attendance .sectionContent .notification a h5:hover {
  background: #fdd9bf;
}
.assignmentSheets.infobox .content .section.attendance .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.assignmentSheets.infobox .content .section.attendance .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.assignmentSheets.infobox .content .section.attendance .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.assignmentSheets.infobox .content .section.attendance .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.assignmentSheets.infobox .content .section.attendance .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.assignmentSheets.infobox .content .section.attendance .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.assignmentSheets.infobox .content .section.attendance .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.assignmentSheets.infobox .content .section.attendance .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.assignmentSheets.infobox .content .section.grades h1,
.assignmentSheets.infobox .content .section.grades h2,
.assignmentSheets.infobox .content .section.grades h3,
.assignmentSheets.infobox .content .section.grades h4,
.assignmentSheets.infobox .content .section.grades h5,
.assignmentSheets.infobox .content .section.grades h6 {
  color: #115c1f;
}
.assignmentSheets.infobox .content .section.grades,
.assignmentSheets.infobox .content .section.grades .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.assignmentSheets.infobox .content .section.grades .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.assignmentSheets.infobox .content .section.grades .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.assignmentSheets.infobox .content .section.grades .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.assignmentSheets.infobox .content .section.grades .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.assignmentSheets.infobox .content .section.grades .notification.expanded .notificationExpander:before {
  content: "";
}
.assignmentSheets.infobox .content .section.grades .sectionExpander,
.assignmentSheets.infobox .content .section.grades .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.assignmentSheets.infobox .content .section.grades .sectionExpander:before,
.assignmentSheets.infobox .content .section.grades .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.assignmentSheets.infobox .content .section.grades .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.assignmentSheets.infobox .content .section.grades .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.assignmentSheets.infobox .content .section.grades .sectionTitle {
  border-left: 0.5em solid #1a8a2e;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.assignmentSheets.infobox .content .section.grades .sectionTitle.lastSection {
  height: 100em;
}
.assignmentSheets.infobox .content .section.grades .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.assignmentSheets.infobox .content .section.grades .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.assignmentSheets.infobox .content .section.grades .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.assignmentSheets.infobox .content .section.grades .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.assignmentSheets.infobox .content .section.grades .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.assignmentSheets.infobox .content .section.grades .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.assignmentSheets.infobox .content .section.grades .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.assignmentSheets.infobox .content .section.grades .sectionTitle .alerts:hover {
  background: #77090b;
}
.assignmentSheets.infobox .content .section.grades.expanded {
  max-height: 50em;
}
.assignmentSheets.infobox .content .section.grades.expanded .sectionExpander {
  color: #FFF;
}
.assignmentSheets.infobox .content .section.grades.expanded .sectionExpander:before {
  content: "";
}
.assignmentSheets.infobox .content .section.grades.expanded .sectionExpander:hover {
  background: #666666;
}
.assignmentSheets.infobox .content .section.grades.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.assignmentSheets.infobox .content .section.grades.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.assignmentSheets.infobox .content .section.grades.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.assignmentSheets.infobox .content .section.grades.expanded .sectionContent .notification,
.assignmentSheets.infobox .content .section.grades.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.assignmentSheets.infobox .content .section.grades.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.assignmentSheets.infobox .content .section.grades:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.assignmentSheets.infobox .content .section.grades.collapsed {
  max-height: 0;
  opacity: 0;
}
.assignmentSheets.infobox .content .section.grades .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.assignmentSheets.infobox .content .section.grades .sectionContent .notification h1,
.assignmentSheets.infobox .content .section.grades .sectionContent .notification h2,
.assignmentSheets.infobox .content .section.grades .sectionContent .notification h3,
.assignmentSheets.infobox .content .section.grades .sectionContent .notification h4,
.assignmentSheets.infobox .content .section.grades .sectionContent .notification h5,
.assignmentSheets.infobox .content .section.grades .sectionContent .notification h6 {
  color: #115c1f;
}
.assignmentSheets.infobox .content .section.grades .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.assignmentSheets.infobox .content .section.grades .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.assignmentSheets.infobox .content .section.grades .sectionContent .notification.unseen {
  background: #f2f8f3;
}
.assignmentSheets.infobox .content .section.grades .sectionContent .notification:first-child {
  border: none;
}
.assignmentSheets.infobox .content .section.grades .sectionContent .notification a h5 {
  color: #10531c;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.assignmentSheets.infobox .content .section.grades .sectionContent .notification a h5:hover {
  background: #b3d8b9;
}
.assignmentSheets.infobox .content .section.grades .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.assignmentSheets.infobox .content .section.grades .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.assignmentSheets.infobox .content .section.grades .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.assignmentSheets.infobox .content .section.grades .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.assignmentSheets.infobox .content .section.grades .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.assignmentSheets.infobox .content .section.grades .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.assignmentSheets.infobox .content .section.grades .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.assignmentSheets.infobox .content .section.grades .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.assignmentSheets.infobox .content .section.handouts h1,
.assignmentSheets.infobox .content .section.handouts h2,
.assignmentSheets.infobox .content .section.handouts h3,
.assignmentSheets.infobox .content .section.handouts h4,
.assignmentSheets.infobox .content .section.handouts h5,
.assignmentSheets.infobox .content .section.handouts h6 {
  color: #5b005f;
}
.assignmentSheets.infobox .content .section.handouts,
.assignmentSheets.infobox .content .section.handouts .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.assignmentSheets.infobox .content .section.handouts .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.assignmentSheets.infobox .content .section.handouts .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.assignmentSheets.infobox .content .section.handouts .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.assignmentSheets.infobox .content .section.handouts .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.assignmentSheets.infobox .content .section.handouts .notification.expanded .notificationExpander:before {
  content: "";
}
.assignmentSheets.infobox .content .section.handouts .sectionExpander,
.assignmentSheets.infobox .content .section.handouts .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.assignmentSheets.infobox .content .section.handouts .sectionExpander:before,
.assignmentSheets.infobox .content .section.handouts .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.assignmentSheets.infobox .content .section.handouts .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.assignmentSheets.infobox .content .section.handouts .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.assignmentSheets.infobox .content .section.handouts .sectionTitle {
  border-left: 0.5em solid #89008f;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.assignmentSheets.infobox .content .section.handouts .sectionTitle.lastSection {
  height: 100em;
}
.assignmentSheets.infobox .content .section.handouts .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.assignmentSheets.infobox .content .section.handouts .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.assignmentSheets.infobox .content .section.handouts .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.assignmentSheets.infobox .content .section.handouts .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.assignmentSheets.infobox .content .section.handouts .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.assignmentSheets.infobox .content .section.handouts .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.assignmentSheets.infobox .content .section.handouts .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.assignmentSheets.infobox .content .section.handouts .sectionTitle .alerts:hover {
  background: #77090b;
}
.assignmentSheets.infobox .content .section.handouts.expanded {
  max-height: 50em;
}
.assignmentSheets.infobox .content .section.handouts.expanded .sectionExpander {
  color: #FFF;
}
.assignmentSheets.infobox .content .section.handouts.expanded .sectionExpander:before {
  content: "";
}
.assignmentSheets.infobox .content .section.handouts.expanded .sectionExpander:hover {
  background: #666666;
}
.assignmentSheets.infobox .content .section.handouts.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.assignmentSheets.infobox .content .section.handouts.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.assignmentSheets.infobox .content .section.handouts.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.assignmentSheets.infobox .content .section.handouts.expanded .sectionContent .notification,
.assignmentSheets.infobox .content .section.handouts.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.assignmentSheets.infobox .content .section.handouts.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.assignmentSheets.infobox .content .section.handouts:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.assignmentSheets.infobox .content .section.handouts.collapsed {
  max-height: 0;
  opacity: 0;
}
.assignmentSheets.infobox .content .section.handouts .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.assignmentSheets.infobox .content .section.handouts .sectionContent .notification h1,
.assignmentSheets.infobox .content .section.handouts .sectionContent .notification h2,
.assignmentSheets.infobox .content .section.handouts .sectionContent .notification h3,
.assignmentSheets.infobox .content .section.handouts .sectionContent .notification h4,
.assignmentSheets.infobox .content .section.handouts .sectionContent .notification h5,
.assignmentSheets.infobox .content .section.handouts .sectionContent .notification h6 {
  color: #5b005f;
}
.assignmentSheets.infobox .content .section.handouts .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.assignmentSheets.infobox .content .section.handouts .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.assignmentSheets.infobox .content .section.handouts .sectionContent .notification.unseen {
  background: #f8f0f8;
}
.assignmentSheets.infobox .content .section.handouts .sectionContent .notification:first-child {
  border: none;
}
.assignmentSheets.infobox .content .section.handouts .sectionContent .notification a h5 {
  color: #520056;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.assignmentSheets.infobox .content .section.handouts .sectionContent .notification a h5:hover {
  background: #d8aada;
}
.assignmentSheets.infobox .content .section.handouts .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.assignmentSheets.infobox .content .section.handouts .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.assignmentSheets.infobox .content .section.handouts .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.assignmentSheets.infobox .content .section.handouts .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.assignmentSheets.infobox .content .section.handouts .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.assignmentSheets.infobox .content .section.handouts .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.assignmentSheets.infobox .content .section.handouts .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.assignmentSheets.infobox .content .section.handouts .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.assignmentSheets.infobox .content .section.lessonPlans h1,
.assignmentSheets.infobox .content .section.lessonPlans h2,
.assignmentSheets.infobox .content .section.lessonPlans h3,
.assignmentSheets.infobox .content .section.lessonPlans h4,
.assignmentSheets.infobox .content .section.lessonPlans h5,
.assignmentSheets.infobox .content .section.lessonPlans h6 {
  color: #88301f;
}
.assignmentSheets.infobox .content .section.lessonPlans,
.assignmentSheets.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.assignmentSheets.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.assignmentSheets.infobox .content .section.lessonPlans .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.assignmentSheets.infobox .content .section.lessonPlans .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.assignmentSheets.infobox .content .section.lessonPlans .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.assignmentSheets.infobox .content .section.lessonPlans .notification.expanded .notificationExpander:before {
  content: "";
}
.assignmentSheets.infobox .content .section.lessonPlans .sectionExpander,
.assignmentSheets.infobox .content .section.lessonPlans .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.assignmentSheets.infobox .content .section.lessonPlans .sectionExpander:before,
.assignmentSheets.infobox .content .section.lessonPlans .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.assignmentSheets.infobox .content .section.lessonPlans .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.assignmentSheets.infobox .content .section.lessonPlans .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.assignmentSheets.infobox .content .section.lessonPlans .sectionTitle {
  border-left: 0.5em solid #cc482e;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.assignmentSheets.infobox .content .section.lessonPlans .sectionTitle.lastSection {
  height: 100em;
}
.assignmentSheets.infobox .content .section.lessonPlans .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.assignmentSheets.infobox .content .section.lessonPlans .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.assignmentSheets.infobox .content .section.lessonPlans .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.assignmentSheets.infobox .content .section.lessonPlans .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.assignmentSheets.infobox .content .section.lessonPlans .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.assignmentSheets.infobox .content .section.lessonPlans .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.assignmentSheets.infobox .content .section.lessonPlans .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.assignmentSheets.infobox .content .section.lessonPlans .sectionTitle .alerts:hover {
  background: #77090b;
}
.assignmentSheets.infobox .content .section.lessonPlans.expanded {
  max-height: 50em;
}
.assignmentSheets.infobox .content .section.lessonPlans.expanded .sectionExpander {
  color: #FFF;
}
.assignmentSheets.infobox .content .section.lessonPlans.expanded .sectionExpander:before {
  content: "";
}
.assignmentSheets.infobox .content .section.lessonPlans.expanded .sectionExpander:hover {
  background: #666666;
}
.assignmentSheets.infobox .content .section.lessonPlans.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.assignmentSheets.infobox .content .section.lessonPlans.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.assignmentSheets.infobox .content .section.lessonPlans.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.assignmentSheets.infobox .content .section.lessonPlans.expanded .sectionContent .notification,
.assignmentSheets.infobox .content .section.lessonPlans.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.assignmentSheets.infobox .content .section.lessonPlans.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.assignmentSheets.infobox .content .section.lessonPlans:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.assignmentSheets.infobox .content .section.lessonPlans.collapsed {
  max-height: 0;
  opacity: 0;
}
.assignmentSheets.infobox .content .section.lessonPlans .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.assignmentSheets.infobox .content .section.lessonPlans .sectionContent .notification h1,
.assignmentSheets.infobox .content .section.lessonPlans .sectionContent .notification h2,
.assignmentSheets.infobox .content .section.lessonPlans .sectionContent .notification h3,
.assignmentSheets.infobox .content .section.lessonPlans .sectionContent .notification h4,
.assignmentSheets.infobox .content .section.lessonPlans .sectionContent .notification h5,
.assignmentSheets.infobox .content .section.lessonPlans .sectionContent .notification h6 {
  color: #88301f;
}
.assignmentSheets.infobox .content .section.lessonPlans .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.assignmentSheets.infobox .content .section.lessonPlans .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.assignmentSheets.infobox .content .section.lessonPlans .sectionContent .notification.unseen {
  background: #fcf4f3;
}
.assignmentSheets.infobox .content .section.lessonPlans .sectionContent .notification:first-child {
  border: none;
}
.assignmentSheets.infobox .content .section.lessonPlans .sectionContent .notification a h5 {
  color: #7a2b1c;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.assignmentSheets.infobox .content .section.lessonPlans .sectionContent .notification a h5:hover {
  background: #eec2b9;
}
.assignmentSheets.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.assignmentSheets.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.assignmentSheets.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.assignmentSheets.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.assignmentSheets.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.assignmentSheets.infobox .content .section.lessonPlans .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.assignmentSheets.infobox .content .section.lessonPlans .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.assignmentSheets.infobox .content .section.lessonPlans .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.assignmentSheets.infobox .content .section.assignmentSheets h1,
.assignmentSheets.infobox .content .section.assignmentSheets h2,
.assignmentSheets.infobox .content .section.assignmentSheets h3,
.assignmentSheets.infobox .content .section.assignmentSheets h4,
.assignmentSheets.infobox .content .section.assignmentSheets h5,
.assignmentSheets.infobox .content .section.assignmentSheets h6 {
  color: #392953;
}
.assignmentSheets.infobox .content .section.assignmentSheets,
.assignmentSheets.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.assignmentSheets.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.assignmentSheets.infobox .content .section.assignmentSheets .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.assignmentSheets.infobox .content .section.assignmentSheets .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.assignmentSheets.infobox .content .section.assignmentSheets .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.assignmentSheets.infobox .content .section.assignmentSheets .notification.expanded .notificationExpander:before {
  content: "";
}
.assignmentSheets.infobox .content .section.assignmentSheets .sectionExpander,
.assignmentSheets.infobox .content .section.assignmentSheets .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.assignmentSheets.infobox .content .section.assignmentSheets .sectionExpander:before,
.assignmentSheets.infobox .content .section.assignmentSheets .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.assignmentSheets.infobox .content .section.assignmentSheets .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.assignmentSheets.infobox .content .section.assignmentSheets .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.assignmentSheets.infobox .content .section.assignmentSheets .sectionTitle {
  border-left: 0.5em solid #563d7c;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.assignmentSheets.infobox .content .section.assignmentSheets .sectionTitle.lastSection {
  height: 100em;
}
.assignmentSheets.infobox .content .section.assignmentSheets .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.assignmentSheets.infobox .content .section.assignmentSheets .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.assignmentSheets.infobox .content .section.assignmentSheets .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.assignmentSheets.infobox .content .section.assignmentSheets .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.assignmentSheets.infobox .content .section.assignmentSheets .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.assignmentSheets.infobox .content .section.assignmentSheets .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.assignmentSheets.infobox .content .section.assignmentSheets .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.assignmentSheets.infobox .content .section.assignmentSheets .sectionTitle .alerts:hover {
  background: #77090b;
}
.assignmentSheets.infobox .content .section.assignmentSheets.expanded {
  max-height: 50em;
}
.assignmentSheets.infobox .content .section.assignmentSheets.expanded .sectionExpander {
  color: #FFF;
}
.assignmentSheets.infobox .content .section.assignmentSheets.expanded .sectionExpander:before {
  content: "";
}
.assignmentSheets.infobox .content .section.assignmentSheets.expanded .sectionExpander:hover {
  background: #666666;
}
.assignmentSheets.infobox .content .section.assignmentSheets.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.assignmentSheets.infobox .content .section.assignmentSheets.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.assignmentSheets.infobox .content .section.assignmentSheets.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.assignmentSheets.infobox .content .section.assignmentSheets.expanded .sectionContent .notification,
.assignmentSheets.infobox .content .section.assignmentSheets.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.assignmentSheets.infobox .content .section.assignmentSheets.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.assignmentSheets.infobox .content .section.assignmentSheets:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.assignmentSheets.infobox .content .section.assignmentSheets.collapsed {
  max-height: 0;
  opacity: 0;
}
.assignmentSheets.infobox .content .section.assignmentSheets .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.assignmentSheets.infobox .content .section.assignmentSheets .sectionContent .notification h1,
.assignmentSheets.infobox .content .section.assignmentSheets .sectionContent .notification h2,
.assignmentSheets.infobox .content .section.assignmentSheets .sectionContent .notification h3,
.assignmentSheets.infobox .content .section.assignmentSheets .sectionContent .notification h4,
.assignmentSheets.infobox .content .section.assignmentSheets .sectionContent .notification h5,
.assignmentSheets.infobox .content .section.assignmentSheets .sectionContent .notification h6 {
  color: #392953;
}
.assignmentSheets.infobox .content .section.assignmentSheets .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.assignmentSheets.infobox .content .section.assignmentSheets .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.assignmentSheets.infobox .content .section.assignmentSheets .sectionContent .notification.unseen {
  background: #f5f4f7;
}
.assignmentSheets.infobox .content .section.assignmentSheets .sectionContent .notification:first-child {
  border: none;
}
.assignmentSheets.infobox .content .section.assignmentSheets .sectionContent .notification a h5 {
  color: #34254a;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.assignmentSheets.infobox .content .section.assignmentSheets .sectionContent .notification a h5:hover {
  background: #c7bed3;
}
.assignmentSheets.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.assignmentSheets.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.assignmentSheets.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.assignmentSheets.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.assignmentSheets.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.assignmentSheets.infobox .content .section.assignmentSheets .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.assignmentSheets.infobox .content .section.assignmentSheets .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.assignmentSheets.infobox .content .section.assignmentSheets .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.assignmentSheets.infobox .content .section.discussions h1,
.assignmentSheets.infobox .content .section.discussions h2,
.assignmentSheets.infobox .content .section.discussions h3,
.assignmentSheets.infobox .content .section.discussions h4,
.assignmentSheets.infobox .content .section.discussions h5,
.assignmentSheets.infobox .content .section.discussions h6 {
  color: #903370;
}
.assignmentSheets.infobox .content .section.discussions,
.assignmentSheets.infobox .content .section.discussions .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.assignmentSheets.infobox .content .section.discussions .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.assignmentSheets.infobox .content .section.discussions .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.assignmentSheets.infobox .content .section.discussions .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.assignmentSheets.infobox .content .section.discussions .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.assignmentSheets.infobox .content .section.discussions .notification.expanded .notificationExpander:before {
  content: "";
}
.assignmentSheets.infobox .content .section.discussions .sectionExpander,
.assignmentSheets.infobox .content .section.discussions .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.assignmentSheets.infobox .content .section.discussions .sectionExpander:before,
.assignmentSheets.infobox .content .section.discussions .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.assignmentSheets.infobox .content .section.discussions .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.assignmentSheets.infobox .content .section.discussions .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.assignmentSheets.infobox .content .section.discussions .sectionTitle {
  border-left: 0.5em solid #d84ca8;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.assignmentSheets.infobox .content .section.discussions .sectionTitle.lastSection {
  height: 100em;
}
.assignmentSheets.infobox .content .section.discussions .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.assignmentSheets.infobox .content .section.discussions .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.assignmentSheets.infobox .content .section.discussions .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.assignmentSheets.infobox .content .section.discussions .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.assignmentSheets.infobox .content .section.discussions .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.assignmentSheets.infobox .content .section.discussions .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.assignmentSheets.infobox .content .section.discussions .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.assignmentSheets.infobox .content .section.discussions .sectionTitle .alerts:hover {
  background: #77090b;
}
.assignmentSheets.infobox .content .section.discussions.expanded {
  max-height: 50em;
}
.assignmentSheets.infobox .content .section.discussions.expanded .sectionExpander {
  color: #FFF;
}
.assignmentSheets.infobox .content .section.discussions.expanded .sectionExpander:before {
  content: "";
}
.assignmentSheets.infobox .content .section.discussions.expanded .sectionExpander:hover {
  background: #666666;
}
.assignmentSheets.infobox .content .section.discussions.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.assignmentSheets.infobox .content .section.discussions.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.assignmentSheets.infobox .content .section.discussions.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.assignmentSheets.infobox .content .section.discussions.expanded .sectionContent .notification,
.assignmentSheets.infobox .content .section.discussions.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.assignmentSheets.infobox .content .section.discussions.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.assignmentSheets.infobox .content .section.discussions:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.assignmentSheets.infobox .content .section.discussions.collapsed {
  max-height: 0;
  opacity: 0;
}
.assignmentSheets.infobox .content .section.discussions .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.assignmentSheets.infobox .content .section.discussions .sectionContent .notification h1,
.assignmentSheets.infobox .content .section.discussions .sectionContent .notification h2,
.assignmentSheets.infobox .content .section.discussions .sectionContent .notification h3,
.assignmentSheets.infobox .content .section.discussions .sectionContent .notification h4,
.assignmentSheets.infobox .content .section.discussions .sectionContent .notification h5,
.assignmentSheets.infobox .content .section.discussions .sectionContent .notification h6 {
  color: #903370;
}
.assignmentSheets.infobox .content .section.discussions .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.assignmentSheets.infobox .content .section.discussions .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.assignmentSheets.infobox .content .section.discussions .sectionContent .notification.unseen {
  background: #fdf4fa;
}
.assignmentSheets.infobox .content .section.discussions .sectionContent .notification:first-child {
  border: none;
}
.assignmentSheets.infobox .content .section.discussions .sectionContent .notification a h5 {
  color: #822e65;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.assignmentSheets.infobox .content .section.discussions .sectionContent .notification a h5:hover {
  background: #f2c3e2;
}
.assignmentSheets.infobox .content .section.discussions .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.assignmentSheets.infobox .content .section.discussions .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.assignmentSheets.infobox .content .section.discussions .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.assignmentSheets.infobox .content .section.discussions .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.assignmentSheets.infobox .content .section.discussions .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.assignmentSheets.infobox .content .section.discussions .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.assignmentSheets.infobox .content .section.discussions .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.assignmentSheets.infobox .content .section.discussions .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.assignmentSheets.infobox .content .section .notification {
  /*&.grades {
                    .notification(@GradesColor);
                }*/
}
.assignmentSheets.infobox .content .section .notification.assignments {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.assignmentSheets.infobox .content .section .notification.assignments h1,
.assignmentSheets.infobox .content .section .notification.assignments h2,
.assignmentSheets.infobox .content .section .notification.assignments h3,
.assignmentSheets.infobox .content .section .notification.assignments h4,
.assignmentSheets.infobox .content .section .notification.assignments h5,
.assignmentSheets.infobox .content .section .notification.assignments h6 {
  color: #185664;
}
.assignmentSheets.infobox .content .section .notification.assignments.show {
  opacity: 1;
  max-height: 15em;
}
.assignmentSheets.infobox .content .section .notification.assignments.show.unseen + .notification {
  border-top: none;
}
.assignmentSheets.infobox .content .section .notification.assignments.unseen {
  background: #f2f8f9;
}
.assignmentSheets.infobox .content .section .notification.assignments:first-child {
  border: none;
}
.assignmentSheets.infobox .content .section .notification.assignments a h5 {
  color: #164d5a;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.assignmentSheets.infobox .content .section .notification.assignments a h5:hover {
  background: #b6d5dc;
}
.assignmentSheets.infobox .content .section .notification.attendance {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.assignmentSheets.infobox .content .section .notification.attendance h1,
.assignmentSheets.infobox .content .section .notification.attendance h2,
.assignmentSheets.infobox .content .section .notification.attendance h3,
.assignmentSheets.infobox .content .section .notification.attendance h4,
.assignmentSheets.infobox .content .section .notification.attendance h5,
.assignmentSheets.infobox .content .section .notification.attendance h6 {
  color: #a75f2b;
}
.assignmentSheets.infobox .content .section .notification.attendance.show {
  opacity: 1;
  max-height: 15em;
}
.assignmentSheets.infobox .content .section .notification.attendance.show.unseen + .notification {
  border-top: none;
}
.assignmentSheets.infobox .content .section .notification.attendance.unseen {
  background: #fff8f4;
}
.assignmentSheets.infobox .content .section .notification.attendance:first-child {
  border: none;
}
.assignmentSheets.infobox .content .section .notification.attendance a h5 {
  color: #965526;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.assignmentSheets.infobox .content .section .notification.attendance a h5:hover {
  background: #fdd9bf;
}
.assignmentSheets.infobox .content .section .notification.handouts {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.assignmentSheets.infobox .content .section .notification.handouts h1,
.assignmentSheets.infobox .content .section .notification.handouts h2,
.assignmentSheets.infobox .content .section .notification.handouts h3,
.assignmentSheets.infobox .content .section .notification.handouts h4,
.assignmentSheets.infobox .content .section .notification.handouts h5,
.assignmentSheets.infobox .content .section .notification.handouts h6 {
  color: #5b005f;
}
.assignmentSheets.infobox .content .section .notification.handouts.show {
  opacity: 1;
  max-height: 15em;
}
.assignmentSheets.infobox .content .section .notification.handouts.show.unseen + .notification {
  border-top: none;
}
.assignmentSheets.infobox .content .section .notification.handouts.unseen {
  background: #f8f0f8;
}
.assignmentSheets.infobox .content .section .notification.handouts:first-child {
  border: none;
}
.assignmentSheets.infobox .content .section .notification.handouts a h5 {
  color: #520056;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.assignmentSheets.infobox .content .section .notification.handouts a h5:hover {
  background: #d8aada;
}
.assignmentSheets.infobox .content .section .notification.lessonPlans {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.assignmentSheets.infobox .content .section .notification.lessonPlans h1,
.assignmentSheets.infobox .content .section .notification.lessonPlans h2,
.assignmentSheets.infobox .content .section .notification.lessonPlans h3,
.assignmentSheets.infobox .content .section .notification.lessonPlans h4,
.assignmentSheets.infobox .content .section .notification.lessonPlans h5,
.assignmentSheets.infobox .content .section .notification.lessonPlans h6 {
  color: #88301f;
}
.assignmentSheets.infobox .content .section .notification.lessonPlans.show {
  opacity: 1;
  max-height: 15em;
}
.assignmentSheets.infobox .content .section .notification.lessonPlans.show.unseen + .notification {
  border-top: none;
}
.assignmentSheets.infobox .content .section .notification.lessonPlans.unseen {
  background: #fcf4f3;
}
.assignmentSheets.infobox .content .section .notification.lessonPlans:first-child {
  border: none;
}
.assignmentSheets.infobox .content .section .notification.lessonPlans a h5 {
  color: #7a2b1c;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.assignmentSheets.infobox .content .section .notification.lessonPlans a h5:hover {
  background: #eec2b9;
}
.assignmentSheets.infobox .content .section .notification.assignmentSheets {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.assignmentSheets.infobox .content .section .notification.assignmentSheets h1,
.assignmentSheets.infobox .content .section .notification.assignmentSheets h2,
.assignmentSheets.infobox .content .section .notification.assignmentSheets h3,
.assignmentSheets.infobox .content .section .notification.assignmentSheets h4,
.assignmentSheets.infobox .content .section .notification.assignmentSheets h5,
.assignmentSheets.infobox .content .section .notification.assignmentSheets h6 {
  color: #392953;
}
.assignmentSheets.infobox .content .section .notification.assignmentSheets.show {
  opacity: 1;
  max-height: 15em;
}
.assignmentSheets.infobox .content .section .notification.assignmentSheets.show.unseen + .notification {
  border-top: none;
}
.assignmentSheets.infobox .content .section .notification.assignmentSheets.unseen {
  background: #f5f4f7;
}
.assignmentSheets.infobox .content .section .notification.assignmentSheets:first-child {
  border: none;
}
.assignmentSheets.infobox .content .section .notification.assignmentSheets a h5 {
  color: #34254a;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.assignmentSheets.infobox .content .section .notification.assignmentSheets a h5:hover {
  background: #c7bed3;
}
.assignmentSheets.infobox .content .section .notification.discussions {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.assignmentSheets.infobox .content .section .notification.discussions h1,
.assignmentSheets.infobox .content .section .notification.discussions h2,
.assignmentSheets.infobox .content .section .notification.discussions h3,
.assignmentSheets.infobox .content .section .notification.discussions h4,
.assignmentSheets.infobox .content .section .notification.discussions h5,
.assignmentSheets.infobox .content .section .notification.discussions h6 {
  color: #903370;
}
.assignmentSheets.infobox .content .section .notification.discussions.show {
  opacity: 1;
  max-height: 15em;
}
.assignmentSheets.infobox .content .section .notification.discussions.show.unseen + .notification {
  border-top: none;
}
.assignmentSheets.infobox .content .section .notification.discussions.unseen {
  background: #fdf4fa;
}
.assignmentSheets.infobox .content .section .notification.discussions:first-child {
  border: none;
}
.assignmentSheets.infobox .content .section .notification.discussions a h5 {
  color: #822e65;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.assignmentSheets.infobox .content .section .notification.discussions a h5:hover {
  background: #f2c3e2;
}
.discussions.infobox {
  margin: 1em 0 1em 0;
  overflow: hidden;
  box-shadow: 1px 1px 10px #9a9a9a;
}
.discussions.infobox .has-left-border {
  border-left: 0.5em solid #d84ca8;
}
.discussions.infobox h1,
.discussions.infobox h2,
.discussions.infobox h3,
.discussions.infobox h4,
.discussions.infobox h5,
.discussions.infobox h6 {
  color: #822e65;
}
.discussions.infobox .title {
  background: #d84ca8;
}
.discussions.infobox .title .titleLink {
  width: calc(100% - 40px);
  display: block;
  background: #d84ca8;
  float: left;
  transition: background ease .2s;
}
.discussions.infobox .title .titleLink:hover {
  background: #822e65;
}
.discussions.infobox .title .titleLink .sectionName {
  width: calc(100% - 65px);
  display: inline-block;
}
.discussions.infobox .title .titleLink .sectionMoreHelper {
  font-size: .6em;
  padding: 0 0 0 .5em;
}
.discussions.infobox .title .titleLink .sectionGrade {
  width: 65px;
  display: inline-block;
  float: right;
}
.discussions.infobox .title .textContent {
  color: #FFF;
  font-weight: 300;
  margin: 0;
  font-size: 1.5em;
  padding: .2em 0 .2em .3em;
}
.discussions.infobox .title .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.5em;
  margin: 0;
  float: right;
  text-align: center;
  opacity: 1;
  padding: .2em 0 .2em 0;
  font-weight: 300;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.discussions.infobox .title .alerts:hover {
  background: #77090b;
}
.discussions.infobox .content .section h1,
.discussions.infobox .content .section h2,
.discussions.infobox .content .section h3,
.discussions.infobox .content .section h4,
.discussions.infobox .content .section h5,
.discussions.infobox .content .section h6 {
  color: #903370;
}
.discussions.infobox .content .section,
.discussions.infobox .content .section .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.discussions.infobox .content .section .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.discussions.infobox .content .section .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.discussions.infobox .content .section .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.discussions.infobox .content .section .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.discussions.infobox .content .section .notification.expanded .notificationExpander:before {
  content: "";
}
.discussions.infobox .content .section .sectionExpander,
.discussions.infobox .content .section .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.discussions.infobox .content .section .sectionExpander:before,
.discussions.infobox .content .section .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.discussions.infobox .content .section .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.discussions.infobox .content .section .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.discussions.infobox .content .section .sectionTitle {
  border-left: 0.5em solid #d84ca8;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.discussions.infobox .content .section .sectionTitle.lastSection {
  height: 100em;
}
.discussions.infobox .content .section .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.discussions.infobox .content .section .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.discussions.infobox .content .section .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.discussions.infobox .content .section .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.discussions.infobox .content .section .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.discussions.infobox .content .section .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.discussions.infobox .content .section .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.discussions.infobox .content .section .sectionTitle .alerts:hover {
  background: #77090b;
}
.discussions.infobox .content .section.expanded {
  max-height: 50em;
}
.discussions.infobox .content .section.expanded .sectionExpander {
  color: #FFF;
}
.discussions.infobox .content .section.expanded .sectionExpander:before {
  content: "";
}
.discussions.infobox .content .section.expanded .sectionExpander:hover {
  background: #666666;
}
.discussions.infobox .content .section.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.discussions.infobox .content .section.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.discussions.infobox .content .section.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.discussions.infobox .content .section.expanded .sectionContent .notification,
.discussions.infobox .content .section.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.discussions.infobox .content .section.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.discussions.infobox .content .section:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.discussions.infobox .content .section.collapsed {
  max-height: 0;
  opacity: 0;
}
.discussions.infobox .content .section .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.discussions.infobox .content .section .sectionContent .notification h1,
.discussions.infobox .content .section .sectionContent .notification h2,
.discussions.infobox .content .section .sectionContent .notification h3,
.discussions.infobox .content .section .sectionContent .notification h4,
.discussions.infobox .content .section .sectionContent .notification h5,
.discussions.infobox .content .section .sectionContent .notification h6 {
  color: #903370;
}
.discussions.infobox .content .section .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.discussions.infobox .content .section .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.discussions.infobox .content .section .sectionContent .notification.unseen {
  background: #fdf4fa;
}
.discussions.infobox .content .section .sectionContent .notification:first-child {
  border: none;
}
.discussions.infobox .content .section .sectionContent .notification a h5 {
  color: #822e65;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.discussions.infobox .content .section .sectionContent .notification a h5:hover {
  background: #f2c3e2;
}
.discussions.infobox .content .section .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.discussions.infobox .content .section .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.discussions.infobox .content .section .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.discussions.infobox .content .section .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.discussions.infobox .content .section .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.discussions.infobox .content .section .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.discussions.infobox .content .section .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.discussions.infobox .content .section .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.discussions.infobox .content .section.assignments h1,
.discussions.infobox .content .section.assignments h2,
.discussions.infobox .content .section.assignments h3,
.discussions.infobox .content .section.assignments h4,
.discussions.infobox .content .section.assignments h5,
.discussions.infobox .content .section.assignments h6 {
  color: #185664;
}
.discussions.infobox .content .section.assignments,
.discussions.infobox .content .section.assignments .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.discussions.infobox .content .section.assignments .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.discussions.infobox .content .section.assignments .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.discussions.infobox .content .section.assignments .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.discussions.infobox .content .section.assignments .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.discussions.infobox .content .section.assignments .notification.expanded .notificationExpander:before {
  content: "";
}
.discussions.infobox .content .section.assignments .sectionExpander,
.discussions.infobox .content .section.assignments .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.discussions.infobox .content .section.assignments .sectionExpander:before,
.discussions.infobox .content .section.assignments .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.discussions.infobox .content .section.assignments .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.discussions.infobox .content .section.assignments .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.discussions.infobox .content .section.assignments .sectionTitle {
  border-left: 0.5em solid #248196;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.discussions.infobox .content .section.assignments .sectionTitle.lastSection {
  height: 100em;
}
.discussions.infobox .content .section.assignments .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.discussions.infobox .content .section.assignments .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.discussions.infobox .content .section.assignments .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.discussions.infobox .content .section.assignments .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.discussions.infobox .content .section.assignments .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.discussions.infobox .content .section.assignments .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.discussions.infobox .content .section.assignments .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.discussions.infobox .content .section.assignments .sectionTitle .alerts:hover {
  background: #77090b;
}
.discussions.infobox .content .section.assignments.expanded {
  max-height: 50em;
}
.discussions.infobox .content .section.assignments.expanded .sectionExpander {
  color: #FFF;
}
.discussions.infobox .content .section.assignments.expanded .sectionExpander:before {
  content: "";
}
.discussions.infobox .content .section.assignments.expanded .sectionExpander:hover {
  background: #666666;
}
.discussions.infobox .content .section.assignments.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.discussions.infobox .content .section.assignments.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.discussions.infobox .content .section.assignments.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.discussions.infobox .content .section.assignments.expanded .sectionContent .notification,
.discussions.infobox .content .section.assignments.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.discussions.infobox .content .section.assignments.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.discussions.infobox .content .section.assignments:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.discussions.infobox .content .section.assignments.collapsed {
  max-height: 0;
  opacity: 0;
}
.discussions.infobox .content .section.assignments .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.discussions.infobox .content .section.assignments .sectionContent .notification h1,
.discussions.infobox .content .section.assignments .sectionContent .notification h2,
.discussions.infobox .content .section.assignments .sectionContent .notification h3,
.discussions.infobox .content .section.assignments .sectionContent .notification h4,
.discussions.infobox .content .section.assignments .sectionContent .notification h5,
.discussions.infobox .content .section.assignments .sectionContent .notification h6 {
  color: #185664;
}
.discussions.infobox .content .section.assignments .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.discussions.infobox .content .section.assignments .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.discussions.infobox .content .section.assignments .sectionContent .notification.unseen {
  background: #f2f8f9;
}
.discussions.infobox .content .section.assignments .sectionContent .notification:first-child {
  border: none;
}
.discussions.infobox .content .section.assignments .sectionContent .notification a h5 {
  color: #164d5a;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.discussions.infobox .content .section.assignments .sectionContent .notification a h5:hover {
  background: #b6d5dc;
}
.discussions.infobox .content .section.assignments .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.discussions.infobox .content .section.assignments .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.discussions.infobox .content .section.assignments .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.discussions.infobox .content .section.assignments .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.discussions.infobox .content .section.assignments .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.discussions.infobox .content .section.assignments .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.discussions.infobox .content .section.assignments .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.discussions.infobox .content .section.assignments .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.discussions.infobox .content .section.attendance h1,
.discussions.infobox .content .section.attendance h2,
.discussions.infobox .content .section.attendance h3,
.discussions.infobox .content .section.attendance h4,
.discussions.infobox .content .section.attendance h5,
.discussions.infobox .content .section.attendance h6 {
  color: #a75f2b;
}
.discussions.infobox .content .section.attendance,
.discussions.infobox .content .section.attendance .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.discussions.infobox .content .section.attendance .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.discussions.infobox .content .section.attendance .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.discussions.infobox .content .section.attendance .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.discussions.infobox .content .section.attendance .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.discussions.infobox .content .section.attendance .notification.expanded .notificationExpander:before {
  content: "";
}
.discussions.infobox .content .section.attendance .sectionExpander,
.discussions.infobox .content .section.attendance .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.discussions.infobox .content .section.attendance .sectionExpander:before,
.discussions.infobox .content .section.attendance .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.discussions.infobox .content .section.attendance .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.discussions.infobox .content .section.attendance .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.discussions.infobox .content .section.attendance .sectionTitle {
  border-left: 0.5em solid #fa8e40;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.discussions.infobox .content .section.attendance .sectionTitle.lastSection {
  height: 100em;
}
.discussions.infobox .content .section.attendance .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.discussions.infobox .content .section.attendance .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.discussions.infobox .content .section.attendance .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.discussions.infobox .content .section.attendance .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.discussions.infobox .content .section.attendance .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.discussions.infobox .content .section.attendance .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.discussions.infobox .content .section.attendance .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.discussions.infobox .content .section.attendance .sectionTitle .alerts:hover {
  background: #77090b;
}
.discussions.infobox .content .section.attendance.expanded {
  max-height: 50em;
}
.discussions.infobox .content .section.attendance.expanded .sectionExpander {
  color: #FFF;
}
.discussions.infobox .content .section.attendance.expanded .sectionExpander:before {
  content: "";
}
.discussions.infobox .content .section.attendance.expanded .sectionExpander:hover {
  background: #666666;
}
.discussions.infobox .content .section.attendance.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.discussions.infobox .content .section.attendance.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.discussions.infobox .content .section.attendance.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.discussions.infobox .content .section.attendance.expanded .sectionContent .notification,
.discussions.infobox .content .section.attendance.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.discussions.infobox .content .section.attendance.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.discussions.infobox .content .section.attendance:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.discussions.infobox .content .section.attendance.collapsed {
  max-height: 0;
  opacity: 0;
}
.discussions.infobox .content .section.attendance .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.discussions.infobox .content .section.attendance .sectionContent .notification h1,
.discussions.infobox .content .section.attendance .sectionContent .notification h2,
.discussions.infobox .content .section.attendance .sectionContent .notification h3,
.discussions.infobox .content .section.attendance .sectionContent .notification h4,
.discussions.infobox .content .section.attendance .sectionContent .notification h5,
.discussions.infobox .content .section.attendance .sectionContent .notification h6 {
  color: #a75f2b;
}
.discussions.infobox .content .section.attendance .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.discussions.infobox .content .section.attendance .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.discussions.infobox .content .section.attendance .sectionContent .notification.unseen {
  background: #fff8f4;
}
.discussions.infobox .content .section.attendance .sectionContent .notification:first-child {
  border: none;
}
.discussions.infobox .content .section.attendance .sectionContent .notification a h5 {
  color: #965526;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.discussions.infobox .content .section.attendance .sectionContent .notification a h5:hover {
  background: #fdd9bf;
}
.discussions.infobox .content .section.attendance .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.discussions.infobox .content .section.attendance .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.discussions.infobox .content .section.attendance .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.discussions.infobox .content .section.attendance .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.discussions.infobox .content .section.attendance .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.discussions.infobox .content .section.attendance .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.discussions.infobox .content .section.attendance .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.discussions.infobox .content .section.attendance .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.discussions.infobox .content .section.grades h1,
.discussions.infobox .content .section.grades h2,
.discussions.infobox .content .section.grades h3,
.discussions.infobox .content .section.grades h4,
.discussions.infobox .content .section.grades h5,
.discussions.infobox .content .section.grades h6 {
  color: #115c1f;
}
.discussions.infobox .content .section.grades,
.discussions.infobox .content .section.grades .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.discussions.infobox .content .section.grades .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.discussions.infobox .content .section.grades .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.discussions.infobox .content .section.grades .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.discussions.infobox .content .section.grades .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.discussions.infobox .content .section.grades .notification.expanded .notificationExpander:before {
  content: "";
}
.discussions.infobox .content .section.grades .sectionExpander,
.discussions.infobox .content .section.grades .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.discussions.infobox .content .section.grades .sectionExpander:before,
.discussions.infobox .content .section.grades .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.discussions.infobox .content .section.grades .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.discussions.infobox .content .section.grades .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.discussions.infobox .content .section.grades .sectionTitle {
  border-left: 0.5em solid #1a8a2e;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.discussions.infobox .content .section.grades .sectionTitle.lastSection {
  height: 100em;
}
.discussions.infobox .content .section.grades .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.discussions.infobox .content .section.grades .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.discussions.infobox .content .section.grades .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.discussions.infobox .content .section.grades .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.discussions.infobox .content .section.grades .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.discussions.infobox .content .section.grades .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.discussions.infobox .content .section.grades .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.discussions.infobox .content .section.grades .sectionTitle .alerts:hover {
  background: #77090b;
}
.discussions.infobox .content .section.grades.expanded {
  max-height: 50em;
}
.discussions.infobox .content .section.grades.expanded .sectionExpander {
  color: #FFF;
}
.discussions.infobox .content .section.grades.expanded .sectionExpander:before {
  content: "";
}
.discussions.infobox .content .section.grades.expanded .sectionExpander:hover {
  background: #666666;
}
.discussions.infobox .content .section.grades.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.discussions.infobox .content .section.grades.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.discussions.infobox .content .section.grades.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.discussions.infobox .content .section.grades.expanded .sectionContent .notification,
.discussions.infobox .content .section.grades.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.discussions.infobox .content .section.grades.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.discussions.infobox .content .section.grades:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.discussions.infobox .content .section.grades.collapsed {
  max-height: 0;
  opacity: 0;
}
.discussions.infobox .content .section.grades .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.discussions.infobox .content .section.grades .sectionContent .notification h1,
.discussions.infobox .content .section.grades .sectionContent .notification h2,
.discussions.infobox .content .section.grades .sectionContent .notification h3,
.discussions.infobox .content .section.grades .sectionContent .notification h4,
.discussions.infobox .content .section.grades .sectionContent .notification h5,
.discussions.infobox .content .section.grades .sectionContent .notification h6 {
  color: #115c1f;
}
.discussions.infobox .content .section.grades .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.discussions.infobox .content .section.grades .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.discussions.infobox .content .section.grades .sectionContent .notification.unseen {
  background: #f2f8f3;
}
.discussions.infobox .content .section.grades .sectionContent .notification:first-child {
  border: none;
}
.discussions.infobox .content .section.grades .sectionContent .notification a h5 {
  color: #10531c;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.discussions.infobox .content .section.grades .sectionContent .notification a h5:hover {
  background: #b3d8b9;
}
.discussions.infobox .content .section.grades .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.discussions.infobox .content .section.grades .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.discussions.infobox .content .section.grades .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.discussions.infobox .content .section.grades .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.discussions.infobox .content .section.grades .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.discussions.infobox .content .section.grades .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.discussions.infobox .content .section.grades .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.discussions.infobox .content .section.grades .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.discussions.infobox .content .section.handouts h1,
.discussions.infobox .content .section.handouts h2,
.discussions.infobox .content .section.handouts h3,
.discussions.infobox .content .section.handouts h4,
.discussions.infobox .content .section.handouts h5,
.discussions.infobox .content .section.handouts h6 {
  color: #5b005f;
}
.discussions.infobox .content .section.handouts,
.discussions.infobox .content .section.handouts .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.discussions.infobox .content .section.handouts .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.discussions.infobox .content .section.handouts .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.discussions.infobox .content .section.handouts .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.discussions.infobox .content .section.handouts .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.discussions.infobox .content .section.handouts .notification.expanded .notificationExpander:before {
  content: "";
}
.discussions.infobox .content .section.handouts .sectionExpander,
.discussions.infobox .content .section.handouts .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.discussions.infobox .content .section.handouts .sectionExpander:before,
.discussions.infobox .content .section.handouts .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.discussions.infobox .content .section.handouts .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.discussions.infobox .content .section.handouts .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.discussions.infobox .content .section.handouts .sectionTitle {
  border-left: 0.5em solid #89008f;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.discussions.infobox .content .section.handouts .sectionTitle.lastSection {
  height: 100em;
}
.discussions.infobox .content .section.handouts .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.discussions.infobox .content .section.handouts .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.discussions.infobox .content .section.handouts .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.discussions.infobox .content .section.handouts .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.discussions.infobox .content .section.handouts .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.discussions.infobox .content .section.handouts .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.discussions.infobox .content .section.handouts .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.discussions.infobox .content .section.handouts .sectionTitle .alerts:hover {
  background: #77090b;
}
.discussions.infobox .content .section.handouts.expanded {
  max-height: 50em;
}
.discussions.infobox .content .section.handouts.expanded .sectionExpander {
  color: #FFF;
}
.discussions.infobox .content .section.handouts.expanded .sectionExpander:before {
  content: "";
}
.discussions.infobox .content .section.handouts.expanded .sectionExpander:hover {
  background: #666666;
}
.discussions.infobox .content .section.handouts.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.discussions.infobox .content .section.handouts.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.discussions.infobox .content .section.handouts.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.discussions.infobox .content .section.handouts.expanded .sectionContent .notification,
.discussions.infobox .content .section.handouts.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.discussions.infobox .content .section.handouts.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.discussions.infobox .content .section.handouts:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.discussions.infobox .content .section.handouts.collapsed {
  max-height: 0;
  opacity: 0;
}
.discussions.infobox .content .section.handouts .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.discussions.infobox .content .section.handouts .sectionContent .notification h1,
.discussions.infobox .content .section.handouts .sectionContent .notification h2,
.discussions.infobox .content .section.handouts .sectionContent .notification h3,
.discussions.infobox .content .section.handouts .sectionContent .notification h4,
.discussions.infobox .content .section.handouts .sectionContent .notification h5,
.discussions.infobox .content .section.handouts .sectionContent .notification h6 {
  color: #5b005f;
}
.discussions.infobox .content .section.handouts .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.discussions.infobox .content .section.handouts .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.discussions.infobox .content .section.handouts .sectionContent .notification.unseen {
  background: #f8f0f8;
}
.discussions.infobox .content .section.handouts .sectionContent .notification:first-child {
  border: none;
}
.discussions.infobox .content .section.handouts .sectionContent .notification a h5 {
  color: #520056;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.discussions.infobox .content .section.handouts .sectionContent .notification a h5:hover {
  background: #d8aada;
}
.discussions.infobox .content .section.handouts .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.discussions.infobox .content .section.handouts .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.discussions.infobox .content .section.handouts .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.discussions.infobox .content .section.handouts .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.discussions.infobox .content .section.handouts .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.discussions.infobox .content .section.handouts .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.discussions.infobox .content .section.handouts .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.discussions.infobox .content .section.handouts .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.discussions.infobox .content .section.lessonPlans h1,
.discussions.infobox .content .section.lessonPlans h2,
.discussions.infobox .content .section.lessonPlans h3,
.discussions.infobox .content .section.lessonPlans h4,
.discussions.infobox .content .section.lessonPlans h5,
.discussions.infobox .content .section.lessonPlans h6 {
  color: #88301f;
}
.discussions.infobox .content .section.lessonPlans,
.discussions.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.discussions.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.discussions.infobox .content .section.lessonPlans .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.discussions.infobox .content .section.lessonPlans .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.discussions.infobox .content .section.lessonPlans .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.discussions.infobox .content .section.lessonPlans .notification.expanded .notificationExpander:before {
  content: "";
}
.discussions.infobox .content .section.lessonPlans .sectionExpander,
.discussions.infobox .content .section.lessonPlans .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.discussions.infobox .content .section.lessonPlans .sectionExpander:before,
.discussions.infobox .content .section.lessonPlans .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.discussions.infobox .content .section.lessonPlans .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.discussions.infobox .content .section.lessonPlans .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.discussions.infobox .content .section.lessonPlans .sectionTitle {
  border-left: 0.5em solid #cc482e;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.discussions.infobox .content .section.lessonPlans .sectionTitle.lastSection {
  height: 100em;
}
.discussions.infobox .content .section.lessonPlans .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.discussions.infobox .content .section.lessonPlans .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.discussions.infobox .content .section.lessonPlans .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.discussions.infobox .content .section.lessonPlans .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.discussions.infobox .content .section.lessonPlans .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.discussions.infobox .content .section.lessonPlans .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.discussions.infobox .content .section.lessonPlans .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.discussions.infobox .content .section.lessonPlans .sectionTitle .alerts:hover {
  background: #77090b;
}
.discussions.infobox .content .section.lessonPlans.expanded {
  max-height: 50em;
}
.discussions.infobox .content .section.lessonPlans.expanded .sectionExpander {
  color: #FFF;
}
.discussions.infobox .content .section.lessonPlans.expanded .sectionExpander:before {
  content: "";
}
.discussions.infobox .content .section.lessonPlans.expanded .sectionExpander:hover {
  background: #666666;
}
.discussions.infobox .content .section.lessonPlans.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.discussions.infobox .content .section.lessonPlans.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.discussions.infobox .content .section.lessonPlans.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.discussions.infobox .content .section.lessonPlans.expanded .sectionContent .notification,
.discussions.infobox .content .section.lessonPlans.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.discussions.infobox .content .section.lessonPlans.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.discussions.infobox .content .section.lessonPlans:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.discussions.infobox .content .section.lessonPlans.collapsed {
  max-height: 0;
  opacity: 0;
}
.discussions.infobox .content .section.lessonPlans .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.discussions.infobox .content .section.lessonPlans .sectionContent .notification h1,
.discussions.infobox .content .section.lessonPlans .sectionContent .notification h2,
.discussions.infobox .content .section.lessonPlans .sectionContent .notification h3,
.discussions.infobox .content .section.lessonPlans .sectionContent .notification h4,
.discussions.infobox .content .section.lessonPlans .sectionContent .notification h5,
.discussions.infobox .content .section.lessonPlans .sectionContent .notification h6 {
  color: #88301f;
}
.discussions.infobox .content .section.lessonPlans .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.discussions.infobox .content .section.lessonPlans .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.discussions.infobox .content .section.lessonPlans .sectionContent .notification.unseen {
  background: #fcf4f3;
}
.discussions.infobox .content .section.lessonPlans .sectionContent .notification:first-child {
  border: none;
}
.discussions.infobox .content .section.lessonPlans .sectionContent .notification a h5 {
  color: #7a2b1c;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.discussions.infobox .content .section.lessonPlans .sectionContent .notification a h5:hover {
  background: #eec2b9;
}
.discussions.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.discussions.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.discussions.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.discussions.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.discussions.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.discussions.infobox .content .section.lessonPlans .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.discussions.infobox .content .section.lessonPlans .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.discussions.infobox .content .section.lessonPlans .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.discussions.infobox .content .section.assignmentSheets h1,
.discussions.infobox .content .section.assignmentSheets h2,
.discussions.infobox .content .section.assignmentSheets h3,
.discussions.infobox .content .section.assignmentSheets h4,
.discussions.infobox .content .section.assignmentSheets h5,
.discussions.infobox .content .section.assignmentSheets h6 {
  color: #392953;
}
.discussions.infobox .content .section.assignmentSheets,
.discussions.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.discussions.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.discussions.infobox .content .section.assignmentSheets .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.discussions.infobox .content .section.assignmentSheets .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.discussions.infobox .content .section.assignmentSheets .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.discussions.infobox .content .section.assignmentSheets .notification.expanded .notificationExpander:before {
  content: "";
}
.discussions.infobox .content .section.assignmentSheets .sectionExpander,
.discussions.infobox .content .section.assignmentSheets .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.discussions.infobox .content .section.assignmentSheets .sectionExpander:before,
.discussions.infobox .content .section.assignmentSheets .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.discussions.infobox .content .section.assignmentSheets .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.discussions.infobox .content .section.assignmentSheets .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.discussions.infobox .content .section.assignmentSheets .sectionTitle {
  border-left: 0.5em solid #563d7c;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.discussions.infobox .content .section.assignmentSheets .sectionTitle.lastSection {
  height: 100em;
}
.discussions.infobox .content .section.assignmentSheets .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.discussions.infobox .content .section.assignmentSheets .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.discussions.infobox .content .section.assignmentSheets .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.discussions.infobox .content .section.assignmentSheets .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.discussions.infobox .content .section.assignmentSheets .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.discussions.infobox .content .section.assignmentSheets .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.discussions.infobox .content .section.assignmentSheets .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.discussions.infobox .content .section.assignmentSheets .sectionTitle .alerts:hover {
  background: #77090b;
}
.discussions.infobox .content .section.assignmentSheets.expanded {
  max-height: 50em;
}
.discussions.infobox .content .section.assignmentSheets.expanded .sectionExpander {
  color: #FFF;
}
.discussions.infobox .content .section.assignmentSheets.expanded .sectionExpander:before {
  content: "";
}
.discussions.infobox .content .section.assignmentSheets.expanded .sectionExpander:hover {
  background: #666666;
}
.discussions.infobox .content .section.assignmentSheets.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.discussions.infobox .content .section.assignmentSheets.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.discussions.infobox .content .section.assignmentSheets.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.discussions.infobox .content .section.assignmentSheets.expanded .sectionContent .notification,
.discussions.infobox .content .section.assignmentSheets.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.discussions.infobox .content .section.assignmentSheets.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.discussions.infobox .content .section.assignmentSheets:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.discussions.infobox .content .section.assignmentSheets.collapsed {
  max-height: 0;
  opacity: 0;
}
.discussions.infobox .content .section.assignmentSheets .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.discussions.infobox .content .section.assignmentSheets .sectionContent .notification h1,
.discussions.infobox .content .section.assignmentSheets .sectionContent .notification h2,
.discussions.infobox .content .section.assignmentSheets .sectionContent .notification h3,
.discussions.infobox .content .section.assignmentSheets .sectionContent .notification h4,
.discussions.infobox .content .section.assignmentSheets .sectionContent .notification h5,
.discussions.infobox .content .section.assignmentSheets .sectionContent .notification h6 {
  color: #392953;
}
.discussions.infobox .content .section.assignmentSheets .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.discussions.infobox .content .section.assignmentSheets .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.discussions.infobox .content .section.assignmentSheets .sectionContent .notification.unseen {
  background: #f5f4f7;
}
.discussions.infobox .content .section.assignmentSheets .sectionContent .notification:first-child {
  border: none;
}
.discussions.infobox .content .section.assignmentSheets .sectionContent .notification a h5 {
  color: #34254a;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.discussions.infobox .content .section.assignmentSheets .sectionContent .notification a h5:hover {
  background: #c7bed3;
}
.discussions.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.discussions.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.discussions.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.discussions.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.discussions.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.discussions.infobox .content .section.assignmentSheets .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.discussions.infobox .content .section.assignmentSheets .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.discussions.infobox .content .section.assignmentSheets .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.discussions.infobox .content .section.discussions h1,
.discussions.infobox .content .section.discussions h2,
.discussions.infobox .content .section.discussions h3,
.discussions.infobox .content .section.discussions h4,
.discussions.infobox .content .section.discussions h5,
.discussions.infobox .content .section.discussions h6 {
  color: #903370;
}
.discussions.infobox .content .section.discussions,
.discussions.infobox .content .section.discussions .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.discussions.infobox .content .section.discussions .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.discussions.infobox .content .section.discussions .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.discussions.infobox .content .section.discussions .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.discussions.infobox .content .section.discussions .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.discussions.infobox .content .section.discussions .notification.expanded .notificationExpander:before {
  content: "";
}
.discussions.infobox .content .section.discussions .sectionExpander,
.discussions.infobox .content .section.discussions .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.discussions.infobox .content .section.discussions .sectionExpander:before,
.discussions.infobox .content .section.discussions .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.discussions.infobox .content .section.discussions .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.discussions.infobox .content .section.discussions .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.discussions.infobox .content .section.discussions .sectionTitle {
  border-left: 0.5em solid #d84ca8;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.discussions.infobox .content .section.discussions .sectionTitle.lastSection {
  height: 100em;
}
.discussions.infobox .content .section.discussions .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.discussions.infobox .content .section.discussions .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.discussions.infobox .content .section.discussions .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.discussions.infobox .content .section.discussions .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.discussions.infobox .content .section.discussions .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.discussions.infobox .content .section.discussions .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.discussions.infobox .content .section.discussions .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.discussions.infobox .content .section.discussions .sectionTitle .alerts:hover {
  background: #77090b;
}
.discussions.infobox .content .section.discussions.expanded {
  max-height: 50em;
}
.discussions.infobox .content .section.discussions.expanded .sectionExpander {
  color: #FFF;
}
.discussions.infobox .content .section.discussions.expanded .sectionExpander:before {
  content: "";
}
.discussions.infobox .content .section.discussions.expanded .sectionExpander:hover {
  background: #666666;
}
.discussions.infobox .content .section.discussions.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.discussions.infobox .content .section.discussions.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.discussions.infobox .content .section.discussions.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.discussions.infobox .content .section.discussions.expanded .sectionContent .notification,
.discussions.infobox .content .section.discussions.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.discussions.infobox .content .section.discussions.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.discussions.infobox .content .section.discussions:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.discussions.infobox .content .section.discussions.collapsed {
  max-height: 0;
  opacity: 0;
}
.discussions.infobox .content .section.discussions .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.discussions.infobox .content .section.discussions .sectionContent .notification h1,
.discussions.infobox .content .section.discussions .sectionContent .notification h2,
.discussions.infobox .content .section.discussions .sectionContent .notification h3,
.discussions.infobox .content .section.discussions .sectionContent .notification h4,
.discussions.infobox .content .section.discussions .sectionContent .notification h5,
.discussions.infobox .content .section.discussions .sectionContent .notification h6 {
  color: #903370;
}
.discussions.infobox .content .section.discussions .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.discussions.infobox .content .section.discussions .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.discussions.infobox .content .section.discussions .sectionContent .notification.unseen {
  background: #fdf4fa;
}
.discussions.infobox .content .section.discussions .sectionContent .notification:first-child {
  border: none;
}
.discussions.infobox .content .section.discussions .sectionContent .notification a h5 {
  color: #822e65;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.discussions.infobox .content .section.discussions .sectionContent .notification a h5:hover {
  background: #f2c3e2;
}
.discussions.infobox .content .section.discussions .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.discussions.infobox .content .section.discussions .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.discussions.infobox .content .section.discussions .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.discussions.infobox .content .section.discussions .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.discussions.infobox .content .section.discussions .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.discussions.infobox .content .section.discussions .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.discussions.infobox .content .section.discussions .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.discussions.infobox .content .section.discussions .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.discussions.infobox .content .section .notification {
  /*&.grades {
                    .notification(@GradesColor);
                }*/
}
.discussions.infobox .content .section .notification.assignments {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.discussions.infobox .content .section .notification.assignments h1,
.discussions.infobox .content .section .notification.assignments h2,
.discussions.infobox .content .section .notification.assignments h3,
.discussions.infobox .content .section .notification.assignments h4,
.discussions.infobox .content .section .notification.assignments h5,
.discussions.infobox .content .section .notification.assignments h6 {
  color: #185664;
}
.discussions.infobox .content .section .notification.assignments.show {
  opacity: 1;
  max-height: 15em;
}
.discussions.infobox .content .section .notification.assignments.show.unseen + .notification {
  border-top: none;
}
.discussions.infobox .content .section .notification.assignments.unseen {
  background: #f2f8f9;
}
.discussions.infobox .content .section .notification.assignments:first-child {
  border: none;
}
.discussions.infobox .content .section .notification.assignments a h5 {
  color: #164d5a;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.discussions.infobox .content .section .notification.assignments a h5:hover {
  background: #b6d5dc;
}
.discussions.infobox .content .section .notification.attendance {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.discussions.infobox .content .section .notification.attendance h1,
.discussions.infobox .content .section .notification.attendance h2,
.discussions.infobox .content .section .notification.attendance h3,
.discussions.infobox .content .section .notification.attendance h4,
.discussions.infobox .content .section .notification.attendance h5,
.discussions.infobox .content .section .notification.attendance h6 {
  color: #a75f2b;
}
.discussions.infobox .content .section .notification.attendance.show {
  opacity: 1;
  max-height: 15em;
}
.discussions.infobox .content .section .notification.attendance.show.unseen + .notification {
  border-top: none;
}
.discussions.infobox .content .section .notification.attendance.unseen {
  background: #fff8f4;
}
.discussions.infobox .content .section .notification.attendance:first-child {
  border: none;
}
.discussions.infobox .content .section .notification.attendance a h5 {
  color: #965526;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.discussions.infobox .content .section .notification.attendance a h5:hover {
  background: #fdd9bf;
}
.discussions.infobox .content .section .notification.handouts {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.discussions.infobox .content .section .notification.handouts h1,
.discussions.infobox .content .section .notification.handouts h2,
.discussions.infobox .content .section .notification.handouts h3,
.discussions.infobox .content .section .notification.handouts h4,
.discussions.infobox .content .section .notification.handouts h5,
.discussions.infobox .content .section .notification.handouts h6 {
  color: #5b005f;
}
.discussions.infobox .content .section .notification.handouts.show {
  opacity: 1;
  max-height: 15em;
}
.discussions.infobox .content .section .notification.handouts.show.unseen + .notification {
  border-top: none;
}
.discussions.infobox .content .section .notification.handouts.unseen {
  background: #f8f0f8;
}
.discussions.infobox .content .section .notification.handouts:first-child {
  border: none;
}
.discussions.infobox .content .section .notification.handouts a h5 {
  color: #520056;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.discussions.infobox .content .section .notification.handouts a h5:hover {
  background: #d8aada;
}
.discussions.infobox .content .section .notification.lessonPlans {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.discussions.infobox .content .section .notification.lessonPlans h1,
.discussions.infobox .content .section .notification.lessonPlans h2,
.discussions.infobox .content .section .notification.lessonPlans h3,
.discussions.infobox .content .section .notification.lessonPlans h4,
.discussions.infobox .content .section .notification.lessonPlans h5,
.discussions.infobox .content .section .notification.lessonPlans h6 {
  color: #88301f;
}
.discussions.infobox .content .section .notification.lessonPlans.show {
  opacity: 1;
  max-height: 15em;
}
.discussions.infobox .content .section .notification.lessonPlans.show.unseen + .notification {
  border-top: none;
}
.discussions.infobox .content .section .notification.lessonPlans.unseen {
  background: #fcf4f3;
}
.discussions.infobox .content .section .notification.lessonPlans:first-child {
  border: none;
}
.discussions.infobox .content .section .notification.lessonPlans a h5 {
  color: #7a2b1c;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.discussions.infobox .content .section .notification.lessonPlans a h5:hover {
  background: #eec2b9;
}
.discussions.infobox .content .section .notification.assignmentSheets {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.discussions.infobox .content .section .notification.assignmentSheets h1,
.discussions.infobox .content .section .notification.assignmentSheets h2,
.discussions.infobox .content .section .notification.assignmentSheets h3,
.discussions.infobox .content .section .notification.assignmentSheets h4,
.discussions.infobox .content .section .notification.assignmentSheets h5,
.discussions.infobox .content .section .notification.assignmentSheets h6 {
  color: #392953;
}
.discussions.infobox .content .section .notification.assignmentSheets.show {
  opacity: 1;
  max-height: 15em;
}
.discussions.infobox .content .section .notification.assignmentSheets.show.unseen + .notification {
  border-top: none;
}
.discussions.infobox .content .section .notification.assignmentSheets.unseen {
  background: #f5f4f7;
}
.discussions.infobox .content .section .notification.assignmentSheets:first-child {
  border: none;
}
.discussions.infobox .content .section .notification.assignmentSheets a h5 {
  color: #34254a;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.discussions.infobox .content .section .notification.assignmentSheets a h5:hover {
  background: #c7bed3;
}
.discussions.infobox .content .section .notification.discussions {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.discussions.infobox .content .section .notification.discussions h1,
.discussions.infobox .content .section .notification.discussions h2,
.discussions.infobox .content .section .notification.discussions h3,
.discussions.infobox .content .section .notification.discussions h4,
.discussions.infobox .content .section .notification.discussions h5,
.discussions.infobox .content .section .notification.discussions h6 {
  color: #903370;
}
.discussions.infobox .content .section .notification.discussions.show {
  opacity: 1;
  max-height: 15em;
}
.discussions.infobox .content .section .notification.discussions.show.unseen + .notification {
  border-top: none;
}
.discussions.infobox .content .section .notification.discussions.unseen {
  background: #fdf4fa;
}
.discussions.infobox .content .section .notification.discussions:first-child {
  border: none;
}
.discussions.infobox .content .section .notification.discussions a h5 {
  color: #822e65;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.discussions.infobox .content .section .notification.discussions a h5:hover {
  background: #f2c3e2;
}
.infobox {
  margin: 1em 0 1em 0;
  overflow: hidden;
  box-shadow: 1px 1px 10px #9a9a9a;
}
.infobox .has-left-border {
  border-left: 0.5em solid #248196;
}
.infobox h1,
.infobox h2,
.infobox h3,
.infobox h4,
.infobox h5,
.infobox h6 {
  color: #164d5a;
}
.infobox .title {
  background: #248196;
}
.infobox .title .titleLink {
  width: calc(100% - 40px);
  display: block;
  background: #248196;
  float: left;
  transition: background ease .2s;
}
.infobox .title .titleLink:hover {
  background: #164d5a;
}
.infobox .title .titleLink .sectionName {
  width: calc(100% - 65px);
  display: inline-block;
}
.infobox .title .titleLink .sectionMoreHelper {
  font-size: .6em;
  padding: 0 0 0 .5em;
}
.infobox .title .titleLink .sectionGrade {
  width: 65px;
  display: inline-block;
  float: right;
}
.infobox .title .textContent {
  color: #FFF;
  font-weight: 300;
  margin: 0;
  font-size: 1.5em;
  padding: .2em 0 .2em .3em;
}
.infobox .title .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.5em;
  margin: 0;
  float: right;
  text-align: center;
  opacity: 1;
  padding: .2em 0 .2em 0;
  font-weight: 300;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.infobox .title .alerts:hover {
  background: #77090b;
}
.infobox .content .section h1,
.infobox .content .section h2,
.infobox .content .section h3,
.infobox .content .section h4,
.infobox .content .section h5,
.infobox .content .section h6 {
  color: #185664;
}
.infobox .content .section,
.infobox .content .section .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.infobox .content .section .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.infobox .content .section .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.infobox .content .section .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.infobox .content .section .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.infobox .content .section .notification.expanded .notificationExpander:before {
  content: "";
}
.infobox .content .section .sectionExpander,
.infobox .content .section .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.infobox .content .section .sectionExpander:before,
.infobox .content .section .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.infobox .content .section .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.infobox .content .section .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.infobox .content .section .sectionTitle {
  border-left: 0.5em solid #248196;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.infobox .content .section .sectionTitle.lastSection {
  height: 100em;
}
.infobox .content .section .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.infobox .content .section .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.infobox .content .section .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.infobox .content .section .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.infobox .content .section .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.infobox .content .section .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.infobox .content .section .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.infobox .content .section .sectionTitle .alerts:hover {
  background: #77090b;
}
.infobox .content .section.expanded {
  max-height: 50em;
}
.infobox .content .section.expanded .sectionExpander {
  color: #FFF;
}
.infobox .content .section.expanded .sectionExpander:before {
  content: "";
}
.infobox .content .section.expanded .sectionExpander:hover {
  background: #666666;
}
.infobox .content .section.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.infobox .content .section.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.infobox .content .section.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.infobox .content .section.expanded .sectionContent .notification,
.infobox .content .section.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.infobox .content .section.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.infobox .content .section:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.infobox .content .section.collapsed {
  max-height: 0;
  opacity: 0;
}
.infobox .content .section .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.infobox .content .section .sectionContent .notification h1,
.infobox .content .section .sectionContent .notification h2,
.infobox .content .section .sectionContent .notification h3,
.infobox .content .section .sectionContent .notification h4,
.infobox .content .section .sectionContent .notification h5,
.infobox .content .section .sectionContent .notification h6 {
  color: #185664;
}
.infobox .content .section .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.infobox .content .section .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.infobox .content .section .sectionContent .notification.unseen {
  background: #f2f8f9;
}
.infobox .content .section .sectionContent .notification:first-child {
  border: none;
}
.infobox .content .section .sectionContent .notification a h5 {
  color: #164d5a;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.infobox .content .section .sectionContent .notification a h5:hover {
  background: #b6d5dc;
}
.infobox .content .section .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.infobox .content .section .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.infobox .content .section .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.infobox .content .section .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.infobox .content .section .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.infobox .content .section .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.infobox .content .section .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.infobox .content .section .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.infobox .content .section.assignments h1,
.infobox .content .section.assignments h2,
.infobox .content .section.assignments h3,
.infobox .content .section.assignments h4,
.infobox .content .section.assignments h5,
.infobox .content .section.assignments h6 {
  color: #185664;
}
.infobox .content .section.assignments,
.infobox .content .section.assignments .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.infobox .content .section.assignments .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.infobox .content .section.assignments .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.infobox .content .section.assignments .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.infobox .content .section.assignments .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.infobox .content .section.assignments .notification.expanded .notificationExpander:before {
  content: "";
}
.infobox .content .section.assignments .sectionExpander,
.infobox .content .section.assignments .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.infobox .content .section.assignments .sectionExpander:before,
.infobox .content .section.assignments .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.infobox .content .section.assignments .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.infobox .content .section.assignments .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.infobox .content .section.assignments .sectionTitle {
  border-left: 0.5em solid #248196;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.infobox .content .section.assignments .sectionTitle.lastSection {
  height: 100em;
}
.infobox .content .section.assignments .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.infobox .content .section.assignments .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.infobox .content .section.assignments .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.infobox .content .section.assignments .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.infobox .content .section.assignments .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.infobox .content .section.assignments .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.infobox .content .section.assignments .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.infobox .content .section.assignments .sectionTitle .alerts:hover {
  background: #77090b;
}
.infobox .content .section.assignments.expanded {
  max-height: 50em;
}
.infobox .content .section.assignments.expanded .sectionExpander {
  color: #FFF;
}
.infobox .content .section.assignments.expanded .sectionExpander:before {
  content: "";
}
.infobox .content .section.assignments.expanded .sectionExpander:hover {
  background: #666666;
}
.infobox .content .section.assignments.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.infobox .content .section.assignments.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.infobox .content .section.assignments.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.infobox .content .section.assignments.expanded .sectionContent .notification,
.infobox .content .section.assignments.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.infobox .content .section.assignments.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.infobox .content .section.assignments:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.infobox .content .section.assignments.collapsed {
  max-height: 0;
  opacity: 0;
}
.infobox .content .section.assignments .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.infobox .content .section.assignments .sectionContent .notification h1,
.infobox .content .section.assignments .sectionContent .notification h2,
.infobox .content .section.assignments .sectionContent .notification h3,
.infobox .content .section.assignments .sectionContent .notification h4,
.infobox .content .section.assignments .sectionContent .notification h5,
.infobox .content .section.assignments .sectionContent .notification h6 {
  color: #185664;
}
.infobox .content .section.assignments .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.infobox .content .section.assignments .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.infobox .content .section.assignments .sectionContent .notification.unseen {
  background: #f2f8f9;
}
.infobox .content .section.assignments .sectionContent .notification:first-child {
  border: none;
}
.infobox .content .section.assignments .sectionContent .notification a h5 {
  color: #164d5a;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.infobox .content .section.assignments .sectionContent .notification a h5:hover {
  background: #b6d5dc;
}
.infobox .content .section.assignments .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.infobox .content .section.assignments .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.infobox .content .section.assignments .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.infobox .content .section.assignments .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.infobox .content .section.assignments .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.infobox .content .section.assignments .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.infobox .content .section.assignments .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.infobox .content .section.assignments .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.infobox .content .section.attendance h1,
.infobox .content .section.attendance h2,
.infobox .content .section.attendance h3,
.infobox .content .section.attendance h4,
.infobox .content .section.attendance h5,
.infobox .content .section.attendance h6 {
  color: #a75f2b;
}
.infobox .content .section.attendance,
.infobox .content .section.attendance .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.infobox .content .section.attendance .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.infobox .content .section.attendance .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.infobox .content .section.attendance .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.infobox .content .section.attendance .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.infobox .content .section.attendance .notification.expanded .notificationExpander:before {
  content: "";
}
.infobox .content .section.attendance .sectionExpander,
.infobox .content .section.attendance .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.infobox .content .section.attendance .sectionExpander:before,
.infobox .content .section.attendance .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.infobox .content .section.attendance .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.infobox .content .section.attendance .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.infobox .content .section.attendance .sectionTitle {
  border-left: 0.5em solid #fa8e40;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.infobox .content .section.attendance .sectionTitle.lastSection {
  height: 100em;
}
.infobox .content .section.attendance .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.infobox .content .section.attendance .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.infobox .content .section.attendance .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.infobox .content .section.attendance .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.infobox .content .section.attendance .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.infobox .content .section.attendance .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.infobox .content .section.attendance .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.infobox .content .section.attendance .sectionTitle .alerts:hover {
  background: #77090b;
}
.infobox .content .section.attendance.expanded {
  max-height: 50em;
}
.infobox .content .section.attendance.expanded .sectionExpander {
  color: #FFF;
}
.infobox .content .section.attendance.expanded .sectionExpander:before {
  content: "";
}
.infobox .content .section.attendance.expanded .sectionExpander:hover {
  background: #666666;
}
.infobox .content .section.attendance.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.infobox .content .section.attendance.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.infobox .content .section.attendance.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.infobox .content .section.attendance.expanded .sectionContent .notification,
.infobox .content .section.attendance.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.infobox .content .section.attendance.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.infobox .content .section.attendance:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.infobox .content .section.attendance.collapsed {
  max-height: 0;
  opacity: 0;
}
.infobox .content .section.attendance .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.infobox .content .section.attendance .sectionContent .notification h1,
.infobox .content .section.attendance .sectionContent .notification h2,
.infobox .content .section.attendance .sectionContent .notification h3,
.infobox .content .section.attendance .sectionContent .notification h4,
.infobox .content .section.attendance .sectionContent .notification h5,
.infobox .content .section.attendance .sectionContent .notification h6 {
  color: #a75f2b;
}
.infobox .content .section.attendance .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.infobox .content .section.attendance .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.infobox .content .section.attendance .sectionContent .notification.unseen {
  background: #fff8f4;
}
.infobox .content .section.attendance .sectionContent .notification:first-child {
  border: none;
}
.infobox .content .section.attendance .sectionContent .notification a h5 {
  color: #965526;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.infobox .content .section.attendance .sectionContent .notification a h5:hover {
  background: #fdd9bf;
}
.infobox .content .section.attendance .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.infobox .content .section.attendance .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.infobox .content .section.attendance .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.infobox .content .section.attendance .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.infobox .content .section.attendance .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.infobox .content .section.attendance .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.infobox .content .section.attendance .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.infobox .content .section.attendance .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.infobox .content .section.grades h1,
.infobox .content .section.grades h2,
.infobox .content .section.grades h3,
.infobox .content .section.grades h4,
.infobox .content .section.grades h5,
.infobox .content .section.grades h6 {
  color: #115c1f;
}
.infobox .content .section.grades,
.infobox .content .section.grades .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.infobox .content .section.grades .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.infobox .content .section.grades .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.infobox .content .section.grades .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.infobox .content .section.grades .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.infobox .content .section.grades .notification.expanded .notificationExpander:before {
  content: "";
}
.infobox .content .section.grades .sectionExpander,
.infobox .content .section.grades .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.infobox .content .section.grades .sectionExpander:before,
.infobox .content .section.grades .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.infobox .content .section.grades .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.infobox .content .section.grades .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.infobox .content .section.grades .sectionTitle {
  border-left: 0.5em solid #1a8a2e;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.infobox .content .section.grades .sectionTitle.lastSection {
  height: 100em;
}
.infobox .content .section.grades .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.infobox .content .section.grades .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.infobox .content .section.grades .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.infobox .content .section.grades .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.infobox .content .section.grades .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.infobox .content .section.grades .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.infobox .content .section.grades .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.infobox .content .section.grades .sectionTitle .alerts:hover {
  background: #77090b;
}
.infobox .content .section.grades.expanded {
  max-height: 50em;
}
.infobox .content .section.grades.expanded .sectionExpander {
  color: #FFF;
}
.infobox .content .section.grades.expanded .sectionExpander:before {
  content: "";
}
.infobox .content .section.grades.expanded .sectionExpander:hover {
  background: #666666;
}
.infobox .content .section.grades.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.infobox .content .section.grades.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.infobox .content .section.grades.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.infobox .content .section.grades.expanded .sectionContent .notification,
.infobox .content .section.grades.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.infobox .content .section.grades.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.infobox .content .section.grades:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.infobox .content .section.grades.collapsed {
  max-height: 0;
  opacity: 0;
}
.infobox .content .section.grades .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.infobox .content .section.grades .sectionContent .notification h1,
.infobox .content .section.grades .sectionContent .notification h2,
.infobox .content .section.grades .sectionContent .notification h3,
.infobox .content .section.grades .sectionContent .notification h4,
.infobox .content .section.grades .sectionContent .notification h5,
.infobox .content .section.grades .sectionContent .notification h6 {
  color: #115c1f;
}
.infobox .content .section.grades .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.infobox .content .section.grades .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.infobox .content .section.grades .sectionContent .notification.unseen {
  background: #f2f8f3;
}
.infobox .content .section.grades .sectionContent .notification:first-child {
  border: none;
}
.infobox .content .section.grades .sectionContent .notification a h5 {
  color: #10531c;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.infobox .content .section.grades .sectionContent .notification a h5:hover {
  background: #b3d8b9;
}
.infobox .content .section.grades .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.infobox .content .section.grades .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.infobox .content .section.grades .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.infobox .content .section.grades .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.infobox .content .section.grades .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.infobox .content .section.grades .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.infobox .content .section.grades .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.infobox .content .section.grades .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.infobox .content .section.handouts h1,
.infobox .content .section.handouts h2,
.infobox .content .section.handouts h3,
.infobox .content .section.handouts h4,
.infobox .content .section.handouts h5,
.infobox .content .section.handouts h6 {
  color: #5b005f;
}
.infobox .content .section.handouts,
.infobox .content .section.handouts .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.infobox .content .section.handouts .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.infobox .content .section.handouts .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.infobox .content .section.handouts .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.infobox .content .section.handouts .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.infobox .content .section.handouts .notification.expanded .notificationExpander:before {
  content: "";
}
.infobox .content .section.handouts .sectionExpander,
.infobox .content .section.handouts .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.infobox .content .section.handouts .sectionExpander:before,
.infobox .content .section.handouts .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.infobox .content .section.handouts .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.infobox .content .section.handouts .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.infobox .content .section.handouts .sectionTitle {
  border-left: 0.5em solid #89008f;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.infobox .content .section.handouts .sectionTitle.lastSection {
  height: 100em;
}
.infobox .content .section.handouts .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.infobox .content .section.handouts .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.infobox .content .section.handouts .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.infobox .content .section.handouts .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.infobox .content .section.handouts .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.infobox .content .section.handouts .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.infobox .content .section.handouts .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.infobox .content .section.handouts .sectionTitle .alerts:hover {
  background: #77090b;
}
.infobox .content .section.handouts.expanded {
  max-height: 50em;
}
.infobox .content .section.handouts.expanded .sectionExpander {
  color: #FFF;
}
.infobox .content .section.handouts.expanded .sectionExpander:before {
  content: "";
}
.infobox .content .section.handouts.expanded .sectionExpander:hover {
  background: #666666;
}
.infobox .content .section.handouts.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.infobox .content .section.handouts.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.infobox .content .section.handouts.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.infobox .content .section.handouts.expanded .sectionContent .notification,
.infobox .content .section.handouts.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.infobox .content .section.handouts.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.infobox .content .section.handouts:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.infobox .content .section.handouts.collapsed {
  max-height: 0;
  opacity: 0;
}
.infobox .content .section.handouts .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.infobox .content .section.handouts .sectionContent .notification h1,
.infobox .content .section.handouts .sectionContent .notification h2,
.infobox .content .section.handouts .sectionContent .notification h3,
.infobox .content .section.handouts .sectionContent .notification h4,
.infobox .content .section.handouts .sectionContent .notification h5,
.infobox .content .section.handouts .sectionContent .notification h6 {
  color: #5b005f;
}
.infobox .content .section.handouts .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.infobox .content .section.handouts .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.infobox .content .section.handouts .sectionContent .notification.unseen {
  background: #f8f0f8;
}
.infobox .content .section.handouts .sectionContent .notification:first-child {
  border: none;
}
.infobox .content .section.handouts .sectionContent .notification a h5 {
  color: #520056;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.infobox .content .section.handouts .sectionContent .notification a h5:hover {
  background: #d8aada;
}
.infobox .content .section.handouts .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.infobox .content .section.handouts .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.infobox .content .section.handouts .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.infobox .content .section.handouts .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.infobox .content .section.handouts .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.infobox .content .section.handouts .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.infobox .content .section.handouts .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.infobox .content .section.handouts .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.infobox .content .section.lessonPlans h1,
.infobox .content .section.lessonPlans h2,
.infobox .content .section.lessonPlans h3,
.infobox .content .section.lessonPlans h4,
.infobox .content .section.lessonPlans h5,
.infobox .content .section.lessonPlans h6 {
  color: #88301f;
}
.infobox .content .section.lessonPlans,
.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.infobox .content .section.lessonPlans .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.infobox .content .section.lessonPlans .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.infobox .content .section.lessonPlans .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.infobox .content .section.lessonPlans .notification.expanded .notificationExpander:before {
  content: "";
}
.infobox .content .section.lessonPlans .sectionExpander,
.infobox .content .section.lessonPlans .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.infobox .content .section.lessonPlans .sectionExpander:before,
.infobox .content .section.lessonPlans .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.infobox .content .section.lessonPlans .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.infobox .content .section.lessonPlans .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.infobox .content .section.lessonPlans .sectionTitle {
  border-left: 0.5em solid #cc482e;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.infobox .content .section.lessonPlans .sectionTitle.lastSection {
  height: 100em;
}
.infobox .content .section.lessonPlans .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.infobox .content .section.lessonPlans .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.infobox .content .section.lessonPlans .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.infobox .content .section.lessonPlans .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.infobox .content .section.lessonPlans .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.infobox .content .section.lessonPlans .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.infobox .content .section.lessonPlans .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.infobox .content .section.lessonPlans .sectionTitle .alerts:hover {
  background: #77090b;
}
.infobox .content .section.lessonPlans.expanded {
  max-height: 50em;
}
.infobox .content .section.lessonPlans.expanded .sectionExpander {
  color: #FFF;
}
.infobox .content .section.lessonPlans.expanded .sectionExpander:before {
  content: "";
}
.infobox .content .section.lessonPlans.expanded .sectionExpander:hover {
  background: #666666;
}
.infobox .content .section.lessonPlans.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.infobox .content .section.lessonPlans.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.infobox .content .section.lessonPlans.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.infobox .content .section.lessonPlans.expanded .sectionContent .notification,
.infobox .content .section.lessonPlans.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.infobox .content .section.lessonPlans.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.infobox .content .section.lessonPlans:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.infobox .content .section.lessonPlans.collapsed {
  max-height: 0;
  opacity: 0;
}
.infobox .content .section.lessonPlans .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.infobox .content .section.lessonPlans .sectionContent .notification h1,
.infobox .content .section.lessonPlans .sectionContent .notification h2,
.infobox .content .section.lessonPlans .sectionContent .notification h3,
.infobox .content .section.lessonPlans .sectionContent .notification h4,
.infobox .content .section.lessonPlans .sectionContent .notification h5,
.infobox .content .section.lessonPlans .sectionContent .notification h6 {
  color: #88301f;
}
.infobox .content .section.lessonPlans .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.infobox .content .section.lessonPlans .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.infobox .content .section.lessonPlans .sectionContent .notification.unseen {
  background: #fcf4f3;
}
.infobox .content .section.lessonPlans .sectionContent .notification:first-child {
  border: none;
}
.infobox .content .section.lessonPlans .sectionContent .notification a h5 {
  color: #7a2b1c;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.infobox .content .section.lessonPlans .sectionContent .notification a h5:hover {
  background: #eec2b9;
}
.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.infobox .content .section.lessonPlans .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.infobox .content .section.lessonPlans .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.infobox .content .section.lessonPlans .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.infobox .content .section.lessonPlans .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.infobox .content .section.assignmentSheets h1,
.infobox .content .section.assignmentSheets h2,
.infobox .content .section.assignmentSheets h3,
.infobox .content .section.assignmentSheets h4,
.infobox .content .section.assignmentSheets h5,
.infobox .content .section.assignmentSheets h6 {
  color: #392953;
}
.infobox .content .section.assignmentSheets,
.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.infobox .content .section.assignmentSheets .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.infobox .content .section.assignmentSheets .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.infobox .content .section.assignmentSheets .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.infobox .content .section.assignmentSheets .notification.expanded .notificationExpander:before {
  content: "";
}
.infobox .content .section.assignmentSheets .sectionExpander,
.infobox .content .section.assignmentSheets .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.infobox .content .section.assignmentSheets .sectionExpander:before,
.infobox .content .section.assignmentSheets .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.infobox .content .section.assignmentSheets .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.infobox .content .section.assignmentSheets .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.infobox .content .section.assignmentSheets .sectionTitle {
  border-left: 0.5em solid #563d7c;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.infobox .content .section.assignmentSheets .sectionTitle.lastSection {
  height: 100em;
}
.infobox .content .section.assignmentSheets .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.infobox .content .section.assignmentSheets .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.infobox .content .section.assignmentSheets .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.infobox .content .section.assignmentSheets .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.infobox .content .section.assignmentSheets .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.infobox .content .section.assignmentSheets .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.infobox .content .section.assignmentSheets .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.infobox .content .section.assignmentSheets .sectionTitle .alerts:hover {
  background: #77090b;
}
.infobox .content .section.assignmentSheets.expanded {
  max-height: 50em;
}
.infobox .content .section.assignmentSheets.expanded .sectionExpander {
  color: #FFF;
}
.infobox .content .section.assignmentSheets.expanded .sectionExpander:before {
  content: "";
}
.infobox .content .section.assignmentSheets.expanded .sectionExpander:hover {
  background: #666666;
}
.infobox .content .section.assignmentSheets.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.infobox .content .section.assignmentSheets.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.infobox .content .section.assignmentSheets.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.infobox .content .section.assignmentSheets.expanded .sectionContent .notification,
.infobox .content .section.assignmentSheets.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.infobox .content .section.assignmentSheets.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.infobox .content .section.assignmentSheets:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.infobox .content .section.assignmentSheets.collapsed {
  max-height: 0;
  opacity: 0;
}
.infobox .content .section.assignmentSheets .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.infobox .content .section.assignmentSheets .sectionContent .notification h1,
.infobox .content .section.assignmentSheets .sectionContent .notification h2,
.infobox .content .section.assignmentSheets .sectionContent .notification h3,
.infobox .content .section.assignmentSheets .sectionContent .notification h4,
.infobox .content .section.assignmentSheets .sectionContent .notification h5,
.infobox .content .section.assignmentSheets .sectionContent .notification h6 {
  color: #392953;
}
.infobox .content .section.assignmentSheets .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.infobox .content .section.assignmentSheets .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.infobox .content .section.assignmentSheets .sectionContent .notification.unseen {
  background: #f5f4f7;
}
.infobox .content .section.assignmentSheets .sectionContent .notification:first-child {
  border: none;
}
.infobox .content .section.assignmentSheets .sectionContent .notification a h5 {
  color: #34254a;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.infobox .content .section.assignmentSheets .sectionContent .notification a h5:hover {
  background: #c7bed3;
}
.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.infobox .content .section.assignmentSheets .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.infobox .content .section.assignmentSheets .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.infobox .content .section.assignmentSheets .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.infobox .content .section.assignmentSheets .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.infobox .content .section.discussions h1,
.infobox .content .section.discussions h2,
.infobox .content .section.discussions h3,
.infobox .content .section.discussions h4,
.infobox .content .section.discussions h5,
.infobox .content .section.discussions h6 {
  color: #903370;
}
.infobox .content .section.discussions,
.infobox .content .section.discussions .sectionContent .notification .notificationInfo {
  transition: max-height ease 0.5s, opacity ease 0.5s, padding 0s 0.5s;
  max-height: 30em;
  overflow: hidden;
}
.infobox .content .section.discussions .sectionContent .notification .notificationInfo:not(.topNotificationInfo) {
  opacity: 0;
  max-height: 0;
}
.infobox .content .section.discussions .sectionContent .notification.expanded .notificationInfo {
  opacity: 1;
  max-height: 15em;
}
.infobox .content .section.discussions .sectionContent .notification.expanded .notificationInfo:not(.topNotificationInfo):last-child {
  margin-bottom: .7em;
}
.infobox .content .section.discussions .sectionContent .notification.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
}
.infobox .content .section.discussions .notification.expanded .notificationExpander:before {
  content: "";
}
.infobox .content .section.discussions .sectionExpander,
.infobox .content .section.discussions .notificationExpander {
  transition: background ease .2s;
  display: inline-block;
  text-align: center;
}
.infobox .content .section.discussions .sectionExpander:before,
.infobox .content .section.discussions .notificationExpander:before {
  font-family: "GeneralFoundicons";
  content: "";
}
.infobox .content .section.discussions .sectionTitleContainer .sectionTitle .sectionExpander {
  padding: .7em 0 .3em 0;
  font-size: 1em;
  width: 35px;
  cursor: pointer;
}
.infobox .content .section.discussions .notificationExpander {
  float: right;
  color: #666 !important;
  font-size: 1.2em;
  width: 25px;
  padding: .5em .5em .3em .5em;
  position: relative;
  z-index: 1;
  margin: 0 .7em 0 0;
}
.infobox .content .section.discussions .sectionTitle {
  border-left: 0.5em solid #d84ca8;
  background: #FFF;
  min-height: 2.7em;
  position: relative;
}
.infobox .content .section.discussions .sectionTitle.lastSection {
  height: 100em;
}
.infobox .content .section.discussions .sectionTitle h4 {
  margin: 0;
  padding: .5em 0 .5em 0;
  float: left;
  height: 100%;
  min-height: 43px;
}
.infobox .content .section.discussions .sectionTitle .areaLink {
  display: inline-block;
  float: left;
  width: calc(100% - 75px);
  height: 100%;
  transition: background ease .2s;
}
.infobox .content .section.discussions .sectionTitle .areaLink:hover {
  background: #d4d4d4;
}
.infobox .content .section.discussions .sectionTitle .areaLink .sectionName {
  width: calc(100% - 4.2em);
  display: inline-block;
}
.infobox .content .section.discussions .sectionTitle .areaLink .sectionGrade {
  color: black;
  width: 4.2em;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: .4em;
}
.infobox .content .section.discussions .sectionTitle .textContent {
  font-weight: 400;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  display: block;
  padding-left: .3em;
  width: 100%;
}
.infobox .content .section.discussions .sectionTitle .alerts {
  width: 40px;
  background: #c60f13;
  color: #FFF;
  display: inline-block;
  font-size: 1.1em;
  float: right;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.infobox .content .section.discussions .sectionTitle .alerts:hover {
  background: #77090b;
}
.infobox .content .section.discussions.expanded {
  max-height: 50em;
}
.infobox .content .section.discussions.expanded .sectionExpander {
  color: #FFF;
}
.infobox .content .section.discussions.expanded .sectionExpander:before {
  content: "";
}
.infobox .content .section.discussions.expanded .sectionExpander:hover {
  background: #666666;
}
.infobox .content .section.discussions.expanded .sectionTitleContainer .sectionTitle {
  background: #444444;
}
.infobox .content .section.discussions.expanded .sectionTitleContainer .sectionTitle .areaLink:hover {
  background: #666666;
}
.infobox .content .section.discussions.expanded .sectionTitleContainer .sectionTitle .textContent {
  color: #FFF;
}
.infobox .content .section.discussions.expanded .sectionContent .notification,
.infobox .content .section.discussions.expanded .sectionContent .notification .notificationInfo.topNotificationInfo {
  opacity: 1;
  max-height: 15em;
}
.infobox .content .section.discussions.expanded .sectionContent .notification.unseen + .notification {
  border-top: none;
}
.infobox .content .section.discussions:not(.expanded) .sectionExpander:hover {
  background: #d4d4d4;
}
.infobox .content .section.discussions.collapsed {
  max-height: 0;
  opacity: 0;
}
.infobox .content .section.discussions .sectionContent .notification {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.infobox .content .section.discussions .sectionContent .notification h1,
.infobox .content .section.discussions .sectionContent .notification h2,
.infobox .content .section.discussions .sectionContent .notification h3,
.infobox .content .section.discussions .sectionContent .notification h4,
.infobox .content .section.discussions .sectionContent .notification h5,
.infobox .content .section.discussions .sectionContent .notification h6 {
  color: #903370;
}
.infobox .content .section.discussions .sectionContent .notification.show {
  opacity: 1;
  max-height: 15em;
}
.infobox .content .section.discussions .sectionContent .notification.show.unseen + .notification {
  border-top: none;
}
.infobox .content .section.discussions .sectionContent .notification.unseen {
  background: #fdf4fa;
}
.infobox .content .section.discussions .sectionContent .notification:first-child {
  border: none;
}
.infobox .content .section.discussions .sectionContent .notification a h5 {
  color: #822e65;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.infobox .content .section.discussions .sectionContent .notification a h5:hover {
  background: #f2c3e2;
}
.infobox .content .section.discussions .sectionContent .notification .notificationInfo {
  float: left;
  width: 100%;
}
.infobox .content .section.discussions .sectionContent .notification .notificationInfo.topNotificationInfo {
  padding: .56em 0;
}
.infobox .content .section.discussions .sectionContent .notification .notificationInfo.previousNotifications {
  line-height: 2;
  font-weight: bold;
  font-size: .9em;
  color: #444;
}
.infobox .content .section.discussions .sectionContent .notification .notificationInfo h5 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 1em;
  display: inline-block;
}
.infobox .content .section.discussions .sectionContent .notification .notificationInfo span {
  color: #777;
  font-size: .8em;
  line-height: 2em;
}
.infobox .content .section.discussions .sectionContent .notification .notificationGroupInfo {
  float: right;
  cursor: pointer;
  position: relative;
  width: 40px;
  display: none;
}
.infobox .content .section.discussions .sectionContent .notification .notificationGroupInfo:hover {
  background: #ccc;
}
.infobox .content .section.discussions .sectionContent .notification .notificationGroupInfo .notificationGroupUnread {
  background: #c60f13;
  color: white;
  border-radius: 1em;
  width: 2em;
  height: 1.2em;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  padding-top: .2em;
  float: left;
  position: absolute;
  z-index: 1;
  top: .7em;
  left: .1em;
}
.infobox .content .section .notification {
  /*&.grades {
                    .notification(@GradesColor);
                }*/
}
.infobox .content .section .notification.assignments {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.infobox .content .section .notification.assignments h1,
.infobox .content .section .notification.assignments h2,
.infobox .content .section .notification.assignments h3,
.infobox .content .section .notification.assignments h4,
.infobox .content .section .notification.assignments h5,
.infobox .content .section .notification.assignments h6 {
  color: #185664;
}
.infobox .content .section .notification.assignments.show {
  opacity: 1;
  max-height: 15em;
}
.infobox .content .section .notification.assignments.show.unseen + .notification {
  border-top: none;
}
.infobox .content .section .notification.assignments.unseen {
  background: #f2f8f9;
}
.infobox .content .section .notification.assignments:first-child {
  border: none;
}
.infobox .content .section .notification.assignments a h5 {
  color: #164d5a;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.infobox .content .section .notification.assignments a h5:hover {
  background: #b6d5dc;
}
.infobox .content .section .notification.attendance {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.infobox .content .section .notification.attendance h1,
.infobox .content .section .notification.attendance h2,
.infobox .content .section .notification.attendance h3,
.infobox .content .section .notification.attendance h4,
.infobox .content .section .notification.attendance h5,
.infobox .content .section .notification.attendance h6 {
  color: #a75f2b;
}
.infobox .content .section .notification.attendance.show {
  opacity: 1;
  max-height: 15em;
}
.infobox .content .section .notification.attendance.show.unseen + .notification {
  border-top: none;
}
.infobox .content .section .notification.attendance.unseen {
  background: #fff8f4;
}
.infobox .content .section .notification.attendance:first-child {
  border: none;
}
.infobox .content .section .notification.attendance a h5 {
  color: #965526;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.infobox .content .section .notification.attendance a h5:hover {
  background: #fdd9bf;
}
.infobox .content .section .notification.handouts {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.infobox .content .section .notification.handouts h1,
.infobox .content .section .notification.handouts h2,
.infobox .content .section .notification.handouts h3,
.infobox .content .section .notification.handouts h4,
.infobox .content .section .notification.handouts h5,
.infobox .content .section .notification.handouts h6 {
  color: #5b005f;
}
.infobox .content .section .notification.handouts.show {
  opacity: 1;
  max-height: 15em;
}
.infobox .content .section .notification.handouts.show.unseen + .notification {
  border-top: none;
}
.infobox .content .section .notification.handouts.unseen {
  background: #f8f0f8;
}
.infobox .content .section .notification.handouts:first-child {
  border: none;
}
.infobox .content .section .notification.handouts a h5 {
  color: #520056;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.infobox .content .section .notification.handouts a h5:hover {
  background: #d8aada;
}
.infobox .content .section .notification.lessonPlans {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.infobox .content .section .notification.lessonPlans h1,
.infobox .content .section .notification.lessonPlans h2,
.infobox .content .section .notification.lessonPlans h3,
.infobox .content .section .notification.lessonPlans h4,
.infobox .content .section .notification.lessonPlans h5,
.infobox .content .section .notification.lessonPlans h6 {
  color: #88301f;
}
.infobox .content .section .notification.lessonPlans.show {
  opacity: 1;
  max-height: 15em;
}
.infobox .content .section .notification.lessonPlans.show.unseen + .notification {
  border-top: none;
}
.infobox .content .section .notification.lessonPlans.unseen {
  background: #fcf4f3;
}
.infobox .content .section .notification.lessonPlans:first-child {
  border: none;
}
.infobox .content .section .notification.lessonPlans a h5 {
  color: #7a2b1c;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.infobox .content .section .notification.lessonPlans a h5:hover {
  background: #eec2b9;
}
.infobox .content .section .notification.assignmentSheets {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.infobox .content .section .notification.assignmentSheets h1,
.infobox .content .section .notification.assignmentSheets h2,
.infobox .content .section .notification.assignmentSheets h3,
.infobox .content .section .notification.assignmentSheets h4,
.infobox .content .section .notification.assignmentSheets h5,
.infobox .content .section .notification.assignmentSheets h6 {
  color: #392953;
}
.infobox .content .section .notification.assignmentSheets.show {
  opacity: 1;
  max-height: 15em;
}
.infobox .content .section .notification.assignmentSheets.show.unseen + .notification {
  border-top: none;
}
.infobox .content .section .notification.assignmentSheets.unseen {
  background: #f5f4f7;
}
.infobox .content .section .notification.assignmentSheets:first-child {
  border: none;
}
.infobox .content .section .notification.assignmentSheets a h5 {
  color: #34254a;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.infobox .content .section .notification.assignmentSheets a h5:hover {
  background: #c7bed3;
}
.infobox .content .section .notification.discussions {
  max-height: 0;
  opacity: 0;
  border: none;
  transition: max-height ease 0.5s, opacity ease 0.5s;
  overflow: hidden;
  background: #f3f3f3;
  background: #fff;
  margin-left: 0.5em;
  padding-left: .7em;
  padding-right: .7em;
}
.infobox .content .section .notification.discussions h1,
.infobox .content .section .notification.discussions h2,
.infobox .content .section .notification.discussions h3,
.infobox .content .section .notification.discussions h4,
.infobox .content .section .notification.discussions h5,
.infobox .content .section .notification.discussions h6 {
  color: #903370;
}
.infobox .content .section .notification.discussions.show {
  opacity: 1;
  max-height: 15em;
}
.infobox .content .section .notification.discussions.show.unseen + .notification {
  border-top: none;
}
.infobox .content .section .notification.discussions.unseen {
  background: #fdf4fa;
}
.infobox .content .section .notification.discussions:first-child {
  border: none;
}
.infobox .content .section .notification.discussions a h5 {
  color: #822e65;
  font-weight: 600;
  padding: .7em .3em .7em .3em;
}
.infobox .content .section .notification.discussions a h5:hover {
  background: #f2c3e2;
}
.infobox .notification ul {
  margin-bottom: 0em;
}
.announcementsWidget .announcements {
  -moz-transition: margin 0.25s ease;
  -o-transition: margin 0.25s ease;
  -webkit-transition: margin 0.25s ease;
  transition: margin 0.25s ease;
}
.announcementsWidget .announcement-title {
  padding-top: .7em;
  color: #248196;
  font-size: 1.1em;
  display: flex;
  align-items: center;
}
.announcementsWidget .announcement-title.alert {
  color: #c60f13;
}
.announcementsWidget .announcement-title .icon {
  font-size: .8em;
  margin-right: .5em;
}
.announcementsWidget .announcement-title .text {
  font-weight: bold;
}
.announcementsWidget .announcementContent {
  margin: .2em 0 0 2.6em;
  padding-bottom: 1em;
}
.announcementsWidget .announcementContent p {
  margin-bottom: 0;
  line-height: 1.2;
}
.announcementsWidget .announcementContent .startDateText {
  color: #2970c1;
}
.announcementsWidget .announcementContent .visibleText {
  color: #5da423;
}
.announcementsWidget .announcementContent .endDateText {
  color: #c60f13;
}
.announcementsWidget .section.expanded .calendarDetails,
.announcementsWidget .section.expanded .calendarDescription {
  width: 100% !important;
}
.announcementsWidget .section.expanded .calendarDetails {
  padding-top: .5em;
  padding-left: 1.5em;
}
.announcementsWidget .section.expanded .calendarDescription {
  padding-top: 1em;
}
.announcementsWidget .section.expanded .announcementDescription .long {
  display: block !important;
}
.announcementsWidget .section.expanded .announcementDescription .short {
  display: none !important;
}
.recentLessonPlans .infobox {
  min-height: 25em;
  max-height: 25em;
}
.recentLessonPlans .notification {
  padding-left: 0em !important;
}
.recentLessonPlans .notification .notificationInner {
  padding: .4em 0em;
}
.recentLessonPlans .notification .notificationInner .recentLessonPlanFileDownload {
  float: left;
  width: 2.4em;
  min-height: .1em;
}
.recentLessonPlans .notification .notificationInner .recentLessonPlanFileDownload .download {
  float: left;
  padding: .4em;
  margin-top: .7em;
}
.recentLessonPlans .notification .notificationInner .recentLessonPlanFileDownload .download:hover {
  background: #ddd;
  line-height: 1;
}
.recentLessonPlans .notification .notificationInner .lessonPlanInfo {
  margin-left: 1em;
  float: left;
}
.recentLessonPlans .notification .notificationInner .lessonPlanInfo .lessonPlanName {
  padding-top: .2em;
  margin-bottom: 0em;
}
.recentLessonPlans .notification .notificationInner .lessonPlanInfo .lessonPlanPostedInfo {
  font-size: .9em;
}
/* This stylesheet will hopefully help automatically style all our pages for printing. So far, they have been tested and work for:
   - Individual Student Grades
    
   If you modify the styles in this sheet, please test the print styles for all the pages listed above and make sure the styles are still correct.  
*/
@page {
  size: auto;
  padding: 10mm 10mm 10mm 10mm;
}
.pageTitleBar {
  background: #248196 !important;
}
.pageTitleBar h1,
.pageTitleBar h2,
.pageTitleBar h3,
.pageTitleBar h4,
.pageTitleBar h5,
.pageTitleBar h6 {
  color: white !important;
  padding: .5em;
  text-align: center;
}
@media screen {
  .show-for-print {
    display: none !important;
  }
  .printableDivWrapper {
    display: none !important;
  }
  .printPageContainer {
    margin: 10mm auto;
    min-height: 279mm;
    width: 216mm;
    padding: 7mm 10mm 7mm 10mm;
    box-shadow: 0px 0px 15px 0px #000000;
    display: block !important;
  }
  .printPageButtons {
    margin: 10mm auto;
    margin-bottom: 0em;
    display: block !important;
    text-align: center;
  }
  .printPageButtons .button {
    margin-bottom: 0em !important;
  }
}
@media only print {
  body.only-show-printable .bodyInnerWrapper {
    display: none;
  }
  body.only-show-printable .printableDivWrapper {
    display: block;
  }
  .hide-for-print:not(.show-for-print),
  #StandardSitebar:not(.show-for-print),
  #StandardSidebar:not(.show-for-print),
  #RightSidebar:not(.show-for-print),
  #AdminNavigation:not(.show-for-print),
  #AdminSidebar:not(.show-for-print),
  #AlertBanner:not(.show-for-print),
  .section-navigation:not(.show-for-print),
  section p.title:not(.show-for-print),
  .m-btn:not(.show-for-print),
  .action-icon:not(.show-for-print),
  .ko-toggleButton:not(.show-for-print),
  .tooltipster-base:not(.show-for-print),
  .select2-container:not(.show-for-print),
  .button:not(.show-for-print) {
    display: none !important;
  }
  body {
    overflow-x: visible;
    overflow-y: visible;
    margin: 0px;
  }
  input {
    border: none !important;
    box-shadow: none !important;
  }
  textarea {
    border: none !important;
    box-shadow: none !important;
  }
  .section-container,
  section .content {
    padding: 0 !important;
    border: none !important;
  }
  thead {
    display: table-header-group;
  }
  tfoot {
    display: table-row-group;
  }
  tr {
    page-break-inside: avoid;
  }
  .printPageContainer {
    padding: 7mm 10mm 7mm 10mm;
    page-break-after: always;
    display: block !important;
  }
  #PageMenuBar {
    background: #248196 !important;
    position: relative !important;
    top: 0px !important;
    left: -15px !important;
    width: 216mm !important;
    padding-left: 15px;
  }
  #PageMenuBar h1,
  #PageMenuBar h2,
  #PageMenuBar h3,
  #PageMenuBar h4,
  #PageMenuBar h5,
  #PageMenuBar h6 {
    color: white !important;
  }
  .alternateBackgrounds:nth-child(2n+1),
  .alternateBackgrounds:nth-child(2n+1) input,
  .alternateBackgrounds:nth-child(2n+1) textarea {
    background: #f3f3f3 !important;
  }
  .print-keep-columns.column,
  .print-keep-columns.columns {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    float: left;
  }
  .print-keep-columns.small-1 {
    position: relative;
    width: 8.33333%;
  }
  .print-keep-columns.small-2 {
    position: relative;
    width: 16.66667%;
  }
  .print-keep-columns.small-3 {
    position: relative;
    width: 25%;
  }
  .print-keep-columns.small-4 {
    position: relative;
    width: 33.33333%;
  }
  .print-keep-columns.small-5 {
    position: relative;
    width: 41.66667%;
  }
  .print-keep-columns.small-6 {
    position: relative;
    width: 50%;
  }
  .print-keep-columns.small-7 {
    position: relative;
    width: 58.33333%;
  }
  .print-keep-columns.small-8 {
    position: relative;
    width: 66.66667%;
  }
  .print-keep-columns.small-9 {
    position: relative;
    width: 75%;
  }
  .print-keep-columns.small-10 {
    position: relative;
    width: 83.33333%;
  }
  .print-keep-columns.small-11 {
    position: relative;
    width: 91.66667%;
  }
  .print-keep-columns.small-12 {
    position: relative;
    width: 100%;
  }
  .print-keep-columns.small-offset-0 {
    position: relative;
    margin-left: 0%;
  }
  .print-keep-columns.small-offset-1 {
    position: relative;
    margin-left: 8.33333%;
  }
  .print-keep-columns.small-offset-2 {
    position: relative;
    margin-left: 16.66667%;
  }
  .print-keep-columns.small-offset-3 {
    position: relative;
    margin-left: 25%;
  }
  .print-keep-columns.small-offset-4 {
    position: relative;
    margin-left: 33.33333%;
  }
  .print-keep-columns.small-offset-5 {
    position: relative;
    margin-left: 41.66667%;
  }
  .print-keep-columns.small-offset-6 {
    position: relative;
    margin-left: 50%;
  }
  .print-keep-columns.small-offset-7 {
    position: relative;
    margin-left: 58.33333%;
  }
  .print-keep-columns.small-offset-8 {
    position: relative;
    margin-left: 66.66667%;
  }
  .print-keep-columns.small-offset-9 {
    position: relative;
    margin-left: 75%;
  }
  .print-keep-columns.small-offset-10 {
    position: relative;
    margin-left: 83.33333%;
  }
  .print-keep-columns[class*="column"] + [class*="column"]:last-child {
    float: right;
  }
  .print-keep-columns[class*="column"] + [class*="column"].end {
    float: left;
  }
  .print-keep-columns.column.small-centered,
  .print-keep-columns.columns.small-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important;
  }
}
.fireworks {
  position: relative;
}
.fireworks > .fireworksBefore,
.fireworks > .fireworksAfter {
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  box-shadow: -120px -218.66667px blue, 248px -16.66667px #00ff84, 190px 16.33333px #002bff, -113px -308.66667px #ff009d, -109px -287.66667px #ffb300, -50px -313.66667px #ff006e, 226px -31.66667px #ff4000, 180px -351.66667px #ff00d0, -12px -338.66667px #00f6ff, 220px -388.66667px #99ff00, -69px -27.66667px #ff0400, -111px -339.66667px #6200ff, 155px -237.66667px #00ddff, -152px -380.66667px #00ffd0, -50px -37.66667px #00ffdd, -95px -175.66667px #a6ff00, -88px 10.33333px #0d00ff, 112px -309.66667px #005eff, 69px -415.66667px #ff00a6, 168px -100.66667px #ff004c, -244px 24.33333px #ff6600, 97px -325.66667px #ff0066, -211px -182.66667px #00ffa2, 236px -126.66667px #b700ff, 140px -196.66667px #9000ff, 125px -175.66667px #00bbff, 118px -381.66667px #ff002f, 144px -111.66667px #ffae00, 36px -78.66667px #f600ff, -63px -196.66667px #c800ff, -218px -227.66667px #d4ff00, -134px -377.66667px #ea00ff, -36px -412.66667px #ff00d4, 209px -106.66667px #00fff2, 91px -278.66667px #000dff, -22px -191.66667px #9dff00, 139px -392.66667px #a6ff00, 56px -2.66667px #0099ff, -156px -276.66667px #ea00ff, -163px -233.66667px #00fffb, -238px -346.66667px #00ff73, 62px -363.66667px #0088ff, 244px -170.66667px #0062ff, 224px -142.66667px #b300ff, 141px -208.66667px #9000ff, 211px -285.66667px #ff6600, 181px -128.66667px #1e00ff, 90px -123.66667px #c800ff, 189px 70.33333px #00ffc8, -18px -383.66667px #00ff33, 100px -6.66667px #ff008c;
  animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
}
.fireworks > .fireworksAfter {
  animation-delay: .2s, .2s, .2s;
  animation-duration: .8s, .8s, 5.8s;
}
@-webkit-keyframes bang {
  from {
    box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white;
  }
}
@-moz-keyframes bang {
  from {
    box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white;
  }
}
@-o-keyframes bang {
  from {
    box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white;
  }
}
@-ms-keyframes bang {
  from {
    box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white;
  }
}
@keyframes bang {
  from {
    box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white;
  }
}
@-webkit-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0;
  }
}
@-moz-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0;
  }
}
@-o-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0;
  }
}
@-ms-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0;
  }
}
@keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0;
  }
}
@-webkit-keyframes position {
  0%,
  19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%,
  39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%,
  59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%,
  79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%,
  99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}
@-moz-keyframes position {
  0%,
  19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%,
  39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%,
  59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%,
  79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%,
  99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}
@-o-keyframes position {
  0%,
  19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%,
  39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%,
  59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%,
  79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%,
  99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}
@-ms-keyframes position {
  0%,
  19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%,
  39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%,
  59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%,
  79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%,
  99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}
@keyframes position {
  0%,
  19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%,
  39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%,
  59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%,
  79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%,
  99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}
.unselectable {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
/* LOADER */
.koWithLoader {
  opacity: .5;
}
.koWithLoader .loaderGif {
  position: absolute;
}
/* FLIPSWITCH */
.flipswitch {
  line-height: 1;
  margin-bottom: 1em;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.flipswitch .flipswitchValue.active {
  background: #248196;
  color: #fff;
}
.flipswitch .flipswitchValue:not(.active) {
  background: white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4) inset !important;
  cursor: pointer;
  color: #bbb;
}
.flipswitch .flipswitchValue {
  float: left;
  padding: .7em;
}
/* EDITABLE TABS */
.section-container.auto > section.editableTab.active > p.title .editableTabTitleContent,
.section-container.auto > .section.editableTab.active > p.title .editableTabTitleContent {
  display: inline-block;
  background: #248196;
}
.section-container.auto > section.editableTab.active > p.title .editableTabTitleContent a,
.section-container.auto > .section.editableTab.active > p.title .editableTabTitleContent a {
  color: white;
  font-weight: bold;
}
.section-container.auto > section.editableTab:not(.active) p.title .button,
.section-container.auto > .section.editableTab:not(.active) p.title .button {
  display: none !important;
}
.section-container.auto > section.editableTab p.title .editableTabTitleContent,
.section-container.auto > .section.editableTab p.title .editableTabTitleContent {
  width: 100%;
}
.section-container.auto > section.editableTab p.title .editableTabTitleContent a,
.section-container.auto > .section.editableTab p.title .editableTabTitleContent a {
  vertical-align: top;
}
.section-container.auto > section.editableTab p.title .editableTabTitleContent.is-editable a,
.section-container.auto > .section.editableTab p.title .editableTabTitleContent.is-editable a {
  width: auto;
}
.section-container.auto > section.editableTab p.title .editableTabTitleContent .button,
.section-container.auto > .section.editableTab p.title .editableTabTitleContent .button {
  margin-bottom: 0;
  padding: .445em;
  display: inline-block;
  border-radius: 0;
}
.section-container.auto > section.editableTab p.title .editableTabTitleContent .button.save,
.section-container.auto > .section.editableTab p.title .editableTabTitleContent .button.save {
  border-right: 1px solid white;
  float: left;
}
.section-container.auto > section.editableTab p.title .editableTabTitleContent .button.save.placeholder,
.section-container.auto > .section.editableTab p.title .editableTabTitleContent .button.save.placeholder {
  visibility: hidden;
}
.section-container.auto > section.editableTab p.title .editableTabTitleContent .button.edit,
.section-container.auto > .section.editableTab p.title .editableTabTitleContent .button.edit,
.section-container.auto > section.editableTab p.title .editableTabTitleContent .button.cancel,
.section-container.auto > .section.editableTab p.title .editableTabTitleContent .button.cancel {
  border-left: 1px solid white;
  float: right;
}
/* CONFIRMATIONS */
#ConfirmActionModal .difficultDeleteInstructions {
  width: 25em;
  margin: 0 auto;
  margin-bottom: .1em;
  text-align: left;
}
#ConfirmActionModal #DifficultDeleteConfirm {
  width: 25em;
  margin: 0 auto;
  margin-bottom: 2em;
}
#ConfirmActionModal .confirmArea {
  text-align: center;
  margin-top: 2em;
}
#ConfirmActionModal .confirmArea .button {
  margin-bottom: 0 !important;
  min-width: 9em;
}
#ConfirmActionModal .confirmArea .yesButton {
  margin-right: .5em;
}
#ConfirmActionModal .confirmArea .noButton {
  margin-left: .5em;
}
/* TEXT OR DEFAULT */
.ko-text-default-value {
  font-style: italic;
}
/* ACCORDION */
.ko-accordion .toggle-active-icon {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid black;
  border-right: none;
  margin: 0.3em 0 0 0;
  position: absolute;
}
.ko-accordion .toggle-active-icon.active {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid black;
  border-bottom: none;
}
.ko-accordion .accordion-item:nth-child(2n+1) {
  background: #f3f3f3;
}
.ko-accordion .accordion-item .accordion-item-header {
  font-size: 1.4em;
  font-family: 'Ubuntu', sans-serif;
  font-weight: 300;
  padding: .7em;
  cursor: pointer;
}
.ko-accordion .accordion-item .accordion-item-header:hover {
  background: #b6d5dc;
}
.ko-accordion .accordion-item .accordion-item-expand {
  background: white;
  border-bottom: 1px solid #eee;
  padding: 1em 0;
}
.ko-accordion .caret-down {
  display: block;
}
.ko-accordion .caret-up {
  display: none;
}
.ko-accordion .ko-accordion-active .caret-down {
  display: none;
}
.ko-accordion .ko-accordion-active .caret-up {
  display: block;
}
/* GRADEBOOK SELECTOR */
#GradebookSelector {
  /**** dropdown stylings *****/
  /*****Select 2 stylings *******/
}
#GradebookSelector .dropdownItem {
  width: 100%;
}
#GradebookSelector .button.drop .textcontent {
  bottom: .3em;
  font-family: 'Ubuntu', sans-serif;
  font-weight: 300;
  font-size: 1.5em;
  padding: .2em .2em .2em .5em;
}
#GradebookSelector > div {
  width: 200px;
  height: 2.78em;
}
#GradebookSelector:hover,
#GradebookSelector:hover .select2-choice {
  background-color: #164d5a;
}
#GradebookSelector .select2-container {
  border: none;
}
#GradebookSelector .select2-choice {
  color: white;
  font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  font-size: 1.4em;
}
#GradebookSelector .select2-choice,
#GradebookSelector {
  background-color: #248196;
  -moz-transition: background-color 300ms ease-out;
  -o-transition: background-color 300ms ease-out;
  -webkit-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out;
}
#GradebookSelector .select2-arrow {
  display: none;
}
/* LAZY VISIBLE */
.lazyVisible-hiding {
  opacity: .5;
  pointer-events: none;
  cursor: default !important;
}
.lazyVisible-loader {
  display: none;
  opacity: 0;
}
.lazyVisible-loader.fadeIn {
  display: block;
  opacity: 1;
  -moz-animation: loaderFadeIn 2s linear forwards;
  -o-animation: loaderFadeIn 2s linear forwards;
  -webkit-animation: loaderFadeIn 2s linear forwards;
  animation: loaderFadeIn 2s linear forwards;
}
.lazyVisible-loader.fadeIn.quick {
  animation-duration: .4s;
}
/* STATEHANDLER */
.stateHandler-binding-applied.is-changing-state {
  opacity: .5;
  pointer-events: none;
  cursor: default !important;
  opacity: 1;
}
/* SORTABLE TABLE */
.sortableTable-binding-applied .headerRow > div {
  border-right: 1px solid #ccc;
}
.sortableTable-binding-applied .headerRow {
  font-family: 'Open Sans', sans-serif;
  background: #ddd;
}
.sortableTable-binding-applied .headerRow a {
  color: #999;
  margin-bottom: 0;
}
.sortableTable-binding-applied .headerRow.no-collapse .column,
.sortableTable-binding-applied .headerRow.no-collapse .columns {
  padding: 0;
}
.sortableTable-binding-applied .headerRow .sortable-column {
  padding: .7em .9375em;
  position: relative;
  display: block;
  display: flex;
  align-items: center;
  width: 100%;
}
.sortableTable-binding-applied .headerRow .sortable-column .sortAscendingIcon,
.sortableTable-binding-applied .headerRow .sortable-column .sortDescendingIcon {
  font-size: 0.5em;
}
.sortableTable-binding-applied .headerRow .sortable-column.sorted {
  font-weight: bold;
}
.sortableTable-binding-applied .headerRow .column-inner {
  display: flex;
}
.sortableTable-binding-applied .headerRow .column-center .sortable-column .column-inner {
  margin: auto;
}
.sortableTable-binding-applied .headerRow .column-right .sortable-column .column-inner {
  margin-left: auto;
}
.sortableTable-binding-applied .tableEntries .entry-row {
  display: block;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #eee;
  color: inherit;
}
.sortableTable-binding-applied .tableEntries .entry-row .column {
  padding-left: .9375em;
  padding-right: .9375em;
}
.sortableTable-binding-applied .tableEntries .entry-row .columns {
  padding-left: .9375em;
  padding-right: .9375em;
}
.sortableTable-binding-applied .tableEntries .entry-row > .columns:not(.entry-row-expand) {
  display: flex;
  align-items: center;
}
.sortableTable-binding-applied .tableEntries .entry-row .columns > div {
  font-family: 'Open Sans', sans-serif;
}
.sortableTable-binding-applied .tableEntries .entry-rowa {
  background: #b6d5dc;
}
.sortableTable-binding-applied .tableEntries .entry-row .column-inner {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.sortableTable-binding-applied .tableEntries .entry-row:last-child {
  border-bottom: 0;
}
.sortableTable-binding-applied .tableEntries .entry-row .columns {
  border-right: 1px solid #eee;
}
.sortableTable-binding-applied .tableEntries .entry-row .columns:last-child {
  border-right: none;
}
.sortableTable-binding-applied .tableEntries .entry-row:hover .columns {
  border-color: transparent;
}
.sortableTable-binding-applied .tableEntries .entry-row .column-right {
  margin-left: auto;
}
.characterLimitedInput {
  position: relative;
}
.characterLimitedInput.has-overflow .form-input {
  border: 1px solid #c60f13;
}
.characterLimitedInput.has-overflow .remainingCharacters {
  opacity: 1;
}
.characterLimitedInput .remainingCharacters {
  position: absolute;
  font-size: .8em;
  right: .1em;
  bottom: -1.1em;
  color: #999;
  opacity: 0;
  transition: opacity linear .3s;
}
.characterLimitedInput .remainingCharacters.warning {
  color: #ffa50a;
}
.characterLimitedInput .remainingCharacters.alert {
  color: #c60f13;
}
.characterLimitedInput .form-input:focus ~ .remainingCharacters {
  opacity: 1;
}
.formatted-date .defaultValue {
  font-style: italic;
}
.addressInput input {
  margin-bottom: .5em !important;
}
.addressInput .zip input {
  margin-bottom: 1em !important;
}
.addressInput .city,
.addressInput .state {
  padding-right: .3em !important;
}
.academicLevelSlider label {
  position: absolute;
  bottom: -24px;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-size: .8em;
}
.weeklyClassSchedule .fc-toolbar,
.weeklyClassSchedule .fc-day-grid,
.weeklyClassSchedule .fc-divider {
  display: none;
}
.weeklyClassSchedule .fc-scroller {
  overflow: hidden;
  height: unset !important;
}
.weeklyClassSchedule .fc-event-container .fc-content {
  line-height: 1.6;
  font-size: 1.2em;
}
.weeklyClassSchedule .fc-title {
  font-weight: bold;
}
.weeklyClassSchedule td.fc-today {
  background: white;
}
.weeklyClassSchedule .fc-event:before {
  font-family: "icomoon";
  font-size: 1.2em;
  position: absolute;
  background: #333;
  right: 0;
  z-index: 1000;
  opacity: 1;
}
.weeklyClassSchedule .fc-event.locked-selection:before {
  content: "\e908";
  padding-left: .3em;
}
.weeklyClassSchedule .fc-event.has-conflict:before {
  color: #ffa50a;
}
.weeklyClassSchedule .fc-event.has-conflict:not(.locked-selection):before {
  content: "\ea07";
  padding: 0 .2em 0 .2em;
}
.numberSelect {
  width: 4em;
}
.singleEntitySelect[data-displaytype="Select"] .button.drop {
  display: none;
}
.singleEntitySelect[data-displaytype="DropButton"] .select2-container {
  border: none;
  font-family: 'Open Sans', sans-serif;
  height: 2.75em;
  transition: background-color linear 0.2s;
}
.singleEntitySelect[data-displaytype="DropButton"] .select2-container .select2-default {
  color: white !important;
}
.singleEntitySelect[data-displaytype="DropButton"] .select2-container.select2-container-active {
  border: none;
}
.singleEntitySelect[data-displaytype="DropButton"] .select2-container:hover,
.singleEntitySelect[data-displaytype="DropButton"] .select2-container.select2-dropdown-open {
  background: #164d5a;
}
.singleEntitySelect[data-displaytype="DropButton"] .select2-container .select2-choice {
  background: none;
  color: white;
  display: flex;
  align-items: center;
  height: 2.9em;
  padding-left: .2em;
  padding-right: .5em;
  outline-style: none;
  outline-width: 0px;
  box-shadow: none;
}
.singleEntitySelect[data-displaytype="DropButton"] .select2-container .select2-choice:before {
  font-family: 'icomoon';
  content: '\e600';
  font-size: 2.1em;
}
.singleEntitySelect[data-displaytype="DropButton"] .select2-container .select2-arrow {
  display: none;
}
.moneyInput {
  width: 7em;
}
.moneyInput input {
  background: none;
  box-shadow: none;
  border: none;
  position: absolute;
  margin-left: 1.2em;
  font-size: 1em;
  margin-top: 2px;
  margin-bottom: 0;
  width: 5.7em;
}
.moneyInput input:focus {
  box-shadow: none;
  background: none;
  border: none;
}
.moneyInput input:focus + label .moneySymbol {
  color: #248196;
}
.moneyInput input::placeholder {
  color: #ccc;
}
.moneyInput label {
  text-align: left;
}
.moneyInput label .moneySymbol {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.4em;
  color: #aaa;
  margin: 0.3em;
  display: inline-block;
  transition: color linear .3s;
}
.m-money .moneyInput label {
  border-width: 1px !important;
  border-radius: 4px;
}
.m-money .moneyInput .moneySymbol {
  margin: .35em;
}
.add-stripe-card {
  margin-bottom: 1em;
}
.add-stripe-card .card {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: .7em;
  font-size: 1em;
}
.add-gravity-card .loading-indicator {
  font-style: italic;
  margin: 1em;
}
.add-gravity-card .non-gravity-field.non-gravity-field-width {
  max-width: 300px;
}
.add-gravity-card .non-gravity-field input:focus {
  outline: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.add-gravity-card .gravity-field {
  margin-bottom: 1em;
}
.add-gravity-card .customErrors {
  font-size: .9em;
}
.colorPicker .form-input.colorInput {
  margin-bottom: 0;
}
.m-input .searchBox {
  height: 2.5em;
  border-radius: 4px;
  background: #f3f3f3;
  box-shadow: none;
  border: none;
  padding-right: 0;
  width: 100%;
}
.m-input .searchBox:focus {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  background: white;
}
.m-input .searchBox input[type="text"] {
  border-radius: 4px;
  background: #f3f3f3;
  box-shadow: none;
  height: 100%;
  padding-left: .5em;
  font-size: 1em;
  padding-right: 0;
}
.m-input .searchBox input[type="text"]:focus {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  background: white;
}
.m-input .searchBox input[type="button"] {
  color: #999;
  font-size: 1em;
  top: 0.6em;
  right: 0.4em;
}
.m-input.outlined .searchBox {
  background: none;
  border: 1px solid #ccc;
}
.m-input.outlined .searchBox input[type="text"] {
  background: none;
}
.pagination:not(ul) {
  display: flex;
  align-items: center;
  opacity: .7;
}
.pagination:not(ul):not(.margin-top-none>.pagination) {
  margin-top: 1.5em;
}
.pagination:not(ul):not(.margin-bottom-none>.pagination) {
  margin-bottom: .5em;
}
.pagination:not(ul) > div:first-child {
  margin-left: auto;
}
.pagination:not(ul) > div:not(.change-page) {
  font-size: .85em;
}
.pagination:not(ul) .per-page-selector {
  margin-left: .5em;
  margin-right: 2em;
}
.pagination:not(ul) .per-page-selector .singleSelect {
  margin-bottom: 0;
}
.pagination:not(ul) .per-page-selector select {
  border: none;
  border-bottom: 1px solid #999;
  padding: 0;
  height: 1.6em;
}
.pagination:not(ul) .pagination-items {
  margin-right: 1.1em;
}
.pagination:not(ul) .m-icon-btn {
  margin: 0 .1em;
}
.pagination:not(ul) .previous-page:before {
  content: '\e314';
}
.pagination:not(ul) .next-page:before {
  content: '\e315';
}
.datePicker[display-type="MaterialIcon"] {
  width: 3em;
}
.datePicker[display-type="MaterialIcon"] input {
  display: none;
}
.datePicker[display-type="MaterialIcon"] .k-picker-wrap.k-state-hover {
  background: none;
}
.datePicker[display-type="MaterialIcon"] .k-picker-wrap.k-state-active {
  box-shadow: none;
}
.datePicker[display-type="MaterialIcon"] span.k-select {
  border: none;
  display: inline-flex;
  cursor: pointer;
  width: 2.4em;
  height: 2.4em;
  border-radius: 50px;
  margin-left: .3em;
  margin-right: .3em;
  align-items: center;
  transition: all .1s linear;
  line-height: 1;
}
.datePicker[display-type="MaterialIcon"] span.k-select,
.datePicker[display-type="MaterialIcon"] span.k-select:active,
.datePicker[display-type="MaterialIcon"] span.k-select:focus {
  color: #777;
}
.datePicker[display-type="MaterialIcon"] span.k-select:hover {
  background: #eee;
  color: #333;
}
.datePicker[display-type="MaterialIcon"] span.k-select .icon {
  margin: auto;
  font-size: .8em;
}
.datePicker[display-type="MaterialIcon"] .k-icon {
  margin: auto;
}
.phoneNumberInput .iti {
  width: 100%;
}
.phoneNumberDisplay .iti__arrow {
  display: none;
}
.phoneNumberDisplay .iti__selected-flag {
  padding: 0;
}
.phoneNumberDisplay .phone[type="tel"][disabled] {
  border: none;
  box-shadow: none;
  background-color: transparent;
  font-size: 1em;
  height: 1em;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 2.2em;
}
@media print {
  .phoneNumberDisplay .iti__selected-flag {
    display: none;
  }
  .phoneNumberDisplay .phone[type="tel"][disabled] {
    padding: 0;
  }
}
.f-dropdown .dropdown-menu-option {
  font-family: 'Roboto', sans-serif;
  display: flex;
  align-items: center;
  color: #666;
}
.f-dropdown .dropdown-menu-option .icon {
  width: 3.3em;
  font-size: .8em;
  line-height: 1;
}
.daysOfMonthSelect {
  margin-bottom: 1em;
}
.daysOfMonthSelect .daySelect {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  border: 1px solid #ddd;
  width: 12%;
  min-width: 3em;
  display: inline-block;
  margin: .5%;
  text-align: center;
  padding: 0.7em;
  cursor: pointer;
  color: #ddd;
  border-radius: 4px;
}
.daysOfMonthSelect .daySelect.selected {
  background: #248196;
  border: 1px solid #248196;
  color: white;
}
.daysOfMonthSelect .daySelect.uninteractable {
  background: #ddd;
  opacity: 0.4;
}
.daysOfMonthSelect .selectAllControls {
  margin-top: 1.5em;
  margin-bottom: 1em;
}
.daysOfMonthSelect .selectAllControls .selectAll {
  margin-right: 1em;
  text-decoration: underline;
}
.daysOfMonthSelect .selectAllControls .unselectAll {
  text-decoration: underline;
}
.yesNoSelect {
  margin-bottom: 1em;
}
.singleSelect-binding-applied.compact-options [data-display-type='RadioButtons'] .optionWrapper {
  display: flex;
  align-items: center;
}
.singleSelect-binding-applied.compact-options [data-display-type='RadioButtons'] .optionDescription {
  margin-left: .8em;
  margin-bottom: .3em;
}
.ko-toggleButton {
  display: inline-block;
}
.toggle-button {
  display: inline-flex;
  cursor: pointer;
  width: 2.4em;
  height: 2.4em;
  border-radius: 4px;
  margin-left: .3em;
  margin-right: .3em;
  align-items: center;
  transition: all .1s linear;
  line-height: 1;
}
.toggle-button,
.toggle-button:active,
.toggle-button:focus {
  color: #777;
}
.toggle-button .icon {
  margin: auto;
  font-size: .8em;
  text-align: center;
}
.toggle-button:hover {
  background: #eee;
}
.toggle-button.selected {
  background: #e2eef1;
}
.toggle-button.selected,
.toggle-button.selected:active,
.toggle-button.selected:focus {
  color: #248196;
}
.fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: white;
  z-index: 998;
  overflow: auto;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  padding: 20px;
}
#PageLoader {
  position: fixed;
  top: 3px;
  z-index: 10000;
  width: 50%;
  left: 25%;
}
#PageLoader .warning-message {
  width: 15em;
  align-items: center;
  margin: 0 auto;
}
#FileLoader {
  position: fixed;
  top: 3px;
  z-index: 10000;
  width: 50%;
  left: 25%;
}
#FileLoader .warning-message {
  width: 17em;
  align-items: center;
  margin: 0 auto;
}
.content-loader {
  display: none;
  opacity: 0;
}
.content-loader.fadeIn {
  display: block;
  opacity: 1;
  -moz-animation: loaderFadeIn 2s linear forwards;
  -o-animation: loaderFadeIn 2s linear forwards;
  -webkit-animation: loaderFadeIn 2s linear forwards;
  animation: loaderFadeIn 2s linear forwards;
}
.content-loader.fadeIn.quick {
  animation-duration: .4s;
}
@-moz-keyframes loaderFadeIn {
  0%,
  80% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes loaderFadeIn {
  0%,
  80% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes loaderFadeIn {
  0%,
  80% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.ui-corner-all {
  border-radius: 0;
}
.ui-state-active,
.ui-widget-content .ui-state-active {
  border: 1px solid #248196;
  background: #248196;
}
.ui-slider-range {
  background: #248196;
}
.ui-slider .ui-slider-handle {
  cursor: pointer;
}
#ComposeModal {
  /* File Uploader */
}
#ComposeModal .showAdvancedOptionsWrapper {
  margin-bottom: 1em;
  margin-top: 2em;
}
#ComposeModal .advancedOptions {
  margin-bottom: 1em;
}
#ComposeModal .htmlRichTextEditor {
  min-height: 14em;
  max-height: 30em;
}
#ComposeModal .bottomButtons .actionArea {
  display: flex;
  align-items: center;
  height: 3em;
}
#ComposeModal .bottomButtons .actionArea .button {
  margin-bottom: 0;
}
#ComposeModal .bottomButtons .saveDraft {
  height: 1em;
  margin-right: 1em;
  text-align: right;
}
#ComposeModal .bottomButtons .saveDraft .draftStatus {
  color: #666;
  font-size: .9em;
  padding-top: 0.12em;
}
#ComposeModal .multipleFileUpload.fileUploadWrapper {
  margin: 0;
}
#ParentMessageExplanation {
  font-style: italic;
  font-size: .9em;
  margin-left: 5%;
}
#MessageSubject {
  -webkit-appearance: none;
  border-radius: 0;
  border-width: 1px;
}
@media only screen and (max-width: 979px) {
  #ComposeModal .mswitch {
    display: none;
  }
}
/* Recipient Selector */
.recipientSelectContainer span {
  display: inline-block;
  width: 5%;
  color: #777;
}
.recipientSelectContainer div.select2-container {
  width: 95%;
}
.recipientSelectContainer .select2-container-multi {
  margin-bottom: 0;
}
.recipientSelectContainer ul.select2-choices {
  background-image: none;
  border: 1px solid #ddd;
}
.recipientSelectContainer .addLinks {
  margin-bottom: .2em;
  width: 100%;
  text-align: right;
}
.recipientSelectContainer .addLinks .addCcLink,
.recipientSelectContainer .addLinks .addBccLink {
  text-decoration: underline;
  margin-right: .5em;
}
@media only screen and (max-width: 939px) {
  .recipientSelectContainer span {
    width: 15%;
  }
  .recipientSelectContainer div.select2-container {
    width: 85%;
  }
}
#EmbeddedVideo .videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}
#EmbeddedVideo .videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#EmbeddedVideo .documentationLink {
  display: block;
  margin-top: 1.5em;
}
/* PLASMA: These metro styles are pulled directly from kendo's metro theme, except the primary green color is replaced with our @Color variable, which changes based on which page we're on */
/* Kendo skin */
.k-theme-test-class,
.ktb-theme-id-metro {
  opacity: 0;
}
.ktb-var-accent {
  color: #248196;
}
.ktb-var-base {
  color: #ffffff;
}
.ktb-var-background {
  color: #ffffff;
}
.ktb-var-border-radius {
  border-radius: 0;
}
.ktb-var-normal-background {
  color: #ffffff;
}
.ktb-var-normal-gradient {
  background-image: none;
}
.ktb-var-normal-text-color {
  color: #787878;
}
.ktb-var-hover-background {
  color: #248196;
}
.ktb-var-hover-gradient {
  background-image: url('/Content/kendo/web/textures/highlight.png');
  background-image: none, linear-gradient(to bottom, #248196 0%, #248196 100%);
}
.ktb-var-hover-text-color {
  color: #ffffff;
}
.ktb-var-selected-background {
  color: #248196;
}
.ktb-var-selected-gradient {
  background-image: none;
}
.ktb-var-selected-text-color {
  color: #ffffff;
}
.ktb-var-error {
  color: #c60f13;
}
.ktb-var-warning {
  color: #ffa50a;
}
.ktb-var-success {
  color: #ddffd0;
}
.ktb-var-info {
  color: #d0f8ff;
}
.ktb-var-series-a {
  color: #248196;
}
.ktb-var-series-b {
  color: #309b46;
}
.ktb-var-series-c {
  color: #25a0da;
}
.ktb-var-series-d {
  color: #ff6900;
}
.ktb-var-series-e {
  color: #e61e26;
}
.ktb-var-series-f {
  color: #d8e404;
}
.k-grid-norecords-template {
  background-color: #ffffff;
  border: 1px solid #dbdbdb;
}
.k-button {
  border-radius: 0;
  border-color: #dbdbdb;
  color: #787878;
  background-color: #ffffff;
  background-position: 50% 50%;
  background-image: url('/Content/kendo/web/textures/highlight.png');
  background-image: none, linear-gradient(to bottom, false);
}
.k-button:hover,
.k-button.k-state-hover {
  color: #ffffff;
  border-color: #248196;
  background-color: #248196;
  background-image: url('/Content/kendo/web/textures/highlight.png');
  background-image: none, linear-gradient(to bottom, false);
}
.k-button:focus,
.k-button.k-state-focused {
  border-color: #164f5c;
  box-shadow: none;
}
.k-button:active,
.k-button.k-state-active {
  color: #ffffff;
  background-color: #248196;
  border-color: #248196;
  background-image: url('/Content/kendo/web/textures/highlight.png');
  background-image: none, linear-gradient(to bottom, false);
}
.k-button.k-state-active:hover {
  color: #ffffff;
  border-color: #248196;
  background-color: #248196;
}
.k-button:focus:active:not(.k-state-disabled):not([disabled]) {
  box-shadow: inset 0 0 3px 1px #154c58;
}
.k-button[disabled],
.k-button[disabled]:hover,
.k-button[disabled]:focus,
.k-button[disabled]:active,
.k-button[disabled]:hover:active,
.k-state-disabled .k-button,
.k-state-disabled .k-button:hover,
.k-state-disabled .k-button:focus,
.k-state-disabled .k-button:active,
.k-state-disabled .k-button:active:active,
.k-button.k-state-disabled,
.k-button.k-state-disabled:hover,
.k-button.k-state-disabled:focus,
.k-button.k-state-disabled:active,
.k-button.k-state-disabled:hover:active {
  color: #cccccc;
  border-color: #e6e6e6;
  background-color: #ffffff;
  background-image: none;
  box-shadow: none;
}
.k-primary {
  color: #ffffff;
  border-color: #248196;
  background-color: #248196;
  background-image: url('/Content/kendo/web/textures/highlight.png');
  background-image: none, linear-gradient(to bottom, false);
}
.k-primary:hover,
.k-primary.k-state-hover {
  color: #ffffff;
  border-color: #248196;
  background-color: #248196;
  background-image: url('/Content/kendo/web/textures/highlight.png');
  background-image: none, linear-gradient(to bottom, false);
}
.k-primary:focus,
.k-primary.k-state-focused {
  border-color: #071a1f;
  box-shadow: none;
}
.k-primary:active,
.k-primary.k-state-active {
  color: #ffffff;
  border-color: #248196;
  background-color: #248196;
  background-image: url('/Content/kendo/web/textures/highlight.png');
  background-image: none, linear-gradient(to bottom, false);
}
.k-primary:focus:active:not(.k-state-disabled):not([disabled]) {
  box-shadow: none;
}
.k-primary[disabled],
.k-primary[disabled]:hover,
.k-primary[disabled]:focus,
.k-primary[disabled]:active,
.k-primary[disabled]:hover:active,
.k-state-disabled .k-primary,
.k-state-disabled .k-primary:hover,
.k-state-disabled .k-primary:focus,
.k-state-disabled .k-primary:active,
.k-state-disabled .k-primary:hover:active,
.k-primary.k-state-disabled,
.k-primary.k-state-disabled:hover,
.k-primary.k-state-disabled:focus,
.k-primary.k-state-disabled:active,
.k-primary.k-state-disabled:hover:active {
  color: #d4d4d4;
  border-color: #26889e;
  background-color: #26889e;
  background-image: url('/Content/kendo/web/textures/highlight.png');
  background-image: none, linear-gradient(to bottom, false);
  box-shadow: none;
}
.k-button-group .k-button {
  border-radius: 0;
}
.k-button-group .k-group-start,
.k-button-group .k-button:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.k-button-group .k-group-end,
.k-button-group .k-button:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.k-button-group .k-group-start.k-group-end,
.k-button-group .k-button:first-child:last-child {
  border-radius: 0;
}
.k-in,
.k-item,
.k-window-action {
  border-color: transparent;
}
/* main colors */
.k-splitbar .k-resize-handle {
  background-color: #787878;
}
.k-block,
.k-widget {
  background-color: #ffffff;
}
.k-block,
.k-widget,
.k-input,
.k-textbox,
.k-group,
.k-content,
.k-header,
.k-filter-row > th,
.k-editable-area,
.k-separator,
.k-textbox > input,
.k-autocomplete,
.k-dropdown-wrap,
.k-toolbar,
.k-group-footer td,
.k-grid-footer,
.k-footer-template td,
.k-state-default,
.k-state-default .k-select,
.k-state-disabled,
.k-grid-header,
.k-grid-header-wrap,
.k-grid-header-locked,
.k-grid-footer-locked,
.k-grid-content-locked,
.k-grid td,
.k-grid td.k-state-selected,
.k-grid-footer-wrap,
.k-pager-wrap,
.k-pager-wrap .k-link,
.k-pager-refresh,
.k-grouping-header,
.k-grouping-header .k-group-indicator,
.k-panelbar > .k-item > .k-link,
.k-panel > .k-item > .k-link,
.k-panelbar .k-panel,
.k-panelbar .k-content,
.k-treemap-tile,
.k-calendar th,
.k-slider-track,
.k-splitbar,
.k-dropzone-active,
.k-tiles,
.k-toolbar,
.k-tooltip,
.k-button-group .k-tool,
.k-upload-files,
.k-popup.k-align .k-list .k-item:last-child,
.k-maskedtextbox.k-state-disabled > .k-textbox:hover,
.k-dateinput.k-state-disabled > .k-textbox:hover {
  border-color: #dbdbdb;
}
.k-group,
.k-toolbar,
.k-grouping-header,
.k-pager-wrap,
.k-group-footer td,
.k-grid-footer,
.k-footer-template td,
.k-widget .k-status,
.k-calendar th,
.k-dropzone-hovered,
.k-popup {
  background-color: #ffffff;
}
.k-grouping-row td,
td.k-group-cell,
.k-resize-handle-inner {
  background-color: #ffffff;
}
.k-list-container {
  border-color: #dbdbdb;
  background-color: #ffffff;
}
.k-content,
.k-panelbar > li.k-item,
.k-panel > li.k-item,
.k-tiles {
  background-color: #ffffff;
}
.k-alt,
.k-separator,
.k-resource.k-alt,
.k-pivot-layout > tbody > tr:first-child > td:first-child,
.k-calendar .k-alt {
  background-color: #f5f5f5;
}
.k-pivot-rowheaders .k-alt .k-alt,
.k-header.k-alt {
  background-color: contrst(#787878, #e0e0e0, #ffffff, 0.5);
}
.k-textbox,
.k-autocomplete.k-header,
.k-dropdown-wrap.k-state-active,
.k-picker-wrap.k-state-active,
.k-numeric-wrap.k-state-active {
  border-color: #dbdbdb;
  background-color: #ffffff;
}
.k-textbox > input,
.k-autocomplete .k-input,
.k-dropdown-wrap .k-input,
.k-autocomplete.k-state-focused .k-input,
.k-dropdown-wrap.k-state-focused .k-input,
.k-picker-wrap.k-state-focused .k-input,
.k-numeric-wrap.k-state-focused .k-input {
  border-color: #dbdbdb;
}
input.k-textbox,
textarea.k-textbox,
input.k-textbox:hover,
textarea.k-textbox:hover,
.k-textbox > input {
  background: none;
}
.k-input,
input.k-textbox,
textarea.k-textbox,
input.k-textbox:hover,
textarea.k-textbox:hover,
.k-textbox > input,
.k-multiselect-wrap {
  background-color: #ffffff;
  color: #787878;
}
.k-input[readonly] {
  background-color: #ffffff;
  color: #787878;
}
.k-block,
.k-widget,
.k-popup,
.k-content,
.k-toolbar,
.k-dropdown .k-input {
  color: #787878;
}
.k-inverse {
  color: #ffffff;
}
.k-block {
  color: #787878;
}
.k-link:link,
.k-link:visited,
.k-nav-current.k-state-hover .k-link {
  color: #787878;
}
.k-tabstrip-items .k-link,
.k-panelbar > li > .k-link {
  color: #787878;
}
.k-header,
.k-treemap-title,
.k-grid-header .k-header > .k-link {
  color: #787878;
}
.k-header,
.k-grid-header,
.k-toolbar,
.k-dropdown-wrap,
.k-picker-wrap,
.k-numeric-wrap,
.k-grouping-header,
.k-pager-wrap,
.k-textbox,
.k-progressbar,
.k-draghandle,
.k-autocomplete,
.k-state-highlight,
.k-tabstrip-items .k-item,
.k-panelbar .k-tabstrip-items .k-item,
.km-pane-wrapper > .km-pane > .km-view > .km-content {
  background-image: url('/Content/kendo/web/textures/highlight.png');
  background-image: none, linear-gradient(to bottom, false);
  background-position: 50% 50%;
  background-color: #ffffff;
}
.k-widget.k-tooltip {
  background-image: none;
}
.k-block,
.k-header,
.k-grid-header,
.k-toolbar,
.k-grouping-header,
.k-pager-wrap,
.k-draghandle,
.k-treemap-tile,
html .km-pane-wrapper .k-header {
  background-color: #ffffff;
}
.k-mediaplayer-toolbar {
  background: rgba(255, 255, 255, 0.85);
}
.k-hr {
  border-color: #dbdbdb;
}
/* icons */
.k-icon:hover,
.k-state-hover .k-icon,
.k-state-selected .k-icon,
.k-state-focused .k-icon,
.k-column-menu .k-state-hover .k-sprite,
.k-column-menu .k-state-active .k-sprite,
.k-pager-numbers .k-current-page .k-link:hover:after,
.k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view.k-state-hover > .k-link:after {
  opacity: 1;
}
.k-icon,
.k-state-disabled .k-icon,
.k-column-menu .k-sprite,
.k-pager-numbers .k-current-page .k-link:after,
.k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after {
  opacity: 1;
}
.k-mobile-list .k-check:checked,
.k-mobile-list .k-edit-field [type=checkbox]:checked,
.k-mobile-list .k-edit-field [type=radio]:checked {
  opacity: 1;
}
.k-tool {
  border-color: transparent;
}
/* IE will ignore the above selectors if these are added too */
.k-mobile-list .k-check:checked,
.k-mobile-list .k-edit-field [type=checkbox]:checked,
.k-mobile-list .k-edit-field [type=radio]:checked {
  background-image: url('/Content/kendo/web/Metro/sprite.png');
  border-color: transparent;
}
.k-mobile-list .k-check:checked,
.k-mobile-list .k-edit-field [type=checkbox]:checked {
  font-family: 'WebComponentsIcons';
  background-image: none;
}
.k-mobile-list .k-check:checked:before,
.k-mobile-list .k-edit-field [type=checkbox]:checked:before {
  content: "\e118";
}
.k-i-loading {
  background-image: url('/Content/kendo/web/Metro/loading.gif');
}
.k-loading-image {
  background-image: url('/Content/kendo/web/Metro/loading-image.gif');
}
.k-loading-color {
  background-color: #ffffff;
}
.k-draghandle {
  border-color: #238297;
  background-color: #238297;
  box-shadow: 0 1px 1px 0 rgba(95, 95, 95, 0.3);
}
.k-draghandle:hover {
  border-color: #248196;
  background-color: #248196;
  box-shadow: 0 1px 1px 0 rgba(95, 95, 95, 0.3);
}
/* Scheduler */
.k-scheduler {
  color: #ffffff;
  background-color: #ffffff;
}
.k-scheduler-layout {
  color: #787878;
}
.k-scheduler-datecolumn,
.k-scheduler-groupcolumn {
  background-color: #ffffff;
  color: #787878;
}
.k-scheduler-times tr,
.k-scheduler-times th,
.k-scheduler-table td,
.k-scheduler-header th,
.k-scheduler-header-wrap,
.k-scheduler-times {
  border-color: #dbdbdb;
}
.k-scheduler-table .k-today,
.k-today > .k-scheduler-datecolumn,
.k-today > .k-scheduler-groupcolumn {
  background-color: #fafafa;
}
.k-scheduler-table .k-nonwork-hour {
  background-color: #f5f5f5;
}
.k-gantt .k-nonwork-hour {
  background-color: rgba(0, 0, 0, 0.02);
}
.k-gantt .k-header.k-nonwork-hour {
  background-color: rgba(0, 0, 0, 0.2);
}
.k-scheduler-now-arrow {
  border-left-color: #e20000;
}
.k-scheduler-now-line {
  background-color: #e20000;
}
.k-event,
.k-task-complete {
  border-color: #248196;
  background: #248196 0 -257px none repeat-x;
  color: #ffffff;
}
.k-event-inverse {
  color: #72ff3c;
}
.k-event.k-state-selected {
  background-position: 0 0;
  box-shadow: 0 0 0 2px #787878;
}
.k-event .k-resize-handle:after,
.k-task-single .k-resize-handle:after {
  background-color: #787878;
}
.k-scheduler-marquee:before,
.k-scheduler-marquee:after {
  border-color: #248196;
}
.k-panelbar .k-content,
.k-panelbar .k-panel,
.k-panelbar .k-item {
  background-color: #ffffff;
  color: #787878;
  border-color: #dbdbdb;
}
.k-panelbar > li > .k-link {
  color: #787878;
}
.k-panelbar > .k-item > .k-link {
  border-color: #dbdbdb;
}
.k-panel > li.k-item {
  background-color: #ffffff;
}
/* states */
.k-state-active,
.k-state-active:hover,
.k-active-filter {
  background-color: #ffffff;
  border-color: #248196;
  color: #000000;
}
.k-fieldselector .k-list-container {
  background-color: #ffffff;
}
.k-tabstrip-scrollable .k-button.k-bare:hover {
  background: #248196 !important;
}
.k-menu .k-state-hover > .k-state-active {
  background-color: transparent;
}
.k-mediaplayer-toolbar .k-button.k-bare:active,
.k-mediaplayer-toolbar .k-button.k-bare.k-state-active,
.k-mediaplayer-toolbar .k-button.k-bare.k-state-active:hover {
  color: #248196;
}
.k-menu .k-state-selected > .k-link {
  color: #ffffff;
  background-color: #248196;
  border-color: #248196;
  background-image: none;
}
.k-menu .k-link.k-state-active {
  background-color: #ffffff;
  border-color: #248196;
  color: #000000;
}
.k-menu .k-state-hover > .k-link,
.k-menu .k-menu-scroll-button:hover {
  color: #ffffff;
  background-color: #248196;
  border-color: #248196;
  background-image: url('/Content/kendo/web/textures/highlight.png');
  background-image: none, linear-gradient(to bottom, #248196 0%, #248196 100%);
}
.k-state-highlight {
  background: #ffffff;
  color: #000000;
}
.k-state-focused,
.k-grouping-row .k-state-focused {
  border-color: #248196;
}
.k-calendar .k-link {
  color: #787878;
}
.k-calendar .k-footer {
  padding: 0;
}
.k-calendar .k-footer .k-nav-today {
  color: #787878;
  text-decoration: none;
  background-color: #ffffff;
}
.k-calendar .k-footer .k-nav-today:hover,
.k-calendar .k-footer .k-nav-today.k-state-hover {
  background-color: #ffffff;
  text-decoration: underline;
}
.k-calendar .k-footer .k-nav-today:active {
  background-color: #ffffff;
}
.k-calendar .k-link.k-nav-fast {
  color: #787878;
}
.k-calendar .k-nav-fast.k-state-hover {
  text-decoration: none;
  background-color: #248196;
  color: #ffffff;
}
.k-calendar .k-link.k-state-hover {
  border-radius: 0;
}
.k-calendar .k-footer .k-link {
  border-radius: 0;
}
.k-calendar .k-today {
  box-shadow: inset 0 0 0 1px #248196;
}
.k-calendar th {
  background-color: #ffffff;
}
.k-calendar td.k-state-hover.k-state-focused {
  box-shadow: inset 0 0 0 1px #1a5e6d;
}
.k-calendar td.k-state-focused,
.k-calendar .k-today.k-state-focused,
.k-calendar .k-today:active,
.k-calendar .k-today.k-state-selected:active {
  box-shadow: inset 0 0 0 1px #1e6c7d;
}
.k-calendar td.k-state-focused.k-state-selected,
.k-calendar td.k-state-selected.k-state-active,
.k-calendar td.k-state-selected:active {
  box-shadow: inset 0 0 0 1px #0b292f;
}
.k-calendar td.k-state-selected.k-state-hover {
  background-color: #248196;
}
.k-calendar-container.k-group {
  border-color: #dbdbdb;
}
.k-window-titlebar .k-link {
  border-radius: 0;
}
.k-state-selected,
.k-state-selected:link,
.k-state-selected:visited,
.k-tool.k-state-selected,
.k-list > .k-state-selected,
.k-list > .k-state-highlight,
.k-panel > .k-state-selected,
.k-ghost-splitbar-vertical,
.k-ghost-splitbar-horizontal,
.k-draghandle.k-state-selected:hover,
.k-scheduler .k-scheduler-toolbar .k-state-selected,
.k-scheduler .k-today.k-state-selected,
.k-marquee-color {
  color: #ffffff;
  background-color: #248196;
  border-color: #248196;
}
.k-virtual-item.k-first,
.k-group-header + .k-list > .k-item.k-first,
.k-static-header + .k-list > .k-item.k-first {
  border-top-color: #248196;
}
.k-group-header + div > .k-list > .k-item.k-first:before {
  border-top-color: #248196;
}
.k-popup > .k-group-header,
.k-popup > .k-virtual-wrap > .k-group-header {
  background: #248196;
  color: #ffffff;
}
.k-popup .k-list .k-item > .k-group {
  background: #248196;
  color: #ffffff;
  border-bottom-left-radius: 0;
}
.k-marquee-text {
  color: #ffffff;
}
.k-state-focused,
.k-list > .k-state-focused,
.k-listview > .k-state-focused,
.k-grid-header th.k-state-focused,
td.k-state-focused {
  box-shadow: inset 0 0 0 1px #248196;
}
.k-state-focused.k-state-selected,
.k-list > .k-state-focused.k-state-selected,
.k-listview > .k-state-focused.k-state-selected,
td.k-state-focused.k-state-selected {
  box-shadow: inset 0 0 3px 1px #154c58;
}
.k-list-optionlabel.k-state-selected.k-state-focused {
  box-shadow: none;
}
.k-state-selected > .k-link,
.k-panelbar > li > .k-state-selected,
.k-panelbar > li.k-state-default > .k-link.k-state-selected {
  color: #ffffff;
}
.k-state-hover,
.k-state-hover:hover,
.k-splitbar-horizontal-hover:hover,
.k-splitbar-vertical-hover:hover,
.k-list > .k-state-hover,
.k-scheduler .k-scheduler-toolbar ul li.k-state-hover,
.k-pager-wrap .k-link:hover,
.k-dropdown .k-state-focused,
.k-filebrowser-dropzone,
.k-mobile-list .k-item > .k-link:active,
.k-mobile-list .k-item > .k-label:active,
.k-mobile-list .k-edit-label.k-check:active,
.k-mobile-list .k-recur-view .k-check:active {
  color: #ffffff;
  background-color: #248196;
  border-color: #248196;
}
.k-pager-wrap .k-link.k-state-disabled {
  color: #787878;
  border-color: #dbdbdb;
}
/* this selector should be used separately, otherwise old IEs ignore the whole rule */
.k-mobile-list .k-scheduler-timezones .k-edit-field:nth-child(2):active {
  color: #ffffff;
  background-color: #248196;
  border-color: #248196;
}
.k-state-hover > .k-select,
.k-state-focused > .k-select {
  border-color: #248196;
}
.k-textbox:hover,
.k-state-hover,
.k-state-hover:hover,
.k-pager-wrap .k-link:hover,
.k-other-month.k-state-hover .k-link,
div.k-filebrowser-dropzone em,
.k-draghandle:hover,
.k-split-button:focus,
.k-listbox .k-item:hover:not(.k-state-disabled) {
  background-image: url('/Content/kendo/web/textures/highlight.png');
  background-image: none, linear-gradient(to bottom, #248196 0%, #248196 100%);
}
.k-pager-wrap {
  background-color: #ffffff;
  color: #787878;
}
.k-autocomplete.k-state-active,
.k-picker-wrap.k-state-active,
.k-numeric-wrap.k-state-active,
.k-dropdown-wrap.k-state-active,
.k-state-active,
.k-state-active:hover,
.k-state-active > .k-link,
.k-panelbar > .k-item > .k-state-focused {
  background-image: none;
}
.k-state-selected,
.k-draghandle.k-state-selected:hover {
  background-image: none;
}
.k-draghandle.k-state-selected:hover {
  background-position: 50% 50%;
}
.k-state-hover > .k-link,
.k-other-month.k-state-hover .k-link,
div.k-filebrowser-dropzone em {
  color: #ffffff;
}
.k-autocomplete.k-state-hover,
.k-autocomplete.k-state-focused,
.k-picker-wrap.k-state-hover,
.k-picker-wrap.k-state-focused,
.k-numeric-wrap.k-state-hover,
.k-numeric-wrap.k-state-focused,
.k-dropdown-wrap.k-state-hover,
.k-dropdown-wrap.k-state-focused {
  background-color: #248196;
  background-image: url('/Content/kendo/web/textures/highlight.png');
  background-image: none, linear-gradient(to bottom, #248196 0%, #248196 100%);
  background-position: 50% 50%;
  border-color: #dbdbdb;
}
.km-pane-wrapper .k-mobile-list input:not([type="checkbox"]):not([type="radio"]),
.km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]),
.km-pane-wrapper .k-mobile-list textarea {
  color: #787878;
}
.km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right {
  background: #ffffff;
  border-color: #dbdbdb;
}
.km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right > input {
  background-color: #ffffff;
  border-color: #dbdbdb;
}
.km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right > input:focus {
  border-color: #248196;
}
.k-dropdown .k-state-hover .k-input,
.k-dropdown .k-state-focused .k-input {
  color: #ffffff;
}
.k-state-error {
  border-color: #e20000;
  background-color: #c60f13;
  color: #454545;
}
.k-state-disabled {
  opacity: .7;
}
.k-tile-empty.k-state-selected,
.k-loading-mask.k-state-selected {
  border-width: 0;
  background-image: none;
  background-color: transparent;
}
.k-state-disabled,
.k-state-disabled .k-link,
.k-other-month,
.k-other-month .k-link,
.k-dropzone em,
.k-tile-empty strong,
.k-slider .k-draghandle {
  color: #cccccc;
}
.k-dropzone .k-upload-status {
  color: #787878;
}
.k-file .k-upload-status {
  color: #787878;
}
.k-upload-status .k-button:hover .k-i-delete,
.k-upload-status .k-button:hover .k-i-delete {
  background-color: #248196;
}
/* Progressbar */
.k-progressbar-indeterminate {
  background: url('/Content/kendo/web/Metro/indeterminate.gif');
}
.k-progressbar-indeterminate .k-progress-status-wrap,
.k-progressbar-indeterminate .k-state-selected {
  display: none;
}
.k-progressbar-horizontal > .k-state-selected,
.k-rtl .k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected,
.k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected,
.k-rtl .k-progressbar-horizontal > .k-state-selected,
.k-progressbar-vertical > .k-state-selected,
.k-progressbar-vertical.k-progressbar-reverse > .k-state-selected,
.k-progressbar > .k-state-selected.k-complete,
.k-rtl .k-progressbar > .k-state-selected.k-complete,
.k-progressbar-horizontal .k-first,
.k-rtl .k-progressbar-horizontal .k-last,
.k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-last,
.k-progressbar-horizontal .k-last,
.k-rtl .k-progressbar-horizontal .k-first,
.k-progressbar-vertical .k-first,
.k-progressbar-vertical .k-last {
  border-radius: 0;
}
/* Slider */
.k-slider-track {
  background-color: #dbdbdb;
}
.k-slider-selection {
  background-color: #248196;
}
.k-slider-horizontal .k-tick {
  background-image: url('/Content/kendo/web/Metro/slider-h.gif');
}
.k-slider-vertical .k-tick {
  background-image: url('/Content/kendo/web/Metro/slider-v.gif');
}
/* Tooltip */
.k-widget.k-tooltip,
.k-chart-crosshair-tooltip,
.k-chart-shared-tooltip {
  border-color: #25859a;
  background-color: #25859a;
  color: #ffffff;
}
.k-widget.k-tooltip-validation {
  border-color: #ffa50a;
  background-color: #ffa50a;
  color: #ffffff;
}
/* Bootstrap theme fix */
.input-prepend .k-tooltip-validation,
.input-append .k-tooltip-validation {
  font-size: 12px;
  position: relative;
  top: 3px;
}
.k-callout-n {
  border-bottom-color: #25859a;
}
.k-callout-w {
  border-right-color: #25859a;
}
.k-callout-s {
  border-top-color: #25859a;
}
.k-callout-e {
  border-left-color: #25859a;
}
.k-tooltip-validation .k-callout-n {
  border-bottom-color: #ffa50a;
}
.k-tooltip-validation .k-callout-w {
  border-right-color: #ffa50a;
}
.k-tooltip-validation .k-callout-s {
  border-top-color: #ffa50a;
}
.k-tooltip-validation .k-callout-e {
  border-left-color: #ffa50a;
}
/* Splitter */
.k-splitbar {
  background-color: #dbdbdb;
}
.k-restricted-size-vertical,
.k-restricted-size-horizontal {
  background-color: #454545;
}
/* Upload */
.k-file {
  border-color: #dbdbdb;
}
.k-file-progress {
  color: #00869d;
}
.k-file-progress .k-progress {
  background-color: #d0f8ff;
}
.k-file-success .k-file-name,
.k-file-success .k-upload-pct {
  color: #32b600;
}
.k-file-success .k-progress {
  background-color: #32b600;
}
.k-file-error {
  color: #c60f13;
}
.k-file-error .k-file-extension-wrapper,
.k-file-error .k-multiple-files-extension-wrapper {
  color: #c60f13;
  border-color: #c60f13;
}
.k-file-error .k-file-extension-wrapper:before,
.k-file-error .k-multiple-files-extension-wrapper:before {
  border-color: transparent transparent #c60f13 #c60f13;
}
.k-file-error .k-progress {
  background-color: #c60f13;
}
.k-file-extension-wrapper,
.k-multiple-files-extension-wrapper {
  color: #cccccc;
  border-color: #cccccc;
}
.k-file-invalid .k-file-name-invalid {
  color: #c60f13;
}
.k-file-invalid-extension-wrapper,
.k-multiple-files-invalid-extension-wrapper {
  color: #c60f13;
  border-color: #c60f13;
}
.k-file-extension-wrapper:before,
.k-multiple-files-extension-wrapper:before {
  background-color: #ffffff;
  border-color: transparent transparent #cccccc #cccccc;
}
.k-file-invalid-extension-wrapper:before,
.k-multiple-files-invalid-extension-wrapper:before {
  background-color: #ffffff;
  border-color: transparent transparent #c60f13 #c60f13;
}
.k-multiple-files-extension-wrapper:after {
  border-top-color: #cccccc;
  border-left-color: #cccccc;
}
.k-multiple-files-invalid-extension-wrapper:after {
  border-top-color: #c60f13;
  border-left-color: #c60f13;
}
.k-file-size,
.k-file-information,
.k-file-validation-message {
  color: #cccccc;
}
.k-upload .k-upload-selected {
  color: #248196;
  border-color: #dbdbdb;
}
.k-upload .k-upload-selected:hover {
  color: #ffffff;
}
/* ImageBrowser */
.k-tile {
  border-color: #ffffff;
}
.k-textbox:hover,
.k-tiles li.k-state-hover {
  border-color: #248196;
}
.k-tiles li.k-state-selected {
  border-color: #248196;
}
/* TreeMap */
.k-leaf,
.k-leaf.k-state-hover:hover {
  color: #fff;
}
.k-leaf.k-inverse,
.k-leaf.k-inverse.k-state-hover:hover {
  color: #000;
}
/* Shadows */
.k-slider,
.k-treeview,
.k-upload {
  box-shadow: none;
}
.k-state-hover {
  box-shadow: none;
}
.k-textbox:focus,
.k-autocomplete.k-state-focused,
.k-dropdown-wrap.k-state-focused,
.k-picker-wrap.k-state-focused,
.k-numeric-wrap.k-state-focused {
  box-shadow: none;
}
.k-state-selected {
  box-shadow: none;
}
.k-state-active {
  box-shadow: none;
}
.k-popup,
.k-menu .k-menu-group,
.k-grid .k-filter-options,
.k-time-popup,
.k-datepicker-calendar,
.k-autocomplete.k-state-border-down,
.k-autocomplete.k-state-border-up,
.k-dropdown-wrap.k-state-active,
.k-picker-wrap.k-state-active,
.k-multiselect.k-state-focused,
.k-filebrowser .k-image,
.k-tooltip {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}
.k-treemap-tile.k-state-hover {
  box-shadow: inset 0 0 0 3px #dbdbdb;
}
/* Window */
.k-window {
  border-color: rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0.2);
  background-color: #ffffff;
}
.k-window.k-state-focused {
  border-color: rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.2);
}
.k-window.k-window-maximized,
.k-window-maximized .k-window-titlebar,
.k-window-maximized .k-window-content {
  border-radius: 0;
}
.k-shadow {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}
.k-inset {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
}
/* Selection */
.k-editor-inline ::selection {
  background-color: #248196;
  text-shadow: none;
  color: #fff;
}
.k-editor-inline ::-moz-selection {
  background-color: #248196;
  text-shadow: none;
  color: #fff;
}
.k-notification-info {
  background-color: #d0f8ff;
  color: #666666;
  border-color: #98f0ff;
}
.k-notification-success {
  background-color: #ddffd0;
  color: #707070;
  border-color: #b4ff98;
}
.k-notification-warning {
  background-color: #ffa50a;
  color: #666666;
  border-color: #bd7700;
}
.k-notification-error {
  background-color: #9b0c0f;
  color: #866a6a;
  border-color: #67080a;
}
/* Gantt */
.k-gantt .k-treelist {
  background: #f5f5f5;
}
.k-gantt .k-treelist .k-alt {
  background-color: #dbdbdb;
}
.k-gantt .k-treelist tr:hover {
  background-color: #248196;
}
.k-gantt .k-treelist .k-state-selected,
.k-gantt .k-treelist .k-state-selected td,
.k-gantt .k-treelist .k-alt.k-state-selected,
.k-gantt .k-treelist .k-alt.k-state-selected > td {
  background-color: #248196;
}
.k-gantt .k-treelist .k-state-selected:hover,
.k-gantt .k-treelist .k-state-selected:hover td {
  background-color: #248196;
}
.k-task-dot:after {
  background-color: #787878;
  border-color: #787878;
}
.k-task-dot:hover:after {
  background-color: #ffffff;
}
.k-task-summary {
  border-color: #383838;
  background: #383838;
}
.k-task-milestone,
.k-task-summary-complete {
  border-color: #787878;
  background: #787878;
}
.k-state-selected.k-task-summary {
  border-color: #0b292f;
  background: #0b292f;
}
.k-state-selected.k-task-milestone,
.k-state-selected .k-task-summary-complete {
  border-color: #248196;
  background: #248196;
}
.k-task-single {
  background-color: #2b9ab3;
  border-color: #248196;
  color: #ffffff;
}
.k-state-selected.k-task-single {
  border-color: #248196;
}
.k-line {
  background-color: #787878;
  color: #787878;
}
.k-state-selected.k-line {
  background-color: #248196;
  color: #248196;
}
.k-resource {
  background-color: #ffffff;
}
/* Border radius */
.k-block,
.k-textbox,
.k-drag-clue,
.k-touch-scrollbar,
.k-window,
.k-window-titleless .k-window-content,
.k-window-action,
.k-inline-block,
.k-grid .k-filter-options,
.k-grouping-header .k-group-indicator,
.k-autocomplete,
.k-multiselect,
.k-combobox,
.k-dropdown,
.k-dropdown-wrap,
.k-datepicker,
.k-timepicker,
.k-colorpicker,
.k-datetimepicker,
.k-notification,
.k-numerictextbox,
.k-picker-wrap,
.k-numeric-wrap,
.k-list-container,
.k-calendar-container,
.k-calendar td,
.k-calendar .k-link,
.k-treeview .k-in,
.k-editor-inline,
.k-tooltip,
.k-tile,
.k-slider-track,
.k-slider-selection,
.k-upload {
  border-radius: 0;
}
.k-tool {
  text-align: center;
  vertical-align: middle;
}
.k-tool.k-group-start,
.k-toolbar .k-split-button .k-button,
.k-toolbar .k-button-group .k-group-start {
  border-radius: 0 0 0 0;
}
.k-rtl .k-tool.k-group-start,
.k-rtl .k-toolbar .k-split-button .k-button,
.k-rtl .k-toolbar .k-button-group .k-group-start {
  border-radius: 0 0 0 0;
}
.k-tool.k-group-end,
.k-toolbar .k-button-group .k-group-end,
.k-toolbar .k-split-button .k-split-button-arrow {
  border-radius: 0 0 0 0;
}
.k-rtl .k-tool.k-group-end,
.k-rtl .k-toolbar .k-button-group .k-group-end,
.k-rtl .k-toolbar .k-split-button .k-split-button-arrow {
  border-radius: 0 0 0 0;
}
.k-group-start.k-group-end.k-tool {
  border-radius: 0;
}
.k-calendar-container.k-state-border-up,
.k-list-container.k-state-border-up,
.k-autocomplete.k-state-border-up,
.k-multiselect.k-state-border-up,
.k-dropdown-wrap.k-state-border-up,
.k-picker-wrap.k-state-border-up,
.k-numeric-wrap.k-state-border-up,
.k-window-content,
.k-filter-menu {
  border-radius: 0 0 0 0;
}
.k-autocomplete.k-state-border-up .k-input,
.k-dropdown-wrap.k-state-border-up .k-input,
.k-picker-wrap.k-state-border-up .k-input,
.k-picker-wrap.k-state-border-up .k-selected-color,
.k-numeric-wrap.k-state-border-up .k-input {
  border-radius: 0 0 0 0;
}
.k-multiselect.k-state-border-up .k-multiselect-wrap {
  border-radius: 0 0 0 0;
}
.k-window-titlebar,
.k-block > .k-header,
.k-tabstrip-items .k-item,
.k-panelbar .k-tabstrip-items .k-item,
.k-tabstrip-items .k-link,
.k-calendar-container.k-state-border-down,
.k-list-container.k-state-border-down,
.k-autocomplete.k-state-border-down,
.k-multiselect.k-state-border-down,
.k-dropdown-wrap.k-state-border-down,
.k-picker-wrap.k-state-border-down,
.k-numeric-wrap.k-state-border-down {
  border-radius: 0 0 0 0;
}
.k-split-button.k-state-border-down > .k-button {
  border-radius: 0 0 0 0;
}
.k-split-button.k-state-border-up > .k-button {
  border-radius: 0 0 0 0;
}
.k-split-button.k-state-border-down > .k-split-button-arrow {
  border-radius: 0 0 0 0;
}
.k-split-button.k-state-border-up > .k-split-button-arrow {
  border-radius: 0 0 0 0;
}
.k-dropdown-wrap .k-input,
.k-picker-wrap .k-input,
.k-numeric-wrap .k-input {
  border-radius: 0 0 0 0;
}
.k-rtl .k-dropdown-wrap .k-input,
.k-rtl .k-picker-wrap .k-input,
.k-rtl .k-numeric-wrap .k-input {
  border-radius: 0 0 0 0;
}
.k-numeric-wrap .k-link {
  border-radius: 0 0 0 0;
}
.k-numeric-wrap .k-link + .k-link {
  border-radius: 0 0 0 0;
}
.k-colorpicker .k-selected-color {
  border-radius: 0 0 0 0;
}
.k-rtl .k-colorpicker .k-selected-color {
  border-radius: 0 0 0 0;
}
.k-autocomplete.k-state-border-down .k-input {
  border-radius: 0 0 0 0;
}
.k-dropdown-wrap.k-state-border-down .k-input,
.k-picker-wrap.k-state-border-down .k-input,
.k-picker-wrap.k-state-border-down .k-selected-color,
.k-numeric-wrap.k-state-border-down .k-input {
  border-radius: 0 0 0 0;
}
.k-numeric-wrap .k-link.k-state-selected {
  background-color: #248196;
}
.k-multiselect.k-state-border-down .k-multiselect-wrap {
  border-radius: 0 0 0 0;
}
.k-dropdown-wrap .k-select,
.k-picker-wrap .k-select,
.k-numeric-wrap .k-select,
.k-datetimepicker .k-select + .k-select,
.k-list-container.k-state-border-right {
  border-radius: 0 0 0 0;
}
.k-autocomplete > .k-i-close,
.k-combobox > .k-dropdown-wrap > .k-i-close,
.k-multiselect > .k-multiselect-wrap > .k-i-close {
  border-radius: 50%;
  background-color: #dbdbdb;
}
.k-rtl .k-dropdown-wrap .k-select,
.k-rtl .k-picker-wrap .k-select,
.k-rtl .k-numeric-wrap .k-select,
.k-rtl .k-datetimepicker .k-select + .k-select,
.k-rtl .k-list-container.k-state-border-right {
  border-radius: 0 0 0 0;
}
.k-numeric-wrap.k-expand-padding .k-input {
  border-radius: 0;
}
.k-textbox > input,
.k-autocomplete .k-input,
.k-multiselect-wrap {
  border-radius: 0;
}
.k-list .k-state-hover,
.k-list .k-state-focused,
.k-list .k-state-highlight,
.k-list .k-state-selected,
.k-fieldselector .k-list .k-item,
.k-list-optionlabel,
.k-dropzone,
.k-listbox .k-item {
  border-radius: 0;
}
.k-slider .k-button,
.k-grid .k-slider .k-button {
  border-radius: 13px;
}
.k-draghandle {
  border-radius: 0;
}
.k-scheduler-toolbar > ul li:first-child,
.k-scheduler-toolbar > ul li:first-child .k-link,
.k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li,
.k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li .k-link {
  border-radius: 0 0 0 0;
}
.k-rtl .k-scheduler-toolbar > ul li:first-child,
.k-rtl .k-scheduler-toolbar > ul li:first-child .k-link,
.k-rtl .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li,
.k-rtl .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li .k-link,
.km-view.k-popup-edit-form .k-scheduler-toolbar > ul li:last-child,
.km-view.k-popup-edit-form .k-scheduler-toolbar > ul li:last-child .k-link {
  border-radius: 0 0 0 0;
}
.k-scheduler-phone .k-scheduler-toolbar > ul li.k-nav-today,
.k-scheduler-phone .k-scheduler-toolbar > ul li.k-nav-today .k-link,
.k-edit-field > .k-scheduler-navigation {
  border-radius: 0;
}
.k-scheduler-toolbar .k-nav-next,
.k-scheduler-toolbar ul + ul li:last-child,
.k-scheduler-toolbar .k-nav-next .k-link,
.k-scheduler-toolbar ul + ul li:last-child .k-link {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.k-rtl .k-scheduler-toolbar .k-nav-next,
.k-rtl .k-scheduler-toolbar ul + ul li:last-child,
.k-rtl .k-scheduler-toolbar .k-nav-next .k-link,
.k-rtl .k-scheduler-toolbar ul + ul li:last-child .k-link {
  border-radius: 0 0 0 0;
}
.k-scheduler div.k-scheduler-footer ul li,
.k-scheduler div.k-scheduler-footer .k-link {
  border-radius: 0;
}
.k-more-events,
.k-event,
.k-task-single,
.k-task-complete,
.k-event .k-link {
  border-radius: 0;
}
.k-scheduler-mobile .k-event {
  border-radius: -1;
}
/* Adaptive Grid */
.k-grid-mobile .k-column-active + th.k-header {
  border-left-color: #787878;
}
html .km-pane-wrapper .km-widget,
.k-ie .km-pane-wrapper .k-widget,
.k-ie .km-pane-wrapper .k-group,
.k-ie .km-pane-wrapper .k-content,
.k-ie .km-pane-wrapper .k-header,
.k-ie .km-pane-wrapper .k-popup-edit-form .k-edit-field .k-button,
.km-pane-wrapper .k-mobile-list .k-item,
.km-pane-wrapper .k-mobile-list .k-edit-label,
.km-pane-wrapper .k-mobile-list .k-edit-field {
  color: #787878;
}
@media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none) {
  div.km-pane-wrapper a {
    color: #787878;
  }
}
.km-pane-wrapper .k-mobile-list .k-item,
.km-pane-wrapper .k-mobile-list .k-edit-field,
.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check {
  background-color: #ffffff;
  border-top: 1px solid #dbdbdb;
}
.km-pane-wrapper .k-mobile-list .k-edit-field textarea {
  outline-width: 0;
}
.km-pane-wrapper .k-mobile-list .k-item.k-state-selected {
  background-color: #248196;
  border-top-color: #248196;
}
.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check:first-child {
  border-top-color: transparent;
}
.km-pane-wrapper .k-mobile-list .k-item:last-child {
  box-shadow: inset 0 -1px 0 #dbdbdb;
}
.km-pane-wrapper .k-mobile-list > ul > li > .k-link,
.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-label:nth-child(3),
.km-pane-wrapper #recurrence .km-scroll-container > .k-edit-label:first-child {
  color: #787878;
  opacity: 0.7;
}
.km-pane-wrapper .k-mobile-list > ul > li > .k-link {
  border-bottom: 1px solid #dbdbdb;
}
.km-pane-wrapper .k-mobile-list .k-edit-field {
  box-shadow: 0 1px 1px #dbdbdb;
}
.km-actionsheet .k-grid-delete,
.km-actionsheet .k-scheduler-delete,
.km-pane-wrapper .k-scheduler-delete,
.km-pane-wrapper .k-filter-menu .k-button[type=reset] {
  color: #fff;
  border-color: #e20000;
  background-color: red;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.15));
}
.km-actionsheet .k-grid-delete:active,
.km-actionsheet .k-scheduler-delete:active,
.km-pane-wrapper .k-scheduler-delete:active,
.km-pane-wrapper .k-filter-menu .k-button[type=reset]:active {
  background-color: #990000;
}
/* /Column Menu */
.k-autocomplete.k-state-default,
.k-picker-wrap.k-state-default,
.k-numeric-wrap.k-state-default,
.k-dropdown-wrap.k-state-default {
  background-image: url('/Content/kendo/web/textures/highlight.png');
  background-image: none, linear-gradient(to bottom, false);
  background-position: 50% 50%;
  background-color: #ffffff;
  border-color: #dbdbdb;
}
.k-autocomplete.k-state-hover,
.k-picker-wrap.k-state-hover,
.k-numeric-wrap.k-state-hover,
.k-dropdown-wrap.k-state-hover {
  background-color: #248196;
  background-image: url('/Content/kendo/web/textures/highlight.png');
  background-image: none, linear-gradient(to bottom, #248196 0%, #248196 100%);
  background-position: 50% 50%;
  border-color: #dbdbdb;
}
.k-multiselect.k-header {
  border-color: #dbdbdb;
}
.k-multiselect.k-header.k-state-hover {
  border-color: #dbdbdb;
}
.k-autocomplete.k-state-focused,
.k-picker-wrap.k-state-focused,
.k-numeric-wrap.k-state-focused,
.k-dropdown-wrap.k-state-focused,
.k-multiselect.k-header.k-state-focused {
  background-color: #248196;
  background-image: url('/Content/kendo/web/textures/highlight.png');
  background-image: none, linear-gradient(to bottom, #248196 0%, #248196 100%);
  background-position: 50% 50%;
  border-color: #dbdbdb;
  box-shadow: none;
}
.k-list-container {
  color: #787878;
}
.k-nodata {
  color: #cccccc;
}
.k-dropdown .k-input,
.k-menu .k-popup,
.k-multiselect .k-button,
.k-multiselect .k-button:hover {
  color: #787878;
}
.k-state-default > .k-select {
  border-color: #dbdbdb;
}
.k-state-hover > .k-select {
  border-color: #dbdbdb;
}
.k-state-focused > .k-select {
  border-color: #dbdbdb;
}
.k-tabstrip:focus {
  box-shadow: none;
}
.k-tabstrip-items .k-state-default .k-link,
.k-panelbar > li.k-state-default > .k-link {
  color: #787878;
}
.k-tabstrip-items .k-state-hover .k-link,
.k-panelbar > li > .k-link.k-state-hover,
.k-panelbar > li.k-state-hover > .k-link,
.k-panelbar > li.k-state-default > .k-link.k-state-hover {
  color: #ffffff;
}
.k-panelbar .k-state-focused.k-state-hover {
  background: #248196;
  box-shadow: none;
}
.k-tabstrip-items .k-state-default {
  border-color: #dbdbdb;
}
.k-tabstrip-items .k-state-hover {
  border-color: #248196;
}
.k-tabstrip-items .k-state-active,
.k-panelbar .k-tabstrip-items .k-state-active {
  background-color: #ffffff;
  background-image: none;
  border-color: #248196;
}
.k-tabstrip-top > .k-tabstrip-items .k-state-active,
.k-panelbar .k-tabstrip-top > .k-tabstrip-items .k-state-active {
  border-bottom-color: #ffffff;
}
.k-tabstrip .k-content.k-state-active {
  background-color: #ffffff;
  color: #787878;
}
.k-menu.k-header,
.k-menu .k-item {
  border-color: #dbdbdb;
}
.k-column-menu,
.k-column-menu .k-item,
.k-overflow-container .k-overflow-group {
  border-color: #dbdbdb;
}
.k-overflow-container .k-overflow-group {
  box-shadow: inset 0 1px 0 #ffffff, 0 1px 0 #ffffff;
}
.k-toolbar-first-visible.k-overflow-group,
.k-overflow-container .k-overflow-group + .k-overflow-group {
  box-shadow: 0 1px 0 #ffffff;
}
.k-toolbar-last-visible.k-overflow-group {
  box-shadow: inset 0 1px 0 #ffffff;
}
.k-column-menu .k-separator {
  border-color: #dbdbdb;
  background-color: transparent;
}
.k-menu .k-group {
  border-color: #dbdbdb;
}
.k-grid-filter.k-state-active {
  background-color: #f0f0f0;
}
.k-grouping-row td,
.k-group-footer td,
.k-grid-footer td {
  color: #787878;
  border-color: #dbdbdb;
  font-weight: bold;
}
.k-grouping-header {
  color: #787878;
}
.k-grid tr:hover,
.k-grid td.k-state-selected:hover {
  color: #ffffff;
  background-color: #248196;
}
.k-grid .k-filter-row:hover,
.k-pivot-rowheaders .k-grid tr:hover {
  color: #787878;
  background: none;
}
.k-grid td.k-state-focused {
  box-shadow: inset 0 0 0 1px #1e6c7d;
}
.k-grid tr:hover .k-state-focused,
.k-grid tr .k-state-focused.k-state-selected,
.k-grid tr.k-state-selected td.k-state-focused,
.k-grid tr:hover .k-state-focused.k-state-selected,
.k-grid tr.k-state-selected:hover td.k-state-focused {
  box-shadow: inset 0 0 0 1px #0b292f;
}
.k-header,
.k-grid-header-wrap,
.k-grid .k-grouping-header,
.k-grid-header,
.k-pager-wrap,
.k-pager-wrap .k-textbox,
.k-pager-wrap .k-link,
.k-grouping-header .k-group-indicator,
.k-gantt-toolbar .k-state-default {
  border-color: #dbdbdb;
}
.k-pager-numbers .k-link,
.k-treeview .k-in {
  border-color: transparent;
}
.k-treeview .k-icon,
.k-scheduler-table .k-icon,
.k-grid .k-hierarchy-cell .k-icon {
  background-color: transparent;
  border-radius: 0;
}
.k-scheduler-table .k-state-hover .k-icon {
  background-color: transparent;
}
.k-split-button:focus {
  outline: none;
}
.k-split-button:focus {
  box-shadow: none;
}
.k-split-button:focus > .k-button {
  background: transparent;
  border-color: transparent;
}
.k-editor .k-tool:focus {
  outline: 0;
  border-color: #164f5c;
  box-shadow: none;
}
.k-checkbox-label:before {
  border-color: #dbdbdb;
  background: #ffffff;
  border-radius: 0;
}
.k-checkbox:hover + .k-checkbox-label:before,
.k-checkbox:checked:hover + .k-checkbox-label:before,
.k-checkbox-label:hover:before,
.k-checkbox:checked + .k-checkbox-label:hover:before {
  border-color: #248196;
  box-shadow: none;
}
.k-checkbox:checked + .k-checkbox-label:before {
  background-color: #ffffff;
  border-color: #dbdbdb;
  color: #248196;
}
.k-checkbox:active + .k-checkbox-label:before,
.k-checkbox-label:active:before {
  box-shadow: none;
  border-color: #248196;
}
.k-checkbox:checked:active + .k-checkbox-label:before,
.k-checkbox:checked + .k-checkbox-label:active:before {
  box-shadow: none;
  border-color: #248196;
}
.k-checkbox:disabled + .k-checkbox-label {
  color: #b3b3b3;
}
.k-checkbox:disabled + .k-checkbox-label:hover:before {
  box-shadow: none;
}
.k-checkbox:disabled + .k-checkbox-label:before,
.k-checkbox:checked:disabled + .k-checkbox-label:before,
.k-checkbox:checked:disabled + .k-checkbox-label:active:before,
.k-checkbox:checked:disabled + .k-checkbox-label:hover:before {
  color: #b3b3b3;
  background: #ffffff;
  border-color: #e6e6e6;
  border-radius: 0;
}
.k-checkbox:focus + .k-checkbox-label:before,
.k-checkbox:focus + .k-checkbox-label:hover:before {
  border-color: #248196;
  box-shadow: none;
}
.k-checkbox:indeterminate + .k-checkbox-label:after {
  background-color: #248196;
  background-image: none;
  border-color: #248196;
  border-radius: -1;
}
.k-checkbox:indeterminate:hover + .k-checkbox-label:after {
  border-color: #248196;
  background-color: #248196;
}
.k-radio-label:before {
  border-color: #dbdbdb;
  border-radius: 50%;
  background-color: #ffffff;
  border-width: 1px;
}
.k-radio-label:hover:before,
.k-radio:checked + .k-radio-label:hover:before {
  border-color: #248196;
  box-shadow: none;
}
.k-radio:checked + .k-radio-label:after {
  background-color: #248196;
  border-radius: 50%;
}
.k-radio-label:active:before {
  border-color: #248196;
  box-shadow: none;
}
.k-radio:checked + .k-radio-label:active:before {
  box-shadow: none;
  border-color: #248196;
}
.k-radio:disabled + .k-radio-label {
  color: #b3b3b3;
}
.k-radio:disabled + .k-radio-label:before,
.k-radio:disabled + .k-radio-label:active:before,
.k-radio:disabled + .k-radio-label:hover:after,
.k-radio:disabled + .k-radio-label:hover:before {
  background: #ffffff;
  border-color: #e6e6e6;
  box-shadow: none;
}
.k-radio:disabled:checked + .k-radio-label:after {
  background-color: #248196;
  opacity: .5;
}
.k-radio:focus + .k-radio-label:before {
  border-color: #248196;
  box-shadow: none;
}
@media screen and (-ms-high-contrast: active) {
  .k-editor-toolbar-wrap .k-dropdown-wrap.k-state-focused,
  .k-editor-toolbar-wrap .k-button-group .k-tool:focus {
    border-color: #fff;
  }
}
/* Responsive styles */
@media only screen and (max-width: 1024px) {
  .k-webkit .km-pane-wrapper .k-pager-numbers,
  .k-ff .km-pane-wrapper .k-pager-numbers,
  .k-ie11 .km-pane-wrapper .k-pager-numbers,
  .k-edge .km-pane-wrapper .k-pager-numbers,
  .k-safari .km-pane-wrapper .k-pager-numbers,
  .k-webkit .km-pane-wrapper .k-grid .k-pager-numbers,
  .k-ff .km-pane-wrapper .k-grid .k-pager-numbers,
  .k-ie11 .km-pane-wrapper .k-grid .k-pager-numbers,
  .k-edge .km-pane-wrapper .k-grid .k-pager-numbers,
  .k-safari .km-pane-wrapper .k-grid .k-pager-numbers {
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
  }
  .k-webkit .km-pane-wrapper .k-pager-numbers.k-state-expanded,
  .k-ff .km-pane-wrapper .k-pager-numbers.k-state-expanded,
  .k-ie11 .km-pane-wrapper .k-pager-numbers.k-state-expanded,
  .k-edge .km-pane-wrapper .k-pager-numbers.k-state-expanded,
  .k-safari .km-pane-wrapper .k-pager-numbers.k-state-expanded,
  .k-webkit .km-pane-wrapper .k-grid .k-pager-numbers.k-state-expanded,
  .k-ff .km-pane-wrapper .k-grid .k-pager-numbers.k-state-expanded,
  .k-ie11 .km-pane-wrapper .k-grid .k-pager-numbers.k-state-expanded,
  .k-edge .km-pane-wrapper .k-grid .k-pager-numbers.k-state-expanded,
  .k-safari .km-pane-wrapper .k-grid .k-pager-numbers.k-state-expanded {
    transform: translate(-50%, -100%);
    -webkit-transform: translate(-50%, -100%);
  }
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
  .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
  .k-webkit .k-pager-numbers .k-current-page .k-link,
  .k-ff .k-pager-numbers .k-current-page .k-link,
  .k-ie11 .k-pager-numbers .k-current-page .k-link,
  .k-edge .k-pager-numbers .k-current-page .k-link,
  .k-safari .k-pager-numbers .k-current-page .k-link {
    background-image: url('/Content/kendo/web/textures/highlight.png');
    background-image: none, linear-gradient(to bottom, false);
    background-position: 50% 50%;
    background-color: #ffffff;
    border-color: #dbdbdb;
  }
  .k-webkit .k-pager-numbers .k-current-page .k-link,
  .k-ff .k-pager-numbers .k-current-page .k-link,
  .k-ie11 .k-pager-numbers .k-current-page .k-link,
  .k-edge .k-pager-numbers .k-current-page .k-link,
  .k-safari .k-pager-numbers .k-current-page .k-link {
    border-color: #dbdbdb;
  }
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
  .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
    border-radius: 0;
  }
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
  .k-edge .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li {
    border-radius: 0;
  }
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view,
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view,
  .k-edge .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view {
    border-radius: 0 0 0 0;
  }
  .k-webkit .k-scheduler-toolbar > ul li:first-child,
  .k-ff .k-scheduler-toolbar > ul li:first-child,
  .k-ie11 .k-scheduler-toolbar > ul li:first-child,
  .k-edge .k-scheduler-toolbar > ul li:first-child,
  .k-safari .k-scheduler-toolbar > ul li:first-child,
  .k-webkit .k-scheduler-toolbar > ul li:first-child .k-link,
  .k-ff .k-scheduler-toolbar > ul li:first-child .k-link,
  .k-ie11 .k-scheduler-toolbar > ul li:first-child .k-link,
  .k-edge .k-scheduler-toolbar > ul li:first-child .k-link,
  .k-safari .k-scheduler-toolbar > ul li:first-child .k-link,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li,
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li,
  .k-edge .k-scheduler-toolbar > ul.k-scheduler-views li,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
  .k-edge .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li .k-link {
    border-radius: 0;
  }
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
  .k-edge .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link,
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link,
  .k-edge .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link {
    border-radius: 0 0 0 0;
  }
  .k-webkit .k-pager-numbers .k-current-page .k-link:hover,
  .k-ff .k-pager-numbers .k-current-page .k-link:hover,
  .k-ie11 .k-pager-numbers .k-current-page .k-link:hover,
  .k-edge .k-pager-numbers .k-current-page .k-link:hover,
  .k-safari .k-pager-numbers .k-current-page .k-link:hover,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
  .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover {
    border-color: #248196;
    background-image: url('/Content/kendo/web/textures/highlight.png');
    background-image: none, linear-gradient(to bottom, #248196 0%, #248196 100%);
    background-color: #248196;
  }
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
  .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
    color: #787878;
    min-width: 75px;
  }
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link,
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link,
  .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link {
    color: #ffffff;
  }
  .k-webkit .k-pager-numbers .k-current-page .k-link:after,
  .k-ff .k-pager-numbers .k-current-page .k-link:after,
  .k-ie11 .k-pager-numbers .k-current-page .k-link:after,
  .k-edge .k-pager-numbers .k-current-page .k-link:after,
  .k-safari .k-pager-numbers .k-current-page .k-link:after,
  .k-webkit .k-scheduler-views > li.k-state-selected > .k-link:after,
  .k-ff .k-scheduler-views > li.k-state-selected > .k-link:after,
  .k-ie11 .k-scheduler-views > li.k-state-selected > .k-link:after,
  .k-edge .k-scheduler-views > li.k-state-selected > .k-link:after,
  .k-safari .k-scheduler-views > li.k-state-selected > .k-link:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    right: 0.333em;
    width: 1.333em;
    height: 1.333em;
  }
  .k-webkit .k-pager-numbers.k-state-expanded,
  .k-ff .k-pager-numbers.k-state-expanded,
  .k-ie11 .k-pager-numbers.k-state-expanded,
  .k-edge .k-pager-numbers.k-state-expanded,
  .k-safari .k-pager-numbers.k-state-expanded,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
  .k-edge .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #dbdbdb;
    background-color: #ffffff;
    border-radius: 0 0 0 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  }
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
  .k-edge .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
    border-width: 1px;
    background-image: none;
    border-radius: 0;
  }
  .k-webkit .k-pager-numbers .k-state-selected,
  .k-ff .k-pager-numbers .k-state-selected,
  .k-ie11 .k-pager-numbers .k-state-selected,
  .k-edge .k-pager-numbers .k-state-selected,
  .k-safari .k-pager-numbers .k-state-selected,
  .k-webkit .k-pager-numbers .k-link,
  .k-ff .k-pager-numbers .k-link,
  .k-ie11 .k-pager-numbers .k-link,
  .k-edge .k-pager-numbers .k-link,
  .k-safari .k-pager-numbers .k-link {
    border-radius: 0;
  }
  .k-webkit .k-widget.k-grid .k-pager-nav + .k-pager-numbers,
  .k-ff .k-widget.k-grid .k-pager-nav + .k-pager-numbers,
  .k-ie11 .k-widget.k-grid .k-pager-nav + .k-pager-numbers,
  .k-edge .k-widget.k-grid .k-pager-nav + .k-pager-numbers,
  .k-safari .k-widget.k-grid .k-pager-nav + .k-pager-numbers {
    position: absolute;
  }
}
/* Metro Theme */
.k-chart .k-mask {
  background-color: #ffffff;
  filter: alpha(opacity=70);
  opacity: 0.70;
}
.k-chart .k-selection {
  border-color: #c7c7c7;
  box-shadow: inset 0 1px 12px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.2s linear, border-color 0.2s linear;
}
.k-chart .k-selection:hover {
  border-color: #248196;
  box-shadow: inset 0 0 20px rgba(36, 129, 150, 0.5);
}
.k-chart .k-handle {
  background-color: #c7c7c7;
  width: 1px;
}
.k-chart .k-handle:hover {
  background-color: #248196;
  width: 3px;
  border-radius: 0;
}
.k-chart .k-navigator-hint .k-tooltip {
  border: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  background: #248196;
  color: #ffffff;
  border-radius: 0;
}
.k-chart .k-navigator-hint .k-scroll {
  background: rgba(36, 129, 150, 0.5);
  height: 4px;
  border-radius: 0;
}
.k-chart .k-tooltip,
.k-sparkline .k-tooltip,
.k-chart-crosshair-tooltip,
.k-chart-shared-tooltip {
  background-image: none;
  border-radius: 0;
}
/* Map */
.k-map .k-marker {
  font-size: 28px;
  color: #248196;
}
.k-calendar .k-link:not(.k-state-disabled):hover > .k-i-arrow-60-left {
  background-position: 0 -48px;
}
.k-calendar .k-link:not(.k-state-disabled):hover > .k-i-arrow-60-right {
  background-position: 0 -16px;
}
.k-spreadsheet-row-header,
.k-spreadsheet-column-header {
  background-color: #ffffff;
}
.k-spreadsheet-top-corner,
.k-spreadsheet-row-header,
.k-spreadsheet-column-header {
  background-color: #ffffff;
  background-image: none;
  color: #000000;
  border-color: #cccccc;
}
.k-spreadsheet-top-corner {
  border-color: #cccccc;
}
.k-spreadsheet-top-corner:after {
  border-color: transparent #cccccc #cccccc transparent;
}
.k-spreadsheet-pane {
  border-color: #cccccc;
}
.k-spreadsheet-pane .k-spreadsheet-vaxis,
.k-spreadsheet-pane .k-spreadsheet-haxis {
  border-color: #e6e6e6;
}
.k-spreadsheet-pane .k-spreadsheet-column-header,
.k-spreadsheet-pane .k-spreadsheet-row-header {
  border-color: #cccccc;
}
.k-spreadsheet-pane .k-spreadsheet-merged-cell {
  background-color: #ffffff;
}
.k-spreadsheet-pane .k-selection-partial,
.k-spreadsheet-pane .k-selection-full {
  border-color: rgba(36, 129, 150, 0.2);
  background-color: rgba(36, 129, 150, 0.2);
}
.k-spreadsheet-pane .k-filter-range {
  border-color: #248196;
}
.k-spreadsheet-pane .k-spreadsheet-column-header .k-selection-partial,
.k-spreadsheet-pane .k-spreadsheet-column-header .k-selection-full {
  border-bottom-color: #248196;
}
.k-spreadsheet-pane .k-spreadsheet-row-header .k-selection-partial,
.k-spreadsheet-pane .k-spreadsheet-row-header .k-selection-full {
  border-right-color: #248196;
}
.k-auto-fill,
.k-spreadsheet-selection {
  border-color: #248196;
  box-shadow: inset 0 0 0 1px #248196;
}
.k-spreadsheet-selection {
  background-color: rgba(36, 129, 150, 0.2);
}
.k-spreadsheet-active-cell {
  box-shadow: inset 0 0 0 1px #248196;
  background-color: #ffffff;
}
.k-spreadsheet-active-cell.k-single {
  color: #787878;
  background-color: #ffffff;
}
.k-spreadsheet .k-spreadsheet-action-bar {
  background-color: #ffffff;
  border-color: #dbdbdb;
}
.k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor {
  border-color: #cccccc;
}
.k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-bar::before {
  border-color: #cccccc;
}
.k-spreadsheet .k-spreadsheet-formula-input {
  background-color: #ffffff;
  color: #787878;
}
.k-spreadsheet .k-resize-handle,
.k-spreadsheet .k-resize-hint-handle,
.k-spreadsheet .k-resize-hint-marker {
  background-color: #248196;
}
.k-spreadsheet .k-resize-hint-vertical .k-resize-hint-handle,
.k-spreadsheet .k-resize-hint-vertical .k-resize-hint-marker {
  background-color: #248196;
}
.k-spreadsheet .k-single-selection::after {
  background-color: #248196;
  border-color: #ffffff;
}
.k-spreadsheet .k-auto-fill-punch {
  background-color: rgba(255, 255, 255, 0.5);
}
.k-spreadsheet .k-single-selection.k-dim-auto-fill-handle::after {
  background-color: rgba(36, 129, 150, 0.5);
}
.k-spreadsheet-format-cells .k-spreadsheet-preview {
  border-color: #dbdbdb;
}
.k-spreadsheet-filter {
  border-radius: 0;
  background-color: #ffffff;
  box-shadow: inset 0 0 0 1px #e6e6e6;
}
.k-spreadsheet-filter.k-state-active {
  color: #ffffff;
  background-color: #248196;
}
.k-spreadsheet-filter:hover {
  color: #ffffff;
  background: #248196;
  border-color: #1c6575;
}
.k-action-window .k-action-buttons {
  border-color: #dbdbdb;
}
.k-spreadsheet-sample {
  color: #c4c4c4;
}
.k-state-selected .k-spreadsheet-sample {
  color: inherit;
}
.k-spreadsheet-window .k-list-wrapper,
.k-spreadsheet-window .k-list {
  border-color: #dbdbdb;
  border-radius: 0;
}
.k-spreadsheet-toolbar.k-toolbar .k-button-group .k-button:not(.k-toggle-button) {
  border-radius: 0;
}
.k-spreadsheet-toolbar > .k-widget,
.k-spreadsheet-toolbar > .k-button,
.k-spreadsheet-toolbar > .k-button-group {
  border-radius: 0;
}
.k-spreadsheet-toolbar > .k-separator {
  border-color: #dbdbdb;
}
.k-spreadsheet-toolbar .k-overflow-anchor {
  border-radius: 0;
}
.k-spreadsheet-popup {
  border-radius: 0;
}
.k-spreadsheet-popup .k-separator {
  background-color: #dbdbdb;
}
.k-spreadsheet-popup .k-button {
  background-color: transparent;
}
.k-spreadsheet-popup .k-button:hover {
  background-color: #248196;
}
.k-spreadsheet-popup .k-state-active {
  background-color: #248196;
  color: #000000;
}
.k-spreadsheet-popup .k-state-active:hover {
  background-color: #1a5e6d;
}
.k-spreadsheet-filter-menu .k-details {
  border-color: #dbdbdb;
}
.k-spreadsheet-filter-menu .k-details-content .k-space-right {
  background-color: #ffffff;
}
.k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper {
  background-color: #ffffff;
  border-color: #dbdbdb;
  border-radius: 0 0 0 0;
}
.k-syntax-ref {
  color: #ff8822;
}
.k-syntax-num {
  color: #0099ff;
}
.k-syntax-func {
  font-weight: bold;
}
.k-syntax-str {
  color: #38b714;
}
.k-syntax-error {
  color: red;
}
.k-syntax-bool {
  color: #a9169c;
}
.k-syntax-startexp {
  font-weight: bold;
}
.k-syntax-paren-match {
  background-color: #caf200;
}
.k-series-a {
  border-color: #248196;
  background-color: rgba(36, 129, 150, 0.15);
}
.k-series-b {
  border-color: #309b46;
  background-color: rgba(48, 155, 70, 0.15);
}
.k-series-c {
  border-color: #25a0da;
  background-color: rgba(37, 160, 218, 0.15);
}
.k-series-d {
  border-color: #ff6900;
  background-color: rgba(255, 105, 0, 0.15);
}
.k-series-e {
  border-color: #e61e26;
  background-color: rgba(230, 30, 38, 0.15);
}
.k-series-f {
  border-color: #d8e404;
  background-color: rgba(216, 228, 4, 0.15);
}
.k-spreadsheet-sheets-remove:hover .k-icon {
  color: #cc2222;
}
.k-spreadsheet-formula-list .k-state-focused {
  background-color: #248196;
  color: #ffffff;
}
/* Dialog */
.k-dialog {
  border-color: #dbdbdb;
}
.k-dialog .k-window-titlebar {
  border-bottom-width: 0;
}
.k-dialog .k-dialog-title {
  color: #000000;
}
.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched {
  width: 100%;
}
.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button {
  display: inline-block;
  padding: 0.9em 0 0.9em 0;
  border-radius: 0;
  border-bottom: 0;
  border-width: 1px 0 0 1px;
}
.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button:first-child {
  border-bottom-left-radius: 0;
  border-left: 0;
}
.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button:last-child {
  border-bottom-right-radius: 0;
  border-right: 0;
}
.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal {
  width: auto;
  margin: 0;
  padding: 1em;
  text-align: left;
}
.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button {
  padding: 0.2em 1.5em;
  margin-left: 0.5em;
}
.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button:first-child {
  margin-left: 0;
}
.k-rtl .k-dialog a.k-dialog-action.k-dialog-close {
  top: 1em;
  left: .5em;
}
.k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button:first-child {
  border-right-width: 0;
  border-left-width: 1px;
  border-bottom-right-radius: 0;
}
.k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button:last-child {
  border-left-width: 0;
  border-right-width: 1px;
  border-bottom-left-radius: 0;
}
.k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal {
  text-align: right;
}
.k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button {
  margin-right: 0;
  margin-left: 0.5em;
}
.k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button:last-child {
  margin-left: 0;
}
.k-numeric-wrap .k-i-warning {
  color: #67080a;
  position: absolute;
  top: 0;
  right: 1.9em;
  width: 1.9em;
}
.k-numeric-wrap.k-state-invalid {
  border-color: #67080a;
}
.k-numeric-wrap.k-state-invalid input {
  color: #67080a;
}
.k-rtl .k-numeric-wrap.k-state-invalid .k-i-warning {
  right: auto;
  left: 1.9em;
}
.k-maskedtextbox.k-state-invalid .k-textbox {
  border-color: #67080a;
  color: #67080a;
}
.k-maskedtextbox.k-state-invalid .k-i-warning {
  color: #67080a;
}
.k-dateinput.k-state-invalid .k-textbox {
  color: #67080a;
  border-color: #67080a;
}
.k-dateinput.k-state-invalid .k-i-warning {
  margin-left: 0;
  margin-right: 0.6em;
  color: #67080a;
}
.k-rtl .k-dateinput .k-i-warning {
  margin-right: 0;
  margin-left: 0.6em;
}
.k-datepicker .k-picker-wrap.k-state-invalid,
.k-timepicker .k-picker-wrap.k-state-invalid {
  border-color: #67080a;
}
.k-datepicker .k-picker-wrap.k-state-invalid .k-input,
.k-timepicker .k-picker-wrap.k-state-invalid .k-input {
  color: #67080a;
}
.k-datepicker .k-picker-wrap .k-i-warning,
.k-timepicker .k-picker-wrap .k-i-warning {
  color: #67080a;
  margin-left: 0;
  margin-right: 2.1em;
}
.k-rtl .k-datepicker .k-picker-wrap .k-i-warning,
.k-rtl .k-timepicker .k-picker-wrap .k-i-warning {
  margin-right: 0;
  margin-left: 2.1em;
}
.k-datetimepicker .k-picker-wrap.k-state-invalid {
  border-color: #67080a;
}
.k-datetimepicker .k-picker-wrap.k-state-invalid .k-input {
  color: #67080a;
}
.k-datetimepicker .k-picker-wrap .k-i-warning {
  color: #67080a;
  margin-left: 0;
  margin-right: 4.3em;
}
.k-rtl .k-datetimepicker .k-picker-wrap .k-icon.k-i-warning {
  margin-right: 0;
  margin-left: 4.3em;
}
.k-listbox .k-list-scroller {
  padding: 2px;
  border-color: #dbdbdb;
  background-color: #ffffff;
}
.k-listbox .k-item:hover:not(.k-state-disabled) {
  color: #ffffff;
  background-color: #248196;
  border-color: transparent;
}
.k-listbox .k-drop-hint {
  height: 0;
  border-top: 1px solid #248196;
}
.k-grid-header .k-i-sort-asc-sm,
.k-grid-header .k-i-sort-desc-sm,
.k-grid-header .k-sort-order {
  color: #248196;
}
.messagesSidebar {
  padding: 1.2em;
  border-bottom: 1px solid #999;
  margin-bottom: 2em;
}
.messagesSidebar .searchBox {
  margin-bottom: 1em !important;
}
.messagesSidebar .messagesSidebarFilter {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding-left: .5em;
  font-family: 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif;
  letter-spacing: 0;
  color: #444;
  height: 2.4em;
}
.messagesSidebar .messagesSidebarFilter:hover {
  background: #e7e7e7;
}
.messagesSidebar .messagesSidebarFilter.active {
  background: #ddd;
}
.messagesSidebar .messagesSidebarFilter.active .textcontent {
  font-weight: bold;
}
.messagesSidebar .messagesSidebarFilter .icon {
  font-family: 'icomoon';
  font-size: 1.5em;
}
.messagesSidebar .messagesSidebarFilter .textcontent {
  padding-left: 1em;
}
.messagesSidebar .messagesSidebarFilter .icon.Inbox:before {
  content: '\e901';
}
.messagesSidebar .messagesSidebarFilter .icon.Sent:before {
  content: '\e163';
}
.messagesSidebar .messagesSidebarFilter .icon.Unread:before {
  content: '\e159';
}
.messagesSidebar .messagesSidebarFilter .icon.Drafts:before {
  content: '\e24d';
}
.messagesSidebar .messagesSidebarFilter .icon.Archived:before {
  content: '\e900';
}
.messagesSidebar .messagesSidebarFilter .icon.MessagingGroups:before {
  content: '\e8d3';
}
.messagesSidebar .messagesSidebarFilter .icon.MessageLabels:before {
  content: '\e8b8';
}
.messagesSidebar .messagesSidebarFilter .icon.CustomLabel:before {
  content: '\e902';
}
.admin-financial-sidebar {
  margin: .5em;
}
.admin-financial-sidebar .sidebar-link {
  display: flex;
  align-items: center;
  color: #333;
  border-radius: 5px;
  height: 3em;
  padding: 0 0.5em;
}
.admin-financial-sidebar .sidebar-link:hover {
  background: #e7e7e7;
}
.admin-financial-sidebar .sidebar-link .icon {
  width: 2.8em;
}
.admin-financial-sidebar .sidebar-link.active {
  background: #248196;
  color: white;
}
.admin-analytics-sidebar {
  margin: .5em;
}
.admin-analytics-sidebar .sidebar-link {
  display: flex;
  align-items: center;
  color: #333;
  border-radius: 5px;
  height: 3em;
  padding: 0 0.5em;
}
.admin-analytics-sidebar .sidebar-link:hover {
  background: #e7e7e7;
}
.admin-analytics-sidebar .sidebar-link .icon {
  width: 2.8em;
}
.admin-analytics-sidebar .sidebar-link.active {
  background: #248196;
  color: white;
}
.admin-analytics-sidebar .sidebar-link-child {
  display: flex;
  align-items: center;
  color: #333;
  border-radius: 5px;
  height: 3em;
  padding: 0 0.5em;
  margin-left: 2em;
}
.admin-analytics-sidebar .sidebar-link-child:hover {
  background: #e7e7e7;
}
.admin-analytics-sidebar .sidebar-link-child .icon {
  width: 2.8em;
}
.admin-analytics-sidebar .sidebar-link-child.active {
  background: #248196;
  color: white;
}
.m-dropdown:not(.per-page-selector) .m-select {
  font-family: 'Roboto', sans-serif;
  display: inline-flex;
  position: relative;
  height: 38px;
}
.m-dropdown:not(.per-page-selector) .m-select .m-select-dropdown-icon {
  background: url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.54%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E") no-repeat center;
  left: auto;
  right: 8px;
  position: absolute;
  top: 8px;
  width: 24px;
  height: 24px;
  pointer-events: none;
}
.m-dropdown:not(.per-page-selector) .m-select .m-select-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  color: rgba(0, 0, 0, 0.87);
  cursor: pointer;
  height: 41px;
  letter-spacing: 0.009375em;
  padding: 6px 52px 4px 12px;
  z-index: 1;
}
.m-dropdown:not(.per-page-selector) .m-select .m-select-control::-ms-expand {
  display: none;
}
.m-dropdown:not(.per-page-selector) .m-select .m-select-control:focus {
  outline: none;
}
.m-dropdown:not(.per-page-selector) .m-select .m-select-control:hover ~ .m-select-outline .m-select-outline-leading,
.m-dropdown:not(.per-page-selector) .m-select .m-select-control:hover ~ .m-select-outline .m-select-outline-notch,
.m-dropdown:not(.per-page-selector) .m-select .m-select-control:hover ~ .m-select-outline .m-select-outline-trailing {
  border-color: rgba(0, 0, 0, 0.87);
}
.m-dropdown:not(.per-page-selector) .m-select .m-select-outline {
  display: flex;
  position: absolute;
  right: 0;
  left: 0;
  height: 100%;
}
.m-dropdown:not(.per-page-selector) .m-select .m-select-outline .m-select-outline-leading {
  width: 12px;
  border-radius: 4px 0 0 4px;
  border-left: 1px solid rgba(0, 0, 0, 0.24);
  border-top: 1px solid rgba(0, 0, 0, 0.24);
  border-bottom: 1px solid rgba(0, 0, 0, 0.24);
}
.m-dropdown:not(.per-page-selector) .m-select .m-select-outline .m-select-outline-trailing {
  flex-grow: 1;
  border-radius: 0 4px 4px 0;
  border-right: 1px solid rgba(0, 0, 0, 0.24);
  border-top: 1px solid rgba(0, 0, 0, 0.24);
  border-bottom: 1px solid rgba(0, 0, 0, 0.24);
}
.m-dropdown:not(.per-page-selector) .m-select .m-select-outline .m-select-outline-notch {
  padding-right: 8px;
  border-top: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.24);
}
.m-dropdown:not(.per-page-selector) .m-select .m-select-outline .m-select-outline-notch .m-select-label {
  font-family: inherit;
  color: rgba(0, 0, 0, 0.87);
  font-size: 0.75rem;
  left: 4px;
  line-height: 1.75rem;
  position: relative;
  top: -13px;
}
.per-page-selector.m-dropdown .singleSelect {
  height: 24px;
}
.per-page-selector.m-dropdown .singleSelect .m-select-control {
  color: inherit;
}
.m-height {
  height: 2.5em;
}
.m-border {
  border: 1px solid #ccc;
}
.m-rounded {
  border-radius: 4px;
}
.m-filled-background {
  background: #f3f3f3;
  box-shadow: none;
}
.m-filled-background:focus {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  background: white;
}
.m-depth-1 {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.m-depth-2 {
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}
.m-depth-1-bottom-only {
  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px -5px rgba(0, 0, 0, 0.2);
}
.m-label {
  color: #666;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  margin-top: .2em;
  margin-bottom: .2em;
}
.m-menu {
  border: none;
  border-radius: 4px;
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
  z-index: 1000;
}
.m-card {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  padding: .8em;
  padding-top: .4em;
  background: white;
  margin-bottom: 1.4em;
}
.m-card-title {
  color: #666;
  font-weight: bold;
  font-size: 1.2em;
  font-family: 'Roboto', sans-serif;
  padding-top: .4em;
  margin-bottom: 0.9em;
}
.m-card .m-card-title .m-card-title-actions {
  float: right;
  font-size: 0.75em;
  display: flex;
}
.m-card .m-card-title .m-card-title-actions .tooltipstered {
  display: flex;
}
.m-card-title .tooltipstered {
  display: inline-block;
  font-size: 0.85em;
  font-weight: normal;
  margin-left: 0.3em;
}
.m-card-header {
  display: flex;
}
.m-card-search {
  font-size: .9em;
  margin-top: .1em;
  margin-bottom: 1.7em;
  width: 16em;
  margin-left: 3em;
}
.m-card-search .searchBox ::placeholder {
  color: #aaa;
}
.m-card-header-right {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.m-card-header-right .m-btn {
  font-size: .9em;
}
.m-section {
  margin-top: 1em;
}
.m-section-header {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ccc;
  margin-bottom: .3em;
}
.m-section-header-title {
  font-family: 'Roboto', sans-serif;
  font-size: 1.2em;
  margin-top: .2em;
  margin-bottom: .2em;
}
.m-section-header-actions {
  margin-left: auto;
  display: flex;
  margin-bottom: .1em;
}
.m-section-header-actions .m-btn {
  font-size: .9em;
}
.m-btn {
  border-radius: 4px;
  height: 2.5em;
  display: inline-flex;
  align-items: center;
  padding: 0 .8em;
}
.m-btn ~ .m-btn {
  margin-left: .2em;
}
.m-btn span.text {
  font-size: .9em;
  letter-spacing: .5px;
}
.m-btn,
.m-btn:hover,
.m-btn:focus {
  color: #248196;
}
.m-btn.filled {
  background: #248196;
  color: white;
}
.m-btn.filled:hover {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  background: #248196;
}
.m-btn.success {
  background: #5da423;
}
.m-btn.success:hover {
  background: #5da423;
}
.m-btn.raised {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  padding: .5em;
}
.m-btn.outlined {
  border: 1px solid #248196;
  color: #248196;
  background: none;
}
.m-btn:hover {
  background: #e2eef1;
}
.m-btn .icon {
  font-size: .7em;
}
.m-btn .icon:not(:last-child) {
  margin-right: .5em;
}
.m-btn .text,
.m-btn .textcontent,
.m-btn .text-content {
  position: unset !important;
  top: unset !important;
}
.m-btn.alert {
  border-color: #c60f13;
  color: #c60f13;
}
.m-icon-btn {
  font-family: 'icomoon';
  padding: .3em;
  border-radius: 100px;
  cursor: pointer;
  font-size: 1.3em;
  height: 1.6em;
  width: 1.6em;
}
.m-icon-btn,
.m-icon-btn a,
.m-icon-btn a:hover {
  color: #333 !important;
}
.m-icon-btn:hover {
  background: #ddd;
}
.m-icon-btn.navigate-back {
  opacity: .5;
  margin-right: .5em;
}
.m-icon-btn.navigate-back:before {
  font-size: 1em !important;
}
.m-icon-btn.edit {
  opacity: .7;
  padding: .3em;
}
.m-icon-btn.edit:before {
  font-size: 1em;
  top: 0em;
}
.default-border-transition {
  -moz-transition: border-color linear 0.3s;
  -o-transition: border-color linear 0.3s;
  -webkit-transition: border-color linear 0.3s;
  transition: border-color linear 0.3s;
}
.focused-input {
  background: white;
  box-shadow: none;
  border: 1px solid #248196;
}
.default-m-input {
  height: 2.5em;
  color: #333;
  font-size: 1em;
  box-shadow: none;
  resize: none;
  outline: none;
  margin-bottom: 1em;
  background: white;
  border: 1px solid #cccccc;
  -moz-transition: border-color linear 0.3s;
  -o-transition: border-color linear 0.3s;
  -webkit-transition: border-color linear 0.3s;
  transition: border-color linear 0.3s;
  border-radius: 4px;
}
.default-m-input::placeholder {
  color: #ccc;
}
.default-m-input:focus {
  background: white;
  box-shadow: none;
  border: 1px solid #248196;
}
.default-m-input.has-errors {
  border: 1px solid #c60f13;
}
input[type=text].m-input,
input[type=number].m-input,
input[type=password].m-input,
label.m-input {
  height: 2.5em;
  color: #333;
  font-size: 1em;
  box-shadow: none;
  resize: none;
  outline: none;
  margin-bottom: 1em;
  background: white;
  border: 1px solid #cccccc;
  -moz-transition: border-color linear 0.3s;
  -o-transition: border-color linear 0.3s;
  -webkit-transition: border-color linear 0.3s;
  transition: border-color linear 0.3s;
  border-radius: 4px;
}
input[type=text].m-input::placeholder,
input[type=number].m-input::placeholder,
input[type=password].m-input::placeholder,
label.m-input::placeholder {
  color: #ccc;
}
input[type=text].m-input:focus,
input[type=number].m-input:focus,
input[type=password].m-input:focus,
label.m-input:focus {
  background: white;
  box-shadow: none;
  border: 1px solid #248196;
}
input[type=text].m-input.has-errors,
input[type=number].m-input.has-errors,
input[type=password].m-input.has-errors,
label.m-input.has-errors {
  border: 1px solid #c60f13;
}
.m-input.input[type=text],
.m-input select {
  border-radius: 4px;
  height: 2.5em;
  background: #f3f3f3;
  box-shadow: none;
  border: none;
  padding-left: .5em;
}
.m-input.input[type=text]:focus,
.m-input select:focus {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  background: white;
}
.m-input.input[type=text]:focus,
.m-input select:focus {
  border: none;
}
.m-input .singleSelect {
  margin-top: 0;
}
.m-input .select2-container .select2-choice {
  border-radius: 4px;
  height: 2.5em;
  border: none;
  background: #f3f3f3;
  box-shadow: none;
}
.m-input .select2-container .select2-choice:focus {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  background: white;
}
.m-input .select2-container .select2-choice .select2-chosen {
  margin-top: .4em;
}
.m-input .select2-container .select2-choice .select2-arrow {
  background: none;
  border: none;
  margin-top: .4em;
}
.m-input .select2-container.select2-container-active .select2-choice {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  background: white;
}
.m-input .custom-checkbox {
  color: #999;
}
.action-icon {
  display: inline-flex;
  cursor: pointer;
  width: 2.4em;
  height: 2.4em;
  border-radius: 50px;
  margin-left: .3em;
  margin-right: .3em;
  align-items: center;
  transition: all .1s linear;
  line-height: 1;
}
.action-icon,
.action-icon:active,
.action-icon:focus {
  color: #777;
}
.action-icon:hover {
  background: #eee;
  color: #333;
}
.action-icon .icon {
  margin: auto;
  font-size: .8em;
}
.m-card .m-table {
  font-size: .9em;
}
.no-items {
  line-height: 1.6;
  padding: .5em;
  text-align: center;
  font-size: .9em;
}
.m-table .headerRow,
.m-table .header-row {
  background: none;
  border-bottom: 1px solid #ddd;
  min-height: 2em;
  display: flex;
  align-items: center;
  font-family: 'Open Sans', sans-serif;
  margin: 0;
}
.m-table .headerRow .column,
.m-table .header-row .column {
  padding-left: .9375em;
  padding-right: .9375em;
}
.m-table .headerRow .columns,
.m-table .header-row .columns {
  padding-left: .9375em;
  padding-right: .9375em;
}
.m-table .headerRow > .columns,
.m-table .header-row > .columns {
  display: flex;
  align-items: center;
}
.m-table .headerRow > div,
.m-table .header-row > div {
  border-right: none;
  color: #999;
}
.m-table .headerRow .action-icon,
.m-table .header-row .action-icon {
  font-size: .85em;
}
.m-table .entry-row {
  border-bottom: 1px solid #eee;
  min-height: 3em;
  display: block;
  margin: 0;
}
.m-table .entry-row .column {
  padding-left: .9375em;
  padding-right: .9375em;
}
.m-table .entry-row .columns {
  padding-left: .9375em;
  padding-right: .9375em;
}
.m-table .entry-row > .columns:not(.entry-row-expand) {
  min-height: 3em;
  display: flex;
  align-items: center;
}
.m-table .entry-row .columns > div {
  font-family: 'Open Sans', sans-serif;
}
.m-table .entry-row .column-inner {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.m-table a.entry-row {
  color: inherit;
}
.m-table a.entry-row:hover {
  background: #b6d5dc;
}
.m-table .entry-row-actions .entry-row-actions-inner {
  margin-left: auto;
}
.m-table.border-top .entry-row:first-child {
  border-top: 1px solid #eee;
}
.m-table:not(.border-bottom) .entry-row:last-child {
  border-bottom: none;
}
.m-table .column-center {
  text-align: center;
}
.m-table .column-right {
  text-align: right;
}
@media only screen and (max-width: 939px) {
  .m-table .header-row,
  .m-table .headerRow {
    display: none;
  }
  .m-table .entry-row {
    flex-wrap: wrap;
  }
  .m-table .entry-row > div.columns {
    width: 100%;
    margin: .5em;
  }
  .m-table .column-center,
  .m-table .column-right {
    text-align: left;
  }
}
.m-table.sortableTable-binding-applied {
  border: none;
}
.m-table.sortableTable-binding-applied .tableEntries .entry-row:last-child {
  border-bottom: 1px solid #eee;
}
.m-table.sortableTable-binding-applied .tableEntries .entry-row .columns {
  border-right: none;
}
.m-checkbox .checkboxIcon label {
  border-radius: 3px;
}
.m-file,
.m-chip {
  display: inline-flex;
  padding: 0.4em .8em;
  margin-bottom: .5em;
  border-radius: 100px;
  border: 1px solid #ccc;
  line-height: 1.1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}
.m-file,
.m-chip,
.m-file:hover,
.m-chip:hover,
.m-file:focus,
.m-chip:focus {
  color: #777;
}
.m-file:hover,
.m-chip:hover {
  background: #f3f3f3;
}
.m-file .icon,
.m-chip .icon {
  margin-right: .5em;
}
.m-file .name,
.m-chip .name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.m-file .icon:before {
  content: '\e617';
  font-family: 'icomoon';
}
/**********************************
*
* TABS
*
***********************************/
.m-tab-container {
  display: flex;
  background: #248196;
  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px -5px rgba(0, 0, 0, 0.2);
  margin-bottom: 1em;
  overflow-x: auto;
}
.m-tab {
  padding: 1em 1.5em;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  color: #999;
  font-size: 0.9em;
  border-bottom: 3px solid transparent;
  padding-bottom: .7em;
  color: white;
  cursor: pointer;
}
.m-tab .m-tab-inner {
  opacity: .7;
}
.m-tab.active,
.m-tab:hover,
.m-tab:focus {
  color: white;
  border-color: white;
}
.m-tab.active .m-tab-inner,
.m-tab:hover .m-tab-inner,
.m-tab:focus .m-tab-inner {
  opacity: 1;
}
.m-tab-icon {
  text-align: center;
  margin-bottom: .5em;
}
.m-tab-icon:before {
  font-family: icomoon;
  content: '\e603';
}
.m-tab-title {
  text-transform: uppercase;
  white-space: nowrap;
}
/**********************************
*
* FLOATING ACTION BUTTONS
*
***********************************/
.m-fab-wrapper {
  height: 7em;
  direction: rtl;
}
.m-fab-extended-large {
  visibility: visible;
  position: fixed;
  bottom: 1em;
  background: #248196;
  color: white;
  font-family: 'Roboto';
  border-radius: 50px;
  padding: 0.9em;
  font-weight: 300;
  cursor: pointer;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.m-fab-extended-large:hover {
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}
.m-fab-extended-large span.icon.plus:before {
  font-size: .8em;
}
.m-fab-extended-large span.text {
  font-size: .9em;
  letter-spacing: 1px;
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 939px) {
  .m-fab-extended-large span.icon.plus {
    padding: 0 .12em;
  }
  .m-fab-extended-large span.text {
    display: none;
  }
}
.error-message {
  color: #c60f13;
}
.default-border-transition {
  -moz-transition: border-color linear 0.3s;
  -o-transition: border-color linear 0.3s;
  -webkit-transition: border-color linear 0.3s;
  transition: border-color linear 0.3s;
}
.focused-input {
  background: white;
  box-shadow: none;
  border: 1px solid #248196;
}
.default-form-input {
  height: 2.5em;
  color: #333;
  font-size: 1em;
  box-shadow: none;
  resize: none;
  outline: none;
  margin-bottom: 1em;
  background: white;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -moz-transition: border-color linear 0.3s;
  -o-transition: border-color linear 0.3s;
  -webkit-transition: border-color linear 0.3s;
  transition: border-color linear 0.3s;
}
.default-form-input::placeholder {
  color: #ccc;
}
.default-form-input:focus {
  background: white;
  box-shadow: none;
  border: 1px solid #248196;
}
.default-form-input.has-errors {
  border: 1px solid #c60f13;
}
.labelButton {
  padding: .7em;
  display: inline-block;
  min-width: 4.5em;
  margin-left: -2px;
  margin-top: -1px;
  margin-right: .2em;
  text-align: center;
  border: 1px solid #ccc;
  position: relative;
  cursor: pointer;
  user-select: none;
  border-radius: 4px;
}
.labelButton.active {
  background: #248196;
  color: #fff;
  border-color: #248196;
  z-index: 100;
}
.labelButton:not(.active) {
  background: white;
  color: #bbb;
}
/* CUSTOM ERRORS */
.customErrors {
  padding-top: .2em;
  color: #c60f13;
  margin-bottom: 1em;
  display: flex;
}
.customErrors .alert-icon {
  font-size: .9em;
}
.customErrors .errorMessages {
  padding-top: .25em;
  padding-left: 1em;
  font-weight: bold;
}
.customErrors .errorMessages .errorText:not(:last-child) {
  padding-bottom: .5em;
}
/* CUSTOM RADIO BUTTONS */
.singleSelect {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  margin-top: 1px;
}
.singleSelect:not(.static-view) {
  margin-bottom: 1em;
}
.singleSelect .optionDescription {
  font-style: italic;
  font-size: .8em;
}
.singleSelect[data-display-type='RadioButtons'] .fancyRadioButtonContainer {
  cursor: pointer;
  min-height: 1.9em;
  display: inline-flex;
  margin-bottom: .3em;
}
.singleSelect[data-display-type='RadioButtons'] .fancyRadioButtonContainer .fancyRadioButton {
  padding: .3em .6em .3em .3em;
  display: inline-block;
}
.singleSelect[data-display-type='RadioButtons'] .fancyRadioButtonContainer .fancyRadioButton label {
  display: inline-block;
}
.singleSelect[data-display-type='RadioButtons'] .fancyRadioButtonContainer .fancyRadioButton label:before {
  content: "\e61f";
  font-family: "icomoon";
  font-size: 1.3em;
  color: #ccc;
  background-color: white;
  border-radius: 100px;
}
.singleSelect[data-display-type='RadioButtons'] .fancyRadioButtonContainer .fancyRadioButton label.active:before {
  content: "\e61e";
  color: #248196;
}
.singleSelect[data-display-type='RadioButtons'] .fancyRadioButtonContainer .disabledMessage {
  display: inline-flex;
  align-items: center;
  margin-left: 1em;
  font-size: .8em;
}
.singleSelect[data-display-type='RadioButtons'] .fancyRadioButtonContainer .disabledMessage .disabledText {
  margin-left: 1em;
  font-weight: bold;
  font-style: italic;
}
.singleSelect[data-display-type='RadioButtons'] .fancyRadioButtonContainer .fancyRadioButtonText {
  vertical-align: top;
  display: inline-block;
  padding-top: .45em;
}
.singleSelect[data-display-type='RadioButtons'] .optionDescription {
  margin-left: 2.7em;
  margin-bottom: .8em;
}
.singleSelect[data-display-type='Labels'] {
  display: flex;
  flex-wrap: wrap;
}
.singleSelect[data-display-type='Labels'] .labelOption {
  padding: .7em;
  display: inline-block;
  min-width: 4.5em;
  margin-left: -2px;
  margin-top: -1px;
  margin-right: .2em;
  text-align: center;
  border: 1px solid #ccc;
  position: relative;
  cursor: pointer;
  user-select: none;
  border-radius: 4px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  display: inline-flex;
  align-items: center;
  padding: .3em;
  height: 2.5em;
  border-right: none;
}
.singleSelect[data-display-type='Labels'] .labelOption.active {
  background: #248196;
  color: #fff;
  border-color: #248196;
  z-index: 100;
}
.singleSelect[data-display-type='Labels'] .labelOption:not(.active) {
  background: white;
  color: #bbb;
}
.singleSelect[data-display-type='Labels'] .labelOption:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.singleSelect[data-display-type='Labels'] .labelOption:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-right: 1px solid #ccc;
}
.singleSelect[data-display-type='Labels'] .labelOption > div {
  width: 100%;
  text-align: center;
}
.singleSelect[data-display-type='Labels'] .labelOption .optionDescription {
  margin-top: .3em;
  margin-left: .8em;
}
.singleSelect:after {
  clear: both;
}
.singleSelect:not(.static-view) .fancyRadioButtonContainer:hover .fancyRadioButton label:before {
  color: #248196;
}
.singleSelect.static-view .fancyRadioButtonContainer,
.singleSelect.static-view .fancyRadioButtonContainer label {
  cursor: default;
}
.singleSelect.static-view .fancyRadioButtonContainer .radioButtonOption:not(.active) {
  cursor: default;
}
/* CUSTOM CHECKBOXES */
.customCheckboxes {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.customCheckboxes .customCheckboxInner {
  display: inline-block;
}
.customCheckboxes .checkboxDescription {
  font-style: italic;
  margin-left: .8em;
  font-size: .8em;
}
.customCheckboxes[data-display-type='Labels'] .checkboxOption {
  padding: .7em;
  display: inline-block;
  margin-left: -2px;
  margin-top: -1px;
  margin-right: .2em;
  border: 1px solid #ccc;
  position: relative;
  cursor: pointer;
  user-select: none;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  display: inline-flex;
  align-items: center;
  border: 1px solid #cccccc;
  border-radius: 4px;
  min-width: 4.5em;
  text-align: center;
}
.customCheckboxes[data-display-type='Labels'] .checkboxOption.active {
  background: #248196;
  color: #fff;
  border-color: #248196;
  z-index: 100;
}
.customCheckboxes[data-display-type='Labels'] .checkboxOption:not(.active) {
  background: white;
  color: #bbb;
}
.customCheckboxes[data-display-type='Labels'] .checkboxOption.active {
  border: 1px solid #248196;
}
.customCheckboxes[data-display-type='Labels'] .checkboxDescription {
  margin-top: .3em;
}
.customCheckboxes[data-display-type='Labels'].static-view .checkboxOption {
  cursor: default;
}
/* FLIPSWITCH */
.form-input .flipswitch .flipswitchValue {
  color: #ccc;
  min-width: 3.5em;
  text-align: center;
  padding: .625em;
  border: 1px solid #cccccc;
}
@media only screen and (max-width: 939px) {
  .form-input .flipswitch .flipswitchValue {
    padding: .75em;
  }
}
.form-input .flipswitch .flipswitchValue:not(.active) {
  box-shadow: none !important;
}
.form-input .flipswitch .flipswitchValue.active {
  color: white;
  border: 1px solid #248196;
}
.form-input .flipswitch .flipswitchValue:first-child {
  border-right: none;
}
.form-input .flipswitch .flipswitchValue:nth-child(2) {
  border-left: none;
}
/* TOGGLEBOX */
.form-input.toggleboxContainer .checkBlock label {
  line-height: 1;
  padding: .9em;
  color: #ccc;
  font-family: 'Open Sans', sans-serif;
  border: 1px solid #cccccc;
  border-radius: 4px;
}
.form-input.toggleboxContainer .checkBlock label.active {
  color: white;
  border: 1px solid #248196;
}
.fully-padded-checkbox {
  padding-left: .6em;
  width: 2.4em;
}
.custom-checkbox {
  display: inline-flex;
  align-items: baseline;
}
.custom-checkbox:not(.uneditable) {
  cursor: pointer;
}
.custom-checkbox:not(.uneditable):hover .checkboxIcon label {
  border: 1px solid #248196;
}
.custom-checkbox.uneditable .checkboxIcon {
  opacity: .6;
}
.custom-checkbox .checkboxIcon {
  padding: .7em;
  padding-left: 0;
  width: 2em;
}
.custom-checkbox .checkboxIcon label {
  border: 1px solid #cccccc;
  width: 1.2em;
  height: 1.2em;
  margin-bottom: 0;
  background: white;
}
.custom-checkbox .checkboxIcon label:before {
  content: "\e60c";
  font-family: "icomoon";
  opacity: 0;
  line-height: 1;
}
.custom-checkbox .checkboxIcon label.active {
  border: 1px solid #248196;
}
.custom-checkbox .checkboxIcon label.active:before {
  opacity: 1;
}
.custom-checkbox .checkboxText {
  display: flex;
  padding-top: .1em;
}
.custom-checkbox-companion-error {
  padding-left: 1em;
}
.custom-checkbox-wrapper ~ h1,
.custom-checkbox-wrapper ~ h2,
.custom-checkbox-wrapper ~ h3,
.custom-checkbox-wrapper ~ h4,
.custom-checkbox-wrapper ~ h5,
.custom-checkbox-wrapper ~ h6 {
  display: inline-block;
}
.checkboxLabelGroup .checkboxLabel-binding-applied {
  display: inline-block;
}
/* CUSTOM TEXT INPUTS */
input[type=text].form-input,
input[type=tel].form-input,
input[type=number].form-input,
input[type=password].form-input,
label.form-input {
  height: 2.5em;
  color: #333;
  font-size: 1em;
  box-shadow: none;
  resize: none;
  outline: none;
  margin-bottom: 1em;
  background: white;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -moz-transition: border-color linear 0.3s;
  -o-transition: border-color linear 0.3s;
  -webkit-transition: border-color linear 0.3s;
  transition: border-color linear 0.3s;
}
input[type=text].form-input::placeholder,
input[type=tel].form-input::placeholder,
input[type=number].form-input::placeholder,
input[type=password].form-input::placeholder,
label.form-input::placeholder {
  color: #ccc;
}
input[type=text].form-input:focus,
input[type=tel].form-input:focus,
input[type=number].form-input:focus,
input[type=password].form-input:focus,
label.form-input:focus {
  background: white;
  box-shadow: none;
  border: 1px solid #248196;
}
input[type=text].form-input.has-errors,
input[type=tel].form-input.has-errors,
input[type=number].form-input.has-errors,
input[type=password].form-input.has-errors,
label.form-input.has-errors {
  border: 1px solid #c60f13;
}
input[type=text].form-input.tiny,
input[type=tel].form-input.tiny,
input[type=number].form-input.tiny,
input[type=password].form-input.tiny,
label.form-input.tiny {
  max-width: 4em;
}
input[type=text].form-input.short,
input[type=tel].form-input.short,
input[type=number].form-input.short,
input[type=password].form-input.short,
label.form-input.short {
  max-width: 8em;
}
input[type=text].form-input.medium,
input[type=tel].form-input.medium,
input[type=number].form-input.medium,
input[type=password].form-input.medium,
label.form-input.medium {
  max-width: 16em;
}
input[type=text].form-input.long,
input[type=tel].form-input.long,
input[type=number].form-input.long,
input[type=password].form-input.long,
label.form-input.long {
  max-width: 32em;
}
input[type=text]:focus + label.form-input,
input[type=tel]:focus + label.form-input,
input[type=number]:focus + label.form-input,
input[type=password]:focus + label.form-input,
label:focus + label.form-input {
  background: white;
  box-shadow: none;
  border: 1px solid #248196;
}
/* TEXT AREAS */
textarea.form-input {
  height: 2.5em;
  color: #333;
  font-size: 1em;
  box-shadow: none;
  resize: none;
  outline: none;
  margin-bottom: 1em;
  background: white;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -moz-transition: border-color linear 0.3s;
  -o-transition: border-color linear 0.3s;
  -webkit-transition: border-color linear 0.3s;
  transition: border-color linear 0.3s;
  height: 7em;
}
textarea.form-input::placeholder {
  color: #ccc;
}
textarea.form-input:focus {
  background: white;
  box-shadow: none;
  border: 1px solid #248196;
}
textarea.form-input.has-errors {
  border: 1px solid #c60f13;
}
select.form-select {
  height: 2.5em;
  border: 1px solid #cccccc;
  font-family: 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif;
  margin-bottom: 0;
  padding-left: .5em;
  color: #333;
  -moz-transition: border linear .3s;
  -o-transition: border linear .3s;
  -webkit-transition: border linear .3s;
  transition: border linear .3s;
  border-radius: 4px;
}
select.form-select:focus {
  border: 1px solid #248196;
  outline: none !important;
}
/* SELECT2 CUSTOM STYLING */
.form-input .select2-container {
  height: 2.5em;
  border: 1px solid #cccccc;
  margin-bottom: 1em;
  -moz-transition: border-color linear 0.3s;
  -o-transition: border-color linear 0.3s;
  -webkit-transition: border-color linear 0.3s;
  transition: border-color linear 0.3s;
  max-width: none;
  width: 100%;
  border-radius: 4px;
}
.form-input .select2-container.select2-container-active {
  border: 1px solid #248196;
}
.form-input .select2-container.select2-container-active .select2-choice,
.form-input .select2-container.select2-container-active .select2-choices {
  box-shadow: none;
}
.form-input .select2-container.select2-dropdown-open .select2-choice {
  background: transparent;
}
.form-input .select2-container .select2-choice {
  border: none;
  background-image: none;
  height: 100%;
}
.form-input .select2-container .select2-chosen {
  padding: .3em;
}
.form-input .select2-container .select2-arrow {
  background: transparent;
  background-image: none;
  border-left: none;
  margin-top: .4em;
}
.form-input .select2-container .select2-search-choice-close {
  background: none;
  font-size: .5em;
  color: #aaa;
  top: 6px;
  right: 27px;
}
.form-input .select2-container .select2-search-choice-close:before {
  content: "";
  font-family: "GeneralEnclosedFoundicons";
  font-size: 2em;
  position: relative;
}
.form-input .select2-container .select2-search-choice-close:hover {
  color: #777;
}
.select2-results .select2-disabled.select2-result-with-children {
  background: white;
}
.select2-drop {
  margin-top: 0;
}
.select2-search {
  padding-top: 4px;
}
.select2-search input {
  border: 1px solid #ccc;
  background: white;
  -moz-transition: border-color linear 0.3s;
  -o-transition: border-color linear 0.3s;
  -webkit-transition: border-color linear 0.3s;
  transition: border-color linear 0.3s;
}
.select2-search input:focus {
  border: 1px solid #248196;
}
.select2-search input,
.select2-search input:focus {
  box-shadow: none;
}
.form-selected-items .selected-item {
  display: inline-block;
  margin-right: .5em;
  margin-bottom: .5em;
}
.form-selected-items .selected-item .selected-item-name {
  float: left;
  padding: .7em;
  background: #1f7082;
  color: white;
  margin-right: 1px;
  min-width: 3.5em;
  text-align: center;
}
.form-selected-items .selected-item .selected-item-remove {
  font-size: .9em;
  margin-bottom: 0;
}
.form-input .k-picker-wrap .k-icon {
  padding-top: 0;
}
.form-input span.k-datepicker,
.form-input span.k-datetimepicker {
  height: 2.5em;
  width: 100%;
  max-width: unset;
}
.form-input .k-picker-wrap.k-state-default {
  border: none;
  height: 100%;
  border-radius: 4px;
}
.form-input .k-picker-wrap.k-state-border-down {
  padding-bottom: 0;
}
.form-input .k-textbox > input,
.form-input .k-input[type="text"],
.form-input .k-input[type="number"],
.form-input .k-textbox,
.form-input .k-picker-wrap .k-input,
.form-input .k-button {
  height: 2.5em;
  color: #333;
  font-size: 1em;
  box-shadow: none;
  resize: none;
  outline: none;
  margin-bottom: 1em;
  background: white;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -moz-transition: border-color linear 0.3s;
  -o-transition: border-color linear 0.3s;
  -webkit-transition: border-color linear 0.3s;
  transition: border-color linear 0.3s;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-right: none !important;
  margin-bottom: 0;
  height: 100%;
}
.form-input .k-textbox > input::placeholder,
.form-input .k-input[type="text"]::placeholder,
.form-input .k-input[type="number"]::placeholder,
.form-input .k-textbox::placeholder,
.form-input .k-picker-wrap .k-input::placeholder,
.form-input .k-button::placeholder {
  color: #ccc;
}
.form-input .k-textbox > input:focus,
.form-input .k-input[type="text"]:focus,
.form-input .k-input[type="number"]:focus,
.form-input .k-textbox:focus,
.form-input .k-picker-wrap .k-input:focus,
.form-input .k-button:focus {
  background: white;
  box-shadow: none;
  border: 1px solid #248196;
}
.form-input .k-textbox > input.has-errors,
.form-input .k-input[type="text"].has-errors,
.form-input .k-input[type="number"].has-errors,
.form-input .k-textbox.has-errors,
.form-input .k-picker-wrap .k-input.has-errors,
.form-input .k-button.has-errors {
  border: 1px solid #c60f13;
}
.form-input .k-select {
  -moz-transition: border-color linear 0.3s;
  -o-transition: border-color linear 0.3s;
  -webkit-transition: border-color linear 0.3s;
  transition: border-color linear 0.3s;
}
.form-input .k-state-default > .k-select {
  cursor: pointer;
  border: 1px solid #cccccc;
  border-left: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0 4px 4px 0;
  line-height: 2.6;
}
.form-input .k-state-hover .k-select {
  border: 1px solid #cccccc;
  border-left: none;
  background: white;
  color: #787878;
}
.form-input .k-state-focused {
  background: white;
}
.form-input .k-state-focused .k-select {
  border: 1px solid #248196;
  border-left: none;
}
.form-panel {
  padding: .9em;
  line-height: 1;
  margin-bottom: .7em;
  background: #f3f3f3;
}
.form-section {
  padding: 0;
  margin-bottom: 1em;
}
.form-section.nested {
  font-size: .9em;
}
.form-section .noItemsMessage {
  background: #eee;
  line-height: 1.6;
  padding: .5em 1em;
}
.form-section .noItemsMessage,
.form-section .noItemsMessage h1,
.form-section .noItemsMessage h2,
.form-section .noItemsMessage h3,
.form-section .noItemsMessage h4,
.form-section .noItemsMessage h5,
.form-section .noItemsMessage h6 {
  font-family: 'Open Sans', sans-serif;
  margin: 0;
}
.form-section .form-section-header {
  background: #248196;
}
.form-section .form-section-header:after {
  content: "";
  display: table;
  clear: both;
}
.form-section .form-section-header .form-section-header-text {
  font-size: 1.34em;
  color: white;
  float: left;
  font-family: 'Ubuntu', sans-serif;
  font-weight: 300;
  padding: .5em;
}
.form-section .form-section-header .form-section-header-buttons {
  float: right;
}
.form-section .form-section-header .form-section-header-buttons .button {
  margin: 0;
  float: left;
}
.form-section .form-section-content {
  border: 1px solid #ddd;
  border-top: none;
}
@media only print {
  .form-section-header {
    background: none;
    border: 1px solid #ddd;
  }
}
.yesNoSelect .choice {
  line-height: 1;
  padding: .7em;
  display: inline-block;
  text-align: center;
  border: 1px solid #cccccc;
  background: white;
  color: #bbb;
  cursor: pointer;
  border-radius: 4px;
}
.yesNoSelect .choice.active {
  border: 1px solid #248196;
  color: white;
  background: #248196;
}
/* HTML EDITOR (Quill) */
.htmlRichTextEditorWrapper {
  margin-bottom: 1em;
}
.htmlRichTextEditorWrapper .htmlRichTextEditor {
  display: flex;
  min-height: 10em;
}
.htmlRichTextEditorWrapper .htmlRichTextEditor .quillOuter {
  flex-grow: 1;
  background: white;
  display: flex;
  flex-direction: column;
}
.htmlRichTextEditorWrapper .ql-toolbar button,
.htmlRichTextEditorWrapper .ql-toolbar .button {
  margin-bottom: 0;
}
.htmlRichTextEditorWrapper .ql-container {
  display: flex;
  flex-direction: column;
  cursor: text;
  flex-grow: 1;
}
.htmlRichTextEditorWrapper .ql-editor {
  font-size: 1.1em;
  padding: 7px 10px;
  flex-grow: 1;
}
.htmlRichTextEditorWrapper .attachmentUpload .fileUploadForm {
  display: none;
}
.htmlRichTextEditorWrapper .imageUpload {
  display: none;
}
.htmlRichTextEditorWrapper .ql-attachment:after {
  font-family: 'icomoon';
  font-size: 1.1em;
  content: "\e226";
  color: #444;
}
.htmlRichTextEditorWrapper .editFullscreen {
  margin-top: .5em;
  text-align: right;
}
.htmlRichTextDisplay p {
  margin-bottom: 0;
}
.htmlRichTextDisplay ol,
.htmlRichTextDisplay ul {
  margin-left: 2.25em;
}
.htmlRichTextDisplay ol li,
.htmlRichTextDisplay ul li {
  margin-left: 20px;
}
/*********************************
*
*   NAVIGATION
*
*********************************/
.section-navigation-wrapper #PageMenuBar {
  background: #1c4b87;
}
@media only screen and (max-width: 479px) {
  .section-navigation-wrapper #PageMenuBar h1 {
    font-size: 1.2em;
  }
}
.section-navigation {
  background: #1c4b87;
  /*.Discussions .icon:after {
        content: "BETA";
        display: block;
        position: absolute;
        top: 5px;
        right: 22px;
        color: #d84ca8;
        font-weight: bold;
        font-size: 0.75em;
    }*/
}
.section-navigation .m-tab {
  position: relative;
}
.section-navigation .m-tab-notifications {
  background: #c60f13;
  border-radius: 50px;
  display: inline-block;
  padding: 0.4em;
  position: absolute;
  top: 2.4em;
  right: 0;
  min-width: 2.2em;
  text-align: center;
  font-size: .7em;
}
.section-navigation .Overview .icon:before {
  content: '\e603';
}
.section-navigation .Attendance .icon:before {
  content: '\e9b8';
}
.section-navigation .Grades .icon:before {
  content: '\ea12';
}
.section-navigation .Handouts .icon:before {
  content: '\e925';
}
.section-navigation .Homework .icon:before {
  content: '\e90a';
}
.section-navigation .LessonPlans .icon:before {
  content: '\e926';
}
.section-navigation .Discussions .icon:before {
  content: '\e96e';
}
.fc {
  /* Normalizing the button styles */
}
.fc .fc-row .fc-content-skeleton thead {
  background-color: inherit;
}
.fc .fc-row .fc-content-skeleton thead td {
  cursor: pointer;
  border-color: #f3f3f3;
  width: 100%;
}
.fc .fc-row .fc-content-skeleton tbody td {
  border-color: #f3f3f3;
}
.fc .fc-row.fc-week.fc-widget-content {
  border-right-width: 0 !important;
}
.fc table {
  margin-bottom: 0;
  background-color: inherit;
}
.fc table tr {
  background-color: inherit;
}
.fc .fc-day-grid-container {
  background: #e3e3e3;
}
.fc th,
.fc td {
  border-width: 1px 0 0 1px;
  border-color: #f3f3f3;
}
.fc .fc-day-header {
  font-weight: normal;
  font-family: 'Ubuntu';
  color: #666;
  text-align: left !important;
  padding-left: 0.4em !important;
  font-size: 1em;
  width: 100%;
}
.fc .fc-day {
  cursor: pointer;
  width: calc(100% / 7);
}
.fc .fc-today {
  background-color: #f3f3f3;
}
.fc .fc-today.fc-day-number {
  color: #248196;
  font-weight: bold;
}
.fc .fc-day-number {
  opacity: 1;
  color: #888;
  padding: 3px 5px;
  font-family: 'Ubuntu', sans-serif;
  font-size: 1.3em;
  font-weight: 100;
  display: inline-block;
}
.fc .fc-other-month {
  color: #c7c7c7;
}
.fc .fc-event {
  cursor: pointer;
  border: none;
  border-radius: 0 !important;
}
.fc .fc-event-container {
  text-align: left;
}
.fc .fc-event-container .fc-content {
  font-family: 'Open Sans', sans-serif;
  text-align: left;
  padding-left: .5em;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: 100;
  line-height: 2;
  font-size: 1.25em;
}
.fc .fc-toolbar {
  margin-top: 3em;
  margin-bottom: 0;
  border: none;
}
.fc .fc-toolbar .fc-center h2 {
  margin-bottom: .2em;
  line-height: 1;
}
.fc .narrow-event .fc-event-time {
  line-height: .3;
}
.fc .narrow-event .fc-event-time span {
  font-size: 12px;
}
.fc .narrow-event:hover .ui-resizable-handle {
  display: block !important;
}
.fc .narrow-event .ui-resizable-handle {
  display: none !important;
}
.fc .fc-button {
  background-color: #248196;
  color: white;
  margin-bottom: 0;
  background-image: none;
  border: none;
  text-shadow: none;
  box-shadow: none;
  font-weight: normal !important;
}
.fc .fc-button:hover {
  background-color: #b6d5dc;
}
.fc .fc:not(.m-calendar) .fc-button {
  border-radius: 0;
}
.fc .fc-next-button {
  margin-left: .25em;
}
.fc .fc-state-active,
.fc .fc-state-disabled {
  background-color: #8ad2e3 !important;
  color: white !important;
  opacity: 1;
}
.fc .fc-state-active:hover,
.fc .fc-state-disabled:hover {
  background-color: #b6d5dc !important;
}
/* CALENDAR LIST VIEW */
.fc-unthemed .fc-scroller {
  height: auto !important;
  min-height: 4em;
}
.fc-unthemed .fc-list-view {
  border: none;
}
.fc-unthemed .fc-list-empty {
  background: none;
  font-style: italic;
  padding: 1.4em;
  border: 1px solid #d7d7d7;
}
@media only screen and (min-width: 940px) {
  .fc-toolbar .fc-right {
    float: right !important;
    margin-top: .55em;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 939px) {
  .fc-toolbar .fc-right {
    margin-top: .3em;
    margin-bottom: 1em;
  }
}
body .fc {
  overflow: auto;
}
/* MATERIAL CALENDAR */
.fc.m-calendar th,
.fc.m-calendar td,
.fc.m-calendar .fc-row .fc-content-skeleton thead td,
.fc.m-calendar .fc-row .fc-content-skeleton tbody td {
  border-color: #dddddd;
}
.fc.m-calendar .fc-body > tr > td.fc-widget-content {
  border-top: none;
}
.fc.m-calendar .fc-button:focus {
  outline: none;
}
.fc.m-calendar .fc-icon {
  font-size: .75em;
}
.fc.m-calendar .fc-day-header {
  font-family: 'Roboto', sans-serif;
  font-size: .9em;
  padding: .3em;
  color: #888;
  text-align: center !important;
  text-transform: uppercase;
}
.fc.m-calendar .fc-basic-view .fc-day-top {
  text-align: center;
}
.fc.m-calendar .fc-basic-view .fc-day-top .fc-day-number {
  float: none;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  color: #222;
}
.fc.m-calendar .fc-prev-button,
.fc.m-calendar .fc-next-button {
  background: none;
  display: inline-flex;
  cursor: pointer;
  width: 2.4em;
  height: 2.4em;
  border-radius: 50px;
  margin-left: .3em;
  margin-right: .3em;
  align-items: center;
  transition: all .1s linear;
  line-height: 1;
}
.fc.m-calendar .fc-prev-button,
.fc.m-calendar .fc-next-button,
.fc.m-calendar .fc-prev-button:active,
.fc.m-calendar .fc-next-button:active,
.fc.m-calendar .fc-prev-button:focus,
.fc.m-calendar .fc-next-button:focus {
  color: #777;
}
.fc.m-calendar .fc-prev-button:hover,
.fc.m-calendar .fc-next-button:hover {
  background: #eee;
  color: #333;
}
.fc.m-calendar .fc-prev-button .icon,
.fc.m-calendar .fc-next-button .icon {
  margin: auto;
  font-size: .8em;
}
.fc.m-calendar .fc-today-button {
  border-radius: 4px;
}
.fc.m-calendar .fc-day-grid-container {
  background: none;
}
.fc.m-calendar table thead {
  background: none;
}
.fc.m-calendar .fc-content {
  font-family: 'Roboto', sans-serif;
  font-size: 1.125em;
  line-height: 1;
}
.fc.m-calendar .fc-time-grid .fc-slats .fc-minor td {
  border-top: none;
}
.fc.m-calendar .fc-content-skeleton td {
  border: none;
}
.fc.m-calendar .fc-event {
  border-radius: 4px !important;
  margin-bottom: .3em;
  padding: .3em;
}
.fc.m-calendar .fc-event-container:not([colspan]) .fc-event:not(.all-day):not(.fc-time-grid-event) {
  background: none;
  color: #222;
}
.fc.m-calendar .fc-event-container:not([colspan]) .fc-event:not(.all-day):not(.fc-time-grid-event) .fc-content:before {
  content: '\f111';
  font-family: 'icomoon';
  font-size: .75em;
  color: #2672ec;
  padding-right: .5em;
}
.fc-toolbar .fc-left,
.fc-toolbar .fc-right {
  margin-top: .55em;
}
.fc-toolbar .fc-center h2 {
  color: #248196;
}
.fc-event {
  background-color: #2672ec;
}
.fc-event-time {
  display: none;
}
.calendarEventPopup {
  max-width: none !important;
  font-size: .9em;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 1em;
  width: 24em;
}
.calendarEventPopup .popupBottomLinks {
  font-weight: bold;
  padding-top: 1em;
  border-top: 1px solid #aaa;
}
.eventDescriptionTop {
  margin-bottom: 1em;
}
.new-event .new-event-inner {
  padding-left: 2em;
}
.new-event .newEventTime {
  margin: 0;
  margin-bottom: 1em;
}
.new-event form {
  margin-bottom: .5em;
}
.newEventTitle {
  width: 24em;
}
.newEventTitle span {
  display: inline-block;
  width: 4em;
}
.newEventTitle input {
  display: inline-block;
  width: 20em;
}
.newEventTime span {
  margin-right: .7em;
}
.newEventSave {
  margin-bottom: 0;
  margin-top: 1em;
}
.editNewEvent {
  font-weight: bold;
  position: absolute;
  bottom: 1.5em;
  right: 4em;
}
/* EVENT EDIT MODAL STYLES */
#EventEditModal #EventEditName input {
  font-size: 1.3em;
}
#EventEditModal .button.save,
#EventEditModal .button.cancel {
  margin-top: 1.5em;
  margin-bottom: 0;
}
#EventEditModal .calendarVisibleText {
  font-size: 1.1em;
  padding-top: 0.4em;
}
/* Specific styles for the Calendar Widget */
.calendarWidget {
  margin-bottom: 1em;
}
.calendarWidget .fc-toolbar {
  margin-top: 0;
}
.calendarWidget .fc-toolbar .fc-left {
  float: right !important;
  text-align: right;
  margin-top: 0;
  margin-bottom: .8em;
}
.calendarWidget .fc-toolbar .fc-center {
  float: left;
  text-align: left;
}
.calendarWidget .fc-toolbar .fc-center h2 {
  margin-bottom: .3em;
  line-height: 1;
}
.calendarWidget .fc-toolbar .fc-right {
  display: none;
}
.calendarWidget .fc-day-number {
  font-size: 1em !important;
}
.calendarWidget.m-calendar .fc-toolbar .fc-center h2 {
  color: #666;
  font-weight: bold;
  font-size: 1.2em;
  font-family: 'Roboto', sans-serif;
  padding-top: .4em;
  margin-bottom: 0.9em;
}
.calendarWidget.m-calendar .fc-toolbar .fc-left {
  margin-bottom: 0;
}
.calendarWidget.m-calendar .fc-toolbar .fc-right {
  display: block;
  margin-top: 0;
  margin-right: 2em;
}
.formHeight {
  height: 2.8em;
}
@media only screen and (max-width: 939px) {
  .formHeight {
    height: 2.5em;
  }
}
.hasFormError {
  border: 2px solid #c60f13;
}
.formError {
  background: #c60f13;
  color: white;
  padding: .3em;
  margin: .3em 0;
}
.formError:empty {
  display: none;
}
.requiredFieldTitle:after {
  content: '*';
  color: #248196;
}
.linked-icon:after {
  content: '\e620';
  font-family: 'icomoon';
}
.fieldIcons {
  position: absolute;
  top: 4px;
  right: 4px;
  color: #248196;
  font-size: 1.2em;
}
.fieldIcons .paymentsEnabledIcon:after {
  content: '\e227';
  font-family: 'icomoon';
  font-size: 1.1em;
}
.fieldIcons .conditionallyVisibleIcon:after {
  color: #248196;
  content: '\e9ce';
  font-family: 'icomoon';
  font-size: 1.1em;
}
.fieldIcons .formLinkIcon:after {
  content: '\e620';
  font-family: 'icomoon';
}
.formSectionHeader {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 300;
  font-size: 1.4em;
  background-color: #248196;
  color: white;
  padding: 0.5em;
  margin-bottom: 0;
}
.fieldHelpIcon:before {
  content: "\e618";
  font-family: "icomoon";
  cursor: pointer;
}
.fieldLinkedIcon:before {
  content: "\e923";
  font-family: "icomoon";
  cursor: pointer;
}
.fieldUnlinkedIcon:before {
  content: "\e922";
  font-family: "icomoon";
  cursor: pointer;
}
.formResponseTitleBlock {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 300;
  background-color: #248196;
  color: white;
  margin-bottom: 1em;
}
.formResponseTitleBlock .responseHeaderText {
  padding: .6em;
  font-size: 1.4em;
}
.formResponseTitleBlock .responseHeaderButtons {
  margin-top: .3em;
}
.formResponseTitleBlock .responseHeaderButtons .button {
  margin-bottom: 0;
}
/* SHARED STYLES */
.fieldResponse,
.fieldPreview,
.staticFieldResponse {
  /* INPUT CUSTOM STYLING */
  /* RADIO BUTTONS CUSTOM STYLING */
  /* CHECKBOX CUSTOM STYLING */
  /* FLIPSWITCH CUSTOM STYLING */
  /* SELECT CUSTOM STYLING */
  /*
        TODO: Remove these styles? I don't think they are being used.
        Plus, I duplicated them in Content/Base/FormElements/Select2.less.
        Add the form-select class to a containing element and the styles will be applied.
    */
}
.fieldResponse > .fieldTitle,
.fieldPreview > .fieldTitle,
.staticFieldResponse > .fieldTitle {
  position: relative;
  font-family: 'Roboto', sans-serif;
  color: #666;
  font-size: .9em;
  margin-left: 0.5em;
}
.fieldResponse > .fieldTitle .fieldTitleTextContent,
.fieldPreview > .fieldTitle .fieldTitleTextContent,
.staticFieldResponse > .fieldTitle .fieldTitleTextContent {
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.fieldResponse[data-field-type='Composite'] > .fieldTitle,
.fieldPreview[data-field-type='Composite'] > .fieldTitle,
.staticFieldResponse[data-field-type='Composite'] > .fieldTitle {
  font-weight: 300;
  padding: 0.4em;
  margin-bottom: 0;
  height: 2.5em;
  padding-top: .7em;
  color: #666;
  font-weight: bold;
  border-bottom: 1px solid #999;
  font-size: 1.2em;
  font-family: 'Roboto', sans-serif;
  margin-left: 1em;
  margin-right: 1em;
}
.fieldResponse[data-field-type='Composite'] > .fieldTitle .fieldDescriptionUpper,
.fieldPreview[data-field-type='Composite'] > .fieldTitle .fieldDescriptionUpper,
.staticFieldResponse[data-field-type='Composite'] > .fieldTitle .fieldDescriptionUpper {
  font-size: .6em;
  padding-top: .2em;
}
.fieldResponse[data-field-type='Composite'] > .fieldResponseDetails,
.fieldPreview[data-field-type='Composite'] > .fieldResponseDetails,
.staticFieldResponse[data-field-type='Composite'] > .fieldResponseDetails {
  background: none;
  padding: 0;
  border-top: none;
  height: calc(100% - 3em);
}
.fieldResponse[data-field-type='Composite'] > .fieldIcons,
.fieldPreview[data-field-type='Composite'] > .fieldIcons,
.staticFieldResponse[data-field-type='Composite'] > .fieldIcons {
  color: white;
}
.fieldResponse:not([data-field-type='Composite']) > .fieldTitle,
.fieldPreview:not([data-field-type='Composite']) > .fieldTitle,
.staticFieldResponse:not([data-field-type='Composite']) > .fieldTitle {
  height: 2em;
}
.fieldResponse:not([data-field-type='Composite']) > .fieldTitle .fieldTitleTextContentWrapper,
.fieldPreview:not([data-field-type='Composite']) > .fieldTitle .fieldTitleTextContentWrapper,
.staticFieldResponse:not([data-field-type='Composite']) > .fieldTitle .fieldTitleTextContentWrapper {
  display: inline-block;
}
.fieldResponse:not([data-field-type='Composite']) > .fieldTitle .fieldDescriptionUpper,
.fieldPreview:not([data-field-type='Composite']) > .fieldTitle .fieldDescriptionUpper,
.staticFieldResponse:not([data-field-type='Composite']) > .fieldTitle .fieldDescriptionUpper {
  font-size: .75em;
  font-style: italic;
  margin-top: .3em;
}
.fieldResponse:not([data-field-type='Composite']) > .fieldTitle .linkedStatus.designated-form,
.fieldPreview:not([data-field-type='Composite']) > .fieldTitle .linkedStatus.designated-form,
.staticFieldResponse:not([data-field-type='Composite']) > .fieldTitle .linkedStatus.designated-form {
  font-size: .75em;
}
.fieldResponse:not([data-field-type='Composite']) > .fieldTitle .linkedStatus.designated-form .personalizeLink,
.fieldPreview:not([data-field-type='Composite']) > .fieldTitle .linkedStatus.designated-form .personalizeLink,
.staticFieldResponse:not([data-field-type='Composite']) > .fieldTitle .linkedStatus.designated-form .personalizeLink {
  margin-left: .3em;
}
.fieldResponse:not([data-field-type='Composite']) > .fieldTitle .linkedStatus.designated-form .personalizeLink,
.fieldPreview:not([data-field-type='Composite']) > .fieldTitle .linkedStatus.designated-form .personalizeLink,
.staticFieldResponse:not([data-field-type='Composite']) > .fieldTitle .linkedStatus.designated-form .personalizeLink,
.fieldResponse:not([data-field-type='Composite']) > .fieldTitle .linkedStatus.designated-form .linkToSource,
.fieldPreview:not([data-field-type='Composite']) > .fieldTitle .linkedStatus.designated-form .linkToSource,
.staticFieldResponse:not([data-field-type='Composite']) > .fieldTitle .linkedStatus.designated-form .linkToSource {
  color: #2ba6cb;
  cursor: pointer;
}
.fieldResponse.has-errors,
.fieldPreview.has-errors,
.staticFieldResponse.has-errors {
  /* DATEPICKER ERRORS */
}
.fieldResponse.has-errors .formResponseInput,
.fieldPreview.has-errors .formResponseInput,
.staticFieldResponse.has-errors .formResponseInput,
.fieldResponse.has-errors .singleSelect .form-select,
.fieldPreview.has-errors .singleSelect .form-select,
.staticFieldResponse.has-errors .singleSelect .form-select,
.fieldResponse.has-errors .singleSelect .radioButtonOption,
.fieldPreview.has-errors .singleSelect .radioButtonOption,
.staticFieldResponse.has-errors .singleSelect .radioButtonOption {
  border: 1px solid #c60f13;
}
.fieldResponse.has-errors .k-textbox > input,
.fieldPreview.has-errors .k-textbox > input,
.staticFieldResponse.has-errors .k-textbox > input,
.fieldResponse.has-errors .k-input[type="text"],
.fieldPreview.has-errors .k-input[type="text"],
.staticFieldResponse.has-errors .k-input[type="text"],
.fieldResponse.has-errors .k-input[type="number"],
.fieldPreview.has-errors .k-input[type="number"],
.staticFieldResponse.has-errors .k-input[type="number"],
.fieldResponse.has-errors .k-textbox,
.fieldPreview.has-errors .k-textbox,
.staticFieldResponse.has-errors .k-textbox,
.fieldResponse.has-errors .k-picker-wrap .k-input,
.fieldPreview.has-errors .k-picker-wrap .k-input,
.staticFieldResponse.has-errors .k-picker-wrap .k-input,
.fieldResponse.has-errors .k-button,
.fieldPreview.has-errors .k-button,
.staticFieldResponse.has-errors .k-button {
  border: 1px solid #c60f13;
}
.fieldResponse.has-errors .k-state-default > .k-select,
.fieldPreview.has-errors .k-state-default > .k-select,
.staticFieldResponse.has-errors .k-state-default > .k-select {
  border: 1px solid #c60f13;
  border-left: none;
}
.fieldResponse.has-errors .fancyRadioButton label:before,
.fieldPreview.has-errors .fancyRadioButton label:before,
.staticFieldResponse.has-errors .fancyRadioButton label:before {
  color: #c60f13;
}
.fieldResponse .formInput,
.fieldPreview .formInput,
.staticFieldResponse .formInput {
  color: #333;
  font-size: 1em;
  box-shadow: none;
  resize: none;
  outline: none;
  margin-bottom: 0;
  background: white;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -moz-transition: border linear .2s;
  -o-transition: border linear .2s;
  -webkit-transition: border linear .2s;
  transition: border linear .2s;
}
.fieldResponse .formInput:focus,
.fieldPreview .formInput:focus,
.staticFieldResponse .formInput:focus {
  background: white;
  box-shadow: none;
  border: 1px solid #248196;
}
.fieldResponse input:not(.override-form-styles),
.fieldPreview input:not(.override-form-styles),
.staticFieldResponse input:not(.override-form-styles) {
  width: 100%;
  height: 2.8em;
  color: #333;
  font-size: 1em;
  box-shadow: none;
  resize: none;
  outline: none;
  margin-bottom: 0;
  background: white;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -moz-transition: border linear .2s;
  -o-transition: border linear .2s;
  -webkit-transition: border linear .2s;
  transition: border linear .2s;
}
@media only screen and (max-width: 939px) {
  .fieldResponse input:not(.override-form-styles),
  .fieldPreview input:not(.override-form-styles),
  .staticFieldResponse input:not(.override-form-styles) {
    height: 2.5em;
  }
}
.fieldResponse input:not(.override-form-styles):focus,
.fieldPreview input:not(.override-form-styles):focus,
.staticFieldResponse input:not(.override-form-styles):focus {
  background: white;
  box-shadow: none;
  border: 1px solid #248196;
}
.fieldResponse textarea,
.fieldPreview textarea,
.staticFieldResponse textarea {
  height: 100%;
  color: #333;
  font-size: 1em;
  box-shadow: none;
  resize: none;
  outline: none;
  margin-bottom: 0;
  background: white;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -moz-transition: border linear .2s;
  -o-transition: border linear .2s;
  -webkit-transition: border linear .2s;
  transition: border linear .2s;
}
.fieldResponse textarea:focus,
.fieldPreview textarea:focus,
.staticFieldResponse textarea:focus {
  background: white;
  box-shadow: none;
  border: 1px solid #248196;
}
.fieldResponse .moneyLabel,
.fieldPreview .moneyLabel,
.staticFieldResponse .moneyLabel {
  color: #333;
  font-size: 1em;
  box-shadow: none;
  resize: none;
  outline: none;
  margin-bottom: 0;
  background: white;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -moz-transition: border linear .2s;
  -o-transition: border linear .2s;
  -webkit-transition: border linear .2s;
  transition: border linear .2s;
}
.fieldResponse .moneyLabel:focus,
.fieldPreview .moneyLabel:focus,
.staticFieldResponse .moneyLabel:focus {
  background: white;
  box-shadow: none;
  border: 1px solid #248196;
}
.fieldResponse .datePicker-binding-applied,
.fieldPreview .datePicker-binding-applied,
.staticFieldResponse .datePicker-binding-applied {
  height: 100%;
}
.fieldResponse .datePicker-binding-applied .datePicker,
.fieldPreview .datePicker-binding-applied .datePicker,
.staticFieldResponse .datePicker-binding-applied .datePicker {
  height: 100%;
}
.fieldResponse .datePicker-binding-applied span.k-datepicker,
.fieldPreview .datePicker-binding-applied span.k-datepicker,
.staticFieldResponse .datePicker-binding-applied span.k-datepicker {
  height: 100%;
  width: 100%;
  max-width: unset;
}
.fieldResponse .singleSelect,
.fieldPreview .singleSelect,
.staticFieldResponse .singleSelect {
  margin-top: 0;
}
.fieldResponse .singleSelect .radioButtonOption,
.fieldPreview .singleSelect .radioButtonOption,
.staticFieldResponse .singleSelect .radioButtonOption {
  height: 2.8em;
}
.fieldResponse .customCheckboxes,
.fieldPreview .customCheckboxes,
.staticFieldResponse .customCheckboxes {
  margin-bottom: 0;
}
.fieldResponse .flipswitch .flipswitchValue,
.fieldPreview .flipswitch .flipswitchValue,
.staticFieldResponse .flipswitch .flipswitchValue {
  height: 2.8em;
  color: #ccc;
  min-width: 3.3em;
  text-align: center;
  padding: .9em;
}
@media only screen and (max-width: 939px) {
  .fieldResponse .flipswitch .flipswitchValue,
  .fieldPreview .flipswitch .flipswitchValue,
  .staticFieldResponse .flipswitch .flipswitchValue {
    height: 2.5em;
  }
}
@media only screen and (max-width: 939px) {
  .fieldResponse .flipswitch .flipswitchValue,
  .fieldPreview .flipswitch .flipswitchValue,
  .staticFieldResponse .flipswitch .flipswitchValue {
    padding: .75em;
  }
}
.fieldResponse .flipswitch .flipswitchValue.active,
.fieldPreview .flipswitch .flipswitchValue.active,
.staticFieldResponse .flipswitch .flipswitchValue.active {
  color: white;
}
.fieldResponse .flipswitch .flipswitchValue:first-child,
.fieldPreview .flipswitch .flipswitchValue:first-child,
.staticFieldResponse .flipswitch .flipswitchValue:first-child {
  border-right: none;
}
.fieldResponse .flipswitch .flipswitchValue:last-child,
.fieldPreview .flipswitch .flipswitchValue:last-child,
.staticFieldResponse .flipswitch .flipswitchValue:last-child {
  border-left: none;
}
.fieldResponse select,
.fieldPreview select,
.staticFieldResponse select {
  height: 2.8em;
}
@media only screen and (max-width: 939px) {
  .fieldResponse select,
  .fieldPreview select,
  .staticFieldResponse select {
    height: 2.5em;
  }
}
.fieldResponse .select2-container,
.fieldPreview .select2-container,
.staticFieldResponse .select2-container {
  height: 100%;
  border: 2px solid #ccc;
}
.fieldResponse .select2-container.select2-container-active,
.fieldPreview .select2-container.select2-container-active,
.staticFieldResponse .select2-container.select2-container-active {
  border: 1px solid #248196;
}
.fieldResponse .select2-container.select2-container-active .select2-choice,
.fieldPreview .select2-container.select2-container-active .select2-choice,
.staticFieldResponse .select2-container.select2-container-active .select2-choice,
.fieldResponse .select2-container.select2-container-active .select2-choices,
.fieldPreview .select2-container.select2-container-active .select2-choices,
.staticFieldResponse .select2-container.select2-container-active .select2-choices {
  box-shadow: none;
}
.fieldResponse .select2-container.select2-dropdown-open .select2-choice,
.fieldPreview .select2-container.select2-dropdown-open .select2-choice,
.staticFieldResponse .select2-container.select2-dropdown-open .select2-choice {
  background: transparent;
}
.fieldResponse .select2-container .select2-choice,
.fieldPreview .select2-container .select2-choice,
.staticFieldResponse .select2-container .select2-choice {
  border: none;
  background-image: none;
  height: 100%;
}
.fieldResponse .select2-container .select2-chosen,
.fieldPreview .select2-container .select2-chosen,
.staticFieldResponse .select2-container .select2-chosen {
  margin-top: .5em;
}
.fieldResponse .select2-container .select2-arrow,
.fieldPreview .select2-container .select2-arrow,
.staticFieldResponse .select2-container .select2-arrow {
  background: transparent;
  background-image: none;
  border-left: none;
  margin-top: .4em;
}
/* STEPPED FORM RESPONSE */
.steppedFormResponse .bottomButtons {
  padding-top: 1em;
  border-top: 1px solid #999;
  padding-bottom: 4em;
}
.steppedFormResponse .bottomButtons .saveAndExit {
  text-align: center;
}
.steppedFormResponse .bottomButtons .saveAndExit a {
  display: inline-block;
  margin-top: 1.2em;
}
.steppedFormResponse .bottomButtons .stateButtons {
  text-align: right;
}
.fieldErrorIcon:before {
  content: "\ea07";
  font-family: "icomoon";
  cursor: pointer;
  color: #c60f13;
}
.fieldResponseErrors {
  margin-bottom: 0;
  list-style-type: none;
}
.fieldResponseErrors li .fieldErrorIcon {
  font-size: 1.5em;
  display: inline-block;
  width: 2em;
  padding-left: .2em;
}
.fieldResponseErrors li .fieldErrorText {
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
  padding-top: 0.5em;
  width: calc(100% - 3em);
}
.fieldResponse {
  height: calc(100% - 1.6em);
}
.fieldResponse input,
.fieldResponse .flipswitch {
  margin-bottom: 0;
}
.fieldResponse .fieldTitle .fieldErrorIcon {
  font-size: 1.5em;
  display: inline-block;
  vertical-align: top;
  padding-top: .1em;
  -moz-transition: visibility .2s linear;
  -o-transition: visibility .2s linear;
  -webkit-transition: visibility .2s linear;
  transition: visibility .2s linear;
}
.fieldResponse .fieldTitle .titleAndDescription {
  display: inline-block;
}
.fieldResponse .section-container.auto > section .content {
  border-right: none;
  border-left: none;
  border-bottom: none;
}
.fieldResponse[data-field-type='Composite'] > .fieldTitle {
  background-color: inherit;
  color: #666;
  font-weight: bold;
  border-bottom: 1px solid #999;
  font-size: 1.2em;
  font-family: 'Roboto', sans-serif;
  margin-left: 0;
  margin-right: 0;
}
.fieldResponse[data-field-type='Composite'] > .fieldResponseDetails {
  background: none;
  padding: 0;
  border-top: none;
  height: calc(100% - 3em);
}
.fieldResponse:not([data-field-type='Composite']) .fieldResponseDetails {
  height: calc(100% - 2.2em);
  overflow-y: auto;
  padding-top: .2em;
}
.fieldResponse .fieldResponseDetails.uneditableFieldResponse {
  background: #f3f3f3;
  padding: .9em;
}
/* STATIC FORM RESPONSE */
.staticFieldResponse {
  height: calc(100% - .6em);
}
.staticFieldResponse .fieldTitle {
  background: white;
}
.staticFieldResponse .fieldResponseDetails {
  padding: .9em;
  height: calc(100% - 2.2em);
  margin-top: .2em;
  background: #f3f3f3;
  border-radius: 4px;
}
.staticFieldResponse[data-field-type='Composite'] > .fieldTitle {
  padding-top: .75em;
  margin-left: -1px;
  margin-right: -1px;
}
.staticFieldResponse[data-field-type='Composite'] > .fieldResponseDetails {
  padding: 1em 0;
  height: calc(100% - 3.7em);
  background: white;
}
.staticFieldResponse .emptyFieldResponseMessage {
  font-style: italic;
}
/* SORTABLE LISTS */
.ui-sortable .handle {
  display: inline-block;
  vertical-align: top;
  font-size: 1.4em;
  padding: .1em .4em .2em 0;
  color: #666;
  cursor: pointer;
}
@media only screen and (max-width: 939px) {
  .grid-stack-item {
    height: auto !important;
  }
  .grid-stack > .grid-stack-item > .grid-stack-item-content {
    position: relative;
    left: 0;
    right: 0;
  }
}
.grid-stack-item.ui-state-disabled {
  opacity: 1;
}
.styled-gridstack-hovered {
  outline: 2px dashed #40b611;
}
.gridstack-item-moving {
  outline: 2px dashed red;
}
.grid-stack-cursor-follower {
  display: none;
  position: absolute;
  width: 7em;
  height: 2em;
  z-index: 100;
  text-align: center;
  color: white;
  background: #333;
  opacity: .8;
  padding-top: .5em;
}
.toggleStaticMode {
  background: orange !important;
}
.toggleStaticMode.active {
  border: 2px solid green;
}
/* EDITABLE FORM RESPONSE TABS */
.editableFormResponseTab .editableFormResponseTabLoader {
  position: absolute;
  background: #eee;
  top: 4px;
  left: 4px;
  padding: 0.2em;
  width: 10em;
  z-index: 1000;
}
/* COMPOSITE */
.st-compositeFieldResponse.st-formPagesContainer {
  box-shadow: 2px 2px 12px -2px #b6b6b6;
}
.st-compositeFieldResponse:not(.st-formPagesContainer) {
  padding: 1em;
}
.st-compositeFieldResponse .formPage {
  margin-bottom: 0;
}
.st-compositeFieldResponse .formPage section:first-child p {
  border-left: none;
}
.textFieldResponse {
  height: 100%;
}
/* TEXTAREA */
.textAreaFieldResponse {
  height: 100%;
}
.staticTextAreaFieldResponse {
  height: 100%;
}
.staticTextAreaFieldResponse textarea {
  border: none;
  background-color: transparent;
  resize: none;
  outline: none;
  box-shadow: none;
  padding: 0;
}
.textAreaFieldPreview {
  height: calc(100% - 3em);
}
/* NUMBER */
.numberFieldResponse {
  height: 100%;
  display: flex;
  align-items: center;
}
.numberFieldResponse .formResponseInput {
  flex: 1;
}
.numberFieldResponse .amountMultiplier {
  margin-left: .5em;
  font-size: .8em;
  font-style: italic;
}
.numberFieldPreview {
  display: flex;
  align-items: center;
}
.numberFieldPreview input {
  flex: 1;
}
.numberFieldPreview .amountMultiplier {
  margin-left: .5em;
  font-size: .8em;
  font-style: italic;
}
/* BOOLEAN */
.booleanFieldPreview .flipswitch {
  margin-bottom: 0;
}
/* RADIO BUTTONS */
.radioButtonDetailsPreview .singleSelect,
.radioButtonResponse .singleSelect {
  margin-bottom: 0;
}
.radioButtonDetailsPreview .radioButtonOption input,
.radioButtonResponse .radioButtonOption input {
  margin-bottom: .7em;
}
.radioButtonDetailsPreview .radioButtonOption .radioButtonOptionText,
.radioButtonResponse .radioButtonOption .radioButtonOptionText {
  vertical-align: text-top;
  margin-left: .4em;
}
.radioButtonsFieldOptions .radioButtonsFieldOption {
  margin-bottom: .5em;
}
.radioButtonsFieldOptions .radioButtonsFieldOption .optionText {
  width: calc(100% - 5em);
  display: inline-block;
  margin-bottom: 0;
  vertical-align: top;
  font-size: .875em;
}
.radioButtonsFieldOptions .radioButtonsFieldOption .button.remove {
  margin-bottom: 0;
}
.radioButtonsFieldOptions .radioButtonsFieldOption .paymentInfo {
  margin-left: 1.8em;
  margin-top: .3em;
  display: flex;
  align-items: center;
}
.radioButtonsFieldOptions .radioButtonsFieldOption .paymentInfo .amount,
.radioButtonsFieldOptions .radioButtonsFieldOption .paymentInfo .description {
  font-size: .8em;
}
.radioButtonsFieldOptions .radioButtonsFieldOption .paymentInfo .amount {
  margin-right: .2em;
}
.radioButtonsFieldOptions .newRadioButtonOption {
  margin-left: 1.75em;
  width: calc(100% - 4.4em);
}
.radioButtonsFieldOptions .newRadioButtonOption input {
  font-size: .875em;
}
/* CHECKBOXES */
.checkboxFieldOptions .checkboxFieldOption {
  margin-bottom: .5em;
}
.checkboxFieldOptions .checkboxFieldOption .optionText {
  width: calc(100% - 5em);
  display: inline-block;
  margin-bottom: 0;
  vertical-align: top;
  font-size: .875em;
}
.checkboxFieldOptions .checkboxFieldOption .button.remove {
  margin-bottom: 0;
}
.checkboxFieldOptions .checkboxFieldOption .paymentInfo {
  margin-left: 1.8em;
  margin-top: .3em;
  display: flex;
  align-items: center;
}
.checkboxFieldOptions .checkboxFieldOption .paymentInfo .amount,
.checkboxFieldOptions .checkboxFieldOption .paymentInfo .description {
  font-size: .8em;
}
.checkboxFieldOptions .checkboxFieldOption .paymentInfo .amount {
  margin-right: .2em;
}
.checkboxFieldOptions .newCheckboxOption {
  margin-left: 1.75em;
  width: calc(100% - 4.4em);
  font-size: .875em;
}
.checkboxesResponse .checkboxIcon {
  padding-left: .35em;
}
.checkboxesResponse .checkboxIcon label {
  border-radius: 4px;
}
/* ADDRESS */
.addressFieldResponse,
.addressFieldPreview {
  height: 100%;
}
.addressFieldResponse .row.collapse,
.addressFieldPreview .row.collapse {
  height: 2.8em;
  margin-bottom: .65em;
}
@media only screen and (max-width: 939px) {
  .addressFieldResponse .row.collapse,
  .addressFieldPreview .row.collapse {
    height: 2.5em;
  }
}
.addressFieldResponse .row.collapse:last-child,
.addressFieldPreview .row.collapse:last-child {
  margin-bottom: 0;
}
.addressFieldResponse .row.collapse .columns,
.addressFieldPreview .row.collapse .columns {
  padding: 0;
}
.addressFieldResponse .row.collapse .city,
.addressFieldPreview .row.collapse .city,
.addressFieldResponse .row.collapse .state,
.addressFieldPreview .row.collapse .state {
  padding-right: .3em;
}
.addressFieldResponse .row.collapse .state select,
.addressFieldPreview .row.collapse .state select {
  padding-left: 0;
}
.addressFieldResponse .row.collapse .state select .statePlaceholder,
.addressFieldPreview .row.collapse .state select .statePlaceholder {
  color: #999999;
}
.addressFieldResponse .row.collapse .addressLine1,
.addressFieldPreview .row.collapse .addressLine1,
.addressFieldResponse .row.collapse .addressLine2,
.addressFieldPreview .row.collapse .addressLine2,
.addressFieldResponse .row.collapse .city,
.addressFieldPreview .row.collapse .city,
.addressFieldResponse .row.collapse .state,
.addressFieldPreview .row.collapse .state,
.addressFieldResponse .row.collapse .zip,
.addressFieldPreview .row.collapse .zip {
  height: 100%;
}
.addressFieldPreview {
  height: calc(100% - 2.8em);
}
.staticAddressFieldResponse .addressLine {
  padding-bottom: .4em;
}
.staticAddressFieldResponse .mapAddress {
  position: absolute;
  bottom: 1.4em;
}
/* FILE UPLOAD */
.staticFileUploadFieldResponse .fileUploadWrapper,
.fileUploadFieldResponse .fileUploadWrapper {
  margin: 0;
}
.staticFileUploadFieldResponse .button.attachment {
  margin-bottom: .3em;
}
/* PHONE NUMBER */
.phoneNumberFieldResponse {
  height: 100%;
}
/* DATE */
.dateFieldResponse,
.dateFieldPreview {
  height: 2.8em;
}
@media only screen and (max-width: 939px) {
  .dateFieldResponse,
  .dateFieldPreview {
    height: 2.5em;
  }
}
/* YES/NO */
.booleanFieldResponse .yesNoSelect {
  margin-bottom: 0;
}
.booleanFieldResponse .yesNoSelect .choice {
  padding: .69em;
}
/* STATIC CONTENT */
.st-staticContentFieldResponse {
  line-height: 1.3;
  height: 100%;
  overflow: auto;
}
.staticFieldResponse[data-field-type="StaticContent"] .fieldResponseDetails {
  padding: 0;
}
.staticFieldResponse[data-field-type="StaticContent"] .st-staticContentFieldResponse {
  border: 1px solid #ccc;
  background: #f3f3f3;
}
/* SIGNATURE */
.staticSignatureFieldResponse {
  font-style: italic;
  font-weight: bold;
}
/* MONEY */
.moneyFieldResponse {
  display: flex;
  align-items: center;
}
.moneyFieldResponse .moneyAmount {
  display: inline-block;
}
.moneyFieldResponse .moneyAmount input,
.moneyFieldResponse .moneyAmount label {
  height: 2.8em;
}
@media only screen and (max-width: 939px) {
  .moneyFieldResponse .moneyAmount input,
  .moneyFieldResponse .moneyAmount label {
    height: 2.5em;
  }
}
.moneyFieldResponse .moneyAmount .moneyLabel {
  display: flex;
  align-items: center;
}
.moneyFieldResponse .fixedMoneyAmount {
  height: 2.8em;
  width: 7em;
  display: inline-flex;
  align-items: center;
  background: #f3f3f3;
  padding: 1em;
  border-radius: 4px;
}
@media only screen and (max-width: 939px) {
  .moneyFieldResponse .fixedMoneyAmount {
    height: 2.5em;
  }
}
.moneyFieldResponse .times {
  margin: .5em;
}
.moneyFieldResponse .quantity {
  display: inline-block;
  width: 3.7em;
}
.moneyFieldResponse .quantity input {
  text-align: center;
}
.clear {
  clear: both;
}
.no-collapse,
.row.no-collapse {
  margin: 0;
}
.no-collapse .column,
.row.no-collapse .column {
  padding-left: .9375em;
  padding-right: .9375em;
}
.no-collapse .columns,
.row.no-collapse .columns {
  padding-left: .9375em;
  padding-right: .9375em;
}
.unselectable {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.truncate {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.button {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.strong {
  font-weight: bold;
}
.formattedUL {
  list-style-type: none;
  margin: 0em 0em 0em 0.5em;
}
.formattedUL li {
  display: block;
}
.formattedUL li:first-child {
  margin-top: 0.5em;
}
.formattedUL li:last-child {
  margin-bottom: 0.5em;
}
.formattedUL.checkBlockUL {
  margin-left: 0em;
}
.formattedUL.checkBlockUL li {
  display: inline-block;
  margin-top: .5em;
  margin-right: .7em;
}
.customPanel {
  overflow: auto;
  margin-bottom: 1em;
}
.customPanel > div {
  overflow: auto;
}
.customPanel > div > a:hover {
  background: #b6d5dc;
}
.customPanel > div > a {
  line-height: 2em;
}
.SectionArea ul li > a,
.customPanel a {
  padding: .75em;
  display: block;
  color: black;
}
.uninteractable {
  opacity: .5;
  pointer-events: none;
  cursor: default !important;
}
/* new loading icon from summary page*/
.load {
  visibility: visible;
  display: inline-block;
  width: 2.2em;
  height: 2.3em;
  background-color: inherit;
  background-image: url('data:image/gif;base64,R0lGODlhNgA3APMAADMzMwAAABgYGAUFBQICAisrKxAQECwsLCcnJw4ODhsbGwAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAANgA3AAAEzBDISau9OOvNu/9gKI5kaZ4lkhBEgqCnws6EApMITb93uOqsRC8EpA1Bxdnx8wMKl51ckXcsGFiGAkamsy0LA9pAe1EFqRbBYCAYXXUGk4DWJhZN4dlAlMSLRW80cSVzM3UgB3ksAwcnamwkB28GjVCWl5iZmpucnZ4cj4eWoRqFLKJHpgSoFIoEe5ausBeyl7UYqqw9uaVrukOkn8LDxMXGx8ibwY6+JLxydCO3JdMg1dJ/Is+E0SPLcs3Jnt/F28XXw+jC5uXh4u89EQAh+QQJCgAAACwAAAAANgA3AAAEzhDISau9OOvNu/9gKI5kaZ5oqhYGQRiFWhaD6w6xLLa2a+iiXg8YEtqIIF7vh/QcarbB4YJIuBKIpuTAM0wtCqNiJBgMBCaE0ZUFCXpoknWdCEFvpfURdCcM8noEIW82cSNzRnWDZoYjamttWhphQmOSHFVXkZecnZ6foKFujJdlZxqELo1AqQSrFH1/TbEZtLM9shetrzK7qKSSpryixMXGx8jJyifCKc1kcMzRIrYl1Xy4J9cfvibdIs/MwMue4cffxtvE6qLoxubk8ScRACH5BAkKAAAALAAAAAA2ADcAAATOEMhJq7046827/2AojmRpnmiqrqwwDAJbCkRNxLI42MSQ6zzfD0Sz4YYfFwyZKxhqhgJJeSQVdraBNFSsVUVPHsEAzJrEtnJNSELXRN2bKcwjw19f0QG7PjA7B2EGfn+FhoeIiYoSCAk1CQiLFQpoChlUQwhuBJEWcXkpjm4JF3w9P5tvFqZsLKkEF58/omiksXiZm52SlGKWkhONj7vAxcbHyMkTmCjMcDygRNAjrCfVaqcm11zTJrIjzt64yojhxd/G28XqwOjG5uTxJhEAIfkECQoAAAAsAAAAADYANwAABM0QyEmrvTjrzbv/YCiOZGmeaKqurDAMAlsKRE3EsjjYxJDrPN8PRLPhhh8XDMk0KY/OF5TIm4qKNWtnZxOWuDUvCNw7kcXJ6gl7Iz1T76Z8Tq/b7/i8qmCoGQoacT8FZ4AXbFopfTwEBhhnQ4w2j0GRkgQYiEOLPI6ZUkgHZwd6EweLBqSlq6ytricICTUJCKwKkgojgiMIlwS1VEYlspcJIZAkvjXHlcnKIZokxJLG0KAlvZfAebeMuUi7FbGz2z/Rq8jozavn7Nev8CsRACH5BAkKAAAALAAAAAA2ADcAAATLEMhJq7046827/2AojmRpnmiqrqwwDAJbCkRNxLI42MSQ6zzfD0Sz4YYfFwzJNCmPzheUyJuKijVrZ2cTlrg1LwjcO5HFyeoJeyM9U++mfE6v2+/4PD6O5F/YWiqAGWdIhRiHP4kWg0ONGH4/kXqUlZaXmJlMBQY1BgVuUicFZ6AhjyOdPAQGQF0mqzauYbCxBFdqJao8rVeiGQgJNQkIFwdnB0MKsQrGqgbJPwi2BMV5wrYJetQ129x62LHaedO21nnLq82VwcPnIhEAIfkECQoAAAAsAAAAADYANwAABMwQyEmrvTjrzbv/YCiOZGmeaKqurDAMAlsKRE3EsjjYxJDrPN8PRLPhhh8XDMk0KY/OF5TIm4qKNWtnZxOWuDUvCNw7kcXJ6gl7Iz1T76Z8Tq/b7/g8Po7kX9haKoAZZ0iFGIc/iRaDQ40Yfj+RepSVlpeYAAgJNQkIlgo8NQqUCKI2nzNSIpynBAkzaiCuNl9BIbQ1tl0hraewbrIfpq6pbqsioaKkFwUGNQYFSJudxhUFZ9KUz6IGlbTfrpXcPN6UB2cHlgfcBuqZKBEAIfkECQoAAAAsAAAAADYANwAABMwQyEmrvTjrzbv/YCiOZGmeaKqurDAMAlsKRE3EsjjYxJDrPN8PRLPhhh8XDMk0KY/OF5TIm4qKNWtnZxOWuDUvCNw7kcXJ6gl7Iz1T76Z8Tq/b7yJEopZA4CsKPDUKfxIIgjZ+P3EWe4gECYtqFo82P2cXlTWXQReOiJE5bFqHj4qiUhmBgoSFho59rrKztLVMBQY1BgWzBWe8UUsiuYIGTpMglSaYIcpfnSHEPMYzyB8HZwdrqSMHxAbath2MsqO0zLLorua05OLvJxEAIfkECQoAAAAsAAAAADYANwAABMwQyEmrvTjrzbv/YCiOZGmeaKqurDAMAlsKRE3EsjjYxJDrPN8PRLPhfohELYHQuGBDgIJXU0Q5CKqtOXsdP0otITHjfTtiW2lnE37StXUwFNaSScXaGZvm4r0jU1RWV1hhTIWJiouMjVcFBjUGBY4WBWw1A5RDT3sTkVQGnGYYaUOYPaVip3MXoDyiP3k3GAeoAwdRnRoHoAa5lcHCw8TFxscduyjKIrOeRKRAbSe3I9Um1yHOJ9sjzCbfyInhwt3E2cPo5dHF5OLvJREAOwAAAAAAAAAAAA==') /*/Content/Images/ajax-loader.gif*/;
}
.load:hover,
.load:active,
.load:focus {
  background-color: inherit;
  background-image: url('data:image/gif;base64,R0lGODlhNgA3APMAADMzMwAAABgYGAUFBQICAisrKxAQECwsLCcnJw4ODhsbGwAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAANgA3AAAEzBDISau9OOvNu/9gKI5kaZ4lkhBEgqCnws6EApMITb93uOqsRC8EpA1Bxdnx8wMKl51ckXcsGFiGAkamsy0LA9pAe1EFqRbBYCAYXXUGk4DWJhZN4dlAlMSLRW80cSVzM3UgB3ksAwcnamwkB28GjVCWl5iZmpucnZ4cj4eWoRqFLKJHpgSoFIoEe5ausBeyl7UYqqw9uaVrukOkn8LDxMXGx8ibwY6+JLxydCO3JdMg1dJ/Is+E0SPLcs3Jnt/F28XXw+jC5uXh4u89EQAh+QQJCgAAACwAAAAANgA3AAAEzhDISau9OOvNu/9gKI5kaZ5oqhYGQRiFWhaD6w6xLLa2a+iiXg8YEtqIIF7vh/QcarbB4YJIuBKIpuTAM0wtCqNiJBgMBCaE0ZUFCXpoknWdCEFvpfURdCcM8noEIW82cSNzRnWDZoYjamttWhphQmOSHFVXkZecnZ6foKFujJdlZxqELo1AqQSrFH1/TbEZtLM9shetrzK7qKSSpryixMXGx8jJyifCKc1kcMzRIrYl1Xy4J9cfvibdIs/MwMue4cffxtvE6qLoxubk8ScRACH5BAkKAAAALAAAAAA2ADcAAATOEMhJq7046827/2AojmRpnmiqrqwwDAJbCkRNxLI42MSQ6zzfD0Sz4YYfFwyZKxhqhgJJeSQVdraBNFSsVUVPHsEAzJrEtnJNSELXRN2bKcwjw19f0QG7PjA7B2EGfn+FhoeIiYoSCAk1CQiLFQpoChlUQwhuBJEWcXkpjm4JF3w9P5tvFqZsLKkEF58/omiksXiZm52SlGKWkhONj7vAxcbHyMkTmCjMcDygRNAjrCfVaqcm11zTJrIjzt64yojhxd/G28XqwOjG5uTxJhEAIfkECQoAAAAsAAAAADYANwAABM0QyEmrvTjrzbv/YCiOZGmeaKqurDAMAlsKRE3EsjjYxJDrPN8PRLPhhh8XDMk0KY/OF5TIm4qKNWtnZxOWuDUvCNw7kcXJ6gl7Iz1T76Z8Tq/b7/i8qmCoGQoacT8FZ4AXbFopfTwEBhhnQ4w2j0GRkgQYiEOLPI6ZUkgHZwd6EweLBqSlq6ytricICTUJCKwKkgojgiMIlwS1VEYlspcJIZAkvjXHlcnKIZokxJLG0KAlvZfAebeMuUi7FbGz2z/Rq8jozavn7Nev8CsRACH5BAkKAAAALAAAAAA2ADcAAATLEMhJq7046827/2AojmRpnmiqrqwwDAJbCkRNxLI42MSQ6zzfD0Sz4YYfFwzJNCmPzheUyJuKijVrZ2cTlrg1LwjcO5HFyeoJeyM9U++mfE6v2+/4PD6O5F/YWiqAGWdIhRiHP4kWg0ONGH4/kXqUlZaXmJlMBQY1BgVuUicFZ6AhjyOdPAQGQF0mqzauYbCxBFdqJao8rVeiGQgJNQkIFwdnB0MKsQrGqgbJPwi2BMV5wrYJetQ129x62LHaedO21nnLq82VwcPnIhEAIfkECQoAAAAsAAAAADYANwAABMwQyEmrvTjrzbv/YCiOZGmeaKqurDAMAlsKRE3EsjjYxJDrPN8PRLPhhh8XDMk0KY/OF5TIm4qKNWtnZxOWuDUvCNw7kcXJ6gl7Iz1T76Z8Tq/b7/g8Po7kX9haKoAZZ0iFGIc/iRaDQ40Yfj+RepSVlpeYAAgJNQkIlgo8NQqUCKI2nzNSIpynBAkzaiCuNl9BIbQ1tl0hraewbrIfpq6pbqsioaKkFwUGNQYFSJudxhUFZ9KUz6IGlbTfrpXcPN6UB2cHlgfcBuqZKBEAIfkECQoAAAAsAAAAADYANwAABMwQyEmrvTjrzbv/YCiOZGmeaKqurDAMAlsKRE3EsjjYxJDrPN8PRLPhhh8XDMk0KY/OF5TIm4qKNWtnZxOWuDUvCNw7kcXJ6gl7Iz1T76Z8Tq/b7yJEopZA4CsKPDUKfxIIgjZ+P3EWe4gECYtqFo82P2cXlTWXQReOiJE5bFqHj4qiUhmBgoSFho59rrKztLVMBQY1BgWzBWe8UUsiuYIGTpMglSaYIcpfnSHEPMYzyB8HZwdrqSMHxAbath2MsqO0zLLorua05OLvJxEAIfkECQoAAAAsAAAAADYANwAABMwQyEmrvTjrzbv/YCiOZGmeaKqurDAMAlsKRE3EsjjYxJDrPN8PRLPhfohELYHQuGBDgIJXU0Q5CKqtOXsdP0otITHjfTtiW2lnE37StXUwFNaSScXaGZvm4r0jU1RWV1hhTIWJiouMjVcFBjUGBY4WBWw1A5RDT3sTkVQGnGYYaUOYPaVip3MXoDyiP3k3GAeoAwdRnRoHoAa5lcHCw8TFxscduyjKIrOeRKRAbSe3I9Um1yHOJ9sjzCbfyInhwt3E2cPo5dHF5OLvJREAOwAAAAAAAAAAAA==') /*/Content/Images/ajax-loader.gif*/;
}
.locked-uninteractable {
  opacity: .5;
  pointer-events: none;
  cursor: default !important;
}
.button.small-drop {
  float: left;
  width: .1em;
  margin: 0;
  font-size: .4em;
  padding-top: .5em;
  padding-left: 0;
  padding-right: 3.5em;
  background-color: inherit;
  color: #222;
  font-style: normal;
}
.button.small-drop:active {
  box-shadow: none;
}
.button.small-drop span.icon:before {
  font-size: 2.6em;
}
@media screen and (max-width: 939px) {
  .button.small-drop span.icon:before {
    font-size: 3.3em;
    right: .5em;
    bottom: .1em;
  }
}
.noItemsMessage {
  background: #eee;
  line-height: 1.6;
  padding: .5em 1em;
}
.noItemsMessage,
.noItemsMessage h1,
.noItemsMessage h2,
.noItemsMessage h3,
.noItemsMessage h4,
.noItemsMessage h5,
.noItemsMessage h6 {
  font-family: 'Open Sans', sans-serif;
  margin: 0;
}
@media only screen {
  .hide-until-binding-applied {
    display: none;
    opacity: 0;
  }
  [data-binding-applied].hide-until-binding-applied,
  [data-binding-applied] .hide-until-binding-applied {
    opacity: 0;
    display: block;
    -moz-animation: fadeIn .25s linear .25s forwards;
    -o-animation: fadeIn .25s linear .25s forwards;
    -webkit-animation: fadeIn .25s linear .25s forwards;
    animation: fadeIn .25s linear .25s forwards;
  }
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 939px) {
  /* Foundation's hide-for-small class adds display: inherit on large screens, which is obnoxious when we are trying to use a specific display style on the item. This class doesn't have that issue. */
  .hide-small {
    display: none !important;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media print {
  .hide-for-print {
    display: none !important;
  }
}
@media print {
  .print-hide-href:after {
    content: none;
  }
}
html {
  height: 100%;
}
body {
  background: none;
  overflow-y: auto;
  height: 100%;
}
.has-top-banner #LandingPageWrapper {
  padding-top: 40px;
}
#LandingPageMainContentWrapper {
  background: white;
  margin-top: 3em;
  margin-bottom: 3em;
  padding-top: 2em;
  padding-bottom: 2em;
  position: relative;
}
#LandingPageContentArea h2 {
  text-align: center;
}
#LandingPageLogos {
  height: 7em;
}
#LandingPageSchoolLogo {
  text-align: center;
  height: 100%;
}
#LandingPageSchoolLogo img {
  max-height: 100%;
}
#LandingPageClassReachInfo {
  font-weight: 700;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.2em;
  margin-top: .5em;
  margin-left: 1.2em;
  margin-bottom: 0;
}
#LandingPageClassReachInfo li {
  color: #333;
  font-weight: 500;
}
#ClassReachLogo {
  margin-top: 2.1em;
}
#ClassReachLogo h1 {
  font-size: 5em;
  font-weight: 500;
  text-align: center;
  margin-bottom: 0;
}
#ClassReachLogo span {
  vertical-align: bottom;
  font-size: .35em;
}
#LandingPageContentArea input[type=submit] {
  font-size: 1em;
  font-weight: 600;
  margin-bottom: 0;
}
#LandingPageContentArea label > span {
  font-size: 1.5em;
  line-height: 1.8em;
  color: #333;
}
#LandingPageContentArea .ErrorText {
  font-size: 1.2em;
  text-align: center;
}
#LandingPageContentArea .ErrorText p,
#LandingPageContentArea .ErrorText div {
  background: #E53224;
  margin-top: 1em;
  margin-bottom: 0;
}
#LandingPageContentArea #ForgotPasswordLink {
  font-weight: 700;
  margin-top: .8em;
  color: #248196;
}
#LandingPageContentArea .schoolName {
  text-align: center;
}
#LandingPageFooter {
  font-size: .75em;
  text-align: center;
}
#LandingPageFooter p {
  margin-bottom: .5em;
}
#ChooseRole {
  color: black;
}
.possibleRole {
  max-width: 10em;
  margin: 0 auto;
  font-size: 1.1em;
}
.possibleRole .button {
  margin-bottom: 0;
  min-width: 7em;
}
.returnLink {
  text-align: center;
  line-height: 2.5em;
}
@media only screen and (max-width: 939px) {
  body {
    font-size: .8em;
  }
}
#LoginArea input:not([type=submit]) {
  font-size: 1.3em;
}
#LoginArea h4 {
  margin-bottom: .2em;
}
#LandingPageSchoolLogo > img {
  max-width: 100%;
  max-height: 800px;
}
#LoginPageText {
  border: 1px solid #efefef;
  border-radius: 5px;
  padding: 2em;
}
#LoginPageText ol,
#LoginPageText ul {
  padding-left: 2em;
}
#UserLoginInfo {
  padding-bottom: 3em;
  margin: 1em auto;
}
.applyText {
  position: absolute;
  right: 1em;
  text-decoration: underline;
  bottom: 1em;
  font-weight: bold;
}
#ClassReachLogoCard {
  padding: 1em;
  max-width: 25em;
  margin: 8em auto 2em;
  box-shadow: none;
}
#ClassReachLogoCard .text {
  text-align: center;
}