* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  font-family: "Source Sans Pro", sans-serif;
}
section {
  display: none;
}
header {
  display: flex;
  align-items: center;
  width: 100%;
  height: 61px;
  background-color: #2b2839;
}
header svg {
  height: 40px;
  padding-left: 2rem;
  color: #fff;
}
header svg:nth-of-type(2) {
  display: none;
}
header span {
  display: block;
  width: 1px;
  height: 50%;
  margin: 0 10px;
  background-color: #fff;
}
header h1 {
  color: #fff;
  font-size: 26px;
}
.downloaded-books {
  padding: 20px;
}
.downloaded-books h2 {
  margin: 10px 0 20px 0;
  font-size: 21px;
  font-weight: normal;
  color: #575757;
}
.downloaded-books ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  list-style: none;
}
.downloaded-books ul li {
  display: flex;
  height: 140px;
  max-width: 380px;
  background-color: #eceef2;
  border-radius: 5px;
}
.downloaded-books ul li a {
  display: flex;
  font-weight: bold;
  color: #575757;
  text-decoration: none;
}
.downloaded-books ul li a img {
  align-self: center;
  height: auto;
  width: auto;
  max-width: 110px;
  max-height: 140px;
}
.downloaded-books ul li a div {
  padding: 10px 20px;
}
.empty-books {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: calc(100vh - 61px);
}
.empty-books .image-wrapper {
  margin-bottom: 60px;
  width: 160px;
  height: 160px;
  transform: scale(1.5);
}
.empty-books h2,
.empty-books p {
  font-weight: normal;
  color: #575757;
}
.empty-books h2 {
  font-size: 21px;
  margin-bottom: 10px;
}
.empty-books p {
  margin-bottom: 30px;
}
.empty-books button {
  padding: 0px 18px;
  height: 40px;
  border-radius: 20px;
  border: none;
  background-color: transparent;
  box-shadow: 0 0 0 1px #575757;
  color: #575757;
  transition: 0.15s;
  cursor: pointer;
}
.empty-books button:hover {
  background-color: #575757;
  color: #fff;
}
@media (max-width: 1023px) {
  header svg:nth-of-type(1) {
    display: none;
  }
  header svg:nth-of-type(2) {
    display: block;
  }
  .empty-books {
    justify-content: flex-start;
    margin-top: 10px;
    height: calc(100vh - 71px);
  }
  .empty-books .image-wrapper {
    margin-bottom: 20px;
    transform: scale(1);
  }
}
.new-banner {
  display: flex;
  align-items: center;
  padding: 15px 10px;
  background-color: var(--accent-color);
  color: #fff;
  border-bottom: 1px solid #0b5270;
}
.new-banner__icon {
  display: flex;
  height: 40px;
  width: 40px;
}
.new-banner__icon svg {
  width: 40px;
}
.new-banner__content,
.new-banner__action {
  display: flex;
  align-items: center;
}
.new-banner__content p:nth-of-type(1) {
  margin-left: 10px;
  font-weight: bold;
}
.new-banner__content span {
  display: block;
  margin: 0 20px;
  height: 20px;
  width: 1px;
  background-color: #fff;
}
.new-banner__content a {
  color: #fff;
}
.new-banner__action {
  margin-left: auto;
  margin-right: 20px;
}
.new-banner__action svg {
  width: 20px;
  height: 20px;
}
@media (max-height: 450px) and (min-width: 1023px) {
  .empty-books .image-wrapper {
    display: none !important;
  }
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -ms-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
  -ms-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
}
.collapse.in {
  height: auto;
}
.modal-open .dropdown-menu {
  z-index: 2050;
}
.modal-open .dropdown.open {
  *z-index: 2050;
}
.modal-open .popover {
  z-index: 2060;
}
.modal-open .tooltip {
  z-index: 2070;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: calc(80 / 100);
  filter: alpha(opacity=80);
}
.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1050;
  overflow: auto;
  width: 560px;
  margin: -250px 0 0 -280px;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  /* IE6-7 */
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.modal.fade {
  -webkit-transition: opacity .3s linear, top .3s ease-out;
  -moz-transition: opacity .3s linear, top .3s ease-out;
  -ms-transition: opacity .3s linear, top .3s ease-out;
  -o-transition: opacity .3s linear, top .3s ease-out;
  transition: opacity .3s linear, top .3s ease-out;
  top: -25%;
}
.modal.fade.in {
  top: 50%;
}
.modal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
}
.modal-header .close {
  margin-top: 2px;
}
.modal-body {
  overflow-y: auto;
  max-height: 400px;
  padding: 15px;
}
.modal-body .controls li {
  color: #cf1155;
}
.modal-form {
  margin-bottom: 0;
}
.modal-help p.help-block {
  margin-left: 18px;
  margin-top: 12px;
  margin-bottom: 0px;
  font-style: italic;
}
.modal-footer {
  padding: 9px 15px 9px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 #fff;
  -moz-box-shadow: inset 0 1px 0 #fff;
  box-shadow: inset 0 1px 0 #fff;
  *zoom: 1;
}
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: "";
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
* {
  box-sizing: border-box;
}
*:focus {
  outline: none;
}
html,
body {
  margin: 0;
}
body,
button,
dd,
dl,
h1,
h2,
h3,
h4,
ol,
p,
select,
ul {
  margin: 0;
}
p {
  font-size: 1rem;
}
ol,
ul {
  padding-left: 0;
  list-style: none;
}
li a {
  line-height: 1.2rem;
}
a {
  border: 0;
}
label:not(last) {
  margin-bottom: 0.3em;
}
label:not(first) {
  margin-top: 0.8em;
}
h3,
h4 {
  font-size: 1rem;
}
h3 {
  font-weight: 600;
}
svg[tabindex="-1"] {
  pointer-events: none;
}
fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}
input:focus {
  outline: 1px solid #000;
  box-shadow: inset 0 0 0 1px #fff;
}
.using-mouse input[type=submit]:focus {
  outline: none;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7g.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdr.ttf) format('truetype');
}
body {
  font-family: 'Source Sans Pro', sans-serif;
}
:root {
  --ui-background: #eceef2;
  --ui-background-darker: #e3e6ec;
  --text-neutral: #575757;
  --text-neutral-darker: #222;
  --service-brand: #585275;
  --service-brand-oxford: #011E41;
  --service-brand-darker: #413d57;
  --service-brand-darkest: #2b2839;
  --service-top-bar-color: #2b2839;
  --accent-color: #10749e;
  --accent-color-lighter: hsla(198, 81.6%, 34.1%, 0.2);
  --accent-color-darker: #005b85;
  --product-color: #fff;
  --product-color-hs: 199, 83%;
  --product-color-l: 50%;
  --text-neutral-hs: 0, 0%;
  --text-neutral-l: 50%;
  --product-contrast-color: #222;
  --confirmation-color: #5ca605;
  --dse-developing: #FFEE00;
  --dse-secure: #B0E501;
  --dse-extending: #C55CFC;
  --next-steps: #00E4FF;
  --alert-color: #cf1155;
}
.lightTheme {
  --product-contrast-color: #fff;
}
.grid {
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media only screen and (min-width: 768px) {
  .grid {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.grid--maxWidth {
  max-width: 1244px;
}
.row {
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}
.col {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  max-width: 100%;
  border: 0 solid transparent;
  border-right-width: 10px;
  border-left-width: 10px;
  display: flex;
  flex-direction: column;
}
.col--auto {
  flex: 0 0 auto;
  width: auto;
}
.col--small {
  flex-basis: 50px;
  max-width: 50px;
  border-right-width: 0;
}
.col--3 {
  flex-basis: 25%;
  max-width: 25%;
}
.col--5 {
  flex-basis: 41.66%;
  max-width: 41.66%;
}
.col--6 {
  flex-basis: 50%;
  max-width: 50%;
}
.col--9 {
  flex-basis: 75%;
  max-width: 75%;
}
.col--12 {
  flex-basis: 100%;
  max-width: 100%;
}
.col--offset1 {
  margin-left: 8.33%;
}
@media only screen and (min-width: 768px) {
  .col--m {
    flex-basis: 0;
    max-width: 100%;
  }
  .col--m3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col--m5 {
    flex-basis: 41.66%;
    max-width: 41.66%;
  }
  .col--m6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col--m9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col--m12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .col--offset1m {
    margin-left: 8.33%;
  }
}
@media only screen and (min-width: 1024px) {
  .col--l {
    flex-basis: 0;
    max-width: 100%;
  }
  .col--l3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col--l5 {
    flex-basis: 41.66%;
    max-width: 41.66%;
  }
  .col--l6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col--l9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col--l12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .col--offset1l {
    margin-left: 8.33%;
  }
}
.loading {
  position: relative;
}
.loading > * {
  visibility: hidden;
}
.loading::before,
.loading::after {
  content: '';
  position: absolute;
  top: 5rem;
  left: 50%;
  margin-left: calc(-6rem / 2);
}
.loading::before {
  width: calc(6rem / 2);
  height: calc(6rem / 2);
  background: var(--product-color);
  border-radius: 100% 0 0 0;
  transform-origin: bottom right;
  animation: loading 1.4s infinite linear;
  z-index: 1;
}
.loading::after {
  width: 5rem;
  height: 5rem;
  margin-top: calc(1rem / 2);
  margin-left: calc(-6rem / 2 + 1rem / 2);
  background: #fff;
  border-radius: 50%;
  z-index: 2;
}
.loading.content::after {
  background-color: var(--ui-background);
}
:root {
  --safe-area-inset-bottom: env(safe-area-inset-bottom);
}
body {
  max-width: 100vw;
  min-height: var(--vh100, 100vh);
  background-color: #fff;
  color: var(--text-neutral);
  fill: var(--text-neutral);
  /* This modifier is used to transfer the scroll to the section__body element
     and adjust the height to the viewport (usefull for sections with bottom positioned
     elements */
}
body.body--composed {
  display: flex;
  flex-direction: column;
  height: var(--vh100, 100vh);
  overflow: hidden;
}
body.body--composed #body {
  height: 100%;
  overflow: hidden;
}
body.body--composed #body > div {
  display: flex;
  flex-direction: column;
  height: 100%;
}
body.body--composed .pageMain {
  height: 100%;
  overflow: hidden;
}
body.body--composed .pageMain > div,
body.body--composed .pageMain section {
  height: 100%;
}
body.body--composed section {
  padding: 0;
}
body.body--composed .assign-unavailable-infobox-wrapper {
  display: none;
  padding: 10px 1rem 7rem 1rem;
  background-color: #fff;
}
body.body--composed .assign-unavailable-infobox-wrapper .helpCard {
  max-width: 700px;
}
@media only screen and (min-width: 1024px) {
  body.body--composed .assign-unavailable-infobox-wrapper {
    padding: 10px 2rem 0 2rem;
  }
}
body.body--composed .assigning-blocked .assign-unavailable-infobox-wrapper {
  display: block;
}
body.body--composed .assigning-blocked button[data-action="assign"],
body.body--composed .assigning-blocked button[data-action="assignmentBasket"],
body.body--composed .assigning-blocked .assignment-basket-list-element {
  display: none;
}
body.body--composed .section__wrapper {
  flex: 0 1 100%;
  display: flex;
  flex-direction: column-reverse;
  height: 100%;
  background-color: var(--ui-background);
}
@media only screen and (min-width: 1024px) {
  body.body--composed .section__wrapper {
    flex-direction: column;
  }
}
body.body--composed .section__header,
body.body--composed .section__footer {
  align-items: center;
  flex-shrink: 0;
  background-color: #fff;
  padding: 0 1rem;
}
@media only screen and (min-width: 1024px) {
  body.body--composed .section__header,
  body.body--composed .section__footer {
    padding: 0 2rem;
  }
}
body.body--composed .section__header {
  justify-content: flex-start;
  min-height: 60px;
  margin-bottom: 0;
  box-shadow: 0 -10px 20px -5px rgba(0, 0, 0, 0.1);
}
.mobile body.body--composed .section__header {
  position: fixed;
  bottom: calc(var(--safe-area-inset-bottom) - -78px);
  /* YUI Compressor hack https://github.com/yui/yuicompressor/issues/59 */
  left: 0;
  right: 0;
  z-index: 4;
}
@media only screen and (min-width: 1024px) {
  .mobile body.body--composed .section__header {
    position: static;
  }
}
@media only screen and (min-width: 1024px) {
  body.body--composed .section__header {
    box-shadow: none;
  }
}
body.body--composed .section__header--withPageHeader {
  min-height: 0;
  box-shadow: none;
}
@media only screen and (min-width: 1024px) {
  body.body--composed .section__header--withPageHeader {
    border-top: 1px solid var(--ui-background);
  }
}
body.body--composed .section__header .button--cancel {
  margin-left: 0;
  margin-right: 0.8rem;
}
body.body--composed .section__body {
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.mobile body.body--composed .section__body {
  padding-bottom: 125px;
}
@media only screen and (min-width: 1024px) {
  .mobile body.body--composed .section__body {
    padding-bottom: 25px;
  }
}
body.body--composed .section__footer {
  box-shadow: 0 -10px 20px -5px rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid #e8e8ef;
  order: -1;
  z-index: 1;
}
@media only screen and (min-width: 1024px) {
  body.body--composed .section__footer {
    border-bottom: 0;
    order: 0;
  }
}
body.body--composed .content {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1060px;
  min-height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
}
body.body--composed .content__header,
body.body--composed .content__footer {
  flex-shrink: 0;
}
body.body--composed .content__wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
body.body--composed .content__body {
  display: flex;
  justify-content: center;
  flex-grow: 1;
}
body.body--composed .content__body > div {
  width: 100%;
}
.pageHeader {
  width: 100%;
  background-color: var(--product-color);
}
@media only screen and (min-width: 1024px) {
  .pageHeader {
    position: -webkit-sticky;
    /* iOS <= 12.4 */
    position: sticky;
    top: 0;
    z-index: 6;
    /* Revert OR-457 after joining LAR tabs together */
    /* display: grid;
    grid-template-columns: repeat(2, auto); */
  }
}
.pageHeader__logo {
  display: none;
  justify-content: center;
  padding-top: 10px;
  padding-bottom: 10px;
  min-height: 64px;
}
.home-lens .pageHeader__logo {
  display: flex;
}
@media only screen and (min-width: 1024px) {
  .pageHeader__logo {
    justify-content: flex-start;
  }
}
.pageHeader__logo img {
  max-width: 100%;
  height: 40px;
  filter: brightness(0);
}
.lightTheme .pageHeader__logo img {
  filter: brightness(0) invert(1);
}
.pageHeader__title {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 21px;
  font-weight: 400;
  line-height: 40px;
}
.pageHeader__title--withBorder {
  border-bottom: 1px solid var(--ui-background);
}
.pageHeader__tabs {
  flex-shrink: 0;
  flex-grow: 1;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: 0 -10px 20px -5px rgba(0, 0, 0, 0.1);
  z-index: 200;
  padding-bottom: var(--safe-area-inset-bottom);
  background-color: var(--product-color);
}
@media only screen and (min-width: 1024px) {
  .pageHeader__tabs {
    position: static;
    box-shadow: none;
    z-index: auto;
    display: block;
  }
}
.pageHeader__tabs--responsive {
  display: flex;
  align-items: center;
}
.pageHeader__tabs--responsive .navigationTabs {
  flex-wrap: wrap;
}
.pageHeader__tabsNavigation {
  flex: 1;
}
.pageHeader__tabsNavigation .navigationTabs__item {
  padding-left: 10px;
  padding-right: 10px;
}
@media only screen and (min-width: 1024px) {
  .pageHeader__tabsNavigation .navigationTabs__item {
    padding-left: 0;
    padding-right: 0;
  }
}
.pageHeader__tabsMore {
  padding: 7px 20px 9px 10px;
}
@media only screen and (min-width: 1024px) {
  .pageHeader__tabsMore {
    padding: 0;
    margin-right: 5px;
    margin-left: 5px;
  }
}
.pageHeader__tabsMore svg {
  width: 40px;
  height: 40px;
  border: 1px solid var(--product-contrast-color);
  border-radius: 50%;
}
.pageHeader__morePanel {
  position: fixed;
  bottom: calc(var(--safe-area-inset-bottom) - -78px);
  /* YUI Compressor hack https://github.com/yui/yuicompressor/issues/59 */
  left: 0;
  right: 0;
  z-index: 200;
  max-height: 0;
  overflow: hidden;
  transition: box-shadow 500ms, max-height 500ms;
}
.pageHeader__morePanel .navigationTabs {
  flex-direction: column;
  padding: 0;
}
.pageHeader__morePanel .navigationTabs .navigationTabs__item {
  border-bottom: 1px solid var(--product-contrast-color);
  padding: 7px 20px;
}
.pageHeader__morePanel .navigationTabs .navigationTabs__button {
  flex-direction: row;
}
.pageHeader__morePanel--enabled {
  max-height: 1000px;
  box-shadow: 0 -10px 20px -5px rgba(0, 0, 0, 0.1);
}
.pageHeader__moreDesktopDropdown {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .pageHeader__moreDesktopDropdown {
    display: block;
  }
}
.pageHeader__moreDesktopDropdown .dropdown {
  margin-top: 0;
  margin-right: 5px;
  margin-left: 5px;
}
.pageMain {
  padding-bottom: calc(var(--safe-area-inset-bottom) - -78px);
  /* YUI Compressor hack https://github.com/yui/yuicompressor/issues/59 */
}
@media only screen and (min-width: 1024px) {
  .pageMain {
    padding-bottom: 0;
  }
}
.body--shortFooter .pageMain {
  padding-bottom: calc(var(--safe-area-inset-bottom) - -60px);
  /* YUI Compressor hack https://github.com/yui/yuicompressor/issues/59 */
}
@media only screen and (min-width: 1024px) {
  .body--shortFooter .pageMain {
    padding-bottom: 0;
  }
}
.body--navigationDisabled .pageMain {
  padding-bottom: 0;
}
section:empty {
  display: none;
}
section .section__header {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
  padding-top: 20px;
  position: relative;
}
section .section__title {
  font-size: 21px;
  font-weight: 400;
  line-height: 40px;
}
section .section__subtitle {
  font-weight: 700;
  margin-bottom: 10px;
}
section .section__body {
  padding-bottom: 25px;
}
section .section__footer {
  position: relative;
}
.content__header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 10px;
}
.resources--empty .content__header {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .content__header {
    flex-direction: row;
    align-items: center;
    line-height: 40px;
  }
}
.content__header .checkbox {
  order: -1;
  margin: 0 0 0 10px;
}
@media only screen and (min-width: 1024px) {
  .content__header .checkbox {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .content__header .checkbox__label {
    margin-top: 0;
  }
}
.content__header .list-header {
  margin-right: auto;
  font-weight: 600;
}
@media only screen and (min-width: 1024px) {
  .content .queryTitle {
    display: none;
  }
}
.content__body {
  margin-bottom: 20px;
}
.content__footerActions {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.panel {
  margin-top: 20px;
  margin-bottom: 20px;
  border-radius: 5px;
  background-color: white;
  border: 2px solid var(--product-color);
}
.panel h3 {
  display: inline-flex;
  align-items: center;
  max-width: 90%;
  min-height: 50px;
  margin: 0;
  padding: 10px 20px;
  border-bottom-right-radius: 10px;
  background-color: var(--product-color);
  color: var(--product-contrast-color);
  font-weight: 400;
}
.panel__content {
  padding: 20px;
}
.panel__content p {
  line-height: 21px;
  margin-bottom: 20px;
}
.panel__content a {
  color: var(--accent-color);
}
.panel__content a:focus,
.panel__content a:hover {
  color: var(--accent-color-darker);
}
.panel__content u {
  text-decoration: none;
}
.queryTitle {
  font-weight: 600;
}
.student-role .queryResults {
  order: -1;
}
.oupLens {
  display: table;
  width: 100%;
}
.oupLens__placeholder {
  border: 3px var(--text-neutral) dashed;
}
.oupLens__placeholder div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  background: #E9EEF1;
  font-size: 30px;
  font-weight: bold;
}
.oupLens__placeholder div small {
  display: block;
}
.oupLens iframe {
  display: table-cell;
  border: none;
  width: 100%;
  height: 100%;
}
.a11y-hide,
.a11y-hide-focusable,
.skip-carousel {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  position: absolute;
  z-index: -999;
  overflow: hidden;
  white-space: nowrap;
}
.a11y-hide-focusable:focus,
.skip-carousel:focus {
  position: absolute;
  z-index: 2;
  top: 10px;
  left: 30px;
  display: block;
  width: auto;
  height: auto;
  padding: 10px;
  border-radius: 5px;
  background-color: var(--accent-color);
  color: white;
  text-decoration: none;
  font-size: 16px;
  clip: auto;
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #000, 0 3px 7px 0 rgba(0, 0, 0, 0.3);
}
.skip-carousel:focus {
  position: static;
  display: inline-block;
  margin: 5px 0 20px 0;
}
.screen-reader-only {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.flex {
  display: flex;
}
.flex--alignBaseline {
  align-items: baseline;
}
.flex--alignCenter {
  align-items: center;
}
.flex--spaceBetween {
  justify-content: space-between;
}
.flex--end {
  justify-content: flex-end;
}
.flex.flex--directionColumn {
  flex-direction: column;
}
.flex.flex--grow {
  flex-grow: 1;
}
.hidden {
  display: none !important;
}
@media only screen and (min-width: 435px) {
  .visible--xxs {
    display: flex !important;
  }
}
@media only screen and (min-width: 501px) {
  .visible--xs {
    display: flex !important;
  }
}
@media only screen and (min-width: 545px) {
  .visible--s {
    display: flex !important;
  }
}
@media only screen and (min-width: 651px) {
  .visible--xm {
    display: flex !important;
  }
}
@media only screen and (min-width: 768px) {
  .visible--m {
    display: flex !important;
  }
}
@media only screen and (min-width: 1024px) {
  .visible--l {
    display: flex !important;
  }
}
@media only screen and (max-width: 500px) {
  .visible--xsMax {
    display: flex !important;
  }
}
@media only screen and (max-width: 1023px) {
  .visible--lMax {
    display: flex !important;
  }
}
@media only screen and (min-width: 435px) {
  .visibleInline--xxs {
    display: inline-flex !important;
  }
}
@media only screen and (min-width: 501px) {
  .visibleInline--xs {
    display: inline-flex !important;
  }
}
@media only screen and (min-width: 545px) {
  .visibleInline--s {
    display: inline-flex !important;
  }
}
@media only screen and (min-width: 651px) {
  .visibleInline--xm {
    display: inline-flex !important;
  }
}
@media only screen and (min-width: 768px) {
  .visibleInline--m {
    display: inline-flex !important;
  }
}
@media only screen and (min-width: 1024px) {
  .visibleInline--l {
    display: inline-flex !important;
  }
}
@media only screen and (min-width: 435px) {
  .hidden--xxs {
    display: none !important;
  }
}
@media only screen and (min-width: 501px) {
  .hidden--xs {
    display: none !important;
  }
}
@media only screen and (min-width: 545px) {
  .hidden--s {
    display: none !important;
  }
}
@media only screen and (min-width: 651px) {
  .hidden--xm {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) {
  .hidden--m {
    display: none !important;
  }
}
@media only screen and (min-width: 1024px) {
  .hidden--l {
    display: none !important;
  }
}
.mr {
  margin-right: 5px !important;
}
.mr--2x {
  margin-right: 10px !important;
}
.mr--4x {
  margin-right: 20px !important;
}
.mr--8x {
  margin-right: 40px !important;
}
.mr--auto {
  margin-right: auto !important;
}
@media only screen and (min-width: 501px) {
  .mr--auto--xs {
    margin-right: auto !important;
  }
}
@media only screen and (min-width: 545px) {
  .mr--auto--s {
    margin-right: auto !important;
  }
}
@media only screen and (min-width: 768px) {
  .mr--auto--m {
    margin-right: auto !important;
  }
}
@media only screen and (min-width: 1024px) {
  .mr--auto--l {
    margin-right: auto !important;
  }
}
.ml {
  margin-left: 5px !important;
}
.ml--2x {
  margin-left: 10px !important;
}
.ml--4x {
  margin-left: 20px !important;
}
.ml--auto {
  margin-left: auto !important;
}
.mh {
  margin-right: 5px !important;
  margin-left: 5px !important;
}
.mh--2x {
  margin-right: 10px !important;
  margin-left: 10px !important;
}
.mh--4x {
  margin-right: 20px !important;
  margin-left: 20px !important;
}
.mh--auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.mt {
  margin-top: 5px !important;
}
.mt--2x {
  margin-top: 10px !important;
}
.mt--4x {
  margin-top: 20px !important;
}
.mb {
  margin-bottom: 5px !important;
}
.mb--2x {
  margin-bottom: 10px !important;
}
.mb--4x {
  margin-bottom: 20px !important;
}
.mv {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.mv--2x {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.mv--4x {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.noPadding {
  padding: 0 !important;
}
.uppercase {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize;
}
.underline {
  text-decoration: underline;
}
.fullWidth {
  width: 100%;
}
.fitContent {
  width: fit-content;
}
.fullHeight {
  height: 100%;
}
.bold {
  font-weight: 700;
}
.noBottomBorder {
  border-bottom: none !important;
}
a:focus-visible,
button:focus-visible,
.dropdown:focus-visible,
.focusable:focus-visible,
.login a:focus-visible,
.login button:focus-visible,
.login .dropdown:focus-visible,
.login .focusable:focus-visible,
label.manageLibraryToggle:focus-within {
  outline: none;
  box-shadow: inset 0 0 0 1px #000, inset 0 0 0 2px #fff;
}
a[data-action="changeVisibility"]:focus-visible {
  outline: auto;
  box-shadow: unset;
}
#nav-notifications a:focus,
#nav-help a:focus,
#nav-profile:focus-within .dropdown {
  outline: none !important;
  box-shadow: inset 0 0 0 1px #000, inset 0 0 0 2px #fff !important;
  border-radius: 0 !important;
}
.hide-when-not-empty {
  display: none;
}
a {
  text-decoration: underline;
  color: var(--text-neutral);
}
a:not(:disabled) {
  cursor: pointer;
}
a:hover,
a:focus {
  color: var(--text-neutral-darker);
}
.link {
  color: var(--accent-color);
}
.link:focus,
.link:hover {
  color: var(--accent-color-darker);
}
input[type="button"],
input[type="submit"],
button {
  -webkit-appearance: none;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1em;
}
button {
  padding: 0;
  background: transparent;
  color: inherit;
  border: none;
}
button:not(:disabled) {
  cursor: pointer;
}
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
}
.button:not(:disabled) {
  cursor: pointer;
}
.button:disabled {
  opacity: 0.5;
}
.button--hidden {
  display: none !important;
}
.button--primary,
.button--secondary {
  height: 40px;
  min-width: 80px;
  margin: 10px 0;
  padding: 0 15px;
  text-decoration: none;
  border-radius: 20px;
  transition: background-color 150ms;
}
.button--primary + .button,
.button--secondary + .button {
  margin-left: 10px;
}
.button--primary {
  background-color: var(--accent-color);
  color: #fff;
}
.button--primary:hover:not(:disabled),
.button--primary:focus:not(:disabled) {
  background-color: var(--accent-color-darker);
  color: #fff;
}
.button--secondary {
  background-color: transparent;
  color: var(--text-neutral);
  box-shadow: 0 0 0 1px var(--text-neutral);
}
.button--secondary:hover:not(:disabled),
.button--secondary:focus:not(:disabled) {
  background-color: var(--text-neutral);
  color: #fff;
}
.button--icon {
  height: 40px;
  min-width: 0;
}
.button--icon svg {
  width: 40px;
  height: 40px;
}
.button--icon:not(.button--primary) {
  color: inherit;
}
.button--icon:not(.button--primary) svg {
  transition: transform 150ms, color 150ms;
}
.button--icon:not(.button--primary):hover:not(:disabled) svg,
.button--icon:not(.button--primary):focus:not(:disabled) svg {
  transform: scale(1.25);
}
.button--icon:not(.button--primary):hover:not(:disabled) .button__label,
.button--icon:not(.button--primary):focus:not(:disabled) .button__label {
  text-decoration: none;
}
.button--icon .button__label {
  text-decoration: underline;
}
.button--flyover {
  position: absolute;
}
.button--close {
  font-size: 16px;
  color: var(--text-neutral);
}
.button--close:hover,
.button--close:focus {
  color: var(--text-neutral-darker);
}
.button--close svg {
  width: 1em;
  height: 1em;
}
.button--circular {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.button--ghostHover {
  border: 2px solid transparent;
  color: var(--product-contrast-color);
  transition: background-color 300ms, border-color 300ms;
}
.button--ghostHover:hover:not(:disabled),
.button--ghostHover:focus:not(:disabled) {
  border-color: var(--product-contrast-color);
  background-color: rgba(255, 255, 255, 0.6);
}
.lightTheme .button--ghostHover:hover:not(:disabled),
.lightTheme .button--ghostHover:focus:not(:disabled) {
  background-color: rgba(0, 0, 0, 0.4);
}
.button--pill {
  padding: 0 10px;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  font-size: 14px;
  border-radius: 20px;
  box-shadow: inset 0 0 0 1px var(--product-contrast-color);
  color: var(--product-contrast-color);
}
.button--pill:hover,
.button--pill:focus {
  background-color: rgba(255, 255, 255, 0.6);
  color: var(--product-contrast-color);
}
.lightTheme .button--pill:hover,
.lightTheme .button--pill:focus {
  background-color: rgba(0, 0, 0, 0.4);
}
.button--goToTop {
  flex-shrink: 0;
  margin: 0;
  box-shadow: 0 0 0 1px #fff;
}
.button--goToTop > .button__label {
  display: none;
}
@media only screen and (min-width: 768px) {
  .button--goToTop > .button__label {
    display: block;
  }
}
.button--goToTop .icon {
  transform: rotate(90deg);
}
.button--goToTop:hover:not(:disabled),
.sidepanel .button--goToTop:hover:not(:disabled),
.button--goToTop:focus:not(:disabled),
.sidepanel .button--goToTop:focus:not(:disabled) {
  background-color: transparent;
  color: var(--text-neutral);
  box-shadow: 0 0 0 1px var(--text-neutral);
}
.button .icon:first-child {
  margin-left: -5px;
}
.button .icon:last-child {
  margin-right: -5px;
}
.button__state {
  display: flex;
  align-items: center;
}
.button__state--enabled {
  display: none;
}
.button--enabled .button__state--idle {
  display: none;
}
.button--enabled .button__state--enabled {
  display: flex;
}
.buttonWithFeedback {
  display: inline-flex;
}
.shortcuts {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 501px) {
  .shortcuts {
    flex-direction: row;
  }
}
.shortcuts__item {
  margin-bottom: 10px;
}
@media only screen and (min-width: 501px) {
  .shortcuts__item {
    margin-bottom: 0;
    margin-right: 30px;
  }
}
@media only screen and (max-width: 1023px) {
  button.filtersToggle.button.button--icon {
    margin: 10px 0;
  }
}
.icon {
  flex-shrink: 0;
}
.icon--smallest {
  width: 12px;
  height: 12px;
}
.icon--small {
  width: 20px;
  height: 20px;
}
.icon--default {
  width: 40px;
  height: 40px;
}
.icon--big {
  width: 50px;
  height: 50px;
}
.navigationTabs {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  background-color: #fff;
  padding-top: 7px;
  padding-bottom: 9px;
}
.section__header .navigationTabs {
  flex-shrink: 0;
  flex-grow: 1;
}
@media only screen and (min-width: 1024px) {
  .navigationTabs {
    /* Revert OR-457 after joining LAR tabs together */
    /* justify-content: flex-end; */
    justify-content: flex-start;
  }
}
.sidepanel__annex .navigationTabs {
  justify-content: center;
}
@media only screen and (min-width: 1024px) {
  .navigationTabs__item {
    margin-left: 4%;
    /* Revert OR-457 after joining LAR tabs together */
  }
  .navigationTabs__item:first-child {
    margin-left: 0;
  }
}
.navigationTabs__item--active .navigationTabs__button {
  font-weight: 600;
  border-color: var(--text-neutral);
}
.navigationTabs__item--disabled .navigationTabs__button {
  cursor: default;
  border-color: transparent !important;
}
.navigationTabs__item--hidden {
  display: none;
}
.navigationTabs__button {
  display: inline-flex;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
  transition: border-bottom 300ms;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  color: var(--text-neutral);
  border-bottom: 2px solid transparent;
}
.navigationTabs__button:hover,
.navigationTabs__button:focus {
  border-color: var(--text-neutral);
}
.navigationTabs svg {
  width: 40px;
  height: 40px;
}
.navigationTabs--primary {
  background-color: var(--product-color);
}
.navigationTabs--primary .navigationTabs__item--active .navigationTabs__button {
  border-color: var(--product-contrast-color);
}
.navigationTabs--primary .navigationTabs__button {
  flex-direction: column;
  padding: 0;
  font-weight: 600;
  color: var(--product-contrast-color);
}
@media only screen and (min-width: 1024px) {
  .navigationTabs--primary .navigationTabs__button {
    flex-direction: row;
  }
}
.notifications .navigationTabs--primary .navigationTabs__button,
.myprofile .navigationTabs--primary .navigationTabs__button {
  flex-direction: row;
}
.navigationTabs--primary .navigationTabs__button:hover,
.navigationTabs--primary .navigationTabs__button:focus {
  border-color: var(--product-contrast-color);
}
.dropdown li.navigationTabs__item {
  margin-left: 0;
  min-width: 200px;
}
.dropdown li.navigationTabs__item a {
  padding: 0;
}
.tabPanel:not(.tabPanel--active) {
  display: none;
}
input {
  /* Safari mobile resets */
  margin: 0;
}
input:focus {
  outline: 1px solid #000;
  box-shadow: inset 0 0 0 1px #fff;
}
.radiobutton,
.checkbox {
  display: flex;
  align-items: flex-start;
  cursor: pointer;
  position: relative;
}
.radiobutton__icon,
.checkbox__icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
}
.radiobutton__icon--selected,
.checkbox__icon--selected,
.radiobutton__icon--focused,
.checkbox__icon--focused {
  display: none;
}
.radiobutton__label,
.checkbox__label {
  margin-top: 10px;
  margin-left: 10px;
}
.radiobutton input,
.checkbox input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.radiobutton input:not(:disabled) ~ *:focus,
.checkbox input:not(:disabled) ~ *:focus,
.radiobutton input:not(:disabled) ~ *:hover,
.checkbox input:not(:disabled) ~ *:hover {
  cursor: pointer;
}
.radiobutton input:checked ~ .radiobutton__icon--unselected {
  display: none;
}
.radiobutton input:checked ~ .radiobutton__icon--selected {
  display: block;
}
.radiobutton input:focus-visible ~ .radiobutton__icon--focused {
  display: block;
}
.radiobutton input:focus-visible ~ .radiobutton__icon--unselected,
.radiobutton input:focus-visible ~ .radiobutton__icon--selected {
  display: none;
}
.checkbox .checkbox__icon,
.checkbox .checkbox__label-star {
  display: none;
}
.checkbox:not(.checkbox--partial) input:checked:focus-visible ~ .checkbox__icon--selected-focused,
.checkbox:not(.checkbox--partial) input:checked:not(:focus-visible) ~ .checkbox__icon--selected,
.checkbox:not(.checkbox--partial) input:not(:checked):focus-visible ~ .checkbox__icon--unselected-focused,
.checkbox:not(.checkbox--partial) input:not(:checked):not(:focus-visible) ~ .checkbox__icon--unselected {
  display: block;
}
.checkbox--partial input:focus-visible ~ .checkbox__icon--partial-focused,
.checkbox--partial input:not(:focus-visible) ~ .checkbox__icon--partial {
  display: block;
}
.star-checkbox-with-label {
  padding-right: 10px;
}
.star-checkbox-with-label:focus-within {
  outline: none;
  box-shadow: inset 0 0 0 1px #000, inset 0 0 0 2px #fff;
}
.star-checkbox-with-label input ~ .checkbox__icon--unselected {
  display: block;
}
.star-checkbox-with-label input ~ .checkbox__icon--selected {
  display: none;
}
.star-checkbox-with-label input:checked ~ .checkbox__icon--unselected {
  display: none;
}
.star-checkbox-with-label input:checked ~ .checkbox__icon--selected {
  display: block;
}
.form__headingLabel {
  display: block;
  font-weight: 400;
  margin: 0 0 10px;
}
.form__headingLabel small {
  font-size: 1em;
  font-weight: 400;
}
.form__input {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  padding: 15px;
  border: none;
  box-shadow: inset 0 0 0 1px var(--text-neutral), 0 0 0 30px white inset;
  border-radius: 5px;
  background-color: #fff;
  /* Safari mobile resets */
  margin: 0;
  -webkit-appearance: none;
}
.form__input:focus {
  box-shadow: inset 0 0 0 1px var(--text-neutral), 0 0 0 30px white inset;
}
.form__input--fullWidth {
  width: 100%;
}
.form__input[type=number] {
  width: 100px;
}
.form__input--readonly {
  background-color: transparent;
  box-shadow: none;
  padding-left: 0px;
  pointer-events: none;
}
.form__input--highlighted {
  outline: 1px auto var(--accent-color);
}
.form__group {
  margin-bottom: 30px;
}
.form .helpCard {
  height: auto;
  margin-bottom: 30px;
}
textarea.form__input {
  min-height: 90px;
  line-height: 1.4;
}
.inputGroup {
  display: flex;
}
.inputGroup .form__input {
  flex-grow: 1;
}
.inputGroup .button {
  flex-shrink: 0;
}
.inputGroup--default {
  justify-content: space-between;
  padding: 10px 0;
}
.inputGroup--default .button {
  height: auto;
  margin: 0 0 0 5px;
  padding-right: 30px;
  padding-left: 30px;
  border-radius: 5px;
}
.inputGroup--compact .form__input {
  padding-top: 8px;
  padding-bottom: 8px;
  border-radius: 5px 0 0 5px;
}
.inputGroup--compact .button--primary {
  margin: 0;
  padding: 0;
  border-radius: 0 5px 5px 0;
}
.inputGroup .inputWithButton {
  display: flex;
  flex-grow: 1;
}
.inputGroup--search {
  order: -1;
  width: 100%;
  padding-top: 10px;
}
@media only screen and (min-width: 1024px) {
  .inputGroup--search {
    order: 0;
    width: 50%;
    max-width: 505px;
    padding-top: 0;
  }
}
.inputWithButton {
  position: relative;
}
.inputWithButton span.badge {
  position: absolute;
  top: 50%;
  right: 42px;
  transform: translateY(-50%);
  padding: 2px 10px;
  border-radius: 5px;
}
.inputWithButton .form__input {
  width: 100%;
  padding-right: 90px;
}
.inputWithButton .button {
  position: absolute;
  right: 15px;
  width: 15px;
}
.searchInfoIcon {
  width: 40px;
  height: 40px;
  margin-right: 15px;
  flex-shrink: 0;
}
.fileSelection {
  display: flex;
  align-items: center;
}
.fileSelection__fileName {
  font-style: italic;
  word-break: break-all;
}
.fileSelection__currentFile {
  color: var(--accent-color);
  text-decoration: underline;
}
.table {
  width: 100%;
  border: 0;
  border-collapse: collapse;
}
.table tr {
  border-collapse: collapse;
  border: 0;
}
.table th {
  min-height: 50px;
  font-weight: 600;
  border-bottom: 1px solid #575757;
}
.table__cell {
  border-collapse: collapse;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: left;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
}
.table__cell--center {
  text-align: center;
}
.dropdown {
  position: relative;
}
.dropdown ul {
  display: none;
  margin-top: 14px;
  position: absolute;
  top: 100%;
  right: 0;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  z-index: 100;
}
.dropdown ul:hover {
  display: block;
}
.dropdown ul::before,
.dropdown ul::after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  border: 10px solid transparent;
  right: 10px;
}
.dropdown ul::before {
  top: -21px;
  border-bottom-color: #d9d9d9;
}
.dropdown ul::after {
  top: -20px;
  border-bottom-color: #fff;
}
.dropdown--left ul {
  right: auto;
  left: 0;
}
.dropdown--left ul::before,
.dropdown--left ul::after {
  right: auto;
  left: 10px;
}
.dropdown--enabled ul {
  display: block;
}
.dropdown--oneSelected ul {
  display: none !important;
}
.dropdown--filter .dropdown__menu {
  transform: translateX(15px);
}
.dropdown--filter .dropdown__item {
  padding--right: 50px;
}
.dropdown--filter .caret {
  width: 12px;
  height: 12px;
  margin-left: 10px;
  transform: rotate(90deg);
}
.dropdown__item {
  display: flex;
  width: 100%;
  padding: 11px 10px;
  position: relative;
}
.dropdown__item::before {
  position: absolute;
  top: 5px;
  right: 10px;
  width: 30px;
  height: 30px;
  background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40' height='40' viewBox='0 0 40 40'%3E%3Cdefs%3E%3Csymbol id='a' data-name='icon_check' viewBox='0 0 40 40'%3E%3Cpath fill='none' stroke='%23575756' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10 22.46l5.03 5.03L30 12.51'/%3E%3Cpath fill='none' d='M0 0h40v40H0z'/%3E%3C/symbol%3E%3C/defs%3E%3Ctitle%3Eicon-check%3C/title%3E%3Cuse width='40' height='40' xlink:href='%23a'/%3E%3C/svg%3E") center;
}
.dropdown li {
  min-width: 260px;
  border-top: 1px solid #ededed;
  position: relative;
}
.dropdown li:first-child {
  border-top: none;
}
.dropdown li:first-child .dropdown__item {
  border-radius: 5px 5px 0 0;
}
.dropdown li:last-child .dropdown__item {
  border-radius: 0 0 5px 5px;
}
.dropdown li .dropdown__item {
  text-decoration: none;
  color: var(--text-neutral);
}
.dropdown li .dropdown__item:hover,
.dropdown li .dropdown__item:focus {
  background-color: #f5f5f5;
}
.dropdown li label:hover .dropdown__item,
.dropdown li input:focus ~ .dropdown__item {
  background-color: #f5f5f5;
}
.dropdown li input:checked ~ .dropdown__item::before {
  content: '';
}
.dropdown li[role=option]:focus-visible {
  background-color: #f5f5f5;
}
.dropdown li[role=option]:focus-visible::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 2px;
  background-color: var(--text-neutral);
  border-radius: 0;
}
.dropdown label {
  display: flex;
  margin: 0;
  cursor: pointer;
}
.dropdown input {
  width: 0;
  height: 0;
  position: absolute;
  opacity: 0;
}
.custom-dropdown {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 35px;
  margin-left: 35px;
}
.filtersToggle--highlighted {
  position: relative;
}
.filtersToggle--highlighted::after {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #cf1155;
  position: absolute;
  top: 2px;
  right: 2px;
  transform: translateY(-50%);
  animation: pulse-pink 2s forwards;
}
.filtersSidepanel__field {
  padding: 20px;
  border-bottom: 1px solid #ebebed;
}
.filtersSidepanel__field label {
  margin: 0;
  font-weight: 700;
}
.filtersSidepanel__field--spaced {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.filtersSidepanel__field button {
  text-decoration: underline;
}
.filtersSidepanel__field button:hover {
  color: var(--text-neutral-darker);
}
@media only screen and (max-width: 1023px) {
  .desktop_only_label {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    width: 1px;
    position: absolute;
    z-index: -999;
    overflow: hidden;
  }
}
.accordion {
  background-color: #fff;
  border-bottom: 1px solid #ebebed;
}
.accordion fieldset legend {
  width: 100%;
  padding: 0;
}
.accordion fieldset .accordion__content div:last-child {
  padding-bottom: 20px;
}
.accordion .row {
  margin: 0;
}
.accordion .row .col {
  border-width: 0;
}
.accordion__toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 20px 20px 20px 15px;
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  color: var(--text-neutral);
  column-gap: 10px;
}
.accordion__toggle:hover,
.accordion__toggle:focus {
  color: #000;
}
.accordion--highlighted .accordion__toggle .button__label {
  width: 100%;
  padding-right: 40px;
  text-align: left;
  position: relative;
}
.accordion--highlighted .accordion__toggle .button__label::after {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #cf1155;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  animation: pulse-pink 2s forwards;
}
.accordion__caret {
  width: 18px;
  height: 18px;
  transform: rotate(90deg);
  transition: transform 500ms;
}
.accordion__content {
  visibility: hidden;
  max-height: 0;
  overflow: hidden;
  transition: max-height 500ms, visibility 500ms;
  padding-right: 20px;
  padding-left: 15px;
}
.accordion__actions {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 10px;
  position: relative;
}
.sidepanel .accordion__actions {
  padding: 0 1px;
}
.accordion--enabled .accordion__caret {
  transform: rotate(-90deg);
}
.accordion--enabled .accordion__content {
  visibility: visible;
  max-height: 2000px;
}
.accordion--border,
.accordion--select {
  margin-bottom: 20px;
  border-radius: 5px;
}
.accordion--border .accordion__toggle,
.accordion--select .accordion__toggle {
  text-align: left;
}
.accordion--border {
  border: 1px solid #fff;
}
.accordion--border .accordion__toggle {
  padding: 20px;
}
.accordion--select {
  padding-left: 15px;
  padding-right: 15px;
  border: 2px solid #e8e8ef;
  background-color: #fff;
}
.accordion--select .accordion__toggle {
  padding: 13px 0;
  font-weight: 400;
}
.accordionList .accordion {
  position: relative;
  padding-right: 10px;
  padding-left: 20px;
  background-color: #fff;
}
.accordionList .accordion:first-child {
  border-radius: 5px 5px 0 0;
}
.accordionList .accordion:last-child {
  border-radius: 0 0 5px 5px;
  border-bottom: 0;
}
.accordionList .accordion:first-child:last-child {
  border-radius: 5px;
}
.accordionList .accordion + .accordion {
  margin-top: 0;
}
.accordionList .accordion__toggle .col {
  align-items: flex-start;
  align-self: flex-start;
}
.accordionList .accordion__toggle .col:first-child {
  border-left-width: 0;
}
.teacher-role .accordionList .accordion__content {
  padding-left: 25px;
}
.accordionList .accordion__content p {
  margin-bottom: 20px;
}
.accordionList .accordion__content ul:not(.unstyledList) {
  padding-left: 20px;
  list-style: disc;
}
.accordionList .accordion__content ul:not(.unstyledList) p {
  margin: 0;
}
.accordionList .accordion .badge {
  margin-left: 0;
  margin-right: 5px;
}
.accordionList .accordion .badge:not(.badge--meta) {
  border-radius: 5px;
}
.accordionList .accordion .badge--meta {
  margin: 0;
}
.sidepanel .accordion--enabled .accordion__content {
  visibility: hidden;
}
.sidepanel--enabled .accordion--enabled .accordion__content {
  visibility: visible;
}
.list__item {
  background-color: #fff;
  border-bottom: 1px solid #ebebed;
  width: 100%;
  padding: 20px;
  font-size: 16px;
  text-align: left;
  color: var(--text-neutral);
  cursor: pointer;
}
.list__item:hover,
.list__item:focus {
  color: #000;
}
.list__item:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.list__item:last-child {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom: 0;
}
.list__item h3 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
.list__item p {
  margin-bottom: 10px;
}
.list__item .badge {
  margin-left: 0;
  margin-right: 5px;
}
.list__item .badge:not(.badge--meta) {
  border-radius: 5px;
}
.list__item .badge--meta {
  margin: 0;
}
.sidepanel {
  visibility: hidden;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-width: 300px;
  max-width: 500px;
  position: fixed;
  top: 0;
  bottom: 0;
  left: -500px;
  transition: left 300ms;
  background-color: #fff;
  color: var(--text-neutral);
  border-right: 1px solid var(--ui-background);
  overflow: hidden;
  z-index: 201;
  --product-color: #10749e;
}
@media only screen and (min-width: 1024px) {
  .sidepanel--lenabled {
    visibility: visible;
    display: flex;
    position: static;
    width: 40%;
    z-index: auto;
  }
}
.sidepanel--full {
  max-width: unset;
  left: -100%;
}
.sidepanel--enabled {
  visibility: visible;
  left: 0;
}
.sidepanel--right {
  left: auto;
  right: -100%;
  transition: right 300ms;
}
.sidepanel--right.sidepanel--enabled {
  right: 0;
}
.sidepanel__header {
  display: grid;
  flex-shrink: 0;
  grid-template-columns: [left] 60px [center] auto [right] 60px;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  min-height: 60px;
  transition: box-shadow 300ms;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.1);
  z-index: 1;
  background-color: var(--accent-color-lighter);
}
.sidepanel__header h1 {
  grid-area: center;
  grid-row-start: 1;
  margin: 0;
  text-align: start;
  font-size: 21px;
  font-weight: 400;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}
.sidepanel__header h1 .label.badge.badge--smart {
  margin-right: 10px;
  color: var(--text-neutral);
  vertical-align: top;
  display: none;
}
.sidepanel__header h1 .with-next-steps {
  display: none;
  visibility: hidden;
}
.sidepanel__header .header__content-wrapper {
  grid-area: center;
  grid-row-start: 1;
  margin: 0;
  text-align: start;
  font-size: 21px;
  font-weight: 400;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  display: flex;
  align-items: center;
}
.sidepanel__header .header__content-wrapper h1 {
  grid-area: reset;
  grid-row-start: reset;
}
.sidepanel__header .header__content-wrapper .svgSmart--wrapper {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  flex-shrink: 0;
  top: 0;
}
.sidepanel__header [data-action="back"] {
  grid-area: left;
  grid-row-start: 1;
}
.sidepanel__header .button--close,
.sidepanel__header [data-action="close"] {
  grid-area: right;
  grid-row-start: 1;
}
.sidepanel__header button {
  color: var(--text-neutral);
}
.sidepanel__header button:hover,
.sidepanel__header button:focus {
  color: var(--text-neutral-darker);
}
.sidepanel__header a {
  grid-column-start: 1;
  grid-column-end: 3;
  justify-self: flex-start;
  padding: 10px 20px;
  grid-row-start: 3;
}
.sidepanel--smart h1 .label.badge.badge--smart {
  display: inline-flex;
}
.sidepanel--smart h1 .with-next-steps {
  display: block;
  visibility: visible;
}
.sidepanel__body {
  flex: 1 1 100%;
  padding: 1.875rem 0.625rem 1.25rem;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (min-width: 1024px) {
  .sidepanel__body {
    padding: 1.875rem 1.25rem 1.25rem;
  }
}
.sidepanel--np .sidepanel__body {
  padding: 0;
}
.sidepanel__body table thead tr th.table__cell {
  padding-top: 0;
}
.sidepanel--filters .sidepanel__body {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}
.sidepanel--filters .sidepanel__body .button__label {
  font-weight: normal;
}
.sidepanel--filters .sidepanel__body .accordion:first-child .button__label {
  font-weight: 700;
}
.sidepanel__wrapper--integrated {
  padding-top: 0;
  padding-bottom: 10px;
  background-color: var(--accent-color-lighter);
}
.sidepanel__footer {
  flex-shrink: 0;
  position: relative;
  box-shadow: 0 -10px 20px -5px rgba(0, 0, 0, 0.1);
}
.sidepanel__footer li {
  border-bottom: 1px solid #eee;
}
.sidepanel__footer li .button {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  height: 60px;
  padding: 0 10px;
}
.sidepanel__footer li .badge {
  margin-left: auto;
}
.sidepanel__footer .assign-unavailable-assignment-basket-message {
  display: none;
}
.sidepanel__footer.assigning-blocked .assign-unavailable-assignment-basket-message {
  display: flex;
  align-items: flex-start;
  margin-top: unset !important;
}
.sidepanel__footer.assigning-blocked .assign-unavailable-assignment-basket-message ~ .message {
  display: none;
}
.sidepanel__footer.assigning-blocked button[data-action="assign"],
.sidepanel__footer.assigning-blocked button[data-action="assignAll"] {
  display: none;
}
.sidepanel__footerItem {
  position: relative;
  border-left: 10px solid transparent;
}
.sidepanel__footerItem--active {
  border-left-color: var(--accent-color);
}
.sidepanel__footerActions {
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
}
.sidepanel__footerActions .button:last-child {
  margin-right: 0;
}
.sidepanel__footerActions--fullWidth {
  padding: 0;
}
.sidepanel__footerActions--fullWidth .button {
  width: 100%;
  margin: 0;
  padding: 25px 15px;
  border-radius: 0;
}
.sidepanel__page {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  transition: left 500ms;
  background-color: #fff;
}
.sidepanel[data-current="main"] [data-action="back"] {
  display: none;
}
.sidepanel:not([data-current="main"]) .sidepanel__page [data-action="close"] {
  display: none;
}
.sidepanel__annex {
  background: #fff;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.1);
  z-index: 1;
  text-align: center;
}
.sidepanel .navigationTabs__item {
  margin-left: 4%;
}
.sidepanel .accordion:not(.accordion--select) {
  padding-left: 5px;
  padding-right: 0;
}
.sidepanel .accordion:not(.accordion--select) ul {
  margin-bottom: 20px;
}
.sidepanel__WIP {
  display: flex;
  flex-direction: column;
  height: calc(100% - -50px);
  /* YUI Compressor hack https://github.com/yui/yuicompressor/issues/59 */
  margin: -30px -20px -20px;
}
.sidepanel__markbook .sidepanel__body {
  display: flex;
  flex-direction: column;
  padding: 0;
}
.sidepanel .shortcutPanel {
  padding: 0;
}
.sidepanel .shortcutPanel__instructions {
  padding: 30px 20px 20px;
  background-color: var(--ui-background);
}
.sidepanel .shortcutPanel .nodeActions {
  display: none;
  justify-content: flex-start;
  padding-left: 46px;
  width: 100%;
}
.sidepanel .shortcutPanel .tree__branch--active > .tree__content > div > .nodeActions {
  display: flex;
}
.sidepanel .shortcutPanel .infoLabel {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}
.sidepanel .shortcutPanel .infoLabel--success {
  color: green;
}
.backdrop {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  transition: opacity 300ms;
  z-index: 200;
  opacity: 0;
}
.body--noScroll {
  overflow: hidden;
}
@media only screen and (min-width: 1024px) {
  .body--noScroll {
    -webkit-overflow-scrolling: touch;
  }
}
.body--noScroll .sidepanel--enabled + .backdrop {
  display: block;
  opacity: 1;
}
.tabbed-box {
  background: white;
  border-radius: 8px;
  overflow: hidden;
}
.tabbed-box__tab,
.tabbed-box__tab h3,
.tabbed-box__tab h4 {
  background-color: #eee;
  border-bottom-right-radius: 20px;
  display: inline-flex;
  padding: 0 10px;
  text-transform: uppercase;
  font-size: 13px;
  align-items: center;
  height: 40px;
  padding-right: 16px;
  color: black;
}
.tabbed-box__tab svg,
.tabbed-box__tab h3 svg,
.tabbed-box__tab h4 svg {
  width: 36px;
  margin-right: 6px;
}
.tabbed-box__tab h3,
.tabbed-box__tab h3 h3,
.tabbed-box__tab h4 h3,
.tabbed-box__tab h4,
.tabbed-box__tab h3 h4,
.tabbed-box__tab h4 h4 {
  padding: 0;
  font-weight: normal;
  background-color: transparent;
  margin-bottom: 0;
}
.tabbed-box__body {
  display: flex;
}
.tabbed-box__content {
  flex: 1;
}
.tabbed-box__content--padded-all {
  padding: 20px;
}
.tabbed-box__content--no-pt {
  padding-top: 0 !important;
}
.tabbed-box__data {
  flex: 1;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding: 20px;
  min-height: 150px;
}
.tabbed-box__data--horizontal {
  flex-direction: row;
  align-items: flex-end;
  gap: 10px;
}
@media screen and (max-width: 1024px) {
  .tabbed-box__data--horizontal {
    flex-direction: column;
    align-self: flex-start;
  }
}
.tabbed-box__data--horizontal .tabbed-box__content {
  flex: 1;
  align-self: flex-start;
}
.tabbed-box__media {
  min-width: 130px;
}
@media screen and (max-width: 1024px) {
  .tabbed-box__media {
    display: none;
  }
}
.tabbed-box__media svg {
  width: 150px;
  height: 150px;
}
.tabbed-box__buttons {
  display: flex;
  gap: 10px;
}
.tabbed-box__buttons--align-right {
  justify-content: flex-end;
}
.tabbed-box__buttons .button {
  margin: 0;
}
.tabbed-box--green .tabbed-box__tab {
  background: #b0e503;
}
.tabbed-box--blue .tabbed-box__tab {
  background: var(--next-steps);
}
.tabbed-box--purple .tabbed-box__tab {
  background: #c55bfc;
}
.modal {
  display: flex;
  flex-direction: column;
  margin: 0 !important;
  border: 0;
}
@media only screen and (max-width: 767px) {
  .modal {
    width: 100%;
    top: 0 !important;
    left: 0 !important;
    right: 0;
    bottom: 0;
    border-radius: 0;
  }
  .modal .resize-handler {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .modal {
    transform: translate(-50%, -50%);
    top: 50% !important;
    left: 50% !important;
  }
}
.modal-header {
  flex-shrink: 0;
  display: grid;
  grid-template-columns: 1fr 40px;
  align-items: center;
  min-height: 60px;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.1);
  background-color: var(--accent-color-lighter);
}
.modal-header h3 {
  font-size: 18px;
  font-weight: 600;
}
.modal-body {
  flex-grow: 1;
  max-height: none;
}
.modal-footer {
  flex-shrink: 0;
  border: none;
  background-color: transparent;
}
.interactive-dialog {
  overflow: hidden;
  border: 0;
  background: transparent;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interactive-dialog iframe {
  width: 1024px;
  height: 800px;
  border: none;
  overflow: hidden;
}
.image-dialog {
  width: auto !important;
  height: auto !important;
}
@media only screen and (min-width: 768px) {
  .image-dialog {
    width: max-content !important;
    max-width: 95vmin;
    max-height: 95vmin;
  }
}
.image-dialog .modal-body {
  display: flex;
  height: auto !important;
}
.image-dialog img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
body.not-found {
  background-color: transparent;
}
body.not-found .modal-backdrop {
  background-color: transparent;
}
.tree__branch {
  transition: opacity 500ms, visibility 500ms, max-height 500ms;
}
.tree__branch:not(.tree__branch--expanded) {
  opacity: 0;
  max-height: 0;
  visibility: hidden;
}
.tree__branch--active.tree__branch--leaf,
.tree__branch--active > .tree > .tree__branch {
  opacity: 1;
  max-height: 2000px;
  visibility: visible;
}
.tree__branch--active > .tree__content {
  border-left-color: var(--accent-color);
  font-weight: 600;
}
.sidepanel--footerActive .tree__branch--active > .tree__content {
  border-left-color: #ddd;
}
.tree__branch--active > .tree__content .tree__caret {
  display: none;
}
.tree__branch--active > .tree__content h4.mobile-heading {
  display: flex;
}
.tree__branch--active > .tree__content .tree__toggle--mobile {
  display: none;
}
.tree__branch--active > .tree__content .button--secondary {
  display: inline-flex;
}
.tree__branch--expanded:not(.tree__branch--active) > .tree__content {
  background-color: #ddd;
}
.tree__branch--expanded:not(.tree__branch--active) > .tree__content .tree__caret {
  transform: rotate(-90deg);
}
.tree__branch--leaf .tree__caret {
  display: none;
}
.tree__branch--unavailable {
  pointer-events: none;
}
.tree__content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 60px;
  position: relative;
  border-bottom: 1px solid #eee;
  border-left: 10px solid transparent;
  transition: min-height 500ms;
}
.tree__content > div {
  width: 100%;
}
.tree__content .button--secondary {
  display: none;
  margin: 0 10px 20px 46px;
}
.tree__content h4.mobile-heading {
  display: none;
  margin: 0;
  padding: 20px 10px 15px 46px;
  font-weight: inherit;
}
.tree__content .heading-button-wrapper {
  width: 100%;
}
.tree__toggle {
  justify-content: flex-start;
  width: 100%;
  padding: 20px 10px 20px 46px;
  font-weight: inherit;
  text-align: left;
}
.tree__toggle#allRes {
  font-size: 16px;
}
.tree__caret {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 21px;
  left: 10px;
  transform: rotate(90deg);
  transition: transform 500ms;
  pointer-events: none;
}
.tree--branched {
  position: relative;
}
.tree--branched .checkbox__icon {
  background-color: #fff;
}
.tree--branched ul {
  padding-left: 40px;
}
.tree--branched ul label {
  position: relative;
}
.tree--branched ul label::before {
  content: '';
  width: 2px;
  position: absolute;
  top: -40px;
  left: -20px;
  bottom: 20px;
  background-color: #d5d5d5;
  z-index: -1;
}
.tree--branched ul li {
  position: relative;
}
.tree--branched ul li::before {
  content: '';
  width: 20px;
  height: 2px;
  position: absolute;
  top: 20px;
  left: 0;
  transform: translate(-100%, -50%);
  background-color: #d5d5d5;
}
.tree--branched ul li:not(:last-child)::after {
  content: '';
  width: 2px;
  position: absolute;
  top: 0;
  left: -20px;
  bottom: 0;
  background-color: #d5d5d5;
}
.structures__tree--mobileMode .visible--l {
  display: none !important;
}
.structures__tree--mobileMode .hidden--l {
  display: block !important;
}
@media only screen and (max-width: 1023px) {
  .sidepanel--lenabled .tree__branch--active.tree__branch--leaf,
  .sidepanel--lenabled .tree__branch--active > .tree > .tree__branch {
    visibility: hidden;
  }
  .sidepanel--lenabled.sidepanel--enabled .tree__branch--active.tree__branch--leaf,
  .sidepanel--lenabled.sidepanel--enabled .tree__branch--active > .tree > .tree__branch {
    visibility: visible;
  }
}
.pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.pagination li {
  margin-right: 10px;
  margin-bottom: 10px;
}
.pagination__separator {
  padding: 1px 12px;
  background: transparent;
}
.pagination .button {
  width: 40px;
  height: 40px;
  transition: transform 300ms;
}
.pagination .button:not(:disabled):hover,
.pagination .button:not(:disabled):focus {
  border-color: var(--text-neutral);
}
.pagination__arrow {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 50%;
}
.sidepanel .pagination__arrow {
  border-color: var(--ui-background);
}
.sidepanel .pagination__arrow:focus,
.sidepanel .pagination__arrow:hover {
  border-color: var(--text-neutral);
}
.pagination__arrow svg {
  width: 20px;
  height: 20px;
}
.pagination__arrow--previous svg {
  transform: rotate(180deg);
}
.pagination__arrow:disabled {
  display: none;
}
.pagination__input,
.pagination__goTo,
.pagination__separator {
  color: var(--text-neutral);
}
.pagination__input {
  border: 1px solid #fff;
  text-align: center;
  background: transparent;
}
.pagination__goTo {
  background: transparent;
  pointer-events: none;
}
.pagination__goTo--active {
  border: 1px solid #fff;
}
.pagination__goTo--disabled {
  pointer-events: none;
  border-color: transparent !important;
}
.sidepanel .pagination__goTo {
  border-color: var(--ui-background);
}
.sidepanel .pagination__goTo:focus,
.sidepanel .pagination__goTo:hover {
  border-color: var(--text-neutral);
}
.pagination__goToInput {
  width: 40px;
  height: 40px;
  background: transparent;
  border: 1px solid #fff;
  text-align: center;
  -webkit-appearance: none;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1em;
}
.pagination input::-webkit-outer-spin-button,
.pagination input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.pagination input[type='number'] {
  -moz-appearance: textfield;
}
@media only screen and (min-width: 1024px) {
  .pagination:not(.pagination--compact) .pagination__goToInput {
    display: none;
  }
  .pagination:not(.pagination--compact) .pagination__goTo {
    border: 1px solid #fff;
    pointer-events: auto;
  }
  .pagination:not(.pagination--compact) .pagination__goTo--active {
    border-color: var(--text-neutral);
    background-color: var(--text-neutral);
    color: #fff;
    pointer-events: none;
  }
  .pagination:not(.pagination--compact) .pagination__input {
    pointer-events: none;
    border-color: var(--text-neutral);
    background-color: var(--text-neutral);
    color: #fff;
  }
  .pagination:not(.pagination--compact) .button.pagination__separator {
    width: 40px;
    height: 40px;
  }
}
.card,
.card a.card__link,
.card button.card__link {
  display: grid;
  grid-template-columns: 110px auto;
  grid-template-areas: "cover info" "footnote footnote";
  min-height: 140px;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  transition: background-color 300ms;
  cursor: pointer;
  color: var(--product-contrast-color);
  background-color: rgba(255, 255, 255, 0.3);
}
.card--heightAuto,
.card a.card__link--heightAuto,
.card button.card__link--heightAuto {
  height: auto;
}
.card:hover,
.card a.card__link:hover,
.card button.card__link:hover,
.card:focus,
.card a.card__link:focus,
.card button.card__link:focus {
  background-color: rgba(255, 255, 255, 0.6);
}
.lightTheme .card,
.lightTheme .card a.card__link,
.lightTheme .card button.card__link {
  background-color: rgba(0, 0, 0, 0.2);
}
.lightTheme .card:hover,
.lightTheme .card a.card__link:hover,
.lightTheme .card button.card__link:hover,
.lightTheme .card:focus,
.lightTheme .card a.card__link:focus,
.lightTheme .card button.card__link:focus {
  background-color: rgba(0, 0, 0, 0.4);
}
.card--unpurchased .card__cover,
.card a.card__link--unpurchased .card__cover,
.card button.card__link--unpurchased .card__cover {
  mix-blend-mode: luminosity;
}
.card__cover,
.card a.card__link__cover,
.card button.card__link__cover {
  display: grid;
  height: 140px;
  align-items: center;
}
.card__cover img,
.card a.card__link__cover img,
.card button.card__link__cover img,
.card__cover .svg-image,
.card a.card__link__cover .svg-image,
.card button.card__link__cover .svg-image {
  width: auto;
  height: auto;
  max-width: 110px;
  max-height: 140px;
}
.card__cover .svg-image image,
.card a.card__link__cover .svg-image image,
.card button.card__link__cover .svg-image image {
  width: 100%;
  height: 100%;
}
.card__info,
.card a.card__link__info,
.card button.card__link__info {
  padding: 20px;
}
.card__info h3,
.card a.card__link__info h3,
.card button.card__link__info h3,
.card__info p,
.card a.card__link__info p,
.card button.card__link__info p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-top: 0;
  overflow: hidden;
}
.card__info p,
.card a.card__link__info p,
.card button.card__link__info p {
  font-weight: bold;
}
.card__info--teacher,
.card a.card__link__info--teacher,
.card button.card__link__info--teacher {
  position: absolute;
  top: 0;
  left: 110px;
}
.card__highlighted,
.card a.card__link__highlighted,
.card button.card__link__highlighted {
  margin-top: 5px;
  color: var(--accent-color);
  font-weight: bold;
}
.card__footNote,
.card a.card__link__footNote,
.card button.card__link__footNote {
  grid-area: footnote;
  padding: 10px 20px;
  background: var(--accent-color-lighter);
  font-style: italic;
}
.card--dummy,
.card a.card__link--dummy,
.card button.card__link--dummy {
  display: none;
  visibility: hidden;
}
@media only screen and (min-width: 768px) {
  .card--dummy,
  .card a.card__link--dummy,
  .card button.card__link--dummy {
    display: grid;
  }
  .cardGrid--even .card--dummy,
  .cardGrid--even .card a.card__link--dummy,
  .cardGrid--even .card button.card__link--dummy {
    display: none;
  }
}
@media only screen and (min-width: 1024px) {
  .cardGrid--odd .card--dummy,
  .cardGrid--odd .card a.card__link--dummy,
  .cardGrid--odd .card button.card__link--dummy {
    display: none;
  }
  .cardGrid--even .card--dummy,
  .cardGrid--even .card a.card__link--dummy,
  .cardGrid--even .card button.card__link--dummy {
    display: grid;
  }
  .cardGrid--extraDummy .card--dummy,
  .cardGrid--extraDummy .card a.card__link--dummy,
  .cardGrid--extraDummy .card button.card__link--dummy {
    display: grid;
  }
  .cardGrid--extraDummy .card--dummy:last-child,
  .cardGrid--extraDummy .card a.card__link--dummy:last-child,
  .cardGrid--extraDummy .card button.card__link--dummy:last-child {
    display: grid;
  }
}
.card--expanded {
  min-height: calc(200px + 2em);
}
.card button.card__link {
  width: 100%;
}
.card.link-card {
  display: block;
}
.card.link-card a.card__link,
.card.link-card button.card__link {
  text-decoration: none;
  background: none;
}
.card.link-card button.card__link .card__info p {
  text-align: left;
}
.cardGrid {
  display: grid;
  grid-gap: 20px;
}
@media only screen and (min-width: 1024px) {
  .cardGrid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.helpCard {
  display: grid;
  grid-template-columns: 40px auto;
  min-height: 70px;
  background-color: #fff;
  border: 1px solid var(--accent-color);
  border-radius: 5px;
  overflow: hidden;
  max-width: 500px;
}
.helpCard__icon {
  display: flex;
  justify-content: center;
  background: var(--accent-color);
  color: #fff;
}
.helpCard__icon svg {
  width: 40px;
  height: 40px;
}
.helpCard__content {
  padding: 10px;
  color: var(--text-neutral);
}
.helpCard__title {
  font-weight: 600;
  margin-bottom: 10px;
}
.helpCard--error {
  border: 1px solid #cf1155;
}
.helpCard--error .helpCard__icon {
  background-color: #cf1155;
}
.helpCard--error .helpCard__content p {
  padding-bottom: 10px;
}
.helpCard--error .helpCard__content p.title {
  font-weight: bold;
}
.helpCard--success {
  border: 1px solid #ddeacf;
}
.helpCard--success .helpCard__icon {
  background-color: #ddeacf;
}
.helpCard--fixedHeight {
  height: 140px;
}
.infoCard {
  display: flex;
  text-align: left;
  align-items: flex-start;
  flex-direction: column;
  max-width: 500px;
  margin: 0 auto;
  padding: 40px;
  background-color: #fff;
  border-left: 5px solid var(--accent-color);
  animation: fade 300ms forwards;
}
.infoCard h1,
.infoCard h2 {
  font-size: 21px;
  font-weight: 400;
  margin: 0.7rem 0;
}
.infoCard p:not(:last-child) {
  margin-bottom: 10px;
}
.infoCard--hidden {
  display: none;
}
.infoCard--error {
  border-color: #cf1155;
}
.infoCard--success {
  border-color: var(--confirmation-color);
}
.infoCard--noMaxWidth {
  max-width: none;
}
.carousel__controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.carousel__controls .button {
  color: var(--product-contrast-color);
}
.carousel__controls .button:disabled {
  visibility: hidden;
}
.carousel__pagination svg {
  width: 18px;
}
.carousel__pagination--previous {
  transform: rotate(-180deg);
}
.carousel__center {
  display: flex;
  align-items: center;
}
.carousel__expand {
  display: none;
  text-decoration: underline;
}
.carousel__dots {
  display: none;
  margin-right: 15px;
  padding-right: 5px;
  border-right: 1px solid var(--product-contrast-color);
}
@media only screen and (min-width: 1024px) {
  .carousel__dots--visible {
    display: block;
  }
}
.carousel__dots--visible + .carousel__expand {
  display: flex;
}
@media only screen and (min-width: 1024px) {
  .carousel__dots--visible + .carousel__expand {
    display: inline-flex;
  }
}
.carousel__dot {
  width: 9px;
  height: 9px;
  margin-right: 10px;
  border-radius: 50%;
  border: 2px solid var(--product-contrast-color);
  background-color: transparent;
}
.carousel__dot:hover,
.carousel__dot:focus,
.carousel__dot--current {
  background-color: var(--product-contrast-color);
}
.carousel__dot.active {
  background-color: var(--product-contrast-color);
}
.carousel .cardGrid {
  padding-bottom: 15px;
}
.carousel:not(.carousel--expanded) .cardGrid {
  display: flex;
  grid-template-columns: none;
  grid-gap: 0;
  /* Safari doesn't support grid-gap in Flex Layouts */
  overflow: hidden;
  overflow-x: auto;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.carousel:not(.carousel--expanded) .cardGrid::-webkit-scrollbar {
  display: none;
}
.safari .carousel:not(.carousel--expanded) .cardGrid,
.carousel:not(.carousel--expanded) .cardGrid:not(.cardGrid--animated) {
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
}
.carousel:not(.carousel--expanded) .card {
  flex-shrink: 0;
  flex-basis: 100%;
  margin-right: 20px;
  scroll-snap-align: start;
}
.carousel:not(.carousel--expanded) .card:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 768px) {
  .carousel:not(.carousel--expanded) .card {
    flex-basis: calc(50% - 10px);
    scroll-snap-align: none;
  }
  .carousel:not(.carousel--expanded) .card:nth-child(2n+1) {
    scroll-snap-align: start;
  }
}
@media only screen and (min-width: 1245px) {
  .carousel:not(.carousel--expanded) .card {
    flex-basis: calc(33.33% - 15px);
  }
  .carousel:not(.carousel--expanded) .card,
  .carousel:not(.carousel--expanded) .card:nth-child(2n+1) {
    scroll-snap-align: none;
  }
  .carousel:not(.carousel--expanded) .card:nth-child(3n+1) {
    scroll-snap-align: start;
  }
}
.carousel--expanded .card--dummy {
  display: none;
}
.carousel--expanded .carousel__controls {
  justify-content: center;
  position: -webkit-sticky;
  /* iOS <= 12.4 */
  position: sticky;
  bottom: 96px;
}
@media only screen and (min-width: 1024px) {
  .carousel--expanded .carousel__controls {
    bottom: 20px;
  }
}
.carousel--expanded .carousel__controls .button--circular {
  display: none;
}
.carousel--expanded .carousel__dots {
  display: none;
}
.carousel--expanded .carousel__expand {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  margin: 0;
  padding: 0 15px;
  text-decoration: none;
  background-color: var(--accent-color);
  color: #fff;
  border-radius: 20px;
  transition: background-color 150ms;
  border: 1px solid #fff;
}
.carousel--expanded .carousel__expand:hover:not(:disabled),
.carousel--expanded .carousel__expand:focus:not(:disabled) {
  background-color: var(--accent-color-darker);
}
.carousel--expanded .carousel__expand .button__state--idle {
  display: none;
}
.carousel--expanded .carousel__expand .button__state--enabled {
  display: inline;
}
.badge {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 30px;
  margin-left: 10px;
  padding: 0 8px;
  font-weight: normal;
  font-size: 14px;
  border-radius: 10px;
  text-transform: uppercase;
  background-color: #cf1155;
  color: white;
}
.badge--muted {
  background-color: #e8e8ef;
  color: #575757;
}
.badge--darkMuted {
  background-color: rgba(255, 255, 255, 0.2);
  color: white;
}
.badge--rectangular {
  border-radius: 4px;
}
.badge--yellow {
  color: black;
  background-color: var(--dse-developing);
}
.badge--green {
  color: black;
  background-color: var(--dse-secure);
}
.badge--purple {
  color: black;
  background-color: var(--dse-extending);
}
.badge--info {
  background-color: var(--text-neutral);
  border-radius: 5px;
  color: white;
}
.badge--meta {
  background-color: transparent;
  color: inherit;
  border-radius: 0;
}
.badge--meta:first-child {
  padding-left: 0;
}
.badge--meta + .badge--meta {
  border-left: 1px solid var(--text-neutral);
}
.badge--smart {
  color: unset;
  background-color: currentColor;
  margin-left: 0;
  margin-right: 3px;
  border-radius: 5px;
  padding: 0;
  min-width: 0;
  position: relative;
  top: 5px;
}
.badge--smart svg {
  color: white;
  height: 20px;
}
.badge--accent-color {
  background-color: var(--accent-color);
}
.badgeList {
  margin-bottom: 10px;
}
.badgeList:first-child {
  margin-top: 0;
  margin-bottom: 10px;
}
.message {
  display: none;
  align-items: center;
  height: 0;
  padding: 0 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--text-neutral);
  color: #fff;
  opacity: 0;
  overflow: hidden;
  transition: opacity 0.1s;
}
.sidepanel__footerItem .message {
  padding-left: 15px;
  left: -10px;
}
.message--popup {
  opacity: 1;
  background-color: var(--accent-color);
  transition: height 0.3s;
}
.message--inline {
  display: none;
  position: relative;
  background-color: transparent;
  color: var(--accent-color);
}
.message--inline.message--visible {
  display: inline-flex;
}
.message--inline .archived-status-presenter {
  margin-bottom: 0;
}
.message--visible {
  display: flex;
  height: 100%;
  min-height: 60px;
  opacity: 1;
  padding: 10px;
}
.message .icon {
  margin-right: 10px;
}
.banner {
  display: grid;
  grid-template-columns: 55px auto 40px;
  flex-shrink: 0;
  padding: 15px 10px;
  background-color: var(--accent-color);
  color: #fff;
  border-bottom: 1px solid #0b5270;
}
.banner__icon svg {
  width: 40px;
}
.banner__content h1 {
  font-size: 1em;
  margin: 0 0 8px;
}
.banner__content p {
  max-width: 700px;
}
.banner__content p + p {
  margin-top: 8px;
}
.banner__content img {
  display: none;
  /* WIP */
}
.banner__action svg {
  width: 20px;
  height: 20px;
}
.new-banner {
  display: flex;
  align-items: center;
  padding: 15px 10px;
  background-color: var(--accent-color);
  color: #fff;
  border-bottom: 1px solid #0b5270;
}
.new-banner__icon {
  display: flex;
  height: 40px;
  width: 40px;
}
.new-banner__icon svg {
  width: 40px;
}
.new-banner__content,
.new-banner__action {
  display: flex;
  align-items: center;
}
.new-banner__content p:nth-of-type(1) {
  margin-left: 10px;
  font-weight: bold;
}
.new-banner__content span {
  display: block;
  margin: 0 20px;
  height: 20px;
  width: 1px;
  background-color: #fff;
}
.new-banner__content a {
  color: #fff;
}
.new-banner__action {
  margin-left: auto;
  margin-right: 20px;
}
.new-banner__action svg {
  width: 20px;
  height: 20px;
}
.moreRoot--enabled .more__menu {
  visibility: visible;
  max-height: 1000px;
  box-shadow: 0 -10px 20px -5px rgba(0, 0, 0, 0.1);
}
.more {
  margin-left: 10px;
}
.more__menu {
  visibility: hidden;
  max-height: 0;
  transition: max-height 500ms, box-shadow 500ms;
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 60px;
  z-index: 1;
  background-color: white;
}
@media only screen and (min-width: 1024px) {
  .more__menu {
    display: none;
  }
}
.more__menu .button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  padding: 10px 20px;
  color: var(--text-neutral);
}
.more__menu .button:hover:not(:disabled),
.more__menu .button:focus:not(:disabled) {
  color: var(--text-neutral-darker);
}
.more__item {
  border-bottom: 1px solid #eee;
}
.more__item--caret {
  border-bottom: 0;
}
.more__item--caret .button {
  justify-content: flex-end;
  padding-right: 30px;
}
.more__item--caret svg {
  width: 20px;
  height: 20px;
  transform: rotate(90deg);
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blink {
  0%,
  35%,
  65%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
@keyframes pulse-pink {
  0% {
    box-shadow: 0 0 0 0 rgba(229, 19, 94, 0.7);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(229, 19, 94, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(229, 19, 94, 0);
  }
}
@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#lti-iframe-container {
  z-index: 2000;
  width: 100%;
  height: 100%;
  background-color: white;
}
iframe#lti-iframe {
  overflow: hidden;
  border: 0;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
#onetrust-banner-sdk {
  top: 0 !important;
  bottom: unset !important;
}
#ot-sdk-btn-floating {
  display: none !important;
}
.splitItem {
  display: flex;
  padding: 20px;
}
@media screen and (max-width: 1024px) {
  .splitItem {
    gap: 20px;
    flex-direction: column;
  }
}
.splitItem__content {
  flex: 1;
}
.splitItem__content--valign-center {
  align-self: center;
}
.splitItem__controls {
  align-self: flex-end;
}
.splitItem__controls .button {
  margin-top: 0;
  margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .splitItem__controls {
    align-self: flex-start;
  }
}
.displayGrid {
  display: grid;
  grid-template-columns: 170px auto;
  gap: 20px;
}
@media screen and (max-width: 1024px) {
  .displayGrid {
    grid-template-columns: auto 1fr;
  }
}
#header {
  position: -webkit-sticky;
  /* iOS <= 12.4 */
  position: sticky;
  top: 0;
  width: 100%;
  background-color: #2b2839;
  z-index: 199;
}
#header *:focus {
  outline: none;
}
#header nav {
  flex-grow: 1;
}
#header nav > ul {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 61px;
}
#header nav > ul > li {
  display: flex;
  align-items: center;
  position: relative;
}
#header nav > ul > li.separator {
  margin-right: auto;
}
#header nav > ul .brand a {
  display: block;
  color: #fff;
}
#header nav > ul .brand__home {
  width: 40px;
  border-radius: 50%;
  background-color: #fff;
  color: var(--service-brand-darkest);
}
body.body--home #header nav > ul .brand .brand__home {
  display: none;
}
body:not(.body--home) #header nav > ul .brand .brand__logo {
  display: none !important;
}
#header nav > ul .brand svg {
  width: auto;
  height: 40px;
  flex-shrink: 1;
}
#header #nav-help a {
  margin: 10px 0 10px 10px;
  color: #fff;
  border-radius: 100%;
  display: block;
  width: 40px;
  height: 40px;
  box-shadow: inset 0 0 0 1.5px transparent;
}
#header #nav-help a svg {
  height: 40px;
  width: 40px;
  padding: 0;
  fill: #b3b3b3;
  transform: rotate(-7deg);
}
#header #nav-notifications a {
  display: flex;
  margin: 10px;
  color: #fff;
  border-radius: 100%;
  height: 40px;
  width: auto;
  box-shadow: inset 0 0 0 1.5px transparent;
  align-items: center;
  cursor: pointer;
  text-decoration: none;
}
#header #nav-notifications a svg {
  height: 40px;
  width: 40px;
  padding: 0;
}
#header #nav-notifications a .badge {
  margin-left: 0;
}
#header #nav-profile {
  display: flex;
  align-items: center;
  height: 60px;
  margin-left: 25px;
  margin-right: 5px;
}
#header #nav-profile .dropdown {
  padding: 2px;
}
#header .dropdown__toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1.5px #fff;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  transition: background-color 300ms;
}
#header .dropdown__toggle:focus,
#header .dropdown__toggle:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
.library {
  position: relative;
  background-color: var(--service-brand-darker);
  color: #fff;
}
.library--managing .helpCard__status--off {
  display: none;
}
.library .favouriteToggle {
  position: absolute;
  bottom: 0;
  right: 0;
  border-top-left-radius: 10px;
  background-color: var(--accent-color);
  color: #fff;
}
.library .favouriteToggle svg {
  width: 40px;
  height: 40px;
}
.library .favouriteToggle:focus {
  box-shadow: 0px 0px 0px 1px #000 inset, 0px 0px 0px 2px #fff inset;
  outline: none;
}
.library__status {
  display: flex;
  background-color: #fff;
  color: var(--text-neutral);
}
.library__favourites {
  transition: height 500ms;
}
@media only screen and (min-width: 1024px) {
  .library__favourites--empty {
    background-image: url('/images/cheeriosv2.svg');
    background-repeat: no-repeat;
    background-position: bottom right;
  }
}
.library__favourites .section__title {
  flex-shrink: 0;
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .library__favourites .section__title {
    flex-shrink: 1;
    width: auto;
  }
}
.library__favourites .card,
.library__favourites .card a.card__link,
.library__favourites .card button.card__link {
  color: #fff;
  background-color: var(--service-brand);
}
.library__favourites .card:focus,
.library__favourites .card a.card__link:focus,
.library__favourites .card button.card__link:focus,
.library__favourites .card:hover,
.library__favourites .card a.card__link:hover,
.library__favourites .card button.card__link:hover {
  background-color: var(--service-brand-darkest);
}
.library__favourites .helpCard {
  border: 0;
}
.library__favourites .favouriteToggle.button__status--add {
  display: none;
}
.library__favourites .favouriteToggle.button__status--remove {
  display: flex;
}
.library__favourites .favouritesHeader {
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .library__favourites .favouritesHeader {
    justify-content: space-between;
  }
}
.library__favourites .add-book-btn {
  color: #fff;
  box-shadow: 0 0 0 1px #fff;
}
.library__favourites .add-book-btn:hover:not(:disabled),
.library__favourites .add-book-btn:focus:not(:disabled) {
  background-color: #fff;
  color: var(--service-brand-darker);
}
.library__favourites .activateProductButton {
  margin-top: 0;
  align-self: flex-start;
}
.library__favourites .card a.card__link:focus,
.library__favourites .card button.card__link:focus {
  box-shadow: none;
  outline: none;
}
.library__courses {
  background-color: #fff;
  color: var(--text-neutral);
}
.library__courses .section__title {
  width: auto;
  margin-right: auto;
}
@media only screen and (min-width: 1024px) {
  .library__courses .section__title {
    margin-right: 0;
  }
}
.library__courses .favouriteToggle.button__status--add {
  display: flex;
}
.library__courses .favouriteToggle.button__status--remove {
  display: none;
}
.library__courses .card,
.library__courses .card a.card__link,
.library__courses .card button.card__link {
  background-color: var(--ui-background);
  color: var(--text-neutral);
}
.library__courses .card:focus,
.library__courses .card a.card__link:focus,
.library__courses .card button.card__link:focus,
.library__courses .card:hover,
.library__courses .card a.card__link:hover,
.library__courses .card button.card__link:hover {
  background-color: var(--ui-background-darker);
}
.library__courses .card a.card__link:focus,
.library__courses .card button.card__link:focus {
  box-shadow: none;
  outline: none;
}
.library .section__header {
  margin-bottom: 30px;
  position: relative;
}
@media only screen and (min-width: 1024px) {
  .library .section__header {
    align-items: center;
    flex-wrap: nowrap;
  }
}
.library .header__filters {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .library .header__filters {
    display: flex;
  }
}
.library .header__filters > li {
  margin-left: 40px;
}
.library .header__filters button,
.library .header__filters .dropdown__toggle {
  color: var(--text-neutral);
  font-size: 16px;
}
.library .header__filters button {
  text-decoration: underline;
}
.library .manageLibrarySeparator {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .library .manageLibrarySeparator {
    display: block;
    margin-left: 20px;
    height: 30px;
    width: 1px;
    background-color: hsla(0, 0%, 100%, 0.5);
  }
}
.library .manageLibraryToggle {
  display: inline-flex;
  align-items: center;
  height: 30px;
  margin: 0;
  padding: 19px 10px 19px 0;
  text-decoration: underline;
  cursor: pointer;
}
@media only screen and (min-width: 1024px) {
  .library .manageLibraryToggle {
    padding-left: 15px;
    margin-left: 5px;
  }
}
.library .manageLibraryToggle input {
  width: 0;
  height: 0;
  position: absolute;
  opacity: 0;
}
.library .manageLibraryToggle input:focus ~ .manageLibraryToggle__icon {
  background-color: var(--service-brand-darkest);
}
.library .manageLibraryToggle input:checked ~ .manageLibraryToggle__icon {
  background-color: #fff;
}
.library .manageLibraryToggle input:checked ~ .manageLibraryToggle__icon::after {
  left: 25px;
  background-color: var(--service-brand);
}
.library .manageLibraryToggle input:checked:focus ~ .manageLibraryToggle__icon::after {
  background-color: var(--service-brand-darkest);
}
.library .manageLibraryToggle:hover .manageLibraryToggle__icon {
  background-color: var(--service-brand-darkest);
}
.library .manageLibraryToggle:hover input:checked ~ .manageLibraryToggle__icon::after {
  background-color: var(--service-brand-darkest);
}
.library .manageLibraryToggle__icon {
  display: inline-block;
  width: 50px;
  height: 30px;
  margin-left: 10px;
  position: relative;
  border-radius: 15px;
  background-color: var(--service-brand);
  transition: background-color 300ms;
}
.library .manageLibraryToggle__icon::after {
  content: '';
  height: 20px;
  width: 20px;
  position: absolute;
  top: 5px;
  left: 5px;
  background-color: #fff;
  border-radius: 50%;
  transition: left 500ms;
}
.library:not(.library--managing) {
  background-image: url('/images/cheeriosv2.svg');
  background-repeat: no-repeat;
  background-position: bottom right;
}
.library:not(.library--managing) .helpCard__status--on {
  display: none;
}
.library:not(.library--managing) .library__favourites {
  min-height: calc(var(--vh100, 100vh) - 60px - var(--status-height, 0));
  padding-bottom: 10rem;
}
.library:not(.library--managing) .library__courses {
  display: none;
}
.library:not(.library--managing) .favouriteToggle {
  display: none;
}
.statusCol {
  display: grid;
  grid-template-columns: 40px auto;
  column-gap: 20px;
  margin-top: 30px;
}
@media only screen and (min-width: 1024px) {
  .statusCol {
    margin-bottom: 30px;
  }
}
.statusCol:last-child {
  margin-bottom: 30px;
}
.statusCol__icon {
  display: flex;
  align-items: center;
}
.statusCol__content {
  padding-left: 20px;
  border-left: 1px solid #ededed;
}
.statusCol__title {
  margin: 0;
  font-weight: 400;
  font-size: 21px;
  line-height: 40px;
}
.cheeriosBackground {
  background-image: url('/images/cheeriosv2.svg');
  background-repeat: no-repeat;
  background-position: bottom right;
}
.student-role.home-lens .pageMain {
  min-height: var(--vh100, 100vh);
  display: flex;
  flex-direction: column;
}
.home__widget__body {
  margin-left: auto;
  margin-right: auto;
  max-width: 1244px;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
  .home__widget__body {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.home__widget__body h2 {
  margin-bottom: 20px;
}
.home__books {
  padding-top: 20px;
  padding-bottom: 15px;
  background-color: var(--product-color);
}
.home__books .card {
  text-decoration: none;
}
.home__books .card__info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}
.home__books .card__download,
.home__books .card__download svg,
.home__books .card__download-overlay-icon,
.home__books .card__remove-overlay-icon,
.home__books .card__download_remover {
  width: 40px;
  height: 40px;
}
.home__books .card__download-overlay-icon,
.home__books .card__remove-overlay-icon {
  min-width: 40px;
}
.home__books .card__download,
.home__books .card__remove,
.home__books .card__update,
.home__books .card__ebook {
  position: absolute;
  bottom: 0;
  right: 0;
  cursor: pointer;
}
.home__books .card__download-overlay,
.home__books .card__remove-overlay,
.home__books .card__update-overlay,
.home__books .card__ebook-overlay,
.home__books .card__download-overlay-in-progress,
.home__books .card__remove-overlay-in-progress,
.home__books .card__update-overlay-in-progress,
.home__books .card__ebook-overlay-in-progress {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background-color: var(--accent-color);
  color: #fff;
  padding: 10px;
  display: none;
  overflow-y: auto;
}
.home__books .card__download-spinner,
.home__books .card__remove-spinner,
.home__books .card__update-spinner,
.home__books .card__ebook-spinner {
  margin-top: 5px;
  margin-left: 5px;
  width: 32px;
  height: 32px;
  min-width: 32px;
}
.home__books .card__ebook-overlay {
  z-index: 1;
}
.home__books .card__ebook-overlay-wrapper {
  padding: 0 8px;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.home__books .card__ebook-overlay-wrapper .information-panel-toggler,
.home__books .card__ebook-overlay-wrapper .close-btn {
  align-self: flex-start;
}
.home__books .card__ebook-overlay-wrapper svg {
  height: 40px;
  width: 40px;
}
.home__books .card__ebook-overlay-wrapper .close-btn svg {
  width: 20px;
  height: 20px;
  margin-top: 5px;
  margin-right: 3px;
}
.home__books .card__ebook-overlay-wrapper .buttons-wrapper {
  display: flex;
  gap: 8px;
}
.home__books .card__ebook-overlay-wrapper .buttons-wrapper a {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background-color: #fff;
  color: var(--accent-color);
  flex-direction: column;
  gap: 12px;
  width: 100px;
  height: 100px;
  text-decoration: none;
}
.home__books .card__dropdown {
  position: absolute;
  bottom: 5px;
  right: 5px;
  height: 40px;
  cursor: pointer;
}
.home__books .card__prompt-wrapper,
.home__books .card__download-in-progress-wrapper,
.home__books .card__update-in-progress-wrapper {
  display: flex;
  width: 100%;
  height: 100%;
}
.home__books .card__prompt-text-wrapper {
  display: flex;
  flex-direction: column;
  margin-left: 15px;
}
.home__books .card__prompt-text-wrapper p:nth-of-type(1) {
  font-weight: 600;
}
.home__books .card__prompt-text-wrapper p:nth-of-type(2) {
  margin-top: 2px;
  width: 75%;
}
.home__books .card__prompt-buttons-wrapper {
  margin-top: auto;
}
.home__books .card__prompt-buttons-wrapper button {
  padding: 10px 18px;
  border-radius: 30px;
  border: 1px solid #fff;
}
.home__books .card__prompt-buttons-wrapper button:nth-of-type(1) {
  margin-right: 8px;
}
.home__books .card__role {
  display: flex;
  align-items: center;
  font-size: 14px;
  text-transform: uppercase;
}
.home__books .card .badge {
  margin: 0;
  margin-bottom: 10px;
  border-radius: 5px;
}
.home__books .card h3 {
  -webkit-line-clamp: 3;
}
.home__assignments .section__body {
  border-bottom: 1px solid #e8e8ef;
}
.home__updates {
  max-height: 1600px;
  padding-top: 0;
  overflow: hidden;
  transition: max-height 500ms, padding 500ms;
  transition-timing-function: linear;
}
.home__updates--dismissed {
  max-height: 0;
  padding: 0;
}
.home__updates .section__header {
  justify-content: space-between;
}
.home__welcome p,
.home__groups p {
  margin-bottom: 10px;
}
@media only screen and (min-width: 1024px) {
  .home__subscriptions {
    padding-left: 20px;
  }
  .home__courseCustom {
    padding-right: 20px;
    max-width: 680px;
  }
  .home__welcome {
    padding-right: 20px;
  }
  .home__groups {
    padding-left: 20px;
  }
}
.home__gettingStarted h2 {
  font-size: 21px;
  font-weight: 600;
  padding-bottom: 10px;
}
.home__gettingStarted h3 {
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 10px;
  text-transform: uppercase;
}
.home__gettingStarted h4 {
  font-size: 16px;
  padding-bottom: 10px;
  font-weight: 600;
}
.home__gettingStarted strong {
  font-weight: 600;
}
.home__gettingStarted img {
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
}
.home__gettingStarted img.align--right {
  margin-left: auto;
}
.home__gettingStarted img.align--center {
  margin-left: auto;
  margin-right: auto;
}
.home__gettingStarted hr {
  margin: 20px 0;
  border-top: 1px solid var(--ui-background);
}
.home__gettingStarted p,
.home__gettingStarted ol,
.home__gettingStarted ul {
  margin-bottom: 15px;
}
.home__gettingStarted iframe {
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
}
.home__gettingStarted ul {
  padding-left: 20px;
  list-style: disc;
}
.home__gettingStarted ol {
  padding-left: 20px;
  list-style: decimal;
}
.updatesList {
  border-radius: 5px;
  overflow: hidden;
}
.updatesList__item {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-start;
  max-height: 600px;
  margin-bottom: 1px;
  padding: 20px;
  background: #e8e8ef;
  transition: height 300ms, padding 300ms;
  transition-timing-function: linear;
  overflow: hidden;
}
@media only screen and (min-width: 1024px) {
  .updatesList__item {
    flex-direction: row;
    align-items: center;
  }
}
.updatesList__item--dismissed {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.updatesList p {
  margin-right: 20px;
}
.updatesList strong {
  margin-right: 10px;
  font-weight: 600;
  color: #cf1155;
}
.updatesList__options {
  display: flex;
  margin-top: 10px;
}
@media only screen and (min-width: 1024px) {
  .updatesList__options {
    margin-top: 0;
  }
}
.updatesList__options li + li {
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid var(--text-neutral);
}
.home--smart-student {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.home--smart-student .home__body {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.home--branding .home__links-content {
  min-height: 60px;
  background: url("/images/SMART_Coursepage_background.svg") top right no-repeat;
}
@media screen and (max-width: 1024px) {
  .home--branding .home__links-content {
    background: none;
  }
}
.home__body {
  --dispaly-none: inline;
}
.home__body h2 {
  font-size: 21px;
  font-weight: 600;
}
.home__body--student .home__links > .home__links-content {
  min-height: 80px;
}
@media screen and (max-width: 1024px) {
  .home__body--student .home__links > .home__links-content > *:not(:last-child) {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .home__body--student .home__links {
    padding-bottom: 30px;
  }
}
.home__body--teacher .home__links > .home__links-content {
  margin-bottom: 40px;
}
@media screen and (min-width: 1025px) {
  .home__body--teacher .home__links > .home__links-content {
    padding-top: 20px;
  }
}
.home__body--teacher .home__updates > div {
  margin-top: 0;
  margin-bottom: 30px;
}
.home__body--teacher .home__updates h2 {
  margin-bottom: 20px;
}
.home__body--teacher .home__updates .button--close {
  height: auto;
}
.home__body--teacher .home__updates .section__header {
  display: flex;
}
.home__body--teacher .home__assignmentsStats .shortcuts {
  flex-direction: column;
  margin-bottom: 10px;
}
.home__body--teacher .home__assignmentsStats .shortcuts > * {
  margin-bottom: 10px;
}
@media only screen and (min-width: 1024px) {
  .home__body--teacher .home__assignmentsStats .shortcuts {
    flex-direction: row;
  }
  .home__body--teacher .home__assignmentsStats .shortcuts > * {
    margin-bottom: 0;
  }
}
.home__body--teacher .home__reports h2 small {
  font-weight: normal;
  font-size: 16px;
  font-style: italic;
}
.home__body--teacher .home__reports svg {
  color: var(--text-neutral);
}
.home__body--token .home__links-content {
  min-height: 20px;
}
@media only screen and (min-width: 1024px) {
  .home__body--token .home__links-content {
    min-height: 60px;
  }
}
.home__body .home__links > .home__links-content {
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  max-width: 1244px;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media only screen and (min-width: 768px) {
  .home__body .home__links > .home__links-content {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media screen and (max-width: 1024px) {
  .home__body .home__links > .home__links-content {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}
.home__body .home__links > .home__links-content > * {
  position: relative;
}
.home__body .home__links > .home__links-content > * + * {
  margin-left: 20px;
  margin-right: 20px;
}
@media screen and (max-width: 1024px) {
  .home__body .home__links > .home__links-content > * + * {
    margin-left: 0;
    margin-right: 0;
  }
}
.home__body .home__links > .home__links-content > *:not(:last-child):after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  right: 0;
  height: 20px;
  width: 1px;
  background-color: var(--text-neutral);
  transform: translateX(20px);
  opacity: 1;
  transition: opacity 300ms ease-in, transform 300ms ease-in;
}
@media screen and (max-width: 1024px) {
  .home__body .home__links > .home__links-content > *:not(:last-child):after {
    transform: translateX(0px);
    opacity: 0;
  }
}
.home__body .home__links > .home__links-content > a:first-child {
  margin-right: 20px;
}
@media screen and (max-width: 1024px) {
  .home__body .home__links > .home__links-content > a:first-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 1024px) {
  .home__body .home__links {
    padding-top: 20px;
    background: none;
  }
}
.home__body > .home__reports {
  display: block;
}
.home__body > .home__reports .home-reports__container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1244px;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  .home__body > .home__reports .home-reports__container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.home__body > .home__reports .home-reports__container > h2 {
  margin-bottom: 10px;
}
.home__body > .home__reports .home-reports__container > .home__reports-widgets {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .home__body > .home__reports .home-reports__container > .home__reports-widgets {
    flex-direction: column;
    align-items: flex-start;
  }
}
.home__body > .home__reports .home-reports__container > .home__reports-widgets > .home__reports__widget {
  position: relative;
}
@media screen and (max-width: 1024px) {
  .home__body > .home__reports .home-reports__container > .home__reports-widgets > .home__reports__widget {
    margin-bottom: 6px;
  }
}
.home__body > .home__reports .home-reports__container > .home__reports-widgets > .home__reports__widget + .home__reports__widget {
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 1024px) {
  .home__body > .home__reports .home-reports__container > .home__reports-widgets > .home__reports__widget + .home__reports__widget {
    padding-left: 0;
    padding-right: 0;
  }
}
.home__body > .home__reports .home-reports__container > .home__reports-widgets > .home__reports__widget:not(:last-child):after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  right: 0;
  height: 20px;
  width: 1px;
  background-color: var(--text-neutral);
  transform: translateY(50%);
}
@media screen and (max-width: 1024px) {
  .home__body > .home__reports .home-reports__container > .home__reports-widgets > .home__reports__widget:not(:last-child):after {
    opacity: 0;
  }
}
.home__body > .home__reports .home-reports__container > .home__reports-widgets > .home__reports__widget:first-child {
  padding-right: 20px;
}
@media screen and (max-width: 1024px) {
  .home__body > .home__reports .home-reports__container > .home__reports-widgets > .home__reports__widget:first-child {
    padding-right: 0;
  }
}
.home__body > .home__reports .home__reports__widget-icon {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.home__body > .home__reports .home__reports__value {
  font-weight: 600;
  margin-right: 10px;
  min-width: 40px;
}
.home__body > .home__reports .home__reports__widget {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.home__body > .home__widget-container {
  flex: 1;
  padding-top: 40px;
  background-color: hsl(var(--product-color-hs), var(--product-color-l), 20%);
  display: flex;
  justify-content: flex-start;
}
@media only screen and (min-width: 1024px) {
  .home__body > .home__widget-container {
    justify-content: center;
  }
}
.home__body > .home__widget-container > .home__widget-content {
  width: 100%;
  padding: 1rem;
  display: grid;
  grid-gap: 40px;
  grid-auto-flow: row;
  grid-auto-columns: 1fr;
  max-width: 680px;
}
@media only screen and (min-width: 1024px) {
  .home__body > .home__widget-container > .home__widget-content {
    grid-auto-flow: column;
    max-width: 1244px;
  }
}
@media only screen and (min-width: 768px) {
  .home__body > .home__widget-container > .home__widget-content {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.home__body > .home__widget-container .home__assignments__widget .assignments-widget__header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 10px;
}
@media only screen and (min-width: 1024px) {
  .home__body > .home__widget-container .home__assignments__widget .assignments-widget__header {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
}
.home__body > .home__widget-container .home__assignments__widget .assignments-widget__header > h2 {
  margin-bottom: 10px;
  margin-right: 40px;
}
.home__body > .home__widget-container .home__assignments__widget .assignments-widget__header .shortcuts {
  flex-direction: column;
  margin-bottom: 10px;
}
.home__body > .home__widget-container .home__assignments__widget .assignments-widget__header .shortcuts > * {
  margin-bottom: 10px;
}
@media only screen and (min-width: 1024px) {
  .home__body > .home__widget-container .home__assignments__widget .assignments-widget__header .shortcuts {
    flex-direction: row;
  }
  .home__body > .home__widget-container .home__assignments__widget .assignments-widget__header .shortcuts > * {
    margin-bottom: 0;
  }
}
.home__body > .home__widget-container .home__assignments__widget .assignments-widget__header .shortcuts__item:not(:last-child) {
  margin-right: 20px;
}
.home__body > .home__widget-container .home__assignments__widget .assignments-widget__header .shortcuts__item:last-child {
  margin-right: 0;
}
.home__body > .home__widget-container .home__assignments__widget .assignments-widget__header .badge--muted {
  background-color: #FFFFFF;
}
.home__body > .home__widget-container .home__assignments__widget .assignments-widget__body .helpCard {
  max-width: 100%;
}
.home__body > .home__widget-container .home__assignments__widget .assignments-widget__body > div:first-child {
  margin-bottom: 20px;
  display: grid;
  grid-gap: 1px;
}
.home__body > .home__widget-container .home__assignments__widget .assignments-widget__body > div:first-child > .list__item {
  border: 0 transparent;
}
@media screen and (max-width: 1080px) {
  .home__body > .home__widget-container .home__assignments__widget .assignments-widget__body > div:first-child > .list__item > .row {
    flex-direction: column;
    align-items: flex-start;
  }
}
.home__body > .home__widget-container .home__assignments__widget .assignments-widget__body > div:first-child > *:not(.helpCard) + a {
  display: none;
}
.home__body > .home__widget-container .home__nextSteps__widget.home__widget--non-smart {
  display: none;
}
.home__body > .home__widget-container .home__nextSteps__widget .nextSteps-widget__header > .nextSteps-widget__h2 {
  margin-bottom: 20px;
}
.home__body > .home__widget-container .home__nextSteps__widget .nextSteps-widget__body .helpCard {
  max-width: 100%;
}
.home__body > .home__widget-container .home__nextSteps__widget .nextSteps-widget__body > div:first-child {
  margin-bottom: 20px;
  display: grid;
  grid-gap: 1px;
}
.home__body > .home__widget-container .home__nextSteps__widget .nextSteps-widget__body > div:first-child > .list__item {
  border: 0 transparent;
  position: relative;
  overflow: hidden;
}
.home__body > .home__widget-container .home__nextSteps__widget .nextSteps-widget__body > div:first-child > .list__item .displayGrid {
  grid-template-columns: 110px auto;
  gap: 10px;
}
.home__body > .home__widget-container .home__nextSteps__widget .nextSteps-widget__body > div:first-child > .list__item p {
  margin-top: 30px;
}
.home__body > .home__widget-container .home__nextSteps__widget .nextSteps-widget__body .tabbed-box__tab--reactivate {
  background-color: var(--next-steps);
  position: absolute;
  top: 0;
  left: 0;
}
.home__body > .home__widget-container .home__nextSteps__widget .nextSteps-widget__body .tabbed-box__body-reactivate,
.home__body > .home__widget-container .home__nextSteps__widget .nextSteps-widget__body .tabbed-box__body-level-up {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 1fr auto;
  align-items: start;
}
.home__body > .home__widget-container .home__nextSteps__widget .nextSteps-widget__body .tabbed-box__img-reactivate,
.home__body > .home__widget-container .home__nextSteps__widget .nextSteps-widget__body .tabbed-box__img-level-up {
  width: 160px;
  height: 160px;
  display: none;
}
@media only screen and (min-width: 1024px) {
  .home__body > .home__widget-container .home__nextSteps__widget .nextSteps-widget__body .tabbed-box__img-reactivate,
  .home__body > .home__widget-container .home__nextSteps__widget .nextSteps-widget__body .tabbed-box__img-level-up {
    display: block;
  }
}
.home__body > .home__widget-container .home__nextSteps__widget .nextSteps-widget__body .tabbed-box__tab--level-up {
  position: absolute;
  top: 0;
  left: 0;
}
.home__body > .home__widget-container .home__nextSteps__widget .nextSteps-widget__body .tabbed-box__tab--level-up--secure {
  background-color: var(--dse-secure);
}
.home__body > .home__widget-container .home__nextSteps__widget .nextSteps-widget__body .tabbed-box__tab--level-up--extend {
  background-color: var(--dse-extending);
}
.home__body > .home__widget-container .home__nextSteps__widget .nextSteps-widget__body .splitItem {
  margin-top: 30px;
  padding: 0;
}
.home__body > .home__widget-container .widget__link {
  display: var(--dispaly-none);
}
.joinGroup p {
  margin-bottom: 15px;
}
.joinGroup input[type=text] {
  margin-right: 15px;
}
.ebook-tips-panel .sidepanel__body svg {
  width: 40px;
  height: 40px;
  color: var(--accent-color);
}
.ebook-tips-panel .sidepanel__body h3 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
}
.ebook-tips-panel .sidepanel__body p {
  margin: 4px 0;
}
.ebook-tips-panel .sidepanel__body p:first-child {
  margin-top: 0;
}
div[data-tippy-root].disable-tooltip {
  display: none;
}
.lenses {
  display: flex;
  align-items: center;
}
.lenses,
.lenses .pageHeader__tabsMore,
.lenses-wrapper .navigationTabs--primary {
  background-color: var(--service-brand-darker);
}
.lenses .pageHeader__tabsMore button:hover,
.lenses-wrapper .navigationTabs--primary button:hover,
.lenses .pageHeader__tabsMore button:focus,
.lenses-wrapper .navigationTabs--primary button:focus,
.lenses .pageHeader__tabsMore svg,
.lenses-wrapper .navigationTabs--primary svg {
  color: #fff;
  border-color: #fff;
}
.lenses .pageHeader__tabsMore button,
.lenses-wrapper .navigationTabs--primary button {
  color: #fff;
}
.lenses-wrapper .navigationTabs--primary .navigationTabs__item--active button {
  border-color: #fff;
}
#lenses {
  flex: 1;
}
@media only screen and (min-width: 1024px) {
  #lenses {
    padding-left: 32px;
  }
}
.body--noGlobalMenu #lenses {
  display: none;
}
#lenses .navigationTabs {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  background-color: #fff;
  padding-top: 7px;
  padding-bottom: 9px;
}
.section__header #lenses .navigationTabs {
  flex-shrink: 0;
  flex-grow: 1;
}
@media only screen and (min-width: 1024px) {
  #lenses .navigationTabs {
    /* Revert OR-457 after joining LAR tabs together */
    /* justify-content: flex-end; */
    justify-content: flex-start;
  }
}
.sidepanel__annex #lenses .navigationTabs {
  justify-content: center;
}
@media only screen and (min-width: 1024px) {
  #lenses .navigationTabs__item {
    margin-left: 4%;
    /* Revert OR-457 after joining LAR tabs together */
  }
  #lenses .navigationTabs__item:first-child {
    margin-left: 0;
  }
}
#lenses .navigationTabs__item--active .navigationTabs__button {
  font-weight: 600;
  border-color: var(--text-neutral);
}
#lenses .navigationTabs__item--disabled .navigationTabs__button {
  cursor: default;
  border-color: transparent !important;
}
#lenses .navigationTabs__item--hidden {
  display: none;
}
#lenses .navigationTabs__button {
  display: inline-flex;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
  transition: border-bottom 300ms;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  color: var(--text-neutral);
  border-bottom: 2px solid transparent;
}
#lenses .navigationTabs__button:hover,
#lenses .navigationTabs__button:focus {
  border-color: var(--text-neutral);
}
#lenses .navigationTabs svg {
  width: 40px;
  height: 40px;
}
#lenses .navigationTabs--primary {
  background-color: var(--service-brand-darker);
}
#lenses .navigationTabs--primary .navigationTabs__item--active .navigationTabs__button {
  border-color: #fff;
}
#lenses .navigationTabs--primary .navigationTabs__button {
  flex-direction: column;
  padding: 0;
  font-weight: 600;
  color: #fff;
  position: relative;
}
@media only screen and (min-width: 1024px) {
  #lenses .navigationTabs--primary .navigationTabs__button {
    flex-direction: row;
  }
}
#lenses .navigationTabs--primary .navigationTabs__button.lens-highlight::after {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #cf1155;
  position: absolute;
  top: 5px;
  left: 29px;
  transform: translateY(-50%);
  animation: pulse-pink 2s forwards;
}
.notifications #lenses .navigationTabs--primary .navigationTabs__button,
.myprofile #lenses .navigationTabs--primary .navigationTabs__button {
  flex-direction: row;
}
#lenses .navigationTabs--primary .navigationTabs__button:hover,
#lenses .navigationTabs--primary .navigationTabs__button:focus {
  border-color: #fff;
}
.administrator-role {
  display: flex;
  flex-direction: column;
  height: var(--vh100, 100vh);
  overflow: hidden;
}
.administrator-role .lense_name {
  display: none;
}
.administrator-role #body,
.administrator-role #body > div,
.administrator-role #content,
.administrator-role #content > div,
.administrator-role .wonde-sync-wrapper {
  height: 100%;
}
.administrator-role #body {
  height: calc(100% - 121px);
}
@media (max-width: 1023px) {
  .administrator-role #body {
    height: calc(100% - 61px);
  }
}
.administrator-role #body > div {
  position: relative;
}
.administrator-role .wonde-sync-wrapper {
  background-color: var(--ui-background);
}
.administrator-role .wonde-sync-wrapper .infoCard {
  margin-top: 70px;
  max-width: 700px;
}
.administrator-role .wonde-sync-wrapper .infoCard svg {
  margin-bottom: 10px;
}
.administrator-role .delta-sync-results {
  display: flex;
  gap: 16px;
  margin-top: 10px;
}
.administrator-role .delta-sync-results > div {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.administrator-role .delta-sync-results p.error {
  display: flex;
  align-items: center;
  color: var(--alert-color);
  transform: translateY(-10px);
}
.administrator-role .delta-sync-results p.error svg {
  margin-right: 8px;
}
.administrator-role .loading {
  --product-color: var(--accent-color);
}
.administrator-role .user-management-wrapper {
  display: flex;
}
.administrator-role .user-management-wrapper .groups-panel-wrapper {
  width: 480px;
  max-width: 480px;
  overflow: auto;
  padding: 0 10px;
  flex-grow: 1;
  flex-shrink: 0;
  border-right: 1px solid var(--ui-background);
}
.administrator-role .user-management-wrapper .selected-rows-stats {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.administrator-role .user-management-wrapper .right-side-wrapper {
  flex-grow: 1;
  overflow: scroll;
}
.administrator-role .user-management-wrapper .table-wrapper {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
}
.administrator-role .user-management-wrapper .table-wrapper .bottom-part-wrapper {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.administrator-role .user-management-wrapper .table-wrapper.loading::before,
.administrator-role .user-management-wrapper .table-wrapper.loading::after {
  position: fixed;
  top: 50%;
  left: calc(50% + 240px);
}
.administrator-role .user-management-wrapper .table-wrapper.loading::before {
  background-color: var(--accent-color);
}
.administrator-role .user-management-wrapper .table-wrapper .scrollableTable__table {
  width: 100%;
}
.administrator-role .user-management-wrapper .table-wrapper .scrollableTable__table.first-column-hidden tr > th:first-child {
  display: none;
}
.administrator-role .user-management-wrapper .table-wrapper .scrollableTable__table tr th:first-child {
  min-width: unset;
  padding: 2px;
  width: 50px;
}
.administrator-role .user-management-wrapper .table-wrapper .scrollableTable__table tr th:first-child label {
  margin: 0;
}
.administrator-role .user-management-wrapper .table-wrapper .scrollableTable__table tr th:nth-child(4) {
  min-width: 180px;
}
.administrator-role .user-management-wrapper .table-wrapper .scrollableTable__table tr th:nth-child(2),
.administrator-role .user-management-wrapper .table-wrapper .scrollableTable__table tr th:nth-child(3) {
  width: 50%;
}
.administrator-role .user-management-wrapper .table-wrapper .scrollableTable__table td {
  text-align: left;
}
.administrator-role .user-management-wrapper .table-wrapper .scrollableTable__table td .student-teacher-name-btn {
  color: var(--accent-color);
  text-decoration: underline;
}
.administrator-role .user-management-wrapper .table-wrapper .content__footerActions {
  width: 100%;
  justify-content: space-between;
}
.administrator-role .user-management-wrapper .table-wrapper .content__footerActions .button--goToTop {
  height: unset;
  width: unset;
  border: 1px solid var(--text-neutral);
}
.administrator-role .user-management-wrapper .table-wrapper .content__footerActions .button--goToTop:hover {
  box-shadow: none;
}
.administrator-role .divider {
  background-color: var(--ui-background);
  margin: 15px 0;
}
.administrator-role .lense_name {
  display: none;
}
.administrator-role .toolbar {
  height: 60px;
  border-bottom: 1px solid var(--ui-background);
}
.administrator-role .toolbar .controls,
.administrator-role .toolbar .password-reset-confirmation,
.administrator-role .toolbar .status {
  padding: 10px 25px;
}
.administrator-role .toolbar .password-reset-confirmation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--accent-color);
  color: #fff;
}
.administrator-role .toolbar .password-reset-confirmation > div {
  display: flex;
  align-items: center;
  gap: 10px;
}
.administrator-role .toolbar .password-reset-confirmation > div svg {
  width: 40px;
  height: 40px;
}
.administrator-role .toolbar .password-reset-confirmation > div button {
  color: #fff;
  box-shadow: 0 0 0 1px #fff;
}
.administrator-role .toolbar .status {
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: var(--accent-color);
  color: #fff;
  height: 60px;
}
.administrator-role .toolbar .status svg {
  height: 30px;
  width: 30px;
}
.administrator-role .toolbar .close-toolbar {
  display: flex;
}
.administrator-role .toolbar button {
  margin: 0;
}
.administrator-role .toolbar button--secondary {
  padding: 0 22px;
}
.administrator-role .toolbar .controls {
  display: flex;
  align-items: center;
  gap: 16px;
}
.administrator-role .toolbar svg {
  width: 18px;
  height: 18px;
}
.administrator-role .user-profile-overlay {
  padding-bottom: 50px;
}
.administrator-role .user-profile-overlay .form__group .input-field {
  width: 100%;
}
.administrator-role .user-profile-overlay .form__group .input-wrapper {
  position: relative;
}
.administrator-role .user-profile-overlay .form__group .input-wrapper input {
  min-height: 54px;
  width: 100%;
}
.administrator-role .user-profile-overlay .form__group .input-wrapper .error-icon {
  display: none;
  position: absolute;
  top: 50%;
  left: 10px;
  width: 30px;
  transform: translateY(-50%);
}
.administrator-role .user-profile-overlay .form__group .inline-error {
  display: none;
}
.administrator-role .user-profile-overlay .form__group.error {
  align-items: baseline;
  margin-bottom: 0;
}
.administrator-role .user-profile-overlay .form__group.error .input-wrapper .error-icon {
  display: block;
}
.administrator-role .user-profile-overlay .form__group.error input {
  padding-left: 30px;
  border: 2px solid var(--alert-color);
  box-shadow: none;
}
.administrator-role .user-profile-overlay .form__group.error .inline-error {
  display: block;
  margin: 10px 0 20px 0;
  font-style: italic;
  color: var(--alert-color);
}
.administrator-role .user-profile-overlay .user-info-wrapper {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 60px;
}
@media (max-width: 1023px) {
  .administrator-role .user-profile-overlay .user-info-wrapper {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }
  .administrator-role .user-profile-overlay .user-info-wrapper span {
    line-break: anywhere;
  }
}
.administrator-role .user-profile-overlay .user-info-wrapper .student-username-group {
  margin-top: -22px;
}
@media (max-width: 1023px) {
  .administrator-role .user-profile-overlay .user-info-wrapper .student-username-group {
    margin-top: 0;
  }
}
.administrator-role .user-profile-overlay .user-info-wrapper > div {
  display: flex;
  flex-direction: column;
  gap: 40px;
  flex-grow: 1;
}
.administrator-role .user-profile-overlay .user-info-wrapper > div > div {
  display: flex;
  align-items: center;
}
.administrator-role .user-profile-overlay .user-info-wrapper > div > div > span:nth-child(2) {
  font-weight: bold;
}
.administrator-role .user-profile-overlay .user-info-wrapper > div > div > span:first-child,
.administrator-role .user-profile-overlay .user-info-wrapper > div .form__headingLabel {
  display: block;
  width: 170px;
  min-width: 170px;
}
.administrator-role .user-profile-overlay .divider {
  margin-top: 30px;
}
.administrator-role .user-profile-overlay .student-groups-wrapper li,
.administrator-role .user-profile-overlay .student-courses-wrapper li {
  padding: 2px 0;
}
.administrator-role .user-profile-overlay .student-groups-wrapper .root-group {
  font-weight: bold;
}
.administrator-role .user-profile-overlay .student-groups-wrapper .root-list > li {
  margin: 15px 0;
}
.administrator-role .user-profile-overlay .student-groups-wrapper ul.children {
  padding-left: 30px;
  list-style: outside disc;
}
.administrator-role .user-profile-overlay .student-courses-wrapper ul {
  padding-left: 30px;
  list-style: outside disc;
}
.administrator-role .user-profile-overlay .section__footerActions {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
  box-shadow: 0 -10px 20px -5px rgba(0, 0, 0, 0.1);
  display: flex;
  padding: 0 2rem;
  background-color: #fff;
}
.administrator-role .user-profile-overlay .section__footerActions .buttons-wrapper {
  margin-left: auto;
}
.administrator-role .user-profile-overlay .section__footerActions--close-save-and-close {
  background-color: var(--accent-color);
}
.administrator-role .user-profile-overlay .section__footerActions--close-save-and-close .disclaimer-wrapper {
  display: flex;
  align-items: center;
  color: #fff;
}
.administrator-role .user-profile-overlay .section__footerActions--close-save-and-close .buttons-wrapper {
  display: flex;
}
.administrator-role .user-profile-overlay .section__footerActions--close-save-and-close .buttons-wrapper button:first-child {
  color: #fff;
  box-shadow: 0 0 0 1px #fff;
}
.administrator-role .user-profile-overlay .section__footerActions--close-save-and-close .buttons-wrapper button:first-child:hover {
  background-color: #fff;
  color: var(--accent-color);
}
.administrator-role .user-profile-overlay .section__footerActions--close-save-and-close .buttons-wrapper button:nth-of-type(2) {
  background-color: #fff;
  color: var(--accent-color);
}
.administrator-role .user-profile-overlay .section__footerActions--close-save-and-close .buttons-wrapper button:nth-of-type(2):hover {
  color: #fff;
  box-shadow: 0 0 0 1px #fff;
  background-color: transparent;
}
.administrator-role .user-profile-overlay.teacher .form__group {
  margin-bottom: 0;
}
.administrator-role .user-profile-overlay.teacher .form__group:nth-last-of-type(2) {
  margin-top: -20px;
}
@media (max-width: 1023px) {
  .administrator-role .user-profile-overlay.teacher .user-info-wrapper,
  .administrator-role .user-profile-overlay.teacher .user-info-wrapper > div {
    max-width: 100%;
  }
}
.administrator-role .user-profile-overlay.teacher .user-info-wrapper > div:nth-of-type(2) {
  margin-bottom: auto;
}
@media (max-width: 1023px) {
  .administrator-role .user-profile-overlay.teacher .user-info-wrapper > div:nth-of-type(2) {
    margin-top: 35px;
  }
}
.administrator-role .user-profile-overlay.teacher .teacher-courses-wrapper strong {
  display: block;
  margin-bottom: 16px;
}
.administrator-role .user-profile-overlay.teacher .teacher-courses-wrapper .checkbox {
  margin: 0;
  width: fit-content;
}
.administrator-role .toolbar-static {
  display: flex;
  align-items: center;
  padding: 10px 25px;
  height: 60px;
  border-bottom: 1px solid var(--ui-background);
  margin-bottom: 8px;
}
.administrator-role .toolbar-static button.reset-password-instruction {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-left: auto;
  text-decoration: underline;
  color: var(--text-neutral);
}
.administrator-role .toolbar-static .search-button-wrapper {
  display: flex;
}
.administrator-role .toolbar-static .search-button-wrapper .inputWithButton {
  position: relative;
  display: flex;
}
.administrator-role .toolbar-static .search-button-wrapper .inputWithButton .form__input {
  width: 100%;
  padding-right: 90px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-radius: 5px 0 0 5px;
}
.administrator-role .toolbar-static .search-button-wrapper .inputWithButton .button {
  position: absolute;
  right: 15px;
  width: 15px;
}
.administrator-role .toolbar-static .search-button-wrapper > button {
  margin: 0;
  padding: 0;
  border-radius: 0 5px 5px 0;
}
.administrator-role .emptyUsers ul {
  list-style: unset;
  padding-left: 35px;
}
.administrator-role .wonde-unmatched-data {
  height: 100%;
  background-color: var(--ui-background);
  overflow: auto;
  box-sizing: border-box;
}
.administrator-role .wonde-unmatched-data .header {
  padding: 24px 32px 4px 32px;
  box-shadow: 0 6px 10px -4px rgba(0, 0, 0, 0.15);
  background-color: #fff;
}
.administrator-role .wonde-unmatched-data .header .helpCard--error {
  max-width: 700px;
}
.administrator-role .wonde-unmatched-data .header .helpCard--error h4 {
  margin-bottom: 4px;
}
.administrator-role .wonde-unmatched-data .header .helpCard--error p {
  padding-bottom: 0;
}
.administrator-role .wonde-unmatched-data .header ul.navigationTabs {
  gap: 24px;
}
.administrator-role .wonde-unmatched-data .header ul.navigationTabs .badge {
  background-color: var(--alert-color);
  color: #fff;
}
.administrator-role .wonde-unmatched-data .body-content {
  padding: 24px 32px 84px 32px;
  background-color: var(--ui-background);
}
.administrator-role .wonde-unmatched-data .body-content .accordion-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
.administrator-role .wonde-unmatched-data .body-content .accordion-list .accordion {
  position: relative;
  width: 100%;
  border-radius: 5px;
  padding: 0 24px;
}
.administrator-role .wonde-unmatched-data .body-content .accordion-list .accordion .editingButtons {
  margin-left: 1px;
  display: none;
}
.administrator-role .wonde-unmatched-data .body-content .accordion-list .accordion.editing .editingButtons {
  display: block;
}
.administrator-role .wonde-unmatched-data .body-content .accordion-list .accordion .accordion__content {
  display: none;
  padding: 16px 0;
  visibility: visible;
  max-height: unset;
  overflow: visible;
}
.administrator-role .wonde-unmatched-data .body-content .accordion-list .accordion--enabled .row {
  display: none;
}
.administrator-role .wonde-unmatched-data .body-content .accordion-list .accordion--enabled .accordion__content {
  display: flex;
}
.administrator-role .wonde-unmatched-data .body-content .accordion-list .accordion .row {
  align-items: center;
}
.administrator-role .wonde-unmatched-data .body-content .accordion-list .accordion .row .user-full-name {
  font-weight: 700;
}
.administrator-role .wonde-unmatched-data .body-content .accordion-list .accordion .row > div {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 16px;
}
.administrator-role .wonde-unmatched-data .body-content .accordion-list .accordion .row > div svg {
  color: var(--confirmation-color);
  width: 40px;
  height: 40px;
}
.administrator-role .wonde-unmatched-data .body-content .accordion-list .accordion__content {
  display: flex;
  gap: 24px;
}
.administrator-role .wonde-unmatched-data .body-content .accordion-list .accordion__content .mis-record,
.administrator-role .wonde-unmatched-data .body-content .accordion-list .accordion__content .possible-matches {
  font-weight: 700;
  margin-bottom: 20px;
}
.administrator-role .wonde-unmatched-data .body-content .accordion-list .accordion__content .left-side-wrapper {
  display: flex;
  gap: 24px;
  padding-left: 6px;
}
.administrator-role .wonde-unmatched-data .body-content .accordion-list .accordion__content .left-side-wrapper p {
  line-height: 40px;
}
.administrator-role .wonde-unmatched-data .body-content .accordion-list .accordion__content .left-side-wrapper > div:first-child {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  min-width: 75px;
}
.administrator-role .wonde-unmatched-data .body-content .accordion-list .accordion__content .identifier {
  letter-spacing: 3px;
}
.administrator-role .wonde-unmatched-data .body-content .accordion-list .accordion__content .user-details-wrapper {
  font-weight: 700;
  border: 1px solid var(--ui-background);
  border-radius: 5px;
  padding: 0 8px;
  width: 300px;
}
.administrator-role .wonde-unmatched-data .body-content .accordion-list .accordion__content .user-details-wrapper p {
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px solid var(--ui-background);
  line-height: 39px;
  overflow: hidden;
}
.administrator-role .wonde-unmatched-data .body-content .accordion-list .accordion__content .user-details-wrapper p.highlight {
  font-weight: 700;
  color: var(--alert-color);
}
.administrator-role .wonde-unmatched-data .body-content .accordion-list .accordion__content .user-details-wrapper p:last-child {
  border-bottom: none;
  line-height: 40px;
}
.administrator-role .wonde-unmatched-data .body-content .accordion-list .accordion__content .user-details-wrapper label {
  font-weight: normal;
}
.administrator-role .wonde-unmatched-data .body-content .accordion-list .accordion__content .isAlreadyMatched {
  width: 300px;
  margin-top: 20px;
}
.administrator-role .wonde-unmatched-data .body-content .accordion-list .accordion__content .right-side-wrapper {
  overflow-x: auto;
}
.administrator-role .wonde-unmatched-data .body-content .accordion-list .accordion__content .right-side-wrapper .user-details-wrapper {
  background-color: var(--ui-background);
}
.administrator-role .wonde-unmatched-data .body-content .accordion-list .accordion__content .right-side-wrapper .user-details-wrapper p {
  border-bottom-color: #fff;
}
.administrator-role .wonde-unmatched-data .body-content .accordion-list .accordion__content .right-side-wrapper .user-details-wrapper p:not(.highlight) {
  font-weight: normal;
}
.administrator-role .wonde-unmatched-data .body-content .accordion-list .accordion__content .right-side-wrapper .possible-matches-wrapper {
  display: flex;
  gap: 8px;
}
.administrator-role .wonde-unmatched-data .body-content .bottom-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
  display: flex;
  align-items: center;
  padding: 0 32px;
  background-color: var(--accent-color);
}
.administrator-role .wonde-unmatched-data .body-content .bottom-bar svg {
  color: #fff;
  height: 40px;
  width: 40px;
}
.administrator-role .wonde-unmatched-data .body-content .bottom-bar p {
  color: #fff;
}
.administrator-role .wonde-unmatched-data .body-content .bottom-bar button {
  margin-left: auto;
  color: var(--accent-color);
  box-shadow: 0 0 0 1px #fff;
  background-color: #fff;
}
.administrator-role .wonde-unmatched-data .body-content .bottom-bar button:hover {
  background-color: var(--accent-color);
  color: #fff;
}
.administrator-role .wonde-unmatched-data .body-content .errors-list {
  margin-top: 16px;
}
.administrator-role .wonde-unmatched-data .body-content .errors-list .accordion__content > div {
  display: flex;
  gap: 20px;
  width: 100%;
}
.administrator-role .wonde-unmatched-data .body-content .errors-list .accordion__content > div > div > p {
  font-weight: 700;
  margin-bottom: 20px;
}
.administrator-role .wonde-unmatched-data .body-content .errors-list .accordion__content > div div:nth-of-type(2),
.administrator-role .wonde-unmatched-data .body-content .errors-list .accordion__content > div div:nth-of-type(3) {
  flex: 1;
}
.administrator-role .wonde-unmatched-data .body-content .errors-list .accordion__content .resolved-column {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.administrator-role .wonde-unmatched-data .body-content .errors-list .accordion__content .left-side-wrapper > div:first-child {
  min-width: 130px;
}
.administrator-role .wonde-unmatched-data .body-content .errors-list .accordion__content .user-details-wrapper {
  width: unset;
}
.administrator-role .wonde-unmatched-data .body-content .errors-list ul {
  list-style: unset;
  padding-left: 30px;
}
.administrator-role .wonde-unmatched-data .body-content .errors-list ul li {
  padding-bottom: 10px;
}
.administrator-role .conflicts-resolved-success-message-wrapper {
  padding-top: 20px;
  background-color: var(--ui-background);
  height: 100%;
  width: 100%;
}
.administrator-role .conflicts-resolved-success-message-wrapper .infoCard {
  margin-top: 0 !important;
}
.reset-password-tips-panel .sidepanel__body > div {
  display: flex;
  flex-direction: column;
}
.reset-password-tips-panel .sidepanel__body > div img {
  width: 164px;
  height: 164px;
  margin: 20px 0;
}
.reset-password-tips-panel .sidepanel__body > div strong {
  margin: 8px 0;
}
.reset-password-tips-panel .sidepanel__body > div strong:nth-of-type(2) {
  margin-top: 20px;
}
.reset-password-tips-panel .sidepanel__body > div strong:first-child {
  margin-top: 0;
}
.reset-password-tips-panel .sidepanel__body > div p {
  margin: 1px 0;
}
.lozenge {
  height: 60px;
  width: min-content;
  border-radius: 30px;
  background: white;
  padding-left: 30px;
  padding-right: 30px;
  justify-content: space-evenly;
  min-width: 100px;
  display: flex;
  gap: 10px;
  align-items: center;
}
.lozenge__text {
  font-size: 21px;
}
.resources {
  display: flex;
}
.resources .row {
  flex-wrap: unset;
}
.resources .queryTitle {
  margin-bottom: 10px;
}
.resources__title .col {
  border-left: none;
}
.resources__selection {
  margin-top: 10px;
}
.resources__favourite {
  position: absolute;
  top: 50px;
  left: 10px;
  transition: opacity 500ms;
}
.resources__thumbnail {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .resources__thumbnail {
    display: flex;
  }
}
.resources__status {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}
.resources__status svg {
  margin-right: 10px;
}
.resources .accordion:not(.resources--noSelectable) {
  padding-left: 10px;
}
.resources .accordion:not(.resources--noSelectable) .accordion__content {
  padding-left: 50px;
}
.resources .accordion:not(.accordion--enabled) .resources__favourite {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
.resources__favourite {
  margin: 0;
}
.resources__linksList li,
.resources__linksList a {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.resources__linksList li.location a {
  margin-left: 5px;
  margin-right: 3px;
}
.resources__linksList li.location svg {
  transform: translateY(-3px);
}
.resources__linksList li.location:first-child a {
  margin-left: 0;
}
.resources__linksList:last-of-type {
  margin-bottom: 20px;
}
.resources__linksList .resources__linkItemGrid {
  display: grid;
  grid-template-columns: 40px 1fr;
  align-items: flex-start;
}
.resources__linksList .resources__favourite {
  position: unset;
  top: 0;
  transition: unset;
}
.resources__linksList .resources__favourite--margin-left {
  margin-left: 0.5px;
}
.resources__linksList .resources__favourite span {
  text-decoration: underline;
}
.resources__locationsWrapper ol {
  display: inline-flex;
  flex-wrap: wrap;
  padding-top: 10px;
}
.resources .structures {
  padding: 0;
}
.resources .actions > div {
  display: flex;
  align-items: center;
}
.resources .actions--assign .actions__main,
.resources .actions--share .actions__main {
  display: none;
}
.resources .actions__share span {
  margin-right: 1em;
}
.resources .actions:not(.actions--assign) .actions__assign {
  display: none;
}
.resources .actions:not(.actions--share) .actions__share {
  display: none;
}
@media (max-width: 360px) {
  .resources .section__header .button__label {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    width: 1px;
    position: absolute;
    z-index: -999;
    overflow: hidden;
    white-space: nowrap;
  }
}
.resources .section__header .main {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .resources .section__header .main--resources .filtersToggle {
    margin-left: 15px !important;
  }
  .resources .section__header .main--resources .filtersToggle .button__label {
    display: none !important;
  }
}
.resources .section__header--actions .main {
  display: none;
}
.resources .section__header:not(.section__header--actions) .actions {
  display: none;
}
.resources .badge[data-counter="assignments"] {
  background-color: var(--accent-color);
  color: #fff;
}
.visibilityGroup {
  margin: 50px 0 40px;
}
.required-info-text {
  margin-top: 20px;
  font-style: italic;
}
.myprofile {
  background-color: var(--ui-background);
}
.myprofile__account,
.myprofile__school {
  padding-top: 40px;
}
.myprofile__courses {
  padding-bottom: 40px;
}
.student-role .myprofile__courses {
  margin-top: 20px;
  padding-top: 30px;
}
.myprofile__subjects,
.myprofile__contact {
  margin-top: 30px;
  padding-top: 30px;
}
.myprofile__subjects .contact-preferences-text,
.myprofile__contact .contact-preferences-text {
  max-width: 680px;
}
.myprofile__subjects .row,
.myprofile__contact .row {
  padding-bottom: 80px;
}
.myprofile__contact p {
  margin-top: 20px;
}
.myprofile__coursesList {
  --numberOfRows: 1;
  display: grid;
  grid-gap: 20px;
  margin-top: 30px;
}
@media only screen and (min-width: 501px) {
  .myprofile__coursesList {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(var(--numberOfRows), 1fr);
    grid-auto-flow: column;
  }
}
.myprofile__mySchool {
  display: none;
}
.myprofile .section__title {
  margin-bottom: 10px;
}
.myprofile .section__footerActions {
  display: flex;
  justify-content: flex-end;
}
.myprofile .controls {
  color: #cf1155;
}
.myprofile .checkbox {
  margin: 0;
}
.myprofile .checkbox input:disabled ~ svg,
.myprofile .checkbox input:disabled ~ span {
  cursor: not-allowed;
}
.myprofile .section__title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}
.myprofile .helpCard {
  margin: 20px 0;
  max-width: 680px;
}
@media only screen and (min-width: 1024px) {
  .myprofile .helpCard:not(.helpCard--error) {
    max-width: calc(50% - 30px);
  }
}
@media only screen and (min-width: 768px) {
  .myprofile .message {
    flex-direction: row-reverse;
    color: var(--accent-color);
    background-color: #fff;
  }
  .myprofile .message .icon {
    margin-left: 10px;
  }
}
.myprofile .infoCard {
  margin-top: 32px;
  width: 100%;
}
.myprofile .form__input {
  max-width: 680px;
}
@media only screen and (min-width: 1024px) {
  .myprofile .form__input {
    max-width: unset;
  }
}
.my-profile h2,
.myprofile h2,
.myprofile__school h2 {
  font-size: 21px;
  font-weight: 400;
  margin-bottom: 20px;
}
.my-profile input:disabled {
  cursor: not-allowed;
}
.my-profile .about-you {
  display: flex;
  gap: 0 40px;
  align-items: flex-start;
  flex-wrap: wrap;
}
.my-profile .about-you .form__group {
  display: flex;
  align-items: center;
  flex-basis: calc(50% - 20px);
  margin: 5px 0;
}
.my-profile .about-you .form__group .helpCard {
  flex-basis: 100%;
}
.my-profile .about-you .form__group .form__input {
  flex-grow: 1;
}
.my-profile .about-you .form__group h4 {
  flex: 0 0 160px;
  font-weight: normal;
}
.my-profile .about-you .form__group .section__subtitle {
  margin: 0;
}
.my-profile .about-you > div.helpCard.emailTip {
  flex-basis: calc(50% - 20px);
  margin-left: auto;
  max-width: 680px;
  order: 6;
}
.grouped-error {
  width: calc(50% - 30px);
}
.mp-reset-password {
  display: flex;
  flex-direction: column;
  width: calc(50% - 30px);
}
.mp-reset-password .form__group {
  display: flex;
  align-items: center;
  width: calc(50% - 20px);
  margin: 15px 0;
}
.mp-reset-password .form__group .helpCard {
  width: 100%;
}
.mp-reset-password .form__headingLabel {
  width: 160px;
}
.mp-reset-password .form__input {
  flex-grow: 1;
}
.mp-reset-password .helpCard {
  width: calc(50% - 20px);
}
.my-profile-school {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.my-profile-school .form__group {
  display: flex;
  flex-basis: 50%;
  margin: 20px 0;
}
.my-profile-school .form__group h4 {
  flex: 0 0 160px;
  margin: 0;
  font-weight: normal;
}
.my-profile-school .form__group p {
  padding-right: 10px;
  word-break: break-all;
}
.my-profile-school .form__group:nth-of-type(1) {
  order: 0;
}
.my-profile-school .form__group:nth-of-type(2) {
  order: 3;
}
.my-profile-school .form__group:nth-of-type(3) {
  order: 1;
}
.my-profile-school .form__group:nth-of-type(4) {
  order: 2;
}
.my-profile-school .form__group:nth-of-type(5) {
  order: 4;
}
.my-profile.teacher .main-info-wrapper {
  display: flex;
  gap: 60px;
}
.my-profile.teacher .main-info-wrapper .about-you,
.my-profile.teacher .main-info-wrapper .additional-teacher-info {
  flex-basis: 50%;
  flex-direction: column;
  flex-wrap: nowrap;
}
.my-profile.teacher .dropdown__jobRole {
  width: 100%;
}
.my-profile.teacher .dropdown__jobRole .caret {
  width: 10px;
  height: 10px;
}
.my-profile.teacher .dropdown__jobRole ul .dropdown__item::before {
  background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='30' height='30' viewBox='0 0 40 40'%3E%3Cdefs%3E%3Csymbol id='a' data-name='icon_check' viewBox='0 0 40 40'%3E%3Cpath fill='none' stroke='%23575756' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10 22.46l5.03 5.03L30 12.51'/%3E%3Cpath fill='none' d='M0 0h40v40H0z'/%3E%3C/symbol%3E%3C/defs%3E%3Ctitle%3Eicon-check%3C/title%3E%3Cuse width='40' height='40' xlink:href='%23a'/%3E%3C/svg%3E") center;
}
.my-profile.teacher .dropdown-wrapper {
  display: flex;
  align-items: baseline;
}
.my-profile.teacher .dropdown__jobRole input {
  position: static;
  width: 100%;
  padding-right: 36px;
  height: auto;
  opacity: 1;
  caret-color: transparent;
  color: var(--text-neutral);
  cursor: pointer;
}
.my-profile.teacher .dropdown__jobRole input:disabled {
  cursor: not-allowed;
}
.my-profile.teacher .dropdown__jobRole input::placeholder {
  opacity: 1;
  font-style: italic;
  color: var(--text-neutral);
}
.my-profile.teacher .dropdown__jobRole .caret {
  position: absolute;
  right: 18px;
  top: 23px;
}
.my-profile.teacher .dropdown__jobRole .dropdown__list-arrow {
  display: none;
  position: absolute;
  left: 10px;
  top: 50px;
  height: 0;
  width: 0;
  border: 10px solid transparent;
  border-bottom-color: #fff;
  z-index: 999;
}
.my-profile.teacher .dropdown__jobRole ul {
  top: 54px;
  overflow-y: scroll;
  width: 100%;
  height: 200px;
  transform: none;
}
.my-profile.teacher .dropdown__jobRole ul::before,
.my-profile.teacher .dropdown__jobRole ul::after {
  right: unset;
  left: 10px;
}
.my-profile.teacher .dropdown__jobRole ul:hover ~ .dropdown__list-arrow {
  display: block;
}
.my-profile.teacher .dropdown__jobRole ul::-webkit-scrollbar {
  width: 8px;
}
.my-profile.teacher .dropdown__jobRole ul::-webkit-scrollbar-thumb {
  background-color: var(--text-neutral);
  border-radius: 4px;
}
.my-profile.teacher .dropdown__jobRole ul li {
  height: 50px;
  min-width: unset;
}
.my-profile.teacher .dropdown__jobRole ul li p {
  display: flex;
  align-items: center;
  height: 100%;
  cursor: pointer;
}
.my-profile.teacher .dropdown__jobRole ul .dropdown__item::before {
  top: 11px;
}
.my-profile.teacher input[name="new_user_form[activation_code]"] {
  padding-right: 36px;
}
.my-profile.teacher .dropdown__jobRole.dropdown--enabled .dropdown__list-arrow {
  display: block;
}
.my-profile.teacher .dropdown.dropdown--oneSelected .dropdown__list-arrow {
  display: none;
}
.my-profile.teacher .about-you .form__group,
.my-profile.teacher .additional-teacher-info .form__group {
  margin: 15px 0;
}
.my-profile.teacher .about-you .age-group,
.my-profile.teacher .additional-teacher-info .age-group {
  display: flex;
  gap: 12px;
  margin-top: 32px;
}
.my-profile.teacher .about-you .age-group .select-any,
.my-profile.teacher .additional-teacher-info .age-group .select-any {
  margin-top: 10px;
  font-style: italic;
}
.my-profile.teacher .about-you div.helpCard.emailTip,
.my-profile.teacher .additional-teacher-info div.helpCard.emailTip {
  order: 5;
}
.my-profile .about-you .form__group .form__headingLabel,
.my-profile .additional-teacher-info .form__group .form__headingLabel,
.my-profile .mp-reset-password .form__group .form__headingLabel {
  flex: 0 0 160px;
  margin: 0;
}
.my-profile .about-you .form__group,
.my-profile .additional-teacher-info .form__group,
.my-profile .mp-reset-password .form__group,
.my-profile .about-you .form__group .input-field,
.my-profile .additional-teacher-info .form__group .input-field,
.my-profile .mp-reset-password .form__group .input-field,
.my-profile .about-you .form__group .input-wrapper,
.my-profile .additional-teacher-info .form__group .input-wrapper,
.my-profile .mp-reset-password .form__group .input-wrapper,
.my-profile .about-you .form__group .form__input,
.my-profile .additional-teacher-info .form__group .form__input,
.my-profile .mp-reset-password .form__group .form__input {
  width: 100%;
}
.my-profile .about-you .form__group .input-wrapper,
.my-profile .additional-teacher-info .form__group .input-wrapper,
.my-profile .mp-reset-password .form__group .input-wrapper {
  position: relative;
}
.my-profile .about-you .form__group .input-wrapper input,
.my-profile .additional-teacher-info .form__group .input-wrapper input,
.my-profile .mp-reset-password .form__group .input-wrapper input {
  min-height: 54px;
}
.my-profile .about-you .form__group .input-wrapper .error-icon,
.my-profile .additional-teacher-info .form__group .input-wrapper .error-icon,
.my-profile .mp-reset-password .form__group .input-wrapper .error-icon {
  display: none;
  position: absolute;
  top: 50%;
  left: 10px;
  width: 30px;
  transform: translateY(-50%);
}
.my-profile .about-you .form__group .inline-error,
.my-profile .additional-teacher-info .form__group .inline-error,
.my-profile .mp-reset-password .form__group .inline-error {
  display: none;
}
.my-profile .about-you .form__group.error,
.my-profile .additional-teacher-info .form__group.error,
.my-profile .mp-reset-password .form__group.error {
  align-items: baseline;
  margin-bottom: 0;
}
.my-profile .about-you .form__group.error .input-wrapper .error-icon,
.my-profile .additional-teacher-info .form__group.error .input-wrapper .error-icon,
.my-profile .mp-reset-password .form__group.error .input-wrapper .error-icon {
  display: block;
}
.my-profile .about-you .form__group.error input,
.my-profile .additional-teacher-info .form__group.error input,
.my-profile .mp-reset-password .form__group.error input {
  padding-left: 30px;
  border: 2px solid var(--alert-color);
  box-shadow: none;
}
.my-profile .about-you .form__group.error .inline-error,
.my-profile .additional-teacher-info .form__group.error .inline-error,
.my-profile .mp-reset-password .form__group.error .inline-error {
  display: block;
  margin: 10px 0 20px 0;
  font-style: italic;
  color: var(--alert-color);
}
@media (max-width: 1024px) {
  .my-profile {
    justify-content: flex-start;
  }
  .my-profile.teacher .main-info-wrapper {
    gap: 0;
    flex-wrap: wrap;
  }
  .my-profile.teacher .main-info-wrapper .about-you,
  .my-profile.teacher .main-info-wrapper .additional-teacher-info {
    flex-basis: 100%;
  }
  .my-profile .grouped-error {
    width: 100%;
  }
  .my-profile .about-you .form__group .form__headingLabel,
  .my-profile .about-you .form__group h4,
  .my-profile .mp-reset-password .form__group .form__headingLabel,
  .my-profile .additional-teacher-info .form__group .form__headingLabel {
    flex: 0 0 140px;
  }
  .my-profile .mp-reset-password {
    width: 100%;
  }
  .my-profile .about-you .form__group {
    flex-basis: 100%;
    flex-wrap: nowrap;
  }
  .my-profile .about-you .form__group.wrap {
    flex-wrap: wrap;
  }
  .my-profile .about-you .form__group.wrap {
    margin-top: 15px;
  }
  .my-profile .about-you .form__headingLabel {
    width: 160px;
  }
  .my-profile .about-you .form__group.wrap .form__headingLabel {
    margin-bottom: 15px;
  }
  .my-profile .about-you > div.helpCard.emailTip {
    flex-basis: 100%;
  }
  .my-profile .about-you h4 {
    width: 160px;
  }
  .my-profile .about-you > div.helpCard.emailTip {
    margin-left: 0;
  }
  .my-profile.teacher .about-you .form__headingLabel {
    margin-bottom: 15px;
  }
  .mp-reset-password .form__group {
    width: 100%;
  }
  .mp-reset-password .helpCard {
    width: 100%;
  }
  .my-profile-school .form__group {
    flex-basis: 100%;
  }
  .my-profile-school .form__group:nth-of-type(1) {
    order: 0;
  }
  .my-profile-school .form__group:nth-of-type(2) {
    order: 4;
  }
  .my-profile-school .form__group:nth-of-type(3) {
    order: 3;
  }
  .my-profile-school .form__group:nth-of-type(4) {
    order: 1;
  }
  .my-profile-school .form__group:nth-of-type(5) {
    order: 2;
  }
}
.grouped-error.helpCard--error .helpCard__content p {
  padding-bottom: 0;
}
.divider {
  display: block;
  height: 1px;
  width: 100%;
  background-color: #fff;
  margin: 20px 0 30px 0;
}
.notifications {
  background-color: var(--ui-background);
}
.notifications .badgeList:first-child {
  overflow: hidden;
  max-height: 40px;
  transition: max-height 500ms;
  margin-bottom: 0;
}
.notifications .badgeList:first-child .badge {
  margin-bottom: 10px;
}
.notifications .accordion--enabled .badgeList:first-child {
  max-height: 0;
}
.notifications .accordionList .accordion__content {
  padding-left: 0;
}
.notifications .accordionList .accordion__content a {
  color: var(--accent-color);
}
.notifications .accordionList .accordion__content ol {
  list-style: decimal inside;
}
.notifications .accordion__content table,
.notifications .accordion__content tbody,
.notifications .accordion__content td,
.notifications .accordion__content tr {
  display: block;
  max-width: 720px;
  width: auto !important;
}
.notifications .accordion__content img,
.notifications .accordion__content td.copyright {
  display: none;
}
.notifications .accordion__content h1 {
  font-size: 16px !important;
  color: var(--text-neutral) !important;
}
@media only screen and (max-width: 1023px) {
  .markbook .section__header {
    justify-content: space-between !important;
  }
}
@media only screen and (min-width: 1024px) {
  .markbook .section__header {
    flex-wrap: nowrap !important;
  }
}
@media only screen and (min-width: 1024px) {
  .markbook .section__header .inputGroup--search {
    width: 325px;
  }
}
.markbook .section__header .dropdown--group {
  width: 85%;
}
.markbook .section__header .dropdown--group button {
  display: flex;
  align-items: center;
  width: 100%;
}
.markbook .section__header .dropdown--group button .badge {
  flex-shrink: 0;
}
.markbook .section__header .dropdown--group button .selected {
  padding-left: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.markbook .section__header .dropdown--group button svg {
  overflow: initial;
}
@media screen and (max-width: 1023px) {
  .markbook .section__header .dropdown--group button > label {
    display: none;
  }
  .markbook .section__header .dropdown--group button > span {
    margin-left: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .markbook .section__header .dropdown--group {
    width: auto;
    margin-right: 40px;
    flex-shrink: 2;
    overflow: hidden;
    margin-left: 10px;
  }
}
.markbook .section__header .dropdown--assign {
  flex-shrink: 0;
}
.markbook .section__header .visible--l {
  flex-shrink: 0;
}
.markbook .section__header .filtersToggle svg {
  overflow: initial;
}
.markbook .archiveAction .message {
  padding: 0;
  margin: 0 0 -30px 0;
}
.markbook .studentAssignmentHeader {
  margin-top: 10px;
}
.markbook .content__header .navigationTabs {
  background-color: transparent;
  justify-content: flex-start;
}
.markbook .content__header .navigationTabs__item:not(:first-child) {
  margin-left: 20px;
}
.markbook .content__header .mobileContainer {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.markbook [data-mode="student"] [data-action="archive_all"],
.markbook [data-tab="archived"] [data-action="archive_all"],
.markbook [data-archive="false"] [data-action="archive_all"] {
  display: none !important;
}
@media only screen and (min-width: 1024px) {
  .markbook .assignment__header {
    display: flex;
  }
  .markbook .assignment__header .archiveAction {
    margin: 0 0 -10px auto;
  }
  .markbook .assignment__header .archiveAction button {
    margin: 0;
  }
  .markbook .assignment__secondaryContainer {
    display: flex;
    justify-content: space-between;
  }
}
.markbook .assignment__properties .desktop-text,
.markbook .assignment__counters .desktop-text {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .markbook .assignment__properties,
  .markbook .assignment__counters {
    margin-bottom: 10px;
  }
  .markbook .assignment__properties > div,
  .markbook .assignment__counters > div {
    display: inline-block;
  }
  .markbook .assignment__properties > div:not(:first-child),
  .markbook .assignment__counters > div:not(:first-child) {
    padding-left: 15px;
    border-left: 1px solid var(--text-neutral);
  }
  .markbook .assignment__properties > div:not(:last-child),
  .markbook .assignment__counters > div:not(:last-child) {
    padding-right: 15px;
  }
  .markbook .assignment__properties > div > span:first-child,
  .markbook .assignment__counters > div > span:first-child {
    padding-right: 5px;
  }
}
.markbook .assignment__properties__item .pending,
.markbook .assignment__counters__item .pending {
  font-style: italic;
}
@media only screen and (max-width: 1023px) {
  .markbook .assignment__properties__item,
  .markbook .assignment__counters__item {
    display: flex;
    margin-bottom: 10px;
  }
  .markbook .assignment__properties__item span:first-child,
  .markbook .assignment__counters__item span:first-child {
    min-width: 120px;
  }
  .markbook .assignment__properties__item .pending,
  .markbook .assignment__counters__item .pending {
    padding-left: 5px;
  }
}
@media only screen and (min-width: 1024px) {
  .markbook .assignment__properties--limited-width {
    max-width: 860px;
  }
  .markbook .assignment__properties--limited-width .assignment__assignedBy,
  .markbook .assignment__properties--limited-width .assignment__assignedTo {
    display: none;
  }
  .markbook .assignment__properties--limited-width .desktop-text {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .markbook .assignment__properties--limited-width .desktop-text span.divider {
    display: inline-block;
    margin: 0 15px;
    height: 20px;
    width: 1px;
    background-color: var(--text-neutral);
    transform: translateY(4px);
  }
}
@media only screen and (min-width: 1024px) {
  .markbook .assignment__counters__item {
    border-left-color: #e8e8ef !important;
  }
}
.markbook .assignment__counters .badge {
  border-radius: 10px;
  margin: 0;
}
.markbook .markbook-card {
  position: relative;
}
.markbook .markbook-card .card-main-btn {
  font-weight: 700;
}
.markbook .markbook-card .card-main-btn h3 {
  text-align: left;
}
.markbook .markbook-card .card-main-btn::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  cursor: pointer;
}
.markbook .markbook-card .card-main-btn:focus-visible::before {
  outline: none;
  box-shadow: inset 0 0 0 1px #000, inset 0 0 0 2px #fff;
  padding: 1px;
}
.markbook .markbook-card .card-main-btn:focus-visible {
  box-shadow: none;
  outline: none;
}
.markbook .markbook-card .card-archive-btn,
.markbook .markbook-card .buttonWithFeedback,
.markbook .markbook-card .assignment__properties,
.markbook .markbook-card .assignment__secondaryContainer {
  position: relative;
  z-index: 2;
}
.scrollableTable {
  padding-bottom: 0;
  background: white;
  position: relative;
  overflow: hidden;
}
.scrollableTable--hasStartOverflow {
  height: 100%;
}
.scrollableTable--hasStartOverflow::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -49px;
  width: 50px;
  z-index: 4;
  background: var(--ui-background);
  filter: drop-shadow(0px 10px 6px rgba(0, 0, 0, 0.25));
  background: white;
}
.scrollableTable__cellHeading,
.scrollableTable__cellHeading > button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 600;
  color: var(--text-neutral);
}
.scrollableTable__cellHeading--nonSortable,
.scrollableTable__cellHeading > button--nonSortable {
  justify-content: center;
}
.scrollableTable__cellHeading > button,
.scrollableTable__cellHeading > button > button {
  width: 100%;
}
.scrollableTable__columns {
  display: flex;
}
.scrollableTable__columns > div {
  width: 90px;
}
.scrollableTable__columns > div:not(:last-child) {
  margin-right: 12px;
}
.scrollableTable__columns > div:not(:first-child) {
  margin-left: 12px;
}
.scrollableTable .scrollableTable__cell {
  background-clip: padding-box;
}
.scrollableTable .scrollableTable__cell--confidence {
  padding: 5px 12px 0 12px;
}
.scrollableTable .scrollableTable__cell--confidence svg {
  width: 40px;
  height: 40px;
}
.scrollableTable .scrollableTable__cell--collapsible {
  padding-top: 0;
  padding-bottom: 0;
}
.scrollableTable .scrollableTable__cell--collapsible button {
  background-color: var(--ui-background);
  border: thin solid var(--ui-background);
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
.scrollableTable .scrollableTable__cell--collapsible button svg {
  width: 20px;
  height: 20px;
  transition: transform 300ms;
}
.scrollableTable .scrollableTable__cell--collapsible[data-group-status=expanded] button svg {
  transform: rotate(180deg);
}
.scrollableTable .scrollableTable__cell[data-group][data-status=collapsed] {
  display: none;
}
.scrollableTable .scrollableTable__cell--levelUp {
  min-width: 150px;
}
.scrollableTable .scrollableTable__cell--levelUp .scrollableTable__cellHeading {
  justify-content: left;
}
.scrollableTable .scrollableTable__cell--notApplicable,
.scrollableTable .scrollableTable__cell--noData {
  font-style: italic;
}
.scrollableTable__circularSortOptions {
  width: 20px;
  height: 20px;
  margin-left: 10px;
  appearance: none;
  border: none;
  cursor: pointer;
  background-image: url("../../images/icon_sort-options.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.scrollableTable__circularSort {
  width: 20px;
  height: 20px;
  margin-left: 10px;
  appearance: none;
  border: none;
  cursor: pointer;
  background-image: url("../../images/icon_sort-ascending.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.scrollableTable__circularSort--asc {
  transform: rotate(0deg);
}
.scrollableTable__circularSort--desc {
  transform: rotate(180deg);
}
.scrollableTable__pocket {
  height: 100%;
  padding: 15px 0;
}
.scrollableTable__wrapper {
  height: 100%;
  overflow: auto;
}
.scrollableTable__wrapper a {
  color: var(--accent-color);
}
.scrollableTable__captionLink {
  background: white;
  width: 100%;
  height: 180px;
  margin-right: -9px;
  position: absolute;
  top: 0;
  display: flex;
  align-items: flex-end;
}
.scrollableTable__captionLink > a,
.scrollableTable__captionLink > button,
.scrollableTable__captionLink > span {
  left: 10px;
  position: absolute;
  transform: rotate(-45deg);
  transform-origin: left;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
  -webkit-line-clamp: 2;
  width: 220px;
  -webkit-box-orient: vertical;
  z-index: 2;
}
.scrollableTable__captionLink > button {
  color: var(--accent-color);
  text-align: left;
}
.scrollableTable__captionText {
  text-decoration: underline;
}
.scrollableTable__table {
  border-collapse: separate;
  border-spacing: 0;
  empty-cells: show;
  border: none;
  background: white;
}
.scrollableTable__table thead {
  position: sticky;
  z-index: 4;
  top: 0;
  background: white;
}
.scrollableTable__table thead tr th {
  vertical-align: bottom;
  text-align: left;
  font-weight: normal;
  position: relative;
}
.scrollableTable__table--withFloatingLabels thead tr th {
  height: 220px;
}
.scrollableTable__table tr th:first-child {
  background-color: white;
  position: sticky;
  left: 0;
  z-index: 3;
  filter: drop-shadow(1px 0 0 rgba(0, 0, 0, 0.25));
  text-align: left;
  min-width: 170px;
  max-width: 500px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.scrollableTable__table tr th.scrollableTable__cell--wide {
  min-width: 260px;
  max-width: 500px;
}
.scrollableTable__table tr th a {
  display: block;
}
.scrollableTable__table--striped tbody .scrollableTable__row:nth-child(2n + 1) .scrollableTable__cell {
  background-color: #f7f8fa;
}
.scrollableTable__table--striped tbody .scrollableTable__row:nth-child(2n + 1) .scrollableTable__cell--dse-developing {
  background-color: var(--dse-developing);
}
.scrollableTable__table--striped tbody .scrollableTable__row:nth-child(2n + 1) .scrollableTable__cell--dse-secure {
  background-color: var(--dse-secure);
}
.scrollableTable__table--striped tbody .scrollableTable__row:nth-child(2n + 1) .scrollableTable__cell--dse-extending {
  background-color: var(--dse-extending);
}
.scrollableTable__table--bordered .scrollableTable__row .scrollableTable__cell:not(:first-child) {
  border-right: thin solid #b7b7b7;
}
.scrollableTable__table--bordered .scrollableTable__row .scrollableTable__cell.scrollableTable__cell--noBorder {
  border-right: none !important;
}
.scrollableTable__table--bordered .scrollableTable__row .scrollableTable__cell.scrollableTable__cell--dashedBorder {
  border-right: thin dashed #b7b7b7;
}
.scrollableTable--hasStartOverflow tr th:first-child {
  filter: none;
}
.scrollableTable--hasStartOverflow tr th:first-child:after {
  position: absolute;
  content: " ";
  right: -10px;
  top: 0;
  z-index: 3;
  width: 10px;
  height: 100%;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
}
.scrollableTable--hasStartOverflow thead tr:first-child th:first-child:after {
  position: absolute;
  content: " ";
  right: -10px;
  top: 0;
  z-index: 3;
  width: 10px;
  height: 100%;
  background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0) 10%), linear-gradient(90deg, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
}
.scrollableTable__cell {
  padding: 11px 12px;
  min-width: 100px;
  font-weight: normal;
  position: relative;
}
.scrollableTable__cell--mini {
  min-width: 80px;
}
.scrollableTable__cell--alignCenter {
  text-align: center;
}
.scrollableTable__cell--alignRight {
  text-align: right;
}
.scrollableTable__cell--dseDisplay {
  text-align: left;
  padding-left: 30px;
}
.scrollableTable__cell--dseDisplay .dseBlock {
  position: absolute;
  width: 20px;
  top: 0;
  left: 0;
  bottom: 0;
  mix-blend-mode: multiply;
  background-color: transparent;
}
.scrollableTable__cell--dseDisplay .dseBlock--extending {
  background-color: var(--dse-extending);
}
.scrollableTable__cell--dseDisplay .dseBlock--secure {
  background-color: var(--dse-secure);
}
.scrollableTable__cell--dseDisplay .dseBlock--developing {
  background-color: var(--dse-developing);
}
.scrollableTable__cell.student-cell button {
  color: var(--accent-color);
  text-decoration: underline;
}
.scrollableTable__cell-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  mix-blend-mode: multiply;
}
.scrollableTable__cell-overlay--dse-developing {
  background-color: var(--dse-developing);
}
.scrollableTable__cell-overlay--dse-secure {
  background-color: var(--dse-secure);
}
.scrollableTable__cell-overlay--dse-extending {
  background-color: var(--dse-extending);
}
.scrollableTable__row--dark .scrollableTable__cell {
  background-color: var(--ui-background) !important;
}
.scrollableTable__row--dark .scrollableTable__cell a {
  color: var(--text-neutral);
}
.scrollableTable__pagination {
  display: flex;
  min-height: 50px;
  padding: 0 12px;
  align-items: center;
  justify-content: space-between;
  background-color: var(--ui-background);
}
.scrollableTable__pagination .pagination li {
  margin: 0 15px 0 0;
}
.scrollableTable__pagination .pagination li:last-child {
  margin-right: 0;
}
.teacherReports {
  /* TODO: Fix unless the TableBuilder supports ".scrollableTable__cell--wide" className */
}
.teacherReports .date-range-text {
  display: flex;
}
@media screen and (max-width: 500px) {
  .teacherReports .date-range-text {
    display: none;
  }
}
.teacherReports .sidepanel:not([data-current="main"]) .sidepanel__page [data-action="close"] {
  display: inline-flex;
}
.teacherReports .section__header {
  z-index: 5;
  justify-content: space-between !important;
}
.teacherReports .section__header > div:first-child {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .teacherReports .section__header > div:first-child {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 10px;
    padding: 10px;
    padding-bottom: 0;
    max-width: calc(100% - 150px);
  }
}
.teacherReports .section__header > div:first-child .navigationTabs li:not(:first-child) {
  margin-left: 15px;
}
.teacherReports .section__header > div:first-child .dropdown {
  margin-left: 45px;
  margin-bottom: 5px;
}
@media screen and (max-width: 1024px) {
  .teacherReports .section__header > div:first-child .dropdown {
    margin: 0;
  }
}
.teacherReports .section__header > div:first-child .dropdown--filter button {
  display: flex;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 1023px) {
  .teacherReports .section__header > div:first-child .dropdown--filter button > label {
    display: none;
  }
  .teacherReports .section__header > div:first-child .dropdown--filter button > span {
    margin-left: 0;
    margin-right: 10px;
  }
}
.teacherReports .section__header > div:first-child .dropdown--filter .selected {
  max-width: 50vw;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .teacherReports .section__header > div:first-child .dropdown--filter .selected {
    max-width: calc(100vw - 250px);
    margin-right: 0;
  }
}
.teacherReports .section__header > div {
  align-self: flex-start;
  margin-top: 10px;
}
.teacherReports .section__header > div > button {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1023px) {
  .teacherReports .section__header > div > button {
    margin: 0 !important;
  }
}
.teacherReports .section__header .dropdown .selected {
  margin-left: 10px;
}
.teacherReports .section__header__filters {
  margin-left: 0 !important;
}
.teacherReports .section__header + div {
  flex: 1;
  overflow: auto;
  background-color: white;
  display: flex;
  flex-direction: column;
}
.teacherReports .sidepanel__body .section__body {
  padding-left: 0;
  padding-right: 0;
}
.teacherReports .knowledgeReport__table--wide-header .scrollableTable__table tr th:first-child {
  max-width: 500px;
  min-width: 260px;
}
.teacherReports .knowledgeReport__info {
  padding: 20px 0 20px 2rem;
}
@media only screen and (min-width: 1024px) {
  .teacherReports .knowledgeReport__info {
    background: var(--ui-background);
  }
}
.teacherReports .knowledgeReport__breadcrumbs,
.teacherReports .skillsReport__breadcrumbs {
  display: flex;
  align-items: center;
  gap: 5px;
}
.teacherReports .knowledgeReport__breadcrumbs a,
.teacherReports .skillsReport__breadcrumbs a {
  color: var(--accent-color);
}
.teacherReports .knowledgeReport__breadcrumbs a:not(:last-child) span,
.teacherReports .skillsReport__breadcrumbs a:not(:last-child) span {
  max-width: 100px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.teacherReports .knowledgeReport__breadcrumbs .breadcrumbs__current-location,
.teacherReports .skillsReport__breadcrumbs .breadcrumbs__current-location {
  font-weight: 600;
}
.teacherReports .section__body {
  padding: 0 1rem;
}
.teacherReports .section__body.teacherReports--selfStudy > div:not(.teacherReports__actionPanel__studentReport):first-child tr.scrollableTable__row > td:nth-of-type(1) {
  position: relative;
}
.teacherReports .section__body.teacherReports--selfStudy > div:not(.teacherReports__actionPanel__studentReport):first-child tr.scrollableTable__row > td:nth-of-type(1):after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  mix-blend-mode: darken;
  background-color: #eceef266;
  filter: brightness(95%);
}
@media only screen and (min-width: 768px) {
  .teacherReports .section__body {
    padding: 0 2rem;
  }
}
.teacherReports .section__body .infoCard {
  margin-top: 30px;
}
.teacherReports .section__body .scrollableTable__pocket .keyMap__wrapper {
  margin-top: 10px;
  margin-bottom: 10px;
}
.teacherReports .knowledgeReport__stats {
  background: white;
  padding: 0 2rem;
}
@media only screen and (min-width: 1024px) {
  .teacherReports .knowledgeReport__stats {
    background: var(--ui-background);
    margin-bottom: 40px;
  }
}
.teacherReports .knowledgeReport__misconceptions {
  background: var(--ui-background);
  margin-bottom: 40px;
  padding-top: 10px;
}
.teacherReports .knowledgeReport__misconceptions .list > div:first-child {
  margin-top: 10px;
}
@media only screen and (min-width: 1024px) {
  .teacherReports .knowledgeReport__misconceptions {
    background: white;
  }
}
.teacherReports .knowledgeReport__misconceptions > .content {
  max-width: unset;
  padding: 0 2em;
}
.teacherReports .knowledgeReport__misconceptions > .content .content__header {
  flex-direction: row;
}
.teacherReports .knowledgeReport__misconceptions > .content .content__header .queryTitle {
  display: inline-block;
}
.teacherReports .knowledgeReport__misconceptions--empty {
  display: none;
}
.teacherReports .chart {
  flex: 1;
  width: 100%;
  --pb-width: 124;
  --developing-width: calc(calc(calc(var(--width-developing) * calc(var(--pb-width) - 6)) / 100) * 1px);
  --secure-width: calc(calc(calc(var(--width-secure) * calc(var(--pb-width) - 6)) / 100) * 1px);
  --extending-width: calc(calc(calc(var(--width-extending) * calc(var(--pb-width) - 6)) / 100) * 1px);
  --extending-offset: calc(calc(calc(var(--width-extending-offset) * calc(var(--pb-width) - 6)) / 100) * 1px);
}
@media only screen and (min-width: 1024px) {
  .teacherReports .chart {
    --pb-width: 244;
    max-width: 340px;
  }
}
.teacherReports .chart .chart__legendContainer {
  display: flex;
  flex-direction: row;
  position: absolute;
  transition: left 300ms ease-in-out;
  bottom: 0;
}
.teacherReports .chart .chart__progressSegment {
  min-width: 1px;
  flex-shrink: 0;
}
.teacherReports .chart .chart__progressSegment--developing {
  width: var(--developing-width);
  background: var(--dse-developingBar);
}
.teacherReports .chart .chart__progressSegment--secure {
  width: var(--secure-width);
  background: var(--dse-secureBar);
}
.teacherReports .chart .chart__progressSegment--extending {
  width: var(--extending-width);
  background: var(--dse-extendingBar);
}
.teacherReports .chart .chart__legendContainer--secure {
  left: calc(var(--developing-width) - -2px);
}
.teacherReports .chart .chart__legendContainer--extending {
  left: calc(var(--extending-offset) - -4px);
}
.teacherReports .chart .chart__legend {
  display: flex;
  flex-direction: row;
  align-items: end;
  position: relative;
  height: 110px;
}
@media only screen and (min-width: 1024px) {
  .teacherReports .chart .chart__legend {
    width: 340px;
  }
}
.teacherReports .chart .chart__progressBar {
  display: flex;
  flex-direction: row;
  height: 20px;
  --progressBar-width: min(calc(var(--pb-width) * 1px)), calc(var(--developing-width) + var(--secure-width) + var(--extending-width) + 4px);
  width: var(--progressBar-width);
  margin-top: 5px;
  transition: width 300ms ease-in-out;
}
.teacherReports .chart .chart__progressBar * + * {
  margin-left: 2px;
}
.teacherReports .chart .chart__legendItem {
  display: flex;
  flex-direction: row;
  position: relative;
}
.teacherReports .chart .chart__lineContainerDiagonal {
  margin-top: 10px;
  overflow: hidden;
  position: relative;
}
.teacherReports .chart .chart__legendItem--developing .chart__lineContainerDiagonal {
  width: 90px;
  height: 90px;
}
.teacherReports .chart .chart__legendItem--secure .chart__lineContainerDiagonal {
  width: 50px;
  height: 50px;
}
.teacherReports .chart .chart__legendItem--extending .chart__lineContainerDiagonal {
  width: 10px;
  height: 10px;
}
.teacherReports .chart .chart__line {
  position: absolute;
  bottom: 0;
  width: 200%;
  height: 1px;
  background: var(--text-neutral);
  display: block;
  transform: rotate(-45deg);
  transform-origin: 0 50%;
}
.teacherReports .chart .chart__lineContainer {
  display: flex;
  flex-direction: column;
}
.teacherReports .chart .chart__dataContainer {
  display: flex;
  margin-left: 10px;
  margin-bottom: auto;
  align-items: center;
}
.teacherReports .chart .chart__valueIcon {
  width: 20px;
  height: 20px;
}
.teacherReports .chart .chart__lineContainerVertical {
  border-left: 1px solid var(--text-neutral);
  margin-top: -1px;
  height: 11px;
}
.teacherReports .DESReport {
  display: flex;
  margin: 0 auto;
  padding: 2.5rem 0;
  justify-content: space-evenly;
  flex-direction: column;
  align-items: flex-start;
  border-top: 1px solid var(--ui-background);
}
@media only screen and (min-width: 1024px) {
  .teacherReports .DESReport {
    border-top: none;
    flex-direction: row;
  }
}
.teacherReports .DESReport .chartWrapper {
  margin-left: 0;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 1024px) {
  .teacherReports .DESReport .chartWrapper {
    margin-left: 1.875rem;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .teacherReports .DESReport .chartWrapper .helpCard {
    transform: translate(0px, -30px);
  }
}
@media only screen and (min-width: 1024px) {
  .teacherReports .DESReport__questionsLabelContainer {
    margin-right: 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .teacherReports .DESReport__questionsLabelColon {
    display: none;
  }
}
.teacherReports .DESReport__widget {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  background: white;
  border-radius: 30px;
  align-items: center;
  padding: 0 0 0 0.625rem;
  gap: 10px;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 1024px) {
  .teacherReports .DESReport__widget {
    padding-left: 30px;
    padding-right: 30px;
    height: 60px;
    min-width: 100px;
  }
}
.teacherReports .DESReport__widgetIcon {
  display: none;
  background: url("/images/icon_questions.svg");
}
@media only screen and (min-width: 1024px) {
  .teacherReports .DESReport__widgetIcon {
    display: flex;
    width: 40px;
    height: 40px;
  }
}
.teacherReports .DESReport__heading {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.teacherReports .DESReport__heading-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media only screen and (min-width: 1024px) {
  .teacherReports .DESReport__heading-wrapper {
    flex-direction: row;
  }
}
.teacherReports .DESReport__questionsContainer {
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
  margin-top: 0;
}
@media only screen and (min-width: 1024px) {
  .teacherReports .DESReport__questionsContainer {
    margin-left: 30px;
    margin-top: -21px;
  }
}
.teacherReports .chart__dataContainer .chart__percentage {
  white-space: nowrap;
  text-align: left;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: var(--text-neutral);
  margin-right: 4px;
}
.teacherReports .chart__dataContainer .chart__percentageMark {
  font-weight: 700;
}
.teacherReports .chart__valueContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.teacherReports .chart__valueContainer--active button {
  color: var(--accent-color);
  display: flex;
  text-decoration: underline;
}
.teacherReports .chart__valueContainer--active svg {
  color: var(--accent-color);
}
.teacherReports__fileUploads ul li a {
  display: flex;
  align-items: center;
}
.teacherReports__fileUploads ul li svg {
  width: 2.5em;
  margin-right: 10px;
}
.teacherReports .marksToggle {
  display: inline-flex;
  align-items: center;
  height: 30px;
  margin: 0;
  text-decoration: underline;
  cursor: pointer;
}
.teacherReports .marksToggle__wrapper {
  display: flex;
  align-items: center;
}
.teacherReports .marksToggle button {
  padding-top: 2px;
}
.teacherReports .marksToggle button:focus .marksToggle__icon {
  background-color: var(--accent-color-darker);
}
.teacherReports .marksToggle button.enabled .marksToggle__icon::after {
  left: 25px;
}
.teacherReports .marksToggle:hover .marksToggle__icon {
  background-color: var(--accent-color-darker);
}
.teacherReports .marksToggle__icon {
  display: inline-block;
  width: 50px;
  height: 30px;
  margin: 0 10px;
  position: relative;
  border-radius: 15px;
  background-color: var(--accent-color);
  transition: background-color 300ms;
}
.teacherReports .marksToggle__icon::after {
  content: '';
  height: 20px;
  width: 20px;
  position: absolute;
  top: 5px;
  left: 5px;
  background-color: #fff;
  border-radius: 50%;
  transition: left 500ms;
}
.teacherReports__actionPanel__studentReport {
  padding: 12px 0;
  display: grid;
  grid-template-columns: min-content 1fr;
  gap: 30px;
}
.teacherReports .mark__percentage {
  display: none !important;
}
.teacherReports[data-mode="percentage"] .mark__plain {
  display: none !important;
}
.teacherReports[data-mode="percentage"] .mark__percentage {
  display: inline !important;
}
.teacherReports .reportTable__keyMap-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-weight: bold;
}
.teacherReports .reportTable__keyMap-button .img__wrapper {
  margin-right: 10px;
}
.teacherReports__studentAssignmentPanel .assignmentPanelWrapper:first-child {
  padding-bottom: 24px;
  margin-bottom: 24px;
}
.teacherReports__studentAssignmentPanel .assignmentPanelWrapper:last-child {
  border-bottom: none;
}
.teacherReports .sidepanel__body .section__body .scrollableTable table > thead tr:first-child th:not(:first-child) {
  font-weight: bold;
}
.teacherReports .sidepanel__body .section__body .scrollableTable table > thead tr:first-child:not(:only-child) th:first-child {
  padding-bottom: 0;
  border-right: thin solid #b7b7b7;
}
.teacherReports .sidepanel__body .section__body .scrollableTable table > thead tr:first-child:not(:only-child) th:nth-child(3) {
  padding-bottom: 3px;
}
.teacherReports .sidepanel__body .section__body .scrollableTable table:not(.scrollableTable--hasStartOverflow) > tr th:first-child {
  border-right: thin solid #b7b7b7;
  filter: none;
}
.teacherReports .scrollableTable__wrapper .scrollableTable__loadMore__button {
  position: sticky;
  display: none;
  flex-shrink: 0;
  margin: 0 20px;
}
.teacherReports .scrollableTable__wrapper .report-open-question-btn {
  color: var(--accent-color);
  text-decoration: underline;
}
.teacherReports .scrollableTable__wrapper.scrollableTable__loadMore--enabled {
  display: flex;
  align-items: flex-start;
}
.teacherReports .scrollableTable__wrapper.scrollableTable__loadMore--enabled .scrollableTable__loadMore__button {
  display: block;
}
.teacherReports .scrollableTable__cell {
  overflow: visible !important;
}
.teacherReports .scrollableTable__cell > a > span,
.teacherReports .scrollableTable__cell > [data-tooltip] > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.teacherReports .scrollableTable__cell > a.tooltip,
.teacherReports .scrollableTable__cell > [data-tooltip].tooltip {
  display: inline;
  position: relative;
}
.teacherReports .scrollableTable__cell > a.tooltip::before,
.teacherReports .scrollableTable__cell > [data-tooltip].tooltip::before,
.teacherReports .scrollableTable__cell > a.tooltip::after,
.teacherReports .scrollableTable__cell > [data-tooltip].tooltip::after {
  transition: all 60ms linear;
  filter: drop-shadow(0 3px 7px rgba(87, 87, 87, 0.8));
}
.teacherReports .scrollableTable__cell > a.tooltip::after,
.teacherReports .scrollableTable__cell > [data-tooltip].tooltip::after {
  opacity: 0;
  transition: all 300ms;
  display: flex;
  justify-content: center;
  background: #575757;
  border-radius: 5px;
  color: #fff;
  content: attr(data-tooltip);
  font-size: 16px;
  padding: 10px;
  width: fit-content;
  margin: -65px auto 0;
  position: absolute;
  z-index: 111;
  bottom: 25px;
  pointer-events: none;
}
.teacherReports .scrollableTable__cell > a.tooltip::before,
.teacherReports .scrollableTable__cell > [data-tooltip].tooltip::before {
  opacity: 0;
  transition: all 300ms;
  border: solid;
  border-color: #575757 transparent;
  border-width: 8px 8px 0px 8px;
  content: "";
  left: 20px;
  bottom: 19px;
  position: absolute;
  pointer-events: none;
}
.teacherReports .scrollableTable__cell > a.tooltip:hover::after,
.teacherReports .scrollableTable__cell > [data-tooltip].tooltip:hover::after,
.teacherReports .scrollableTable__cell > a.tooltip:hover::before,
.teacherReports .scrollableTable__cell > [data-tooltip].tooltip:hover::before {
  opacity: 1;
}
.teacherReports__studentList__count,
.teacherReports__misconception-student-list__count {
  margin-bottom: 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.teacherReports__studentList__count svg,
.teacherReports__misconception-student-list__count svg {
  fill: var(--accent-color);
  width: 20px;
}
.teacherReports__studentList .dropdown,
.teacherReports__misconception-student-list .dropdown {
  display: inline-block;
}
.teacherReports__studentList .dropdown .selected,
.teacherReports__misconception-student-list .dropdown .selected {
  font-weight: bold;
}
.teacherReports__studentList .dropdown ul li,
.teacherReports__misconception-student-list .dropdown ul li {
  min-width: 200px;
}
.teacherReports__studentList__list,
.teacherReports__misconception-student-list__list {
  border-top: 1px solid #f6f6f8;
  margin-top: 15px;
  padding-top: 15px;
}
.teacherReports__studentList__list li,
.teacherReports__misconception-student-list__list li {
  margin-bottom: 15px;
}
.teacherReports__misconception-student-list-result-wrapper {
  display: flex;
  margin-top: 10px;
}
.teacherReports__misconception-student-list-item-labels,
.teacherReports__misconception-student-list-item-values {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.teacherReports__misconception-student-list-item-values {
  margin-left: 50px;
}
.teacherReports__misconception-student-list__list li {
  border-bottom: 1px solid #f6f6f8;
  padding-bottom: 15px;
}
.teacherReports__misconception-student-list .dropdown__menu {
  width: 250px;
  transform: translateX(60px);
}
.teacherReports__misconception-student-list .dropdown__menu::before,
.teacherReports__misconception-student-list .dropdown__menu::after {
  right: 110px;
}
.teacherReports .sidepanel__teacherReports__assignment [data-page="students"] {
  left: 100%;
}
.teacherReports .sidepanel__teacherReports__assignment[data-current="main"] [data-page="main"] {
  left: 0;
}
.teacherReports .sidepanel__teacherReports__assignment[data-current="main"] [data-page="students"] {
  visibility: hidden;
}
.teacherReports .sidepanel__teacherReports__assignment[data-current="students"] [data-page="students"] {
  left: 0;
}
.teacherReports .sidepanel__teacherReports__assignment[data-current="students"] [data-page="main"] {
  left: -100%;
  visibility: hidden;
}
.teacherReports .sidepanel__teacherReports__assignment [data-field="mark"][data-group-status="expanded"] {
  border-right-style: dashed;
}
.teacherReports .misconception {
  display: flex;
  margin: 1px 0 1px 0;
  padding: 15px 0 15px 0;
  background-color: rgba(236, 238, 242, 0.4);
}
.teacherReports .misconception:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.teacherReports .misconception:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.teacherReports .misconception--student {
  display: block;
}
.teacherReports .misconception__row {
  display: grid;
  grid-template-columns: 140px 1fr;
  grid-gap: 10px;
  align-items: baseline;
  padding-left: 10px;
}
.teacherReports .misconception__link {
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
  margin-left: 10px;
  width: 80px;
  color: var(--accent-color);
  text-decoration: underline;
}
.teacherReports .misconception__link svg {
  width: 20px;
}
.teacherReports .misconception__student-count {
  margin-left: 3px;
}
.teacherReports .misconception__description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  max-width: 680px;
  max-height: 40px;
  overflow: hidden;
  transition: max-height 0.5s ease;
}
.teacherReports .misconception__description:not(.expanded) {
  -webkit-line-clamp: 2;
}
.teacherReports .misconception__text-toggle {
  display: none;
  flex-shrink: 0;
  color: var(--accent-color);
  text-decoration: underline;
  margin-left: -5px;
}
.teacherReports .misconception__text-wrapper {
  display: flex;
  flex-direction: column;
  align-items: baseline;
}
@media only screen and (max-width: 1023px) {
  .teacherReports .misconception {
    flex-direction: column;
    padding: 0 5px 0 5px;
    background-color: white;
  }
  .teacherReports .misconception__link {
    margin: 10px 0 20px 5px;
  }
  .teacherReports .misconception__text-wrapper {
    padding: 0 5px;
    margin-bottom: 10px;
  }
  .teacherReports .misconception__description {
    max-height: 80px;
  }
  .teacherReports .misconception__description:not(.expanded) {
    -webkit-line-clamp: 4;
  }
}
.teacherReports .misconception.forceMobile {
  flex-direction: column;
  padding: 0 5px 0 5px;
  background-color: white;
}
.teacherReports .misconception.forceMobile .misconception__link {
  margin: 10px 0 20px 5px;
}
.teacherReports .misconception.forceMobile .misconception__text-wrapper {
  padding: 0 5px;
  margin-bottom: 10px;
}
.teacherReports .misconception.forceMobile .misconception__description {
  max-height: 80px;
}
.teacherReports .misconception.forceMobile .misconception__description:not(.expanded) {
  -webkit-line-clamp: 4;
}
.teacherReports__skills-student-sidepanel table {
  width: 900px;
}
.teacherReports__skills-student-sidepanel .student-name {
  font-weight: 600;
}
.teacherReports__skills-student-sidepanel .mobile-row-data {
  display: flex;
  margin: 12px 0;
}
.teacherReports__skills-student-sidepanel .mobile-row-data p {
  width: 155px;
}
.teacherReports__skills-student-sidepanel .no-rows {
  margin-top: 14px;
  font-style: italic;
}
.teacherReports__skills-student-sidepanel ul.dropdown__menu {
  transform: translateX(-30px);
  right: unset;
  left: 40px;
}
.teacherReports__skills-student-sidepanel ul.dropdown__menu::before,
.teacherReports__skills-student-sidepanel ul.dropdown__menu::after {
  right: 134px;
}
.teacherReports__skills-student-sidepanel ul.dropdown__menu li {
  min-width: 290px;
}
.teacherReports__skills-student-sidepanel li.student-row {
  padding: 16px 0;
  border: 1px solid var(--ui-background);
  border-left: none;
  border-right: none;
}
.teacherReports__skills-student-sidepanel li.student-row:last-child {
  border-bottom: none;
}
.teacherReports__skills-student-sidepanel .teacherReports__student-counter {
  display: flex;
  margin-bottom: 14px;
}
.teacherReports__skills-student-sidepanel .teacherReports__student-counter div {
  width: 20px;
}
.teacherReports__skills-student-sidepanel .teacherReports__student-counter div svg {
  fill: var(--text-neutral);
}
.teacherReports__skills-student-sidepanel .teacherReports__skills_student_sorter {
  margin-bottom: 16px;
}
.teacherReports__skills-student-sidepanel .dropdown .selected {
  font-weight: 600;
  margin-left: 5px;
}
.labeledPanel {
  display: grid;
  gap: 20px;
  overflow: hidden;
  transition: max-height margin 300ms;
  margin-bottom: 1rem;
}
.labeledPanel--collapsible {
  height: auto;
  max-height: 1500px;
  margin-top: 0.625rem;
  margin-bottom: 0;
  visibility: visible;
}
.labeledPanel--collapsible.labeledPanel--collapsed {
  max-height: 0;
  margin-top: 0;
  visibility: hidden;
}
.labeledPanel__item {
  display: grid;
  grid-template-columns: 150px auto;
}
.labeledPanel__item a,
.labeledPanel__item button {
  color: var(--accent-color);
}
.labeledPanel__item button {
  text-align: left;
  text-decoration: underline;
}
.labeledPanel__item label,
.labeledPanel__item span,
.labeledPanel__item a {
  display: block;
  margin: 0;
}
.labeledPanel__item em {
  margin-right: 10px;
}
.labeledPanel__item .badge {
  display: inline-flex;
}
.labeledPanel__item [data-action="open:test:review"] {
  display: inline;
}
.labeledPanel__item > div {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.labeledPanel__item > .collapseButtons {
  flex-direction: row;
}
.labeledPanel__item > .collapseButtons > a {
  margin-left: 30px;
}
.labeledPanel__item > p {
  display: flex;
  gap: 12px;
  margin-bottom: 20px;
}
.labeledPanel__item > p > a {
  min-width: 30px;
}
.labeledPanel__markedText {
  border-radius: 5px;
}
.gappedContainer {
  display: grid;
  gap: 24px;
}
.gappedContainer--inline {
  display: inline-grid;
}
.gappedContainer--mb {
  margin-bottom: 24px;
}
.assignmentPanelWrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
}
@media screen and (min-width: 1024px) {
  .assignmentPanelWrapper {
    margin-bottom: 1.875rem;
    padding-bottom: 1.25rem;
    flex-direction: row;
    border-bottom: 1px solid #f6f6f8;
  }
}
.assignmentPanelWrapper [data-action="show:less"] {
  margin-left: 0;
}
.assignmentPanelWrapper .assignmentLabelPanelWrapper {
  max-width: 340px;
  grid-gap: 0;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .assignmentPanelWrapper .assignmentLabelPanelWrapper .exportButton__mobile {
    display: none;
  }
}
.assignmentPanelWrapper .dseSummary__mobileDivider {
  border-top: 1px solid #f6f6f8;
  width: 100%;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
@media screen and (min-width: 1024px) {
  .assignmentPanelWrapper .dseSummary__mobileDivider {
    display: none;
  }
}
.assignmentPanelWrapper .dseSummaryWrapper {
  display: flex;
  flex-direction: column-reverse;
}
.assignmentPanelWrapper .dseSummaryWrapper .averageMark__heading,
.assignmentPanelWrapper .dseSummaryWrapper .summary__heading {
  padding-bottom: 1.25rem;
}
@media screen and (min-width: 1024px) {
  .assignmentPanelWrapper .dseSummaryWrapper .averageMark__heading,
  .assignmentPanelWrapper .dseSummaryWrapper .summary__heading {
    font-weight: 600;
    flex-direction: row;
  }
}
@media screen and (min-width: 1024px) {
  .assignmentPanelWrapper .dseSummaryWrapper {
    flex-direction: row;
  }
}
.assignmentPanelWrapper .dseSummaryWrapper .summaryContainer {
  margin-left: 0;
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 1024px) {
  .assignmentPanelWrapper .dseSummaryWrapper .summaryContainer {
    margin-left: 2.5rem;
    margin-bottom: 0;
  }
}
.assignmentPanelWrapper .dseSummaryWrapper .averageMarkContainer {
  display: flex;
  flex-direction: row;
}
@media screen and (min-width: 1024px) {
  .assignmentPanelWrapper .dseSummaryWrapper .averageMarkContainer {
    display: block;
  }
}
@media screen and (min-width: 1024px) {
  .assignmentPanelWrapper .dseSummaryWrapper .averageMarkContainer .averageMark__labelColon {
    display: none;
  }
}
.assignmentPanelWrapper .dseSummaryWrapper .averageMarkContainer .averageMark__widgetWrapper {
  height: 100%;
}
.assignmentPanelWrapper .dseSummaryWrapper .averageMarkContainer .averageMark__widgetWrapper .average__percentsLabel {
  padding-left: 0;
  margin-left: 0.125rem;
}
@media screen and (min-width: 1024px) {
  .assignmentPanelWrapper .dseSummaryWrapper .averageMarkContainer .averageMark__widgetWrapper .average__percentsLabel {
    display: none;
  }
}
.assignmentPanelWrapper .dseSummaryWrapper .DESReport__widget {
  min-width: 3ch;
  background-color: transparent;
  height: 100%;
  padding-left: 10px;
  gap: 0px;
}
@media screen and (min-width: 1024px) {
  .assignmentPanelWrapper .dseSummaryWrapper .DESReport__widget {
    padding-left: 30px;
    height: 60px;
    box-shadow: 0 0 0 1px var(--accent-color-lighter);
  }
}
.assignmentPanelWrapper .dseSummaryWrapper .chart div:not(.chart__legend) + .chart__progressBar {
  display: none;
}
.assignmentPanelWrapper .taskPanelWrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: 1px solid #f6f6f8;
  margin-bottom: 24px;
}
.assignmentPanelWrapper .taskPanelWrapper [data-action="show:less"] {
  margin-left: 0;
}
.assignmentPanelWrapper .points-badge {
  background: white;
  border: 2px solid #d0e2ec;
  border-radius: 30px;
  display: inline-flex;
  align-items: center;
  padding: 8px 20px;
  gap: 10px;
}
.assignmentPanelWrapper .points-badge__icon {
  width: 40px;
  height: 40px;
  vertical-align: middle;
}
.assignmentPanelWrapper .points-badge__display {
  color: var(--text-neutral);
  font-size: 21px;
}
.tippy-box[data-theme~="material"] {
  font-weight: 400 !important;
  font-size: 16px;
}
@media only screen and (min-width: 1024px) {
  .skillsReport__wrapper {
    background-color: var(--ui-background);
  }
}
.skillsReport__breadcrumbs {
  flex-wrap: wrap;
  border-bottom: 1px solid var(--ui-background);
  padding: 20px 0;
}
@media only screen and (min-width: 1024px) {
  .skillsReport__breadcrumbs {
    margin: 20px 0 40px 0;
    padding: 0;
    border: none;
    flex-wrap: nowrap;
  }
}
.skillsReport__statistics {
  padding: 0 10px;
}
@media only screen and (min-width: 1024px) {
  .skillsReport__statistics {
    padding: 0 2rem;
  }
}
.skillsReport__stats {
  padding: 20px 0;
}
@media only screen and (min-width: 1024px) {
  .skillsReport__stats {
    padding-top: 0;
    padding-bottom: 40px;
  }
}
.skillsReport__body {
  width: 100%;
  padding: 20px 10px;
  background-color: var(--ui-background);
  max-width: 1060px;
}
@media only screen and (min-width: 1024px) {
  .skillsReport__body {
    padding: 0;
    background-color: #fff;
  }
}
.skillsReport__body table {
  width: 100%;
  margin-top: 25px;
}
.skillsReport__body .mobile-label {
  font-weight: 600;
}
.skillsReport__body .mobile-row {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 20px 10px;
  margin: 1px 0;
  background-color: #fff;
}
.skillsReport__body .mobile-row .link {
  font-weight: 600;
}
.skillsReport__body .mobile-row .no-rows {
  font-style: italic;
}
.skillsReport__body .mobile-row .mobile-row-data {
  display: flex;
}
.skillsReport__body .mobile-row .mobile-row-data p {
  width: 155px;
}
.skillsReport__body ul li:first-child div {
  border-radius: 5px 5px 0 0;
}
.skillsReport__body ul li:last-child div {
  border-radius: 0 0 5px 5px;
}
.skillsReport__body ul {
  margin-top: 20px;
}
.skillsReport .reportWidget {
  display: flex;
  align-items: center;
  width: 100%;
}
.skillsReport .reportWidget > div {
  width: 100px;
}
@media only screen and (min-width: 1024px) {
  .skillsReport .reportWidget > div {
    width: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .skillsReport .reportWidget {
    width: auto;
    gap: 20px;
    flex-direction: column;
  }
}
.skillsReport .reportWidget__wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0 auto;
  max-width: 1244px;
}
@media only screen and (min-width: 1024px) {
  .skillsReport .reportWidget__wrapper {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
.skillsReport .reportWidget .lozenge {
  padding-left: 0;
  height: 54px;
}
@media only screen and (min-width: 1024px) {
  .skillsReport .reportWidget .lozenge {
    height: 60px;
    padding-left: 30px;
  }
}
.skillsReport .reportWidget .lozenge__text {
  font-weight: 600;
  font-size: 16px;
}
@media only screen and (min-width: 1024px) {
  .skillsReport .reportWidget .lozenge__text {
    font-weight: normal;
    font-size: 21px;
  }
}
.skillsReport .reportWidget .lozenge__icon {
  margin-top: 3px;
}
.skillsReport .reportWidget__toggle-student-overlay {
  display: flex;
  gap: 10px;
  margin-top: 12px;
}
@media only screen and (min-width: 1024px) {
  .skillsReport .reportWidget__toggle-student-overlay {
    margin-top: 0;
  }
}
.skillsReport .reportWidget__toggle-student-overlay button {
  text-decoration: underline;
}
.skillsReport .reportWidget__student-icon {
  margin-top: 4px;
  width: 20px;
}
.skillsReport .reportWidget__student-icon svg {
  fill: var(--accent-color);
}
html.mobile .skillsReport__body {
  margin-bottom: 98px;
}
@media only screen and (min-width: 1024px) {
  html.mobile .skillsReport__body {
    margin-bottom: 0;
  }
}
.studentReports .section__body {
  padding: 0 !important;
}
.studentReports__tasksReport {
  padding: 0 30px 70px 30px;
}
@media only screen and (min-width: 1024px) {
  .studentReports__tasksReport {
    padding-bottom: 10px;
  }
}
.studentReports .section__stats {
  padding: 40px 2rem;
  margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
  .studentReports .section__stats {
    margin-top: 20px;
    padding: 0;
  }
}
.studentReports .section__stats .reportStatsGrid {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  row-gap: 50px;
  max-width: 1244px;
  margin: auto;
}
@media screen and (max-width: 1024px) {
  .studentReports .section__stats .reportStatsGrid {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.studentReports .section__stats .reportStatsGrid__item {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.studentReports .section__stats .report-stat-item {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .studentReports .section__stats .report-stat-item {
    background-color: white;
    flex-direction: row;
    flex: 1;
    gap: 0;
  }
  .studentReports .section__stats .report-stat-item .lozenge {
    height: 48px;
    padding: 0 15px;
  }
  .studentReports .section__stats .report-stat-item .lozenge__text {
    font-size: 16px;
    font-weight: bold;
    min-width: 20px;
  }
}
.studentReports .section__stats .report-stat-item__heading {
  font-size: 16px;
  text-align: center;
  max-width: 200px;
  font-weight: normal;
}
@media screen and (max-width: 1024px) {
  .studentReports .section__stats .report-stat-item__heading {
    max-width: unset;
    text-align: left;
  }
}
.studentReports .section__header + div {
  flex: 1;
  overflow: auto;
  padding: 0 30px;
  background-color: white;
}
.studentReports .section__header .navigationTabs li:not(:first-child) {
  margin-left: 15px;
}
.studentReports .knowledgeReport {
  padding: 0 !important;
}
.studentReports .knowledgeReport__report > div > div:first-child .mobile-row {
  border-radius: 5px 5px 0 0;
}
.studentReports .knowledgeReport__report > div > div:last-child .mobile-row {
  border-radius: 0 0 5px 5px;
}
.studentReports .knowledgeReport .content {
  min-height: unset;
  padding: 30px 10px 10px 10px;
}
@media only screen and (min-width: 1024px) {
  .studentReports .knowledgeReport .content {
    padding: 40px 2rem;
  }
}
.studentReports .knowledgeReport > .content {
  padding-top: 20px;
  padding-bottom: 70px;
  background-color: hsl(var(--product-color-hs), var(--product-color-l), 20%);
}
@media only screen and (min-width: 1024px) {
  .studentReports .knowledgeReport > .content {
    background-color: #fff;
  }
}
.studentReports .knowledgeReport__background {
  background-color: #fff;
}
@media only screen and (min-width: 1024px) {
  .studentReports .knowledgeReport__background {
    background-color: hsl(var(--product-color-hs), var(--product-color-l), 20%);
  }
}
.studentReports .knowledgeReport__background > .content {
  padding-bottom: 20px;
}
@media only screen and (min-width: 1024px) {
  .studentReports .knowledgeReport__background > .content {
    padding-bottom: 40px;
  }
}
.studentReports .knowledgeReport__stats {
  background: white;
}
@media only screen and (min-width: 1024px) {
  .studentReports .knowledgeReport__stats {
    padding: 0 2rem;
    padding-left: calc(calc((50% - 420px) / 2) - -2rem - 1px);
    background: transparent;
  }
  .studentReports .knowledgeReport__stats .report-stat-item__heading {
    display: none;
  }
}
.studentReports .knowledgeReport .no-data {
  font-style: italic;
}
.studentReports .knowledgeReport__info {
  margin: 20px 10px 0 10px;
  padding-bottom: 25px;
  border-bottom: 1px solid hsl(var(--text-neutral-hs), var(--text-neutral-l), 20%);
}
@media only screen and (min-width: 1024px) {
  .studentReports .knowledgeReport__info {
    padding: 20px 0 10px 2rem;
    margin: 0;
    background-color: hsl(var(--product-color-hs), var(--product-color-l), 20%);
    border-bottom: none;
  }
}
.studentReports .knowledgeReport__breadcrumbs {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1024px) {
  .studentReports .knowledgeReport__breadcrumbs {
    flex-wrap: nowrap;
  }
}
.studentReports .knowledgeReport__breadcrumbs a {
  color: var(--accent-color);
}
.studentReports .knowledgeReport__breadcrumbs a:not(:last-child) span {
  max-width: 100px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.studentReports .knowledgeReport__breadcrumbs .breadcrumbs__current-location {
  font-weight: 600;
}
@media only screen and (min-width: 1024px) {
  .studentReports .knowledgeReport__body {
    margin-bottom: 0;
  }
}
.studentReports .knowledgeReport__body table {
  width: 100%;
  border-spacing: 0;
}
.studentReports .knowledgeReport__body table thead tr th {
  font-weight: 600;
  color: var(--text-neutral);
  border-bottom: 1px solid var(--text-neutral);
  padding: 15px 0;
  min-height: 50px;
}
.studentReports .knowledgeReport__body table thead tr th:nth-of-type(1) {
  width: 30%;
  text-align: left;
}
.studentReports .knowledgeReport__body table thead tr th:nth-of-type(2) {
  width: 50%;
}
.studentReports .knowledgeReport__body table thead tr th:nth-of-type(3) {
  width: 20%;
}
.studentReports .knowledgeReport__body table tbody tr td {
  padding: 30px 0;
  border-bottom: 1px solid hsl(var(--text-neutral-hs), var(--text-neutral-l), 20%);
  text-align: center;
  min-height: 50px;
  word-break: break-word;
}
.studentReports .knowledgeReport__body table tbody tr td .chart {
  margin: 0 auto;
}
.studentReports .knowledgeReport__body table tbody tr td .question-answered {
  font-size: 21px;
}
.studentReports .knowledgeReport__body table tbody tr td:nth-of-type(1) {
  text-align: left;
}
.studentReports .knowledgeReport__body .mobile__level {
  font-weight: 600;
  margin-bottom: 20px;
}
.studentReports .knowledgeReport .mobile-row {
  display: flex;
  gap: 20px;
  flex-direction: column;
  padding: 20px 10px;
  background-color: #fff;
  margin: 1px 0;
}
.studentReports .knowledgeReport .report-stat-item {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
@media only screen and (min-width: 1024px) {
  .studentReports .knowledgeReport .report-stat-item {
    margin-left: 68px;
    margin-top: 0;
  }
}
.studentReports .knowledgeReport .report-stat-item .lozenge {
  padding-left: 0;
  padding-right: 10px;
}
.studentReports .knowledgeReport .report-stat-item .lozenge .lozenge__text {
  font-weight: 600;
  font-size: 16px;
}
@media only screen and (min-width: 1024px) {
  .studentReports .knowledgeReport .report-stat-item .lozenge .lozenge__text {
    font-weight: normal;
    font-size: 21px;
  }
}
.studentReports .knowledgeReport .report-stat-item .lozenge .lozenge__icon {
  margin-top: 3px;
}
@media only screen and (min-width: 1024px) {
  .studentReports .knowledgeReport .report-stat-item .lozenge {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.studentReports .stats-wrapper {
  display: flex;
  flex-direction: column;
}
.studentReports .stats-wrapper .mobile-text {
  display: block;
  margin-bottom: 20px;
}
@media only screen and (min-width: 1024px) {
  .studentReports .stats-wrapper {
    flex-direction: row;
    align-items: flex-end;
    margin-left: 30%;
  }
  .studentReports .stats-wrapper .mobile-text {
    display: none;
  }
}
.studentReports .chart {
  width: 310px;
}
@media only screen and (min-width: 1024px) {
  .studentReports .chart {
    width: 420px;
  }
}
.studentReports .chart__legend {
  display: flex;
  justify-content: center;
}
.studentReports .chart__legend div {
  display: flex;
  align-items: center;
  margin-right: 20px;
  margin-bottom: 20px;
}
.studentReports .chart__legend img {
  margin-right: 10px;
}
.studentReports .chart__progressBar {
  display: flex;
  width: 100%;
  transition: width 300ms ease-in-out;
}
.studentReports .chart__progressSegment {
  height: 15px;
  margin-right: 2px;
}
.studentReports .chart__progressSegment--developing {
  background-color: var(--dse-developing);
}
.studentReports .chart__progressSegment--secure {
  background-color: var(--dse-secure);
}
.studentReports .chart__progressSegment--extending {
  background-color: var(--dse-extending);
}
.studentReports .scrollableTable__table tr th:first-child {
  min-width: 260px;
  max-width: 500px;
}
.studentReports .scrollableTable__cell {
  overflow: visible !important;
}
.studentReports .scrollableTable__cell > a > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.studentReports .scrollableTable__cell > a.tooltip {
  display: inline;
  position: relative;
}
.studentReports .scrollableTable__cell > a.tooltip::before,
.studentReports .scrollableTable__cell > a.tooltip::after {
  transition: all 60ms linear;
  filter: drop-shadow(0 3px 7px rgba(87, 87, 87, 0.8));
  opacity: 0;
}
.studentReports .scrollableTable__cell > a.tooltip:after {
  opacity: 0;
  transition: all 300ms;
  display: flex;
  justify-content: center;
  background: #575757;
  border-radius: 5px;
  color: #fff;
  content: attr(data-tooltip);
  font-size: 16px;
  padding: 10px;
  width: fit-content;
  margin: -65px auto 0;
  position: absolute;
  z-index: 111;
  bottom: 25px;
  pointer-events: none;
}
.studentReports .scrollableTable__cell > a.tooltip:before {
  opacity: 0;
  transition: all 300ms;
  border: solid;
  border-color: #575757 transparent;
  border-width: 8px 8px 0px 8px;
  content: "";
  left: 20px;
  bottom: 19px;
  position: absolute;
  pointer-events: none;
}
.studentReports .scrollableTable__cell > a.tooltip:hover:after,
.studentReports .scrollableTable__cell > a.tooltip:hover:before {
  opacity: 1;
}
.studentReports .scrollableTable .report-open-question-btn {
  color: var(--accent-color);
  text-decoration: underline;
}
.studentReports .knowledgeReport > .content {
  padding-bottom: 10px;
}
@media only screen and (min-width: 1024px) {
  .studentReports .knowledgeReport > .content {
    padding-bottom: 40px;
  }
}
.mobile .studentReports .knowledgeReport > .content {
  padding-bottom: 70px;
}
@media only screen and (min-width: 1024px) {
  .mobile .studentReports .knowledgeReport > .content {
    padding-bottom: 40px;
  }
}
.nextSteps {
  background-color: var(--ui-background);
  color: var(--text-neutral);
}
.nextSteps .content .helpCard {
  margin: 20px;
}
.nextSteps .levelUps .content {
  padding-top: 0;
}
.nextSteps .levelUps .content__header {
  line-height: normal;
  flex-direction: row;
  align-items: center;
}
.nextSteps .levelUps .content__header .filters button {
  margin: 0;
}
.nextSteps__reactivate .splitItem {
  padding-top: 0 !important;
}
.nextSteps__reactivate .helpCard {
  margin-top: 0 !important;
}
.nextSteps__reactivate .displayGrid__value {
  align-self: flex-end;
}
.nextSteps .illustration-centered {
  display: flex;
  justify-content: center;
  padding: 30px 0;
}
.nextSteps .illustration-centered svg {
  width: 220px;
  height: 220px;
}
.nextSteps .illustration-display {
  display: flex;
  gap: 20px;
  align-items: flex-start;
}
@media screen and (max-width: 1024px) {
  .nextSteps .illustration-display {
    flex-direction: column;
  }
}
.nextSteps .illustration-display__content {
  flex: 1;
}
.nextSteps .illustration-display__content h2 {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
}
.nextSteps .illustration-display__content p {
  flex: 1;
  margin: 0;
}
.nextSteps .illustration-display svg {
  width: 80px;
  height: 80px;
}
@media screen and (max-width: 1024px) {
  .nextSteps .illustration-display svg {
    width: 80px;
    height: 80px;
  }
}
.nextSteps__help .list .list__item {
  padding: 20px 0;
}
.nextSteps__header {
  width: 100%;
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 10px 0 10px;
}
@media only screen and (min-width: 1024px) {
  .nextSteps__header {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.nextSteps__header .help {
  display: block;
}
.nextSteps__header .help svg {
  width: 40px;
  height: 40px;
}
.nextSteps .content {
  padding-top: 0;
}
.nextSteps .content__header {
  margin-bottom: 0;
}
.nextSteps .content__body {
  margin: 0;
}
.nextSteps .list__item {
  cursor: auto;
  color: var(--text-neutral);
}
.nextSteps .listCaptionMessage {
  border-bottom: 1px solid var(--ui-background);
  padding: 0 20px 20px;
}
.nextSteps .listCaptionMessage p {
  max-width: 680px;
}
.nextSteps .tabbed-box .tabbed-box__content {
  width: 100%;
  padding-top: 20px;
}
.nextSteps__widget .displayGrid {
  grid-template-columns: 120px auto;
  align-items: flex-end;
}
.learningObject {
  z-index: 2000;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: white;
}
.learningObject button {
  z-index: 1;
  position: absolute;
  top: 15px;
  right: 25px;
}
.learningObject iframe {
  overflow: hidden;
  border: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.learningObject--lockScroll {
  overflow: hidden !important;
}
.learningObject--loading {
  z-index: 2001;
  background-color: white;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.learningObject--loading::before {
  top: 50%;
  margin-top: -6rem / 2;
}
.learningObject--loading::after {
  top: 50%;
  margin-top: -6rem / 2 + 1rem / 2;
}
:root {
  --litepickerDayWidth: 38px;
  --litepickerMonthWidth: calc(var(--litepickerDayWidth) * 7);
}
.show-week-numbers {
  --litepickerMonthWidth: calc(var(--litepickerDayWidth) * 8);
}
.litepicker {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  display: none;
  width: 100%;
}
.litepicker .container__main {
  display: flex;
  justify-content: center;
}
.litepicker .container__months {
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  box-sizing: content-box;
}
.litepicker .container__months.columns-2 {
  width: calc((var(--litepickerMonthWidth) * 2) + 20px);
}
.litepicker .container__months.columns-3 {
  width: calc((var(--litepickerMonthWidth) * 3) + 30px);
}
.litepicker .container__months.columns-4 {
  width: calc((var(--litepickerMonthWidth) * 4) + 40px);
}
.litepicker .container__months .month-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 20px;
  box-sizing: content-box;
}
@media only screen and (min-width: 1024px) {
  .litepicker .container__months .month-item {
    flex-direction: row;
  }
}
.litepicker .container__months .month-item-header {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 11px 0 12px;
  font-weight: 500;
  text-align: center;
  align-items: center;
}
@media only screen and (min-width: 1024px) {
  .litepicker .container__months .month-item-header {
    width: 175px;
  }
}
.litepicker .container__months .month-item-header div {
  flex: 1;
}
@media only screen and (min-width: 1024px) {
  .litepicker .container__months .month-item-header div {
    text-align: left;
  }
}
.litepicker .container__months .month-item-header div > .month-item-name {
  margin-right: 5px;
}
.litepicker .container__months .month-item-header div > .month-item-year {
  padding: 0;
  font-weight: bold;
}
.litepicker .container__months .month-item-header .button-previous-month,
.litepicker .container__months .month-item-header .button-next-month {
  display: none;
  order: 1;
}
.litepicker .container__months .month-item-header .button-previous-month svg,
.litepicker .container__months .month-item-header .button-next-month svg,
.litepicker .container__months .month-item-header .button-previous-month img,
.litepicker .container__months .month-item-header .button-next-month img {
  fill: var(--accent-color);
  pointer-events: none;
}
.litepicker .container__months .month-item-header .button-previous-month:hover svg,
.litepicker .container__months .month-item-header .button-next-month:hover svg {
  fill: var(--accent-color-darker);
}
.litepicker .container__months .month-item-weekdays-row {
  display: none;
}
.litepicker .container__months .month-item:first-child .button-previous-month,
.litepicker .container__months .month-item.no-previous-month .button-previous-month {
  display: block;
}
.litepicker .container__months .month-item:last-child .button-next-month,
.litepicker .container__months .month-item.no-next-month .button-next-month {
  display: block;
}
.litepicker .container__days {
  flex-shrink: 0;
  display: flex;
  flex-wrap: wrap;
  justify-self: center;
  justify-content: flex-start;
  width: var(--litepickerMonthWidth);
  margin: 0 auto;
  text-align: center;
  box-sizing: content-box;
}
@media only screen and (min-width: 1024px) {
  .litepicker .container__days {
    margin: 0;
  }
}
.litepicker .container__days > div,
.litepicker .container__days > a {
  padding: 11px 0 12px;
  width: var(--litepickerDayWidth);
}
.litepicker .container__days .day-item {
  margin-bottom: 1px;
  text-align: center;
  text-decoration: none;
  transition: color 0.3s, border 0.3s;
}
.litepicker .container__days .day-item:hover {
  background-color: var(--accent-color-lighter);
}
.litepicker .container__days .day-item.is-today {
  font-weight: bold;
}
.litepicker .container__days .day-item.is-locked,
.litepicker .container__days .day-item.is-booked {
  color: #cacccd;
}
.litepicker .container__days .day-item.is-in-range {
  background-color: var(--accent-color-lighter);
}
.litepicker .container__days .day-item.is-start-date,
.litepicker .container__days .day-item.is-end-date {
  background-color: var(--accent-color);
  color: #fff;
  border-radius: 50% 0 0 50%;
}
.litepicker .container__days .day-item.is-start-date {
  border-radius: 50% 0 0 50%;
}
.litepicker .container__days .day-item.is-start-date.is-flipped {
  border-radius: 0 50% 50% 0;
}
.litepicker .container__days .day-item.is-end-date {
  border-radius: 0 50% 50% 0;
}
.litepicker .container__days .day-item.is-end-date.is-flipped {
  border-radius: 50% 0 0 50%;
}
.litepicker .container__days .day-item.is-start-date.is-end-date {
  border-radius: 50%;
}
.litepicker .container__days .week-number {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9e9e9e;
}
.litepicker .container__footer {
  text-align: right;
  padding: 10px 5px;
  margin: 0 5px;
  background-color: #fafafa;
  box-shadow: inset 0px 3px 3px 0px #ddd;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.litepicker .container__footer .preview-date-range {
  margin-right: 10px;
  font-size: 90%;
}
.litepicker .container__tooltip {
  position: absolute;
  margin-top: -4px;
  padding: 4px 8px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  white-space: nowrap;
  font-size: 11px;
  pointer-events: none;
  visibility: hidden;
}
.litepicker .container__tooltip:before {
  position: absolute;
  bottom: -5px;
  left: calc(50% - 5px);
  border-top: 5px solid rgba(0, 0, 0, 0.12);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: "";
}
.litepicker .container__tooltip:after {
  position: absolute;
  bottom: -4px;
  left: calc(50% - 4px);
  border-top: 4px solid #fff;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
}
.litepicker-open {
  overflow: hidden;
}
.litepicker-backdrop {
  display: none;
  background-color: #000;
  opacity: 0.3;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.calendar__panel .sidepanel__body {
  padding: 0;
}
.calendar__panel .sidepanel__wrapper {
  padding: 20px;
}
.calendar__panel .calendar-wrapper {
  padding: 0 20px 5px 20px;
}
.calendar__panel[data-mode="all"] .sidepanel__annex {
  box-shadow: none;
}
.calendar__panel[data-mode="all"] [data-only="custom"] {
  display: none;
}
.calendar__panel[data-mode="custom"] .calendar__panel__mode {
  border-bottom: 1px solid #ebebed;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.calendar__date {
  display: flex;
  margin: 6px 0 20px;
}
.calendar__date--mobile {
  text-align: center;
}
.sidepanel__wrapper > .calendar__date {
  min-height: 76px;
}
.calendar__date > * {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 10px;
}
.calendar__date > *:first-child {
  border-right: 1px solid var(--ui-background);
}
.calendar__date strong {
  margin-top: 4px;
}
@media only screen and (max-width: 1023px) {
  .calendar__date {
    display: none;
  }
}
.calendar__calendarWeekdays {
  display: flex;
  width: var(--litepickerMonthWidth);
  margin: 20px auto 0 auto;
}
@media only screen and (min-width: 1024px) {
  .calendar__calendarWeekdays {
    margin-left: 175px;
  }
}
.calendar__calendarWeekdays li {
  padding: 5px 0;
  flex: 1;
  width: var(--litepickerDayWidth);
  text-align: center;
}
.calendar__picker .month-item-header .button-previous-month,
.calendar__picker .month-item-header .button-next-month {
  display: none !important;
}
.calendar__pickerButton {
  width: 100%;
  padding: 15px 10px;
  background-color: #fff;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  color: var(--text-neutral);
}
.calendar__pickerButton:focus,
.calendar__pickerButton:hover {
  color: var(--text-neutral-darker);
}
.calendar__pickerButton svg {
  width: 30px;
  height: 30px;
}
.calendar__pickerButton--previous {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
}
.calendar__pickerButton--previous svg {
  transform: rotate(-90deg);
}
.calendar__pickerButton--next {
  box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, 0.1);
}
.calendar__pickerButton--next svg {
  transform: rotate(90deg);
}
.assignmentBasket.sidepanel [data-page="settings"],
.assignmentBasket.sidepanel [data-page="students"],
.assignmentBasket.sidepanel [data-page="dates"],
.assignmentBasket.sidepanel [data-page="material"],
.assignmentBasket.sidepanel [data-page="structures"] {
  visibility: hidden;
  left: 100%;
  z-index: 0;
}
.assignmentBasket.sidepanel[data-current="main"] .sidepanel__body:not(.assignmentBasket--empty) {
  padding: 0;
}
.assignmentBasket.sidepanel[data-current="main"] .sidepanel__body > .sidepanel__wrapper {
  padding: 10px;
}
@media only screen and (min-width: 1024px) {
  .assignmentBasket.sidepanel[data-current="main"] .sidepanel__body > .sidepanel__wrapper {
    padding: 20px;
  }
}
.assignmentBasket.sidepanel[data-current="main"] [data-page="main"] {
  left: 0;
}
.assignmentBasket.sidepanel [data-page="students"] .sidepanel__body {
  padding: 0;
}
.assignmentBasket.sidepanel [data-page="students"] .sidepanel__body > #groups {
  padding: 20px;
}
.assignmentBasket.sidepanel[data-current="settings"] [data-page="main"],
.assignmentBasket.sidepanel[data-current="students"] [data-page="main"],
.assignmentBasket.sidepanel[data-current="dates"] [data-page="main"],
.assignmentBasket.sidepanel[data-current="material"] [data-page="main"],
.assignmentBasket.sidepanel[data-current="structures"] [data-page="main"] {
  visibility: hidden;
  left: -100%;
}
.assignmentBasket.sidepanel[data-current="settings"] [data-page="settings"],
.assignmentBasket.sidepanel[data-current="students"] [data-page="students"],
.assignmentBasket.sidepanel[data-current="dates"] [data-page="dates"],
.assignmentBasket.sidepanel[data-current="material"] [data-page="material"],
.assignmentBasket.sidepanel[data-current="structures"] [data-page="structures"] {
  visibility: visible;
  left: 0;
}
.assignmentBasket.sidepanel[data-previous="settings"]:not([data-current="main"]) [data-page="settings"],
.assignmentBasket.sidepanel[data-previous="material"][data-current="structures"] [data-page="settings"],
.assignmentBasket.sidepanel[data-previous="structures"][data-current="material"] [data-page="settings"] {
  visibility: hidden;
  left: -100%;
}
.assignmentBasket.sidepanel[data-previous="material"][data-current="structures"] [data-page="material"] {
  visibility: hidden;
  left: -100%;
}
.assignmentBasket.sidepanel div[data-page="material"] .sidepanel__body,
.assignmentBasket.sidepanel div[data-page="structures"] .sidepanel__body {
  padding: 0;
}
.assignmentBasket[data-current="dates"] [data-page="dates"] .sidepanel__wrapper {
  padding: 20px;
}
.assignmentBasket__selection {
  padding: 20px;
}
.assignmentBasket--empty .assignmentBasket__selection {
  display: none;
}
.assignmentBasket__shortcuts {
  padding-top: 20px;
  padding-bottom: 20px;
}
.assignmentBasket--empty .assignmentBasket__shortcuts {
  display: none;
}
.assignmentBasket__shortcuts li {
  min-height: 30px;
}
.assignmentBasket__shortcuts--highlighted {
  padding-right: 20px;
  padding-left: 20px;
  background-color: var(--ui-background);
}
.assignmentBasket__shortcuts a {
  display: flex;
  align-items: center;
}
.assignmentBasket__shortcuts .icon {
  margin-right: 7px;
}
.assignmentBasket__selection {
  display: flex;
  justify-content: space-between;
}
.assignmentBasket__item {
  border-top: 1px solid #e8e8ed;
  border-left: 5px solid transparent;
  padding: 20px 20px 10px;
}
.assignmentBasket__item--incomplete {
  border-left-color: #ffdc2e;
}
.assignmentBasket__item--incomplete .assignmentBasket__status--complete {
  display: none;
}
.assignmentBasket__item--complete {
  border-left-color: #00A800;
}
.assignmentBasket__item--complete .assignmentBasket__status--incomplete {
  display: none;
}
.assignmentBasket__itemHeader {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.assignmentBasket__status {
  display: flex;
  align-items: center;
  text-transform: uppercase;
}
.assignmentBasket__status .icon {
  margin-right: 10px;
}
.assignmentBasket__meta {
  margin: 5px 0;
}
.assignmentBasket__settings {
  border-collapse: collapse;
  width: 100%;
}
.assignmentBasket__settings td {
  vertical-align: top;
  padding: 3px 0;
}
.assignmentBasket__settings td:first-child {
  width: 100px;
}
.assignmentBasket__settings p {
  padding: 3px 0;
}
.assignmentBasket__actions {
  margin-top: 30px;
}
.assignmentBasket .badge--meta {
  margin: 0;
}
.assignmentBasket .form__headingLabel {
  margin-left: 0;
}
.assignmentBasket__title {
  width: 100%;
}
.assignmentBasket__title .form__input {
  display: none;
  padding: 10px;
}
.assignmentBasket__title span {
  display: inline-block;
  padding: 10px 0;
}
.assignmentBasket__title--edit .form__input {
  display: block;
}
.assignmentBasket__title--edit span {
  display: none;
}
.assignmentBasket__title--edit + .link {
  display: none;
}
.assignmentBasket__date {
  display: flex;
  margin: 6px 0 20px;
}
.assignmentBasket__date > * {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 10px;
}
.assignmentBasket__date > *:first-child {
  border-right: 1px solid var(--ui-background);
}
.assignmentBasket__date strong {
  margin-top: 4px;
}
.assignmentBasket__metadata--expanded .assignmentBasket__metadataContent {
  visibility: unset;
  max-height: 1000px;
}
.assignmentBasket__metadata p {
  margin-bottom: 20px;
}
.assignmentBasket__metadataActions {
  display: flex;
  align-items: center;
}
.assignmentBasket__metadataContent {
  margin: 30px -20px 0;
  padding: 0 20px;
  max-height: 0;
  transition: max-height 500ms;
  overflow: hidden;
  visibility: hidden;
}
.sidepanel__wrapper > .assignmentBasket__date {
  min-height: 76px;
}
.assignmentBasket__calendarWeekdays {
  display: flex;
  width: var(--litepickerMonthWidth);
  margin: 20px auto -10px;
}
@media only screen and (min-width: 1024px) {
  .assignmentBasket__calendarWeekdays {
    margin-left: 175px;
  }
}
.assignmentBasket__calendarWeekdays li {
  padding: 5px 0;
  flex: 1;
  width: var(--litepickerDayWidth);
  text-align: center;
}
.assignmentBasket__picker .month-item-header .button-previous-month,
.assignmentBasket__picker .month-item-header .button-next-month {
  display: none !important;
}
.assignmentBasket__pickerButton {
  width: 100%;
  padding: 15px 10px;
  background-color: #fff;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  color: var(--text-neutral);
}
.assignmentBasket__pickerButton:focus,
.assignmentBasket__pickerButton:hover {
  color: var(--text-neutral-darker);
}
.assignmentBasket__pickerButton svg {
  width: 30px;
  height: 30px;
}
.assignmentBasket__pickerButton--previous {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
}
.assignmentBasket__pickerButton--previous svg {
  transform: rotate(-90deg);
}
.assignmentBasket__pickerButton--next {
  box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, 0.1);
}
.assignmentBasket__pickerButton--next svg {
  transform: rotate(90deg);
}
.assignmentBasket .tabNavigation {
  margin-bottom: 0;
}
.assignmentBasket .tabPanel .checkbox {
  margin: 0;
}
.assignmentBasket .selectAll {
  display: flex;
  padding: 10px 0 10px;
  background-color: var(--ui-background);
}
.assignmentBasket .navigationTabs {
  background-color: var(--accent-color-lighter);
}
.assignmentBasket .badge[data-counter="students"] {
  background-color: var(--accent-color);
  color: #fff;
}
.assignmentBasket__shortcuts [data-action="setDates"],
.assignmentBasket__selection [data-action="setDates"],
.assignmentBasket__shortcuts [data-action="setStudents"],
.assignmentBasket__selection [data-action="setStudents"],
.assignmentBasket__shortcuts [data-action="material"],
.assignmentBasket__selection [data-action="material"],
.assignmentBasket__shortcuts [data-action="remove"],
.assignmentBasket__selection [data-action="remove"],
.assignmentBasket__shortcuts [data-action="removeAll"],
.assignmentBasket__selection [data-action="removeAll"] {
  display: flex;
  align-items: center;
  text-decoration: underline;
}
.assignmentBasket__material {
  margin-left: -20px;
  margin-right: -20px;
  padding: 20px;
  background-color: var(--ui-background);
}
.assignmentBasket__material .assignmentBasket__shortcuts {
  padding-top: 0;
  padding-bottom: 0;
}
.assignmentBasket__material__limitReached__message {
  display: none;
}
.assignmentBasket__material--limitReached .assignmentBasket__material__limitReached__message {
  display: flex;
}
[data-page="material"] .assignmentBasket__material--limitReached .assignmentBasket__material__limitReached__message {
  margin-bottom: 20px;
}
.assignmentBasket__material--limitReached .assignmentBasket__shortcuts,
.assignmentBasket__material--limitReached [data-action="manage"] {
  display: none;
}
[data-page="material"] .assignmentBasket__material--limitReached [data-action="open"] {
  margin-left: 0;
}
.sidepanel .assignmentBasket__materialList .content {
  padding: 0;
}
.assignmentBasket__materialList .accordion__actions {
  justify-content: flex-start;
}
.assignmentBasket__materialList .content__footer {
  padding: 20px 20px 20px;
  background-color: var(--ui-background);
}
.assignmentBasket__materialList .message {
  padding: 0;
  background-color: #fff;
  color: var(--accent-color);
}
.assignmentBasket__materialAdded {
  padding: 10px 0;
}
.assignmentBasket__materialAdded li {
  display: flex;
  align-items: center;
}
.assignmentBasket__materialAdded svg {
  margin-right: 10px;
}
.assignmentBasket [data-page="material"] .sidepanel__body .content__header {
  display: none;
}
.assignmentBasket .message:not(.message--popup) {
  position: relative;
}
.assignmentBasket .message--visible:not(.message--popup) {
  margin-top: -50px;
}
.resourcesPanel {
  max-width: 100%;
}
.resourcesPanel .navigationTabs {
  background-color: var(--accent-color-lighter);
}
.resourcesPanel .navigationTabs__button {
  text-transform: capitalize;
}
.resourcesPanel .sidepanel__body {
  padding: 0;
}
.resourcesPanel__location {
  background-color: #e9ebf0;
  padding: 10px 20px;
}
.resourcesPanel__location--loading {
  display: none;
}
.resourcesPanel__location .queryTitle {
  padding-bottom: 10px;
}
.resourcesPanel--pageMode .resourcesPanel__location {
  display: none;
}
.resourcesPanel--pageMode .sidepanel__footerActions [data-action="browse"] {
  visibility: hidden;
}
.resourcesPanel.sidepanel [data-page="browse"] {
  left: 100%;
}
.resourcesPanel.sidepanel[data-current="main"] [data-page="main"] {
  left: 0;
}
.resourcesPanel.sidepanel[data-current="browse"] [data-page="main"] {
  left: -100%;
}
.resourcesPanel.sidepanel[data-current="browse"] [data-page="browse"] {
  left: 0;
}
.resourcesPanel [data-page="main"] .content {
  padding: 0;
}
.resourcesPanel [data-page="main"] .sidepanel__body .content__header {
  display: none;
}
.resourcesPanel [data-page="main"] .accordion__content {
  padding: 0 20px 0 15px;
}
.resourcesPanel [data-page="main"] .accordion__actions {
  justify-content: flex-start;
}
.resourcesPanel [data-page="main"] .content__footer {
  padding: 0 20px 20px;
}
.activateProductPanel.sidepanel [data-page="confirm"] {
  left: 100%;
}
.activateProductPanel.sidepanel [data-page="confirm"] [data-action="close"] {
  display: flex;
}
.activateProductPanel.sidepanel [data-page="confirm"] [data-action="back"] {
  display: none;
}
.activateProductPanel.sidepanel[data-current="main"] [data-page="main"] {
  left: 0;
}
.activateProductPanel.sidepanel[data-current="confirm"] [data-page="main"] {
  left: -100%;
}
.activateProductPanel.sidepanel[data-current="confirm"] [data-page="confirm"] {
  left: 0;
}
.activateProductPanel [data-page="main"] .sidepanel__body .helpCard--instructions {
  margin-bottom: 20px;
}
.activateProductPanel [data-page="confirm"] .sidepanel__body p:not(:last-child) {
  margin-bottom: 15px;
}
.activateProductPanel [data-page="confirm"] .sidepanel__body .cardGrid {
  grid-template-columns: unset;
}
.activateProductPanel [data-page="confirm"] .sidepanel__body .cardGrid .helpCard {
  margin-bottom: 20px;
}
.activateProductPanel [data-page="confirm"] .sidepanel__body .cardGrid .card {
  background-color: var(--ui-background);
  cursor: default;
}
.groupsPanel .container {
  display: flex;
}
.groupsPanel .container .checkbox,
.groupsPanel .container .radiobutton {
  margin: 0;
}
.groupsPanel .container .checkbox__icon,
.groupsPanel .container .radiobutton__icon {
  background-color: #fff;
}
.groupsPanel .container .viewButton {
  margin: 0;
  display: none;
}
.groupsPanel .container .viewButton--active {
  display: inline-flex;
}
.groupsPanel .navigationTabs {
  background-color: var(--accent-color-lighter);
}
.student-assignment {
  display: flex;
  height: 100%;
  flex-direction: column;
}
@media only screen and (min-width: 1024px) {
  .student-assignment {
    flex-direction: row;
  }
}
.student-assignment__panel {
  padding: 0;
}
.student-assignment__info {
  max-width: 680px;
  padding: 20px;
}
@media only screen and (min-width: 1024px) {
  .student-assignment__info {
    width: 50%;
  }
}
.student-assignment__info__group {
  margin-bottom: 30px;
}
.student-assignment__info__group--columns {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 1024px) {
  .student-assignment__info__group--columns {
    flex-direction: row;
  }
}
.student-assignment__info__group--columns > div {
  flex: 1;
  margin-bottom: 40px;
}
.student-assignment__info__title {
  font-weight: 600;
  margin-bottom: 10px;
}
.student-assignment__info__item {
  display: flex;
  margin-bottom: 10px;
}
.student-assignment__info__item span:first-of-type {
  width: 120px;
}
.student-assignment__info__item__value {
  flex: 1;
}
.student-assignment__info__item .badge {
  margin-left: 0;
  border-radius: 5px;
}
.student-assignment__info--full {
  width: 100%;
  max-width: unset;
}
.student-assignment__support-contents__item {
  margin-bottom: 5px;
}
.student-assignment__work {
  flex: 1;
  padding: 20px;
  background-color: #e8e8ef;
}
.student-assignment__work .checkbox {
  margin: 0;
}
.student-assignment__work__upload button {
  margin: 0;
}
.student-assignment__work .helpCard {
  max-width: 680px;
}
.student-assignment__footer .sidepanel__footerActions {
  justify-content: flex-end;
}
.student-assignment__footer .message--popup.message--visible {
  height: 60px;
}
.student-assignment h1,
.student-assignment h2 {
  font-size: 21px;
  font-weight: 400;
  margin-bottom: 30px;
}
.student-assignment__student-contents__item {
  display: flex;
  align-items: center;
}
.student-assignment__student-contents__item svg {
  margin-right: 10px;
}
@media only screen and (min-width: 380px) {
  .assessment-lens .actions .visible--xs,
  .teacher-role.assignments-lens .actions .visible--xs {
    display: flex !important;
  }
  .assessment-lens .actions .hidden--xs,
  .teacher-role.assignments-lens .actions .hidden--xs {
    display: none !important;
  }
}
@media only screen and (min-width: 490px) {
  .assessment-lens .actions .visible--s,
  .teacher-role.assignments-lens .actions .visible--s {
    display: flex !important;
  }
  .assessment-lens .actions .hidden--s,
  .teacher-role.assignments-lens .actions .hidden--s {
    display: none !important;
  }
}
@media only screen and (min-width: 580px) {
  .assessment-lens .actions .visible--xm,
  .teacher-role.assignments-lens .actions .visible--xm {
    display: flex !important;
  }
  .assessment-lens .actions .hidden--xm,
  .teacher-role.assignments-lens .actions .hidden--xm {
    display: none !important;
  }
}
.assignment-widget-button {
  margin: 0.5px 0;
}
.assignment-widget-button:first-child {
  margin-top: 0;
}
.assignment-widget-button:last-child {
  margin-bottom: 0;
}
.sidepanel__markbook .sidepanel__body {
  background-color: var(--ui-background);
}
.sidepanel__markbook__menu {
  flex-direction: row;
  align-items: center;
  display: flex;
  line-height: 40px;
  justify-content: space-between;
  background-color: white;
  padding: 0 20px;
}
.sidepanel__markbook__menu .navigationTabs {
  min-width: 60%;
}
.sidepanel__markbook__menu .navigationTabs__item:first-child {
  margin-left: 0 !important;
}
.sidepanel__markbook__menu__actions {
  display: flex;
}
.sidepanel__markbook__menu__actions .buttonWithFeedback button {
  margin-right: 10px;
}
.sidepanel__markbook__content--active {
  display: block;
}
.sidepanel__markbook__content .info {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 1023px) {
  .sidepanel__markbook__content .info {
    flex-direction: column;
  }
  .sidepanel__markbook__content .info .submittedAt {
    padding-top: 15px;
  }
}
.sidepanel__markbook__content .info span {
  padding: 0 5px;
}
.sidepanel__markbook__content .info span:first-child {
  font-weight: bold;
  padding-left: 0;
}
.sidepanel__markbook__content .info span:not(:first-child) {
  border-left: 1px solid var(--text-neutral);
}
.sidepanel__markbook__overview__item {
  margin-bottom: 15px;
}
.sidepanel__markbook__overview__item__header {
  font-weight: bold;
}
.sidepanel__markbook__overview__item__label {
  display: inline-block;
  min-width: 100px;
  margin: 0;
}
.sidepanel__markbook__overview__item .badge--smart {
  color: var(--text-neutral);
}
.sidepanel__markbook__overview__main {
  margin: 0;
  padding: 20px 10px;
  background-color: white;
}
@media only screen and (max-width: 1023px) {
  .sidepanel__markbook__overview__main {
    flex-direction: column;
  }
}
.sidepanel__markbook__overview__secondary {
  margin: 0;
  padding: 20px 10px;
}
@media only screen and (max-width: 1023px) {
  .sidepanel__markbook__overview__secondary {
    flex-direction: column;
  }
}
.sidepanel__markbook__overview__secondary .badgeList {
  margin-top: 20px;
}
.sidepanel__markbook__overview__secondary .badgeList .badge {
  margin: 0;
}
.sidepanel__markbook__overview__due {
  display: inline-flex;
}
.sidepanel__markbook__overview__due .message {
  display: none;
  padding: 0 0 0 10px;
  position: relative;
  background-color: #fff;
  color: var(--accent-color);
}
.sidepanel__markbook__overview__due .message--visible {
  display: inline-flex;
}
.sidepanel__markbook__overview__due [data-action="editDue"] {
  display: inline-flex;
  align-items: center;
}
.sidepanel__markbook__overview__due[data-mode="read"] .editBlock {
  display: none;
}
.sidepanel__markbook__overview__due[data-mode="read"] [data-action="editDue"] {
  margin-top: -8px;
}
.sidepanel__markbook__overview__due .markbook-due-date-field .input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}
.sidepanel__markbook__overview__due .markbook-due-date-field .input-wrapper input {
  min-height: 60px;
}
.sidepanel__markbook__overview__due .markbook-due-date-field .input-wrapper .error-icon {
  display: none;
  position: absolute;
  top: 50%;
  left: 10px;
  width: 30px;
  transform: translateY(-50%);
}
.sidepanel__markbook__overview__due .markbook-due-date-field .inline-error {
  display: none;
  margin: 10px 0 20px 0;
  font-style: italic;
  color: var(--alert-color);
}
.sidepanel__markbook__overview__due .markbook-due-date-field.error .inline-error {
  display: block;
}
.sidepanel__markbook__overview__due .markbook-due-date-field.error {
  align-items: baseline;
  margin-bottom: 0;
}
.sidepanel__markbook__overview__due .markbook-due-date-field.error .input-wrapper .error-icon {
  display: block;
}
.sidepanel__markbook__overview__due .markbook-due-date-field.error input {
  min-width: 115px;
  padding-left: 30px;
  border: 2px solid var(--alert-color);
  box-shadow: none;
}
.sidepanel__markbook__overview__due[data-mode="edit"] .editBlock ~ .outside-edit-block-btn {
  display: none;
}
.sidepanel__markbook__overview__due[data-mode="edit"] .editBlock {
  display: inline-flex;
}
.sidepanel__markbook__overview__due[data-mode="edit"] .value {
  display: none;
}
.sidepanel__markbook__overview__due[data-mode="edit"][data-dirty="on"] .buttons {
  display: inline-block;
}
.sidepanel__markbook__overview__due[data-mode="edit"][data-dirty="on"] [data-action="editDue"] {
  display: none;
}
.sidepanel__markbook__overview__due[data-mode="edit"][data-saved="on"] [data-action="editDue"] {
  display: none;
}
.sidepanel__markbook__overview__due[data-mode="edit"] input {
  width: 100px;
}
.sidepanel__markbook__overview__due[data-mode="edit"] .buttons {
  display: none;
  padding-left: 10px;
}
.sidepanel__markbook .list__item {
  cursor: default;
}
.sidepanel__markbook .globalScore {
  margin-top: 15px;
}
.sidepanel__markbook .globalScore .mark {
  padding-left: 15px;
}
.sidepanel__markbook .globalScore .pending {
  font-style: italic;
}
.sidepanel__markbook .score .row {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid var(--ui-background);
}
@media only screen and (max-width: 1023px) {
  .sidepanel__markbook .score .row {
    flex-direction: column;
  }
  .sidepanel__markbook .score .row .col--6 {
    max-width: unset;
  }
}
.sidepanel__markbook .score .row .col--6 {
  padding-bottom: 25px;
}
.sidepanel__markbook .score .row .col--6 a,
.sidepanel__markbook .score .row .col--6 button {
  display: inline-block;
  min-width: 120px;
  text-decoration: underline;
  text-align: left;
  color: var(--text-neutral);
}
.sidepanel__markbook .score .row .col--6 a:hover,
.sidepanel__markbook .score .row .col--6 button:hover {
  color: var(--text-neutral-darker);
}
.sidepanel__markbook table {
  margin-top: 15px;
  border-spacing: unset;
}
.sidepanel__markbook table tr td {
  line-height: 40px;
  vertical-align: middle;
}
.sidepanel__markbook table tr td:first-child {
  width: 150px;
}
.sidepanel__markbook .studentContents a {
  display: block;
  line-height: normal;
}
.sidepanel__markbook input[type=number] {
  width: 70px;
  padding: 7px;
  text-align: center;
}
.sidepanel__markbook .actions {
  display: none;
  padding-top: 30px;
}
.sidepanel__markbook .actions--active {
  display: flex;
}
.sidepanel__markbook .actions--notVisible button {
  visibility: hidden;
}
.sidepanel__markbook .actions button {
  margin: 0 0 1px 0;
}
.sidepanel__markbook .actions button:not(:last-child) {
  margin-left: 10px;
}
.sidepanel__markbook .actions .message--visible {
  height: auto;
}
.sidepanel__markbook .sidepanel__markbook__footer .navigationTabs li {
  border-bottom: none;
}
.sidepanel__markbook .sidepanel__markbook__footer__menu {
  width: 100%;
  align-items: center;
}
.sidepanel__markbook .sidepanel__markbook__footer__menu__item:first-child {
  margin-left: 0 !important;
}
.sidepanel__markbook .sidepanel__markbook__footer__menu [data-event="more"] {
  padding: 0;
  cursor: pointer;
}
.sidepanel__markbook .sidepanel__markbook__footer__morePanel {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  max-height: 0;
  overflow: hidden;
  transition: box-shadow 500ms, max-height 500ms;
}
.sidepanel__markbook .sidepanel__markbook__footer__morePanel .navigationTabs {
  flex-direction: column;
  padding: 0;
}
.sidepanel__markbook .sidepanel__markbook__footer__morePanel .navigationTabs .navigationTabs__item {
  border-bottom: 1px solid black;
  padding: 7px 20px;
  margin-left: 0;
}
.sidepanel__markbook .sidepanel__markbook__footer__morePanel .navigationTabs .navigationTabs__button {
  flex-direction: row;
}
.sidepanel__markbook .sidepanel__markbook__footer__morePanel--enabled {
  max-height: 1000px;
  box-shadow: 0 -10px 20px -5px rgba(0, 0, 0, 0.1);
}
.smartResultsPanel [data-content] {
  display: none;
}
.smartResultsPanel[data-type="secure"] [data-content="secure"] {
  display: block !important;
}
.smartResultsPanel[data-type="extend"] [data-content="extend"] {
  display: block !important;
}
.smartResultsPanel[data-type="reflect"] [data-content="reflect"] {
  display: block !important;
}
.smartResultsPanel[data-type="reactivate"] [data-content="reactivate"] {
  display: block !important;
}
.smartResultsPanel [data-action="toggleMarks"] [data-actionType="hide"] {
  display: none;
}
.smartResultsPanel .sidepanel__body > div {
  height: 100%;
}
.smartResultsPanel .split-panel {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 1024px) {
  .smartResultsPanel .split-panel {
    grid-template-columns: auto;
  }
}
.smartResultsPanel .split-panel__half {
  padding: 30px;
}
@media screen and (max-width: 1024px) {
  .smartResultsPanel .split-panel__half {
    padding: 15px;
    padding-top: 40px;
    padding-bottom: 10px;
    margin-bottom: 0;
  }
}
.smartResultsPanel .split-panel__half--grey {
  background-color: var(--ui-background);
}
.smartResultsPanel .assessment-details {
  padding-bottom: 40px;
  margin-bottom: 40px;
  color: var(--text-neutral);
  max-width: 680px;
}
@media screen and (max-width: 1024px) {
  .smartResultsPanel .assessment-details {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
.smartResultsPanel .assessment-details__heading {
  font-size: 21px;
  font-weight: 600;
  margin-bottom: 30px;
}
.smartResultsPanel .assessment-details__body {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.smartResultsPanel .assessment-details__message {
  margin-bottom: 20px;
}
.smartResultsPanel .assessment-details__data,
.smartResultsPanel .assessment-details .marks-details-wrapper {
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: 40px;
  grid-row-gap: 20px;
}
@media screen and (max-width: 500px) {
  .smartResultsPanel .assessment-details__data,
  .smartResultsPanel .assessment-details .marks-details-wrapper {
    gap: 20px 10px;
  }
}
.smartResultsPanel .assessment-details__data label,
.smartResultsPanel .assessment-details .marks-details-wrapper label,
.smartResultsPanel .assessment-details__data .badge,
.smartResultsPanel .assessment-details .marks-details-wrapper .badge {
  margin: 0;
}
.smartResultsPanel .assessment-details__data .marks-details,
.smartResultsPanel .assessment-details .marks-details-wrapper .marks-details {
  gap: 20px;
}
.smartResultsPanel .assessment-details__data .marks-details-wrapper,
.smartResultsPanel .assessment-details .marks-details-wrapper .marks-details-wrapper {
  display: none;
  grid-column: span 2;
}
.smartResultsPanel .assessment-details__data .marks-details-wrapper--visible,
.smartResultsPanel .assessment-details .marks-details-wrapper .marks-details-wrapper--visible {
  display: grid;
}
.smartResultsPanel .assessment-details__mark {
  display: grid;
  grid-template-areas: 'markPercentage link link';
}
@media screen and (min-width: 1024px) {
  .smartResultsPanel .assessment-details__mark {
    grid-template-columns: 1fr 1fr;
  }
}
.smartResultsPanel .assessment-details__markPercentage {
  grid-area: markPercentage;
}
.smartResultsPanel .assessment-details .link {
  grid-area: link;
  min-width: 26px;
  text-decoration: underline;
}
.smartResultsPanel .assessment-details .reactivate-box.tabbed-box {
  display: inline-block;
}
.smartResultsPanel .assessment-details .reactivate-box.tabbed-box .tabbed-box__content {
  max-width: 290px;
  line-height: 1.4;
}
.smartResultsPanel .assessment-total {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
}
.smartResultsPanel .points-badge {
  background: white;
  border: 2px solid #d0e2ec;
  border-radius: 30px;
  display: inline-flex;
  align-items: center;
  padding: 8px 20px;
  gap: 10px;
}
.smartResultsPanel .points-badge__icon {
  width: 40px;
  height: 40px;
  vertical-align: middle;
}
.smartResultsPanel .points-badge__display {
  color: var(--text-neutral);
  font-size: 21px;
}
.smartResultsPanel .progress-list-wrapper {
  margin-top: 40px;
}
@media screen and (max-width: 1024px) {
  .smartResultsPanel .progress-list-wrapper {
    padding-left: 10px;
  }
}
@media screen and (max-width: 1024px) {
  .smartResultsPanel .result-progress {
    margin-top: 56px;
    display: flex;
    gap: 30px;
    justify-content: flex-start;
  }
}
.smartResultsPanel .result-progress__bullet-list,
.smartResultsPanel .result-progress__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}
@media screen and (max-width: 1024px) {
  .smartResultsPanel .result-progress__bullet-list,
  .smartResultsPanel .result-progress__list {
    grid-template-columns: unset;
  }
}
.smartResultsPanel .result-progress__bullet-list {
  margin-bottom: 10px;
}
@media screen and (max-width: 1024px) {
  .smartResultsPanel .result-progress__bullet-list {
    grid-template-columns: unset;
    grid-template-rows: auto;
    gap: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .smartResultsPanel .result-progress__list {
    margin-top: -32px;
  }
  .smartResultsPanel .result-progress__list .result-progress__item__desc {
    display: block;
    position: absolute;
    bottom: 0;
    left: 100%;
    width: max-content;
    margin-left: 15px;
  }
}
.smartResultsPanel .result-progress__bullet-checkmark {
  position: absolute;
  width: 18px;
  height: 18px;
}
.smartResultsPanel .result-progress__bullet-item {
  position: relative;
  display: flex;
  justify-content: center;
}
.smartResultsPanel .result-progress__bullet-item .result-progress__bullet-checkmark {
  display: none;
}
@media screen and (max-width: 1024px) {
  .smartResultsPanel .result-progress__bullet-item {
    align-items: flex-start;
  }
}
.smartResultsPanel .result-progress__bullet-item svg {
  z-index: 999;
}
.smartResultsPanel .result-progress__bullet-item span.tick {
  width: 18px;
  height: 18px;
  border-radius: 18px;
  background: white;
  border: 3px solid #016993;
  display: inline-flex;
  z-index: 99;
}
.smartResultsPanel .result-progress__bullet-item span.incomplete {
  display: block;
}
.smartResultsPanel .result-progress__bullet-item span.complete,
.smartResultsPanel .result-progress__bullet-item span.one-more-level-up {
  display: none;
}
.smartResultsPanel .result-progress__bullet-item--filled .result-progress__bullet-checkmark {
  display: block;
}
.smartResultsPanel .result-progress__bullet-item--filled span.tick {
  background-color: #016993;
}
.smartResultsPanel .result-progress__bullet-item--filled span.complete {
  display: block;
}
.smartResultsPanel .result-progress__bullet-item--filled span.incomplete {
  display: none;
}
.smartResultsPanel .result-progress__bullet-item.one-more-level-up span.complete,
.smartResultsPanel .result-progress__bullet-item.one-more-level-up span.incomplete {
  display: none;
}
.smartResultsPanel .result-progress__bullet-item.one-more-level-up span.one-more-level-up {
  display: block;
}
.smartResultsPanel .result-progress__bullet-item:nth-child(2) span.tick::after,
.smartResultsPanel .result-progress__bullet-item:nth-child(2) span.tick::before {
  margin-top: -1px;
  top: 50%;
  height: 3px;
  content: "";
  position: absolute;
  background: #016993;
}
.smartResultsPanel .result-progress__bullet-item:nth-child(2) span.tick::after {
  left: calc(50% - -9px);
  /* YUI Compressor hack https://github.com/yui/yuicompressor/issues/59 */
  right: calc(-87% - 12px);
}
@media screen and (max-width: 1024px) {
  .smartResultsPanel .result-progress__bullet-item:nth-child(2) span.tick::after {
    margin-top: 0px;
    right: 7px;
    width: 3px;
    top: 18px;
    bottom: -80px;
    left: unset;
    height: unset;
  }
}
.smartResultsPanel .result-progress__bullet-item:nth-child(2) span.tick::before {
  left: calc(-87% - 12px);
  /* YUI Compressor hack https://github.com/yui/yuicompressor/issues/59 */
  right: calc(50% - -9px);
}
@media screen and (max-width: 1024px) {
  .smartResultsPanel .result-progress__bullet-item:nth-child(2) span.tick::before {
    margin-top: 0px;
    right: 7px;
    width: 3px;
    top: -99px;
    bottom: 35px;
    left: unset;
    height: unset;
  }
}
@media screen and (min-width: 1024px) {
  .smartResultsPanel .result-progress__bullet-item:first-child {
    justify-content: flex-start;
    margin-left: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .smartResultsPanel .result-progress__bullet-item:last-child {
    justify-content: flex-end;
    margin-right: 20px;
  }
}
.smartResultsPanel .result-progress__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  position: relative;
}
.smartResultsPanel .result-progress__item svg,
.smartResultsPanel .result-progress__item img {
  width: 60px;
  height: 60px;
  vertical-align: middle;
}
.smartResultsPanel .result-progress__item__desc {
  font-weight: bold;
}
@media screen and (min-width: 1024px) {
  .smartResultsPanel .result-progress__item:first-child {
    align-items: flex-start;
  }
}
@media screen and (min-width: 1024px) {
  .smartResultsPanel .result-progress__item:last-child {
    align-items: flex-end;
  }
}
.smartResultsPanel .levelUp__loading {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: auto;
}
.smartResultsPanel .levelUp__loading__spinner {
  width: 40px;
  height: 40px;
  position: relative;
}
.smartResultsPanel .levelUp__loading__spinner > * {
  visibility: hidden;
}
.smartResultsPanel .levelUp__loading__spinner::before,
.smartResultsPanel .levelUp__loading__spinner::after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: calc(-40px / 2);
}
.smartResultsPanel .levelUp__loading__spinner::before {
  width: calc(40px / 2);
  height: calc(40px / 2);
  background: var(--accent-color);
  border-radius: 100% 0 0 0;
  transform-origin: bottom right;
  animation: loading 1.4s infinite linear;
  z-index: 1;
}
.smartResultsPanel .levelUp__loading__spinner::after {
  width: 30px;
  height: 30px;
  margin-top: calc(10px / 2);
  margin-left: calc(-40px / 2 + 10px / 2);
  background: #fff;
  border-radius: 50%;
  z-index: 2;
}
.smartResultsPanel .levelUp__loading__message {
  max-width: 210px;
  color: var(--accent-color);
}
.smartResultsPanel .levelUp__loading__message strong {
  font-weight: 600;
}
.keyMap .keyMap__content {
  margin-left: 0;
}
@media screen and (max-width: 1024px) {
  .keyMap .keyMap__content {
    margin-left: 10px;
  }
}
.keyMap .keyMap__header {
  font-weight: bold;
  color: var(--text-neutral);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-bottom: 10px;
}
.keyMap .keyMap__header div:first-child {
  align-self: center;
  width: 100px;
}
.keyMap .keyMap__body {
  font-weight: 400;
  color: var(--text-neutral);
}
.keyMap .key__itemContainer {
  margin-bottom: 5px;
}
.keyMap .key__itemContainer--NAP .item__img-wrapper {
  font-style: italic;
}
.keyMap .keyMap__item {
  width: 100%;
  display: grid;
  grid-template-columns: 100px 200px;
  align-items: center;
}
.keyMap .item__img-wrapper {
  width: 40px;
  height: 40px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* Mixins *******************************************************************/
.striped {
  background-image: url(data:image/gif;base64,R0lGODlhBgAGAPEAAN3d3f///wAAAAAAACH5BAkAAAIALAAAAAAGAAYAAAIJlA0neYzqlhIFADs=);
  background-position: left top;
  background-repeat: repeat;
}
.legacy {
  /*!
 * Bootstrap v2.0.3
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
  /* Links ******************************************************************/
  /* Badges *******************************************************************/
  /* Banner *******************************************************************/
  /* Book *********************************************************************/
  /* Buttons ******************************************************************/
  /* Content ******************************************************************/
  /* List *********************************************************************/
  /* Footer *******************************************************************/
  /* Forms ********************************************************************/
  /* Used in js via disableSelect method  */
  /* Icons ********************************************************************/
  /* RSS. */
  /* .icon-rss */
  /* Filters. */
  /* .icon-th */
  /* .icon-asterisk */
  /* .icon-asterisk */
  /* .icon-asterisk */
  /* .icon-asterisk */
  /* .icon-star */
  /* Structures. */
  /* .icon-bullet */
  /* .icon-bullet */
  /* .icon-chevron-down */
  /* .icon-chevron-right */
  /* .icon-refresh */
  /* .icon-exclamation-sign */
  /* Contents. */
  /* .icon-star */
  /* .icon-file */
  /* .icon-film */
  /* .icon-eye-open */
  /* .icon-camera */
  /* Action buttons.  */
  /* .icon-plus */
  /* .icon-plus */
  /* User */
  /* Action toolbar.  */
  /* .icon-eye-open */
  /* .icon-pencil */
  /* .icon-remove-sign */
  /* Brighten the star icon. */
  /* Animate the refreshing icon. */
  /* Navigation bar ***********************************************************/
  /* Navigation list **********************************************************/
  /**** Sidebar for home **/
  /* UM Management Dialog */
  /* Search *******************************************************************/
  /* Sidebar ******************************************************************/
  /* Skip links ***************************************************************/
  /* Title ********************************************************************/
  /* Misc stuff ***************************************************************/
  /* Minimum width */
  /* Align text */
  /* Text formatting */
  /* Focus indicator */
  /* Fixed table header scrollbar issue */
  /* This CSS is just to hide some elements for the V3 */
  /* After that, just remove it, please */
  /* @ Assignments & Resources */
}
.legacy article,
.legacy aside,
.legacy details,
.legacy figcaption,
.legacy figure,
.legacy footer,
.legacy header,
.legacy hgroup,
.legacy nav,
.legacy section {
  display: block;
}
.legacy audio,
.legacy canvas,
.legacy video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.legacy audio:not([controls]) {
  display: none;
}
.legacy html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
.legacy a:focus {
  -webkit-box-shadow: 0 0 0 1px #333 inset;
  -moz-box-shadow: 0 0 0 1px #333 inset;
  box-shadow: 0 0 0 1px #333 inset;
  border-color: rgba(58, 123, 59, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(58, 123, 59, 0.6);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(58, 123, 59, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(58, 123, 59, 0.6);
  outline: none;
}
.legacy a:hover,
.legacy a:active {
  outline: 0;
}
.legacy sub,
.legacy sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
.legacy sup {
  top: -0.5em;
}
.legacy sub {
  bottom: -0.25em;
}
.legacy img {
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
.legacy button,
.legacy input,
.legacy select,
.legacy textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}
.legacy button,
.legacy input {
  *overflow: visible;
  line-height: normal;
}
.legacy button::-moz-focus-inner,
.legacy input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.legacy button,
.legacy input[type="button"],
.legacy input[type="reset"],
.legacy input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
.legacy input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}
.legacy input[type="search"]::-webkit-search-decoration,
.legacy input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.legacy textarea {
  overflow: auto;
  vertical-align: top;
}
.legacy body {
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  color: #333;
  background-color: #fff;
}
.legacy a {
  color: #3a7b3b;
  border-bottom: 1px dotted #3a7b3b;
  line-height: 100%;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.5s;
}
.legacy a:hover {
  color: #214722;
  border-bottom-color: #214722;
}
.legacy header a {
  border: 0;
}
.legacy .row {
  margin-left: -20px;
  *zoom: 1;
}
.legacy .row:before,
.legacy .row:after {
  display: table;
  content: "";
}
.legacy .row:after {
  clear: both;
}
.legacy [class*="span"] {
  float: left;
  margin-left: 20px;
}
.legacy .container,
.legacy .navbar-fixed-top .container,
.legacy .navbar-fixed-bottom .container {
  width: 940px;
}
.legacy .span12 {
  width: 940px;
}
.legacy .span11 {
  width: 860px;
}
.legacy .span10 {
  width: 780px;
}
.legacy .span9 {
  width: 700px;
}
.legacy .span8 {
  width: 620px;
}
.legacy .span7 {
  width: 540px;
}
.legacy .span6 {
  width: 460px;
}
.legacy .span5 {
  width: 380px;
}
.legacy .span4 {
  width: 300px;
}
.legacy .span3 {
  width: 220px;
}
.legacy .span2 {
  width: 140px;
}
.legacy .span1 {
  width: 60px;
}
.legacy .offset12 {
  margin-left: 980px;
}
.legacy .offset11 {
  margin-left: 900px;
}
.legacy .offset10 {
  margin-left: 820px;
}
.legacy .offset9 {
  margin-left: 740px;
}
.legacy .offset8 {
  margin-left: 660px;
}
.legacy .offset7 {
  margin-left: 580px;
}
.legacy .offset6 {
  margin-left: 500px;
}
.legacy .offset5 {
  margin-left: 420px;
}
.legacy .offset4 {
  margin-left: 340px;
}
.legacy .offset3 {
  margin-left: 260px;
}
.legacy .offset2 {
  margin-left: 180px;
}
.legacy .offset1 {
  margin-left: 100px;
}
.legacy .row-fluid {
  width: 100%;
  *zoom: 1;
}
.legacy .row-fluid:before,
.legacy .row-fluid:after {
  display: table;
  content: "";
}
.legacy .row-fluid:after {
  clear: both;
}
.legacy .row-fluid [class*="span"] {
  display: block;
  width: 100%;
  min-height: 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-left: 2.12765957%;
  *margin-left: 2.07446808%;
}
.legacy .row-fluid [class*="span"]:first-child {
  margin-left: 0;
}
.legacy .row-fluid .span12 {
  width: 99.99999999%;
  *width: 99.9468085%;
}
.legacy .row-fluid .span11 {
  width: 91.48936169%;
  *width: 91.4361702%;
}
.legacy .row-fluid .span10 {
  width: 82.9787234%;
  *width: 82.92553191%;
}
.legacy .row-fluid .span9 {
  width: 74.4680851%;
  *width: 74.41489361%;
}
.legacy .row-fluid .span8 {
  width: 65.9574468%;
  *width: 65.90425531%;
}
.legacy .row-fluid .span7 {
  width: 57.4468085%;
  *width: 57.39361702%;
}
.legacy .row-fluid .span6 {
  width: 48.93617021%;
  *width: 48.88297872%;
}
.legacy .row-fluid .span5 {
  width: 40.42553191%;
  *width: 40.37234042%;
}
.legacy .row-fluid .span4 {
  width: 31.91489361%;
  *width: 31.86170212%;
}
.legacy .row-fluid .span3 {
  width: 23.40425532%;
  *width: 23.35106383%;
}
.legacy .row-fluid .span2 {
  width: 14.89361702%;
  *width: 14.84042553%;
}
.legacy .row-fluid .span1 {
  width: 6.38297872%;
  *width: 6.32978723%;
}
.legacy .container {
  margin-right: auto;
  margin-left: auto;
  *zoom: 1;
}
.legacy .container:before,
.legacy .container:after {
  display: table;
  content: "";
}
.legacy .container:after {
  clear: both;
}
.legacy .container-fluid {
  padding-right: 20px;
  padding-left: 20px;
  *zoom: 1;
}
.legacy .container-fluid:before,
.legacy .container-fluid:after {
  display: table;
  content: "";
}
.legacy .container-fluid:after {
  clear: both;
}
.legacy p {
  margin: 0 0 9px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
}
.legacy p small {
  font-size: 11px;
  color: #999;
}
.legacy .lead {
  margin-bottom: 18px;
  font-size: 20px;
  font-weight: 200;
  line-height: 27px;
}
.legacy h1,
.legacy h2,
.legacy h3,
.legacy h4,
.legacy h5,
.legacy h6 {
  margin: 0;
  font-family: inherit;
  font-weight: bold;
  color: inherit;
  text-rendering: optimizelegibility;
}
.legacy h1 small,
.legacy h2 small,
.legacy h3 small,
.legacy h4 small,
.legacy h5 small,
.legacy h6 small {
  font-weight: normal;
  color: #999;
}
.legacy h1 {
  font-size: 30px;
  line-height: 36px;
}
.legacy h1 small {
  font-size: 18px;
}
.legacy h2 {
  font-size: 24px;
  line-height: 36px;
}
.legacy h2 small {
  font-size: 18px;
}
.legacy h3 {
  font-size: 18px;
  line-height: 27px;
}
.legacy h3 small {
  font-size: 14px;
}
.legacy h4,
.legacy h5,
.legacy h6 {
  line-height: 18px;
}
.legacy h4 {
  font-size: 14px;
}
.legacy h4 small {
  font-size: 12px;
}
.legacy h5 {
  font-size: 12px;
}
.legacy h6 {
  font-size: 11px;
  color: #999;
  text-transform: uppercase;
}
.legacy .page-header {
  padding-bottom: 17px;
  margin: 18px 0;
  border-bottom: 1px solid #eee;
}
.legacy .page-header h1 {
  line-height: 1;
}
.legacy ul,
.legacy ol {
  padding: 0;
  margin: 0 0 9px 25px;
}
.legacy ul ul,
.legacy ul ol,
.legacy ol ol,
.legacy ol ul {
  margin-bottom: 0;
}
.legacy ul {
  list-style: disc;
}
.legacy ol {
  list-style: decimal;
}
.legacy li {
  line-height: 18px;
}
.legacy ul.unstyled,
.legacy ol.unstyled {
  margin-left: 0;
  list-style: none;
}
.legacy dl {
  margin-bottom: 18px;
}
.legacy dt,
.legacy dd {
  line-height: 18px;
}
.legacy dt {
  font-weight: bold;
  line-height: 17px;
}
.legacy dd {
  margin-left: 18px / 2;
}
.legacy .dl-horizontal dt {
  float: left;
  width: 120px;
  clear: left;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.legacy .dl-horizontal dd {
  margin-left: 130px;
}
.legacy hr {
  margin: 18px 0;
  border: 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #fff;
}
.legacy strong {
  font-weight: bold;
}
.legacy em {
  font-style: italic;
}
.legacy .muted {
  color: #999;
}
.legacy abbr[title] {
  cursor: help;
  border-bottom: 1px dotted #ddd;
}
.legacy abbr.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
.legacy blockquote {
  padding: 0 0 0 15px;
  margin: 0 0 18px;
  border-left: 5px solid #eee;
}
.legacy blockquote p {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 22.5px;
}
.legacy blockquote small {
  display: block;
  line-height: 18px;
  color: #999;
}
.legacy blockquote small:before {
  content: '\2014 \00A0';
}
.legacy blockquote.pull-right {
  float: right;
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eee;
  border-left: 0;
}
.legacy blockquote.pull-right p,
.legacy blockquote.pull-right small {
  text-align: right;
}
.legacy q:before,
.legacy q:after,
.legacy blockquote:before,
.legacy blockquote:after {
  content: "";
}
.legacy address {
  display: block;
  margin-bottom: 18px;
  font-style: normal;
  line-height: 18px;
}
.legacy small {
  font-size: 100%;
}
.legacy cite {
  font-style: normal;
}
.legacy code,
.legacy pre {
  padding: 0 3px 2px;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 12px;
  color: #333;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.legacy code {
  padding: 2px 4px;
  color: #d14;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
}
.legacy pre {
  display: block;
  padding: 17px / 2;
  margin: 0 0 18px / 2;
  font-size: 12.025px;
  line-height: 18px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.legacy pre.prettyprint {
  margin-bottom: 18px;
}
.legacy pre code {
  padding: 0;
  color: inherit;
  background-color: transparent;
  border: 0;
}
.legacy .pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.legacy form {
  margin: 0 0 18px;
}
.legacy fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}
.legacy legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 27px;
  font-size: 19.5px;
  line-height: 36px;
  color: #333;
  border: 0;
  border-bottom: 1px solid #eee;
}
.legacy legend small {
  font-size: 13.5px;
  color: #999;
}
.legacy label,
.legacy input,
.legacy button,
.legacy select,
.legacy textarea {
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
}
.legacy input,
.legacy button,
.legacy select,
.legacy textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.legacy label {
  display: block;
  margin-bottom: 5px;
  color: #333;
}
.legacy input,
.legacy textarea,
.legacy select,
.legacy .uneditable-input {
  display: inline-block;
  width: 210px;
  height: 18px;
  padding: 4px;
  margin-bottom: 9px;
  font-size: 13px;
  line-height: 18px;
  color: #555;
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.legacy .uneditable-textarea {
  width: auto;
  height: auto;
}
.legacy label input,
.legacy label textarea,
.legacy label select {
  display: block;
}
.legacy input[type="image"],
.legacy input[type="checkbox"],
.legacy input[type="radio"] {
  width: auto;
  height: auto;
  padding: 0;
  margin: 3px 0;
  *margin-top: 0;
  /* IE7 */
  line-height: normal;
  cursor: pointer;
  background-color: transparent;
  border: 0 \9;
  /* IE9 and down */
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.legacy input[type="image"] {
  border: 0;
}
.legacy input[type="file"] {
  width: auto;
  padding: initial;
  line-height: initial;
  background-color: #fff;
  background-color: initial;
  border: initial;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.legacy input[type="button"],
.legacy input[type="reset"],
.legacy input[type="submit"] {
  width: auto;
  height: auto;
}
.legacy select,
.legacy input[type="file"] {
  height: 28px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */
  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */
  line-height: 28px;
}
.legacy input[type="file"] {
  line-height: 18px \9;
}
.legacy select {
  width: 220px;
  background-color: #fff;
}
.legacy select[multiple],
.legacy select[size] {
  height: auto;
}
.legacy input[type="image"] {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.legacy textarea {
  height: auto;
}
.legacy input[type="hidden"] {
  display: none;
}
.legacy .radio,
.legacy .checkbox {
  min-height: 18px;
  padding-left: 18px;
}
.legacy .radio input[type="radio"],
.legacy .checkbox input[type="checkbox"] {
  float: left;
  margin-left: -18px;
}
.legacy .controls > .radio:first-child,
.legacy .controls > .checkbox:first-child {
  padding-top: 5px;
}
.legacy .radio.inline,
.legacy .checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}
.legacy .radio.inline + .radio.inline,
.legacy .checkbox.inline + .checkbox.inline {
  margin-left: 10px;
}
.legacy input,
.legacy textarea {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
.legacy input:focus,
.legacy textarea:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}
.legacy input[type="file"]:focus,
.legacy input[type="radio"]:focus,
.legacy input[type="checkbox"]:focus,
.legacy select:focus {
  -webkit-box-shadow: 0 0 0 1px #333 inset;
  -moz-box-shadow: 0 0 0 1px #333 inset;
  box-shadow: 0 0 0 1px #333 inset;
  border-color: rgba(58, 123, 59, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(58, 123, 59, 0.6);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(58, 123, 59, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(58, 123, 59, 0.6);
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.legacy .input-mini {
  width: 60px;
}
.legacy .input-small {
  width: 90px;
}
.legacy .input-medium {
  width: 150px;
}
.legacy .input-large {
  width: 210px;
}
.legacy .input-xlarge {
  width: 270px;
}
.legacy .input-xxlarge {
  width: 530px;
}
.legacy input[class*="span"],
.legacy select[class*="span"],
.legacy textarea[class*="span"],
.legacy .uneditable-input[class*="span"],
.legacy .row-fluid input[class*="span"],
.legacy .row-fluid select[class*="span"],
.legacy .row-fluid textarea[class*="span"],
.legacy .row-fluid .uneditable-input[class*="span"] {
  float: none;
  margin-left: 0;
}
.legacy input,
.legacy textarea,
.legacy .uneditable-input {
  margin-left: 0;
}
.legacy input.span12,
.legacy textarea.span12,
.legacy .uneditable-input.span12 {
  width: 930px;
}
.legacy input.span11,
.legacy textarea.span11,
.legacy .uneditable-input.span11 {
  width: 850px;
}
.legacy input.span10,
.legacy textarea.span10,
.legacy .uneditable-input.span10 {
  width: 770px;
}
.legacy input.span9,
.legacy textarea.span9,
.legacy .uneditable-input.span9 {
  width: 690px;
}
.legacy input.span8,
.legacy textarea.span8,
.legacy .uneditable-input.span8 {
  width: 610px;
}
.legacy input.span7,
.legacy textarea.span7,
.legacy .uneditable-input.span7 {
  width: 530px;
}
.legacy input.span6,
.legacy textarea.span6,
.legacy .uneditable-input.span6 {
  width: 450px;
}
.legacy input.span5,
.legacy textarea.span5,
.legacy .uneditable-input.span5 {
  width: 370px;
}
.legacy input.span4,
.legacy textarea.span4,
.legacy .uneditable-input.span4 {
  width: 290px;
}
.legacy input.span3,
.legacy textarea.span3,
.legacy .uneditable-input.span3 {
  width: 210px;
}
.legacy input.span2,
.legacy textarea.span2,
.legacy .uneditable-input.span2 {
  width: 130px;
}
.legacy input.span1,
.legacy textarea.span1,
.legacy .uneditable-input.span1 {
  width: 50px;
}
.legacy input[disabled],
.legacy select[disabled],
.legacy textarea[disabled],
.legacy input[readonly],
.legacy select[readonly],
.legacy textarea[readonly] {
  cursor: not-allowed;
  background-color: #eee;
  border-color: #ddd;
}
.legacy input[type="radio"][disabled],
.legacy input[type="checkbox"][disabled],
.legacy input[type="radio"][readonly],
.legacy input[type="checkbox"][readonly] {
  background-color: transparent;
}
.legacy .control-group.warning > label,
.legacy .control-group.warning .help-block,
.legacy .control-group.warning .help-inline {
  color: #c09853;
}
.legacy .control-group.warning input,
.legacy .control-group.warning select,
.legacy .control-group.warning textarea {
  color: #c09853;
  border-color: #c09853;
}
.legacy .control-group.warning input:focus,
.legacy .control-group.warning select:focus,
.legacy .control-group.warning textarea:focus {
  border-color: #a47e3c;
  -webkit-box-shadow: 0 0 6px #dbc59e;
  -moz-box-shadow: 0 0 6px #dbc59e;
  box-shadow: 0 0 6px #dbc59e;
}
.legacy .control-group.warning .input-prepend .add-on,
.legacy .control-group.warning .input-append .add-on {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #c09853;
}
.legacy .control-group.error > label,
.legacy .control-group.error .help-block,
.legacy .control-group.error .help-inline {
  color: #b94a48;
}
.legacy .control-group.error input,
.legacy .control-group.error select,
.legacy .control-group.error textarea {
  color: #b94a48;
  border-color: #b94a48;
}
.legacy .control-group.error input:focus,
.legacy .control-group.error select:focus,
.legacy .control-group.error textarea:focus {
  border-color: #953b39;
  -webkit-box-shadow: 0 0 6px #d59392;
  -moz-box-shadow: 0 0 6px #d59392;
  box-shadow: 0 0 6px #d59392;
}
.legacy .control-group.error .input-prepend .add-on,
.legacy .control-group.error .input-append .add-on {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #b94a48;
}
.legacy .control-group.success > label,
.legacy .control-group.success .help-block,
.legacy .control-group.success .help-inline {
  color: #468847;
}
.legacy .control-group.success input,
.legacy .control-group.success select,
.legacy .control-group.success textarea {
  color: #468847;
  border-color: #468847;
}
.legacy .control-group.success input:focus,
.legacy .control-group.success select:focus,
.legacy .control-group.success textarea:focus {
  border-color: #356635;
  -webkit-box-shadow: 0 0 6px #7aba7b;
  -moz-box-shadow: 0 0 6px #7aba7b;
  box-shadow: 0 0 6px #7aba7b;
}
.legacy .control-group.success .input-prepend .add-on,
.legacy .control-group.success .input-append .add-on {
  color: #468847;
  background-color: #dff0d8;
  border-color: #468847;
}
.legacy input:focus:required:invalid,
.legacy textarea:focus:required:invalid,
.legacy select:focus:required:invalid {
  color: #b94a48;
  border-color: #ee5f5b;
}
.legacy input:focus:required:invalid:focus,
.legacy textarea:focus:required:invalid:focus,
.legacy select:focus:required:invalid:focus {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
  -moz-box-shadow: 0 0 6px #f8b9b7;
  box-shadow: 0 0 6px #f8b9b7;
}
.legacy .form-actions {
  padding: 17px 20px 18px;
  margin-top: 18px;
  margin-bottom: 18px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  *zoom: 1;
}
.legacy .form-actions:before,
.legacy .form-actions:after {
  display: table;
  content: "";
}
.legacy .form-actions:after {
  clear: both;
}
.legacy .uneditable-input {
  overflow: hidden;
  white-space: nowrap;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #eee;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
}
.legacy :-moz-placeholder {
  color: #999;
}
.legacy ::-webkit-input-placeholder {
  color: #999;
}
.legacy .help-block,
.legacy .help-inline {
  color: #555;
}
.legacy .help-block {
  display: block;
  margin-bottom: 18px / 2;
}
.legacy .help-inline {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  vertical-align: middle;
  padding-left: 5px;
}
.legacy .input-prepend,
.legacy .input-append {
  margin-bottom: 5px;
}
.legacy .input-prepend input,
.legacy .input-append input,
.legacy .input-prepend select,
.legacy .input-append select,
.legacy .input-prepend .uneditable-input,
.legacy .input-append .uneditable-input {
  position: relative;
  margin-bottom: 0;
  *margin-left: 0;
  vertical-align: middle;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.legacy .input-prepend input:focus,
.legacy .input-append input:focus,
.legacy .input-prepend select:focus,
.legacy .input-append select:focus,
.legacy .input-prepend .uneditable-input:focus,
.legacy .input-append .uneditable-input:focus {
  z-index: 2;
}
.legacy .input-prepend .uneditable-input,
.legacy .input-append .uneditable-input {
  border-left-color: #ccc;
}
.legacy .input-prepend .add-on,
.legacy .input-append .add-on {
  display: inline-block;
  width: auto;
  height: 18px;
  min-width: 16px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
  background-color: #eee;
  border: 1px solid #ccc;
}
.legacy .input-prepend .add-on,
.legacy .input-append .add-on,
.legacy .input-prepend .btn,
.legacy .input-append .btn {
  margin-left: -1px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.legacy .input-prepend .active,
.legacy .input-append .active {
  background-color: #a9dba9;
  border-color: #46a546;
}
.legacy .input-prepend .add-on,
.legacy .input-prepend .btn {
  margin-right: -1px;
}
.legacy .input-prepend .add-on:first-child,
.legacy .input-prepend .btn:first-child {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.legacy .input-append input,
.legacy .input-append select,
.legacy .input-append .uneditable-input {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.legacy .input-append .uneditable-input {
  border-right-color: #ccc;
  border-left-color: #eee;
}
.legacy .input-append .add-on:last-child,
.legacy .input-append .btn:last-child {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.legacy .input-prepend.input-append input,
.legacy .input-prepend.input-append select,
.legacy .input-prepend.input-append .uneditable-input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.legacy .input-prepend.input-append .add-on:first-child,
.legacy .input-prepend.input-append .btn:first-child {
  margin-right: -1px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.legacy .input-prepend.input-append .add-on:last-child,
.legacy .input-prepend.input-append .btn:last-child {
  margin-left: -1px;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.legacy .search-query {
  padding-right: 14px;
  padding-right: 4px \9;
  padding-left: 14px;
  padding-left: 4px \9;
  /* IE7-8 doesn't have border-radius, so don't indent the padding */
  margin-bottom: 0;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
}
.legacy .form-search input,
.legacy .form-inline input,
.legacy .form-horizontal input,
.legacy .form-search textarea,
.legacy .form-inline textarea,
.legacy .form-horizontal textarea,
.legacy .form-search select,
.legacy .form-inline select,
.legacy .form-horizontal select,
.legacy .form-search .help-inline,
.legacy .form-inline .help-inline,
.legacy .form-horizontal .help-inline,
.legacy .form-search .uneditable-input,
.legacy .form-inline .uneditable-input,
.legacy .form-horizontal .uneditable-input,
.legacy .form-search .input-prepend,
.legacy .form-inline .input-prepend,
.legacy .form-horizontal .input-prepend,
.legacy .form-search .input-append,
.legacy .form-inline .input-append,
.legacy .form-horizontal .input-append {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  margin-bottom: 0;
}
.legacy .form-search .hide,
.legacy .form-inline .hide,
.legacy .form-horizontal .hide {
  display: none;
}
.legacy .form-search label,
.legacy .form-inline label {
  display: inline-block;
}
.legacy .form-search .input-append,
.legacy .form-inline .input-append,
.legacy .form-search .input-prepend,
.legacy .form-inline .input-prepend {
  margin-bottom: 0;
}
.legacy .form-search .radio,
.legacy .form-search .checkbox,
.legacy .form-inline .radio,
.legacy .form-inline .checkbox {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle;
}
.legacy .form-search .radio input[type="radio"],
.legacy .form-search .checkbox input[type="checkbox"],
.legacy .form-inline .radio input[type="radio"],
.legacy .form-inline .checkbox input[type="checkbox"] {
  float: left;
  margin-right: 3px;
  margin-left: 0;
}
.legacy .control-group {
  margin-bottom: 18px / 2;
}
.legacy legend + .control-group {
  margin-top: 18px;
  -webkit-margin-top-collapse: separate;
}
.legacy .form-horizontal .control-group {
  margin-bottom: 18px;
  *zoom: 1;
}
.legacy .form-horizontal .control-group:before,
.legacy .form-horizontal .control-group:after {
  display: table;
  content: "";
}
.legacy .form-horizontal .control-group:after {
  clear: both;
}
.legacy .form-horizontal .control-label {
  float: left;
  width: 140px;
  padding-top: 5px;
  text-align: right;
}
.legacy .form-horizontal .controls {
  margin-left: 160px;
}
.legacy .form-horizontal img.info {
  float: left;
  margin-right: 10px;
}
.legacy .form-horizontal #school-info {
  width: 100%;
  float: left;
  height: 60px;
  margin-bottom: 10px;
}
.legacy .form-horizontal #school-info #school-logo {
  float: left;
}
.legacy .form-horizontal #school-info h3 {
  float: left;
  margin: 10px 0 0 10px;
  font-size: 14px;
}
.legacy .form-horizontal .help-block {
  margin-top: 0px;
  margin-bottom: 0;
  width: 262px;
  float: left;
}
.legacy .form-horizontal .form-actions {
  padding-left: 160px;
}
.legacy table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}
.legacy .table {
  width: 100%;
  margin-bottom: 18px;
}
.legacy .table th,
.legacy .table td {
  padding: 8px;
  line-height: 18px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.legacy .table th {
  font-weight: bold;
}
.legacy .table thead th {
  vertical-align: bottom;
}
.legacy .table caption + thead tr:first-child th,
.legacy .table caption + thead tr:first-child td,
.legacy .table colgroup + thead tr:first-child th,
.legacy .table colgroup + thead tr:first-child td,
.legacy .table thead:first-child tr:first-child th,
.legacy .table thead:first-child tr:first-child td {
  border-top: 0;
}
.legacy .table tbody + tbody {
  border-top: 2px solid #ddd;
}
.legacy .table-condensed th,
.legacy .table-condensed td {
  padding: 4px 5px;
}
.legacy .table-bordered {
  border: 1px solid #ddd;
  border-collapse: separate;
  *border-collapse: collapsed;
  border-left: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.legacy .table-bordered th,
.legacy .table-bordered td {
  border-left: 1px solid #ddd;
}
.legacy .table-bordered caption + thead tr:first-child th,
.legacy .table-bordered caption + tbody tr:first-child th,
.legacy .table-bordered caption + tbody tr:first-child td,
.legacy .table-bordered colgroup + thead tr:first-child th,
.legacy .table-bordered colgroup + tbody tr:first-child th,
.legacy .table-bordered colgroup + tbody tr:first-child td,
.legacy .table-bordered thead:first-child tr:first-child th,
.legacy .table-bordered tbody:first-child tr:first-child th,
.legacy .table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}
.legacy .table-bordered thead:first-child tr:first-child th:first-child,
.legacy .table-bordered tbody:first-child tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}
.legacy .table-bordered thead:first-child tr:first-child th:last-child,
.legacy .table-bordered tbody:first-child tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}
.legacy .table-bordered thead:last-child tr:last-child th:first-child,
.legacy .table-bordered tbody:last-child tr:last-child td:first-child {
  -webkit-border-radius: 0 0 0 4px;
  -moz-border-radius: 0 0 0 4px;
  border-radius: 0 0 0 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
}
.legacy .table-bordered thead:last-child tr:last-child th:last-child,
.legacy .table-bordered tbody:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
}
.legacy .table-striped tbody tr:nth-child(odd) td,
.legacy .table-striped tbody tr:nth-child(odd) th {
  background-color: #f9f9f9;
}
.legacy .table tbody tr:hover td,
.legacy .table tbody tr:hover th {
  background-color: #f5f5f5;
}
.legacy table .span1 {
  float: none;
  width: 44px;
  margin-left: 0;
}
.legacy table .span2 {
  float: none;
  width: 124px;
  margin-left: 0;
}
.legacy table .span3 {
  float: none;
  width: 204px;
  margin-left: 0;
}
.legacy table .span4 {
  float: none;
  width: 284px;
  margin-left: 0;
}
.legacy table .span5 {
  float: none;
  width: 364px;
  margin-left: 0;
}
.legacy table .span6 {
  float: none;
  width: 444px;
  margin-left: 0;
}
.legacy table .span7 {
  float: none;
  width: 524px;
  margin-left: 0;
}
.legacy table .span8 {
  float: none;
  width: 604px;
  margin-left: 0;
}
.legacy table .span9 {
  float: none;
  width: 684px;
  margin-left: 0;
}
.legacy table .span10 {
  float: none;
  width: 764px;
  margin-left: 0;
}
.legacy table .span11 {
  float: none;
  width: 844px;
  margin-left: 0;
}
.legacy table .span12 {
  float: none;
  width: 924px;
  margin-left: 0;
}
.legacy table .span13 {
  float: none;
  width: 1004px;
  margin-left: 0;
}
.legacy table .span14 {
  float: none;
  width: 1084px;
  margin-left: 0;
}
.legacy table .span15 {
  float: none;
  width: 1164px;
  margin-left: 0;
}
.legacy table .span16 {
  float: none;
  width: 1244px;
  margin-left: 0;
}
.legacy table .span17 {
  float: none;
  width: 1324px;
  margin-left: 0;
}
.legacy table .span18 {
  float: none;
  width: 1404px;
  margin-left: 0;
}
.legacy table .span19 {
  float: none;
  width: 1484px;
  margin-left: 0;
}
.legacy table .span20 {
  float: none;
  width: 1564px;
  margin-left: 0;
}
.legacy table .span21 {
  float: none;
  width: 1644px;
  margin-left: 0;
}
.legacy table .span22 {
  float: none;
  width: 1724px;
  margin-left: 0;
}
.legacy table .span23 {
  float: none;
  width: 1804px;
  margin-left: 0;
}
.legacy table .span24 {
  float: none;
  width: 1884px;
  margin-left: 0;
}
.legacy [class^="icon-"],
.legacy [class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  *margin-right: 0.3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("/stylesheets/bootstrap/bootstrap-icons.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
}
.legacy [class^="icon-"]:last-child,
.legacy [class*=" icon-"]:last-child {
  *margin-left: 0;
}
.legacy .icon-white {
  background-image: url("/stylesheets/bootstrap/bootstrap-icons-white.png");
}
.legacy .icon-glass {
  background-position: 0      0;
}
.legacy .icon-music {
  background-position: -24px 0;
}
.legacy .icon-search {
  background-position: -48px 0;
}
.legacy .icon-envelope {
  background-position: -72px 0;
}
.legacy .icon-heart {
  background-position: -96px 0;
}
.legacy .icon-star {
  background-position: -120px 0;
}
.legacy .icon-star-empty {
  background-position: -144px 0;
}
.legacy .icon-user {
  background-position: -168px 0;
}
.legacy .icon-film {
  background-position: -192px 0;
}
.legacy .icon-th-large {
  background-position: -216px 0;
}
.legacy .icon-th {
  background-position: -240px 0;
}
.legacy .icon-th-list {
  background-position: -264px 0;
}
.legacy .icon-ok {
  background-position: -288px 0;
}
.legacy .icon-remove {
  background-position: -312px 0;
}
.legacy .icon-zoom-in {
  background-position: -336px 0;
}
.legacy .icon-zoom-out {
  background-position: -360px 0;
}
.legacy .icon-off {
  background-position: -384px 0;
}
.legacy .icon-signal {
  background-position: -408px 0;
}
.legacy .icon-cog {
  background-position: -432px 0;
}
.legacy .icon-trash {
  background-position: -456px 0;
}
.legacy .icon-home {
  background-position: 0 -24px;
}
.legacy .icon-file {
  background-position: -24px -24px;
}
.legacy .icon-time {
  background-position: -48px -24px;
}
.legacy .icon-road {
  background-position: -72px -24px;
}
.legacy .icon-download-alt {
  background-position: -96px -24px;
}
.legacy .icon-download {
  background-position: -120px -24px;
}
.legacy .icon-upload {
  background-position: -144px -24px;
}
.legacy .icon-inbox {
  background-position: -168px -24px;
}
.legacy .icon-play-circle {
  background-position: -192px -24px;
}
.legacy .icon-repeat {
  background-position: -216px -24px;
}
.legacy .icon-refresh {
  background-position: -240px -24px;
}
.legacy .icon-list-alt {
  background-position: -264px -24px;
}
.legacy .icon-lock {
  background-position: -287px -24px;
}
.legacy .icon-flag {
  background-position: -312px -24px;
}
.legacy .icon-headphones {
  background-position: -336px -24px;
}
.legacy .icon-volume-off {
  background-position: -360px -24px;
}
.legacy .icon-volume-down {
  background-position: -384px -24px;
}
.legacy .icon-volume-up {
  background-position: -408px -24px;
}
.legacy .icon-qrcode {
  background-position: -432px -24px;
}
.legacy .icon-barcode {
  background-position: -456px -24px;
}
.legacy .icon-tag {
  background-position: 0 -48px;
}
.legacy .icon-tags {
  background-position: -25px -48px;
}
.legacy .icon-book {
  background-position: -48px -48px;
}
.legacy .icon-bookmark {
  background-position: -72px -48px;
}
.legacy .icon-print {
  background-position: -96px -48px;
}
.legacy .icon-camera {
  background-position: -120px -48px;
}
.legacy .icon-font {
  background-position: -144px -48px;
}
.legacy .icon-bold {
  background-position: -167px -48px;
}
.legacy .icon-italic {
  background-position: -192px -48px;
}
.legacy .icon-text-height {
  background-position: -216px -48px;
}
.legacy .icon-text-width {
  background-position: -240px -48px;
}
.legacy .icon-align-left {
  background-position: -264px -48px;
}
.legacy .icon-align-center {
  background-position: -288px -48px;
}
.legacy .icon-align-right {
  background-position: -312px -48px;
}
.legacy .icon-align-justify {
  background-position: -336px -48px;
}
.legacy .icon-list {
  background-position: -360px -48px;
}
.legacy .icon-indent-left {
  background-position: -384px -48px;
}
.legacy .icon-indent-right {
  background-position: -408px -48px;
}
.legacy .icon-facetime-video {
  background-position: -432px -48px;
}
.legacy .icon-picture {
  background-position: -456px -48px;
}
.legacy .icon-pencil {
  background-position: 0 -72px;
}
.legacy .icon-map-marker {
  background-position: -24px -72px;
}
.legacy .icon-adjust {
  background-position: -48px -72px;
}
.legacy .icon-tint {
  background-position: -72px -72px;
}
.legacy .icon-edit {
  background-position: -96px -72px;
}
.legacy .icon-share {
  background-position: -120px -72px;
}
.legacy .icon-check {
  background-position: -144px -72px;
}
.legacy .icon-move {
  background-position: -168px -72px;
}
.legacy .icon-step-backward {
  background-position: -192px -72px;
}
.legacy .icon-fast-backward {
  background-position: -216px -72px;
}
.legacy .icon-backward {
  background-position: -240px -72px;
}
.legacy .icon-play {
  background-position: -264px -72px;
}
.legacy .icon-pause {
  background-position: -288px -72px;
}
.legacy .icon-stop {
  background-position: -312px -72px;
}
.legacy .icon-forward {
  background-position: -336px -72px;
}
.legacy .icon-fast-forward {
  background-position: -360px -72px;
}
.legacy .icon-step-forward {
  background-position: -384px -72px;
}
.legacy .icon-eject {
  background-position: -408px -72px;
}
.legacy .icon-chevron-left {
  background-position: -432px -72px;
}
.legacy .icon-chevron-right {
  background-position: -456px -72px;
}
.legacy .icon-plus-sign {
  background-position: 0 -96px;
}
.legacy .icon-minus-sign {
  background-position: -24px -96px;
}
.legacy .icon-remove-sign {
  background-position: -48px -96px;
}
.legacy .icon-ok-sign {
  background-position: -72px -96px;
}
.legacy .icon-question-sign {
  background-position: -96px -96px;
}
.legacy .icon-info-sign {
  background-position: -120px -96px;
}
.legacy .icon-screenshot {
  background-position: -144px -96px;
}
.legacy .icon-remove-circle {
  background-position: -168px -96px;
}
.legacy .icon-ok-circle {
  background-position: -192px -96px;
}
.legacy .icon-ban-circle {
  background-position: -216px -96px;
}
.legacy .icon-arrow-left {
  background-position: -240px -96px;
}
.legacy .icon-arrow-right {
  background-position: -264px -96px;
}
.legacy .icon-arrow-up {
  background-position: -289px -96px;
}
.legacy .icon-arrow-down {
  background-position: -312px -96px;
}
.legacy .icon-share-alt {
  background-position: -336px -96px;
}
.legacy .icon-resize-full {
  background-position: -360px -96px;
}
.legacy .icon-resize-small {
  background-position: -384px -96px;
}
.legacy .icon-plus {
  background-position: -408px -96px;
}
.legacy .icon-minus {
  background-position: -433px -96px;
}
.legacy .icon-asterisk {
  background-position: -456px -96px;
}
.legacy .icon-exclamation-sign {
  background-position: 0 -120px;
}
.legacy .icon-gift {
  background-position: -24px -120px;
}
.legacy .icon-leaf {
  background-position: -48px -120px;
}
.legacy .icon-fire {
  background-position: -72px -120px;
}
.legacy .icon-eye-open {
  background-position: -96px -120px;
}
.legacy .icon-eye-close {
  background-position: -120px -120px;
}
.legacy .icon-warning-sign {
  background-position: -144px -120px;
}
.legacy .icon-plane {
  background-position: -168px -120px;
}
.legacy .icon-calendar {
  background-position: -192px -120px;
}
.legacy .icon-random {
  background-position: -216px -120px;
}
.legacy .icon-comment {
  background-position: -240px -120px;
}
.legacy .icon-magnet {
  background-position: -264px -120px;
}
.legacy .icon-chevron-up {
  background-position: -288px -120px;
}
.legacy .icon-chevron-down {
  background-position: -313px -119px;
}
.legacy .icon-retweet {
  background-position: -336px -120px;
}
.legacy .icon-shopping-cart {
  background-position: -360px -120px;
}
.legacy .icon-folder-close {
  background-position: -384px -120px;
}
.legacy .icon-folder-open {
  background-position: -408px -120px;
}
.legacy .icon-resize-vertical {
  background-position: -432px -119px;
}
.legacy .icon-resize-horizontal {
  background-position: -456px -118px;
}
.legacy .icon-hdd {
  background-position: 0 -144px;
}
.legacy .icon-bullhorn {
  background-position: -24px -144px;
}
.legacy .icon-bell {
  background-position: -48px -144px;
}
.legacy .icon-certificate {
  background-position: -72px -144px;
}
.legacy .icon-thumbs-up {
  background-position: -96px -144px;
}
.legacy .icon-thumbs-down {
  background-position: -120px -144px;
}
.legacy .icon-hand-right {
  background-position: -144px -144px;
}
.legacy .icon-hand-left {
  background-position: -168px -144px;
}
.legacy .icon-hand-up {
  background-position: -192px -144px;
}
.legacy .icon-hand-down {
  background-position: -216px -144px;
}
.legacy .icon-circle-arrow-right {
  background-position: -240px -144px;
}
.legacy .icon-circle-arrow-left {
  background-position: -264px -144px;
}
.legacy .icon-circle-arrow-up {
  background-position: -288px -144px;
}
.legacy .icon-circle-arrow-down {
  background-position: -312px -144px;
}
.legacy .icon-globe {
  background-position: -336px -144px;
}
.legacy .icon-wrench {
  background-position: -360px -144px;
}
.legacy .icon-tasks {
  background-position: -384px -144px;
}
.legacy .icon-filter {
  background-position: -408px -144px;
}
.legacy .icon-briefcase {
  background-position: -432px -144px;
}
.legacy .icon-fullscreen {
  background-position: -456px -144px;
}
.legacy .dropup,
.legacy .dropdown {
  position: relative;
}
.legacy .dropdown-toggle {
  *margin-bottom: -3px;
}
.legacy .dropdown-toggle:active,
.legacy .open .dropdown-toggle {
  outline: 0;
}
.legacy .caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 4px solid #000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
  opacity: calc(30 / 100);
  filter: alpha(opacity=30);
}
.legacy .dropdown .caret {
  margin-top: 8px;
  margin-left: 2px;
}
.legacy .dropdown:hover .caret,
.legacy .open .caret {
  opacity: calc(100 / 100);
  filter: alpha(opacity=100);
}
.legacy .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 4px 0;
  margin: 1px 0 0;
  list-style: none;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.legacy .dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.legacy .dropdown-menu .divider {
  *width: 100%;
  height: 1px;
  margin: 8px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #fff;
}
.legacy .dropdown-menu a {
  display: block;
  padding: 3px 15px;
  clear: both;
  font-weight: normal;
  line-height: 18px;
  color: #333;
  white-space: nowrap;
}
.legacy .dropdown-menu li > a:hover,
.legacy .dropdown-menu .active > a,
.legacy .dropdown-menu .active > a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #3a7b3b;
}
.legacy .open {
  *z-index: 1000;
}
.legacy .open .dropdown-menu {
  display: block;
}
.legacy .pull-right .dropdown-menu {
  right: 0;
  left: auto;
}
.legacy .dropup .caret,
.legacy .navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid #000;
  content: "\2191";
}
.legacy .dropup .dropdown-menu,
.legacy .navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}
.legacy .typeahead {
  margin-top: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.legacy .well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #eee;
  border: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.legacy .well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.legacy .well-large {
  padding: 24px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.legacy .well-small {
  padding: 9px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.legacy .close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 18px;
  color: #000;
  text-shadow: 0 1px 0 #ffffff;
  border: 0;
  opacity: calc(20 / 100);
  filter: alpha(opacity=20);
}
.legacy .close:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: calc(40 / 100);
  filter: alpha(opacity=40);
}
.legacy button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.legacy .btn {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 18px;
  *line-height: 20px;
  color: #333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #faf9f7;
  background-image: -moz-linear-gradient(top, #fff, #F2F1EA);
  background-image: -ms-linear-gradient(top, #fff, #F2F1EA);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#F2F1EA));
  background-image: -webkit-linear-gradient(top, #fff, #F2F1EA);
  background-image: -o-linear-gradient(top, #fff, #F2F1EA);
  background-image: linear-gradient(top, #fff, #F2F1EA);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#F2F1EA', GradientType=0);
  border-color: #F2F1EA #F2F1EA #d5d2bb;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #F2F1EA;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #ccc;
  *border: 0;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  *margin-left: 0.3em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  text-transform: uppercase;
}
.legacy .btn:hover,
.legacy .btn:active,
.legacy .btn.active,
.legacy .btn.disabled,
.legacy .btn[disabled] {
  background-color: #F2F1EA;
  *background-color: #e8e6da;
}
.legacy .btn:active,
.legacy .btn.active {
  background-color: #dfdccb \9;
}
.legacy .btn:first-child {
  *margin-left: 0;
}
.legacy .btn:hover {
  color: #333;
  text-decoration: none;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
  /* Buttons in IE7 don't get borders, so darken on hover */
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -ms-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
.legacy .btn:focus {
  -webkit-box-shadow: 0 0 0 1px #333 inset;
  -moz-box-shadow: 0 0 0 1px #333 inset;
  box-shadow: 0 0 0 1px #333 inset;
  border-color: rgba(58, 123, 59, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(58, 123, 59, 0.6);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(58, 123, 59, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(58, 123, 59, 0.6);
  outline: none;
}
.legacy .btn.active,
.legacy .btn:active {
  background-color: #e6e6e6;
  background-color: #d9d9d9 \9;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
.legacy .btn.disabled,
.legacy .btn[disabled] {
  cursor: default;
  background-color: #e6e6e6;
  background-image: none;
  opacity: calc(65 / 100);
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.legacy .btn-large {
  padding: 9px 14px;
  font-size: 15px;
  line-height: normal;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.legacy .btn-large [class^="icon-"] {
  margin-top: 1px;
}
.legacy .btn-small {
  padding: 5px 9px;
  font-size: 11px;
  line-height: 16px;
}
.legacy .btn-small [class^="icon-"] {
  margin-top: -1px;
}
.legacy .btn-mini {
  padding: 2px 6px;
  font-size: 11px;
  line-height: 14px;
}
.legacy .btn-primary,
.legacy .btn-primary:hover,
.legacy .btn-warning,
.legacy .btn-warning:hover,
.legacy .btn-danger,
.legacy .btn-danger:hover,
.legacy .btn-success,
.legacy .btn-success:hover,
.legacy .btn-info,
.legacy .btn-info:hover,
.legacy .btn-inverse,
.legacy .btn-inverse:hover {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.legacy .btn-primary.active,
.legacy .btn-warning.active,
.legacy .btn-danger.active,
.legacy .btn-success.active,
.legacy .btn-info.active,
.legacy .btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}
.legacy .btn {
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.legacy .btn-primary {
  background-color: #3a7b42;
  background-image: -moz-linear-gradient(top, #3a7b3b, #3a7b4b);
  background-image: -ms-linear-gradient(top, #3a7b3b, #3a7b4b);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3a7b3b), to(#3a7b4b));
  background-image: -webkit-linear-gradient(top, #3a7b3b, #3a7b4b);
  background-image: -o-linear-gradient(top, #3a7b3b, #3a7b4b);
  background-image: linear-gradient(top, #3a7b3b, #3a7b4b);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a7b3b', endColorstr='#3a7b4b', GradientType=0);
  border-color: #3a7b4b #3a7b4b #21472b;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #3a7b4b;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.legacy .btn-primary:hover,
.legacy .btn-primary:active,
.legacy .btn-primary.active,
.legacy .btn-primary.disabled,
.legacy .btn-primary[disabled] {
  background-color: #3a7b4b;
  *background-color: #326a41;
}
.legacy .btn-primary:active,
.legacy .btn-primary.active {
  background-color: #2a5836 \9;
}
.legacy .btn-warning {
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(top, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #f89406;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.legacy .btn-warning:hover,
.legacy .btn-warning:active,
.legacy .btn-warning.active,
.legacy .btn-warning.disabled,
.legacy .btn-warning[disabled] {
  background-color: #f89406;
  *background-color: #df8505;
}
.legacy .btn-warning:active,
.legacy .btn-warning.active {
  background-color: #c67605 \9;
}
.legacy .btn-danger {
  background-color: #da4f49;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(top, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #bd362f;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.legacy .btn-danger:hover,
.legacy .btn-danger:active,
.legacy .btn-danger.active,
.legacy .btn-danger.disabled,
.legacy .btn-danger[disabled] {
  background-color: #bd362f;
  *background-color: #a9302a;
}
.legacy .btn-danger:active,
.legacy .btn-danger.active {
  background-color: #942a25 \9;
}
.legacy .btn-success {
  background-color: #5bb75b;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -ms-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(top, #62c462, #51a351);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #51a351;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.legacy .btn-success:hover,
.legacy .btn-success:active,
.legacy .btn-success.active,
.legacy .btn-success.disabled,
.legacy .btn-success[disabled] {
  background-color: #51a351;
  *background-color: #499249;
}
.legacy .btn-success:active,
.legacy .btn-success.active {
  background-color: #408140 \9;
}
.legacy .btn-info {
  background-color: #49afcd;
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(top, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #2f96b4;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.legacy .btn-info:hover,
.legacy .btn-info:active,
.legacy .btn-info.active,
.legacy .btn-info.disabled,
.legacy .btn-info[disabled] {
  background-color: #2f96b4;
  *background-color: #2a85a0;
}
.legacy .btn-info:active,
.legacy .btn-info.active {
  background-color: #24748c \9;
}
.legacy .btn-inverse {
  background-color: #414141;
  background-image: -moz-linear-gradient(top, #555, #222);
  background-image: -ms-linear-gradient(top, #555, #222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555), to(#222));
  background-image: -webkit-linear-gradient(top, #555, #222);
  background-image: -o-linear-gradient(top, #555, #222);
  background-image: linear-gradient(top, #555, #222);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555', endColorstr='#222', GradientType=0);
  border-color: #222 #222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #222;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.legacy .btn-inverse:hover,
.legacy .btn-inverse:active,
.legacy .btn-inverse.active,
.legacy .btn-inverse.disabled,
.legacy .btn-inverse[disabled] {
  background-color: #222;
  *background-color: #151515;
}
.legacy .btn-inverse:active,
.legacy .btn-inverse.active {
  background-color: #080808 \9;
}
.legacy button.btn,
.legacy input[type="submit"].btn {
  *padding-top: 2px;
  *padding-bottom: 2px;
}
.legacy button.btn::-moz-focus-inner,
.legacy input[type="submit"].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.legacy button.btn.btn-large,
.legacy input[type="submit"].btn.btn-large {
  *padding-top: 7px;
  *padding-bottom: 7px;
}
.legacy button.btn.btn-small,
.legacy input[type="submit"].btn.btn-small {
  *padding-top: 3px;
  *padding-bottom: 3px;
}
.legacy button.btn.btn-mini,
.legacy input[type="submit"].btn.btn-mini {
  *padding-top: 1px;
  *padding-bottom: 1px;
}
.legacy .btn-group {
  position: relative;
  *zoom: 1;
  *margin-left: 0.3em;
}
.legacy .btn-group:before,
.legacy .btn-group:after {
  display: table;
  content: "";
}
.legacy .btn-group:after {
  clear: both;
}
.legacy .btn-group:first-child {
  *margin-left: 0;
}
.legacy .btn-group + .btn-group {
  margin-left: 5px;
}
.legacy .btn-toolbar {
  margin-top: 18px / 2;
  margin-bottom: 18px / 2;
}
.legacy .btn-toolbar .btn-group {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
}
.legacy .btn-group > .btn {
  position: relative;
  float: left;
  margin-left: -1px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.legacy .btn-group > .btn:first-child {
  margin-left: 0;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
.legacy .btn-group > .btn:last-child,
.legacy .btn-group > .dropdown-toggle {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
}
.legacy .btn-group > .btn.large:first-child {
  margin-left: 0;
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-left-radius: 6px;
}
.legacy .btn-group > .btn.large:last-child,
.legacy .btn-group > .large.dropdown-toggle {
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px;
}
.legacy .btn-group > .btn:hover,
.legacy .btn-group > .btn:focus,
.legacy .btn-group > .btn:active,
.legacy .btn-group > .btn.active {
  z-index: 2;
}
.legacy .btn-group .dropdown-toggle:active,
.legacy .btn-group.open .dropdown-toggle {
  outline: 0;
}
.legacy .btn-group > .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
  -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  *padding-top: 4px;
  *padding-bottom: 4px;
}
.legacy .btn-group > .btn-mini.dropdown-toggle {
  padding-left: 5px;
  padding-right: 5px;
}
.legacy .btn-group > .btn-small.dropdown-toggle {
  *padding-top: 4px;
  *padding-bottom: 4px;
}
.legacy .btn-group > .btn-large.dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}
.legacy .btn-group.open .dropdown-toggle {
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
.legacy .btn-group.open .btn.dropdown-toggle {
  background-color: #e6e6e6;
}
.legacy .btn-group.open .btn-primary.dropdown-toggle {
  background-color: #3a7b4b;
}
.legacy .btn-group.open .btn-warning.dropdown-toggle {
  background-color: #f89406;
}
.legacy .btn-group.open .btn-danger.dropdown-toggle {
  background-color: #bd362f;
}
.legacy .btn-group.open .btn-success.dropdown-toggle {
  background-color: #51a351;
}
.legacy .btn-group.open .btn-info.dropdown-toggle {
  background-color: #2f96b4;
}
.legacy .btn-group.open .btn-inverse.dropdown-toggle {
  background-color: #222;
}
.legacy .btn .caret {
  margin-top: 7px;
  margin-left: 0;
}
.legacy .btn:hover .caret,
.legacy .open.btn-group .caret {
  opacity: calc(100 / 100);
  filter: alpha(opacity=100);
}
.legacy .btn-mini .caret {
  margin-top: 5px;
}
.legacy .btn-small .caret {
  margin-top: 6px;
}
.legacy .btn-large .caret {
  margin-top: 6px;
  border-left-width: 5px;
  border-right-width: 5px;
  border-top-width: 5px;
}
.legacy .dropup .btn-large .caret {
  border-bottom: 5px solid #000;
  border-top: 0;
}
.legacy .btn-primary .caret,
.legacy .btn-warning .caret,
.legacy .btn-danger .caret,
.legacy .btn-info .caret,
.legacy .btn-success .caret,
.legacy .btn-inverse .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
  opacity: calc(75 / 100);
  filter: alpha(opacity=75);
}
.legacy .alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 18px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #c09853;
}
.legacy .alert-heading {
  color: inherit;
}
.legacy .alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 18px;
}
.legacy .alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847;
}
.legacy .alert-danger,
.legacy .alert-error {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
}
.legacy .alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad;
}
.legacy .alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}
.legacy .alert-block > p,
.legacy .alert-block > ul {
  margin-bottom: 0;
}
.legacy .alert-block p + p {
  margin-top: 5px;
}
.legacy .nav {
  margin-left: 0;
  margin-bottom: 18px;
  list-style: none;
}
.legacy .nav > li > a {
  display: block;
}
.legacy .nav > li > a:hover {
  text-decoration: none;
  background-color: #eee;
}
.legacy .nav > .pull-right {
  float: right;
}
.legacy .nav .nav-header {
  display: block;
  padding: 3px 15px;
  font-size: 11px;
  font-weight: bold;
  line-height: 18px;
  color: #999;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
}
.legacy .nav li + .nav-header {
  margin-top: 9px;
}
.legacy .nav-list {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 0;
}
.legacy .nav-list > li > a,
.legacy .nav-list .nav-header {
  margin-left: -15px;
  margin-right: -15px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.legacy .nav-list > li > a {
  padding: 3px 15px;
}
.legacy .nav-list > .active > a,
.legacy .nav-list > .active > a:hover {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  background-color: #3a7b3b;
}
.legacy .nav-list [class^="icon-"] {
  margin-right: 2px;
}
.legacy .nav-list .divider {
  *width: 100%;
  height: 1px;
  margin: 8px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #fff;
}
.legacy .nav-tabs,
.legacy .inline-list,
.legacy .nav-pills {
  *zoom: 1;
}
.legacy .nav-tabs:before,
.legacy .inline-list:before,
.legacy .nav-pills:before,
.legacy .nav-tabs:after,
.legacy .inline-list:after,
.legacy .nav-pills:after {
  display: table;
  content: "";
}
.legacy .nav-tabs:after,
.legacy .inline-list:after,
.legacy .nav-pills:after {
  clear: both;
}
.legacy .nav-tabs > li,
.legacy .inline-list > li,
.legacy .nav-pills > li {
  float: left;
}
.legacy .nav-tabs > li > a,
.legacy .inline-list > li > a,
.legacy .nav-pills > li > a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px;
}
.legacy .inline-list > li {
  margin-right: 12px;
}
.legacy .nav-tabs {
  border-bottom: 1px solid #ddd;
}
.legacy .nav-tabs > li {
  margin-bottom: -1px;
}
.legacy .nav-tabs > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 18px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.legacy .nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}
.legacy .nav-tabs > .active > a,
.legacy .nav-tabs > .active > a:hover {
  color: #555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.legacy .nav-pills > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 2px;
  margin-bottom: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.legacy .nav-pills > .active > a,
.legacy .nav-pills > .active > a:hover {
  color: #fff;
  background-color: #3a7b3b;
}
.legacy .nav-stacked > li {
  float: none;
}
.legacy .nav-stacked > li > a {
  margin-right: 0;
}
.legacy .nav-tabs.nav-stacked {
  border-bottom: 0;
}
.legacy .nav-tabs.nav-stacked > li > a {
  border: 1px solid #ddd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.legacy .nav-tabs.nav-stacked > li:first-child > a {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.legacy .nav-tabs.nav-stacked > li:last-child > a {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.legacy .nav-tabs.nav-stacked > li > a:hover {
  border-color: #ddd;
  z-index: 2;
}
.legacy .nav-pills.nav-stacked > li > a {
  margin-bottom: 3px;
}
.legacy .nav-pills.nav-stacked > li:last-child > a {
  margin-bottom: 1px;
}
.legacy .nav-tabs .dropdown-menu {
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
.legacy .nav-pills .dropdown-menu {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.legacy .nav-tabs .dropdown-toggle .caret,
.legacy .nav-pills .dropdown-toggle .caret {
  border-top-color: #3a7b3b;
  border-bottom-color: #3a7b3b;
  margin-top: 6px;
}
.legacy .nav-tabs .dropdown-toggle:hover .caret,
.legacy .nav-pills .dropdown-toggle:hover .caret {
  border-top-color: #214722;
  border-bottom-color: #214722;
}
.legacy .nav-tabs .active .dropdown-toggle .caret,
.legacy .nav-pills .active .dropdown-toggle .caret {
  border-top-color: #333;
  border-bottom-color: #333;
}
.legacy .nav > .dropdown.active > a:hover {
  color: #000;
  cursor: pointer;
}
.legacy .nav-tabs .open .dropdown-toggle,
.legacy .nav-pills .open .dropdown-toggle,
.legacy .nav > li.dropdown.open.active > a:hover {
  color: #fff;
  background-color: #999;
  border-color: #999;
}
.legacy .nav li.dropdown.open .caret,
.legacy .nav li.dropdown.open.active .caret,
.legacy .nav li.dropdown.open a:hover .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
  opacity: calc(100 / 100);
  filter: alpha(opacity=100);
}
.legacy .tabs-stacked .open > a:hover {
  border-color: #999;
}
.legacy .tabbable {
  *zoom: 1;
}
.legacy .tabbable:before,
.legacy .tabbable:after {
  display: table;
  content: "";
}
.legacy .tabbable:after {
  clear: both;
}
.legacy .tab-content {
  overflow: auto;
}
.legacy .tabs-below > .nav-tabs,
.legacy .tabs-right > .nav-tabs,
.legacy .tabs-left > .nav-tabs {
  border-bottom: 0;
}
.legacy .tab-content > .tab-pane,
.legacy .pill-content > .pill-pane {
  display: none;
}
.legacy .tab-content > .active,
.legacy .pill-content > .active {
  display: block;
}
.legacy .tabs-below > .nav-tabs {
  border-top: 1px solid #ddd;
}
.legacy .tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}
.legacy .tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.legacy .tabs-below > .nav-tabs > li > a:hover {
  border-bottom-color: transparent;
  border-top-color: #ddd;
}
.legacy .tabs-below > .nav-tabs > .active > a,
.legacy .tabs-below > .nav-tabs > .active > a:hover {
  border-color: transparent #ddd #ddd #ddd;
}
.legacy .tabs-left > .nav-tabs > li,
.legacy .tabs-right > .nav-tabs > li {
  float: none;
}
.legacy .tabs-left > .nav-tabs > li > a,
.legacy .tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}
.legacy .tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}
.legacy .tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
.legacy .tabs-left > .nav-tabs > li > a:hover {
  border-color: #eee #ddd #eee #eee;
}
.legacy .tabs-left > .nav-tabs .active > a,
.legacy .tabs-left > .nav-tabs .active > a:hover {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #fff;
}
.legacy .tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}
.legacy .tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.legacy .tabs-right > .nav-tabs > li > a:hover {
  border-color: #eee #eee #eee #ddd;
}
.legacy .tabs-right > .nav-tabs .active > a,
.legacy .tabs-right > .nav-tabs .active > a:hover {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #fff;
}
.legacy .navbar {
  *position: relative;
  *z-index: 2;
  overflow: visible;
  margin-bottom: 18px;
}
.legacy .navbar-inner {
  min-height: 30px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #505152;
  background-image: -moz-linear-gradient(top, #444, #636466);
  background-image: -ms-linear-gradient(top, #444, #636466);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444), to(#636466));
  background-image: -webkit-linear-gradient(top, #444, #636466);
  background-image: -o-linear-gradient(top, #444, #636466);
  background-image: linear-gradient(top, #444, #636466);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444', endColorstr='#636466', GradientType=0);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
  box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
}
.legacy .navbar .container {
  width: auto;
}
.legacy .nav-collapse.collapse {
  height: auto;
}
.legacy .navbar {
  color: #eee;
}
.legacy .navbar .navbar-text {
  margin-bottom: 0;
  line-height: 30px;
}
.legacy .navbar .navbar-link {
  color: #eee;
}
.legacy .navbar .navbar-link:hover {
  color: #fff;
}
.legacy .navbar .btn,
.legacy .navbar .btn-group {
  margin-top: 0px / 2;
}
.legacy .navbar .btn-group .btn {
  margin: 0;
}
.legacy .navbar-form {
  margin-bottom: 0;
  *zoom: 1;
}
.legacy .navbar-form:before,
.legacy .navbar-form:after {
  display: table;
  content: "";
}
.legacy .navbar-form:after {
  clear: both;
}
.legacy .navbar-form input,
.legacy .navbar-form select,
.legacy .navbar-form .radio,
.legacy .navbar-form .checkbox {
  margin-top: 0px / 2;
}
.legacy .navbar-form input,
.legacy .navbar-form select {
  display: inline-block;
  margin-bottom: 0;
}
.legacy .navbar-form input[type="image"],
.legacy .navbar-form input[type="checkbox"],
.legacy .navbar-form input[type="radio"] {
  margin-top: 3px;
}
.legacy .navbar-form .input-append,
.legacy .navbar-form .input-prepend {
  margin-top: 6px;
  white-space: nowrap;
}
.legacy .navbar-form .input-append input,
.legacy .navbar-form .input-prepend input {
  margin-top: 0;
}
.legacy .navbar-search {
  position: relative;
  float: left;
  margin-top: 2px / 2;
  margin-bottom: 0;
}
.legacy .navbar-search .search-query {
  padding: 4px 9px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 1;
  color: #fff;
  background-color: #a3a4a6;
  border: 1px solid #565759;
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);
  box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.legacy .navbar-search .search-query:-moz-placeholder {
  color: #ccc;
}
.legacy .navbar-search .search-query::-webkit-input-placeholder {
  color: #ccc;
}
.legacy .navbar-search .search-query:focus,
.legacy .navbar-search .search-query.focused {
  padding: 5px 10px;
  color: #333;
  text-shadow: 0 1px 0 #fff;
  background-color: #fff;
  border: 0;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  outline: 0;
}
.legacy .navbar-fixed-top,
.legacy .navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  margin-bottom: 0;
}
.legacy .navbar-fixed-top .navbar-inner,
.legacy .navbar-fixed-bottom .navbar-inner {
  padding-left: 0;
  padding-right: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.legacy .navbar-fixed-top .container #grid .core,
.legacy .navbar-fixed-bottom .container #grid .core {
  width: 940px;
  width: 99.99999999%;
  *width: 99.9468085%;
  width: 930px;
}
.legacy .navbar-fixed-top {
  top: 0;
}
.legacy .navbar-fixed-bottom {
  bottom: 0;
}
.legacy .navbar .nav {
  position: relative;
  left: 0;
  display: block;
  float: left;
  margin: 0 10px 0 0;
}
.legacy .navbar .nav.pull-right {
  float: right;
}
.legacy .navbar .nav > li {
  display: block;
  float: left;
}
.legacy .navbar .nav > li > a {
  float: none;
  padding: 4px 10px 6px;
  line-height: 19px;
  color: #eee;
  text-decoration: none;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.legacy .navbar .btn {
  display: inline-block;
  padding: 4px 10px 4px;
  margin: 0px 5px 1px;
  line-height: 18px;
}
.legacy .navbar .btn-group {
  margin: 0;
  padding: 0px 5px 1px;
}
.legacy .navbar .nav > li > a:hover {
  background-color: transparent;
  color: #fff;
  text-decoration: none;
}
.legacy .navbar .nav .active > a,
.legacy .navbar .nav .active > a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #636466;
}
.legacy .navbar .divider-vertical {
  height: 30px;
  width: 1px;
  margin: 0 9px;
  overflow: hidden;
  background-color: #636466;
  border-right: 1px solid #444;
}
.legacy .navbar .nav.pull-right {
  margin-left: 10px;
  margin-right: 0;
}
.legacy .navbar .btn-navbar {
  display: none;
  float: right;
  padding: 7px 10px;
  margin-left: 5px;
  margin-right: 5px;
  background-color: #505152;
  background-image: -moz-linear-gradient(top, #444, #636466);
  background-image: -ms-linear-gradient(top, #444, #636466);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444), to(#636466));
  background-image: -webkit-linear-gradient(top, #444, #636466);
  background-image: -o-linear-gradient(top, #444, #636466);
  background-image: linear-gradient(top, #444, #636466);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444', endColorstr='#636466', GradientType=0);
  border-color: #636466 #636466 #3d3e3f;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #636466;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
}
.legacy .navbar .btn-navbar:hover,
.legacy .navbar .btn-navbar:active,
.legacy .navbar .btn-navbar.active,
.legacy .navbar .btn-navbar.disabled,
.legacy .navbar .btn-navbar[disabled] {
  background-color: #636466;
  *background-color: #565759;
}
.legacy .navbar .btn-navbar:active,
.legacy .navbar .btn-navbar.active {
  background-color: #4a4b4c \9;
}
.legacy .navbar .btn-navbar .icon-bar {
  display: block;
  width: 18px;
  height: 2px;
  background-color: #f5f5f5;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
.legacy .btn-navbar .icon-bar + .icon-bar {
  margin-top: 3px;
}
.legacy .navbar .dropdown-menu:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 9px;
}
.legacy .navbar .dropdown-menu:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  position: absolute;
  top: -6px;
  left: 10px;
}
.legacy .navbar-fixed-bottom .dropdown-menu:before {
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  border-bottom: 0;
  bottom: -7px;
  top: auto;
}
.legacy .navbar-fixed-bottom .dropdown-menu:after {
  border-top: 6px solid #fff;
  border-bottom: 0;
  bottom: -6px;
  top: auto;
}
.legacy .navbar .nav li.dropdown .dropdown-toggle .caret,
.legacy .navbar .nav li.dropdown.open .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.legacy .navbar .nav li.dropdown.active .caret {
  opacity: calc(100 / 100);
  filter: alpha(opacity=100);
}
.legacy .navbar .nav li.dropdown.open > .dropdown-toggle,
.legacy .navbar .nav li.dropdown.active > .dropdown-toggle,
.legacy .navbar .nav li.dropdown.open.active > .dropdown-toggle {
  background-color: transparent;
}
.legacy .navbar .nav li.dropdown.active > .dropdown-toggle:hover {
  color: #fff;
}
.legacy .navbar .pull-right .dropdown-menu,
.legacy .navbar .dropdown-menu.pull-right {
  left: auto;
  right: 0;
}
.legacy .navbar .pull-right .dropdown-menu:before,
.legacy .navbar .dropdown-menu.pull-right:before {
  left: auto;
  right: 12px;
}
.legacy .navbar .pull-right .dropdown-menu:after,
.legacy .navbar .dropdown-menu.pull-right:after {
  left: auto;
  right: 13px;
}
.legacy .breadcrumb {
  padding: 7px 14px;
  margin: 0 0 18px;
  list-style: none;
  background-color: #fbfbfb;
  background-image: -moz-linear-gradient(top, #fff, #f5f5f5);
  background-image: -ms-linear-gradient(top, #fff, #f5f5f5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f5f5f5));
  background-image: -webkit-linear-gradient(top, #fff, #f5f5f5);
  background-image: -o-linear-gradient(top, #fff, #f5f5f5);
  background-image: linear-gradient(top, #fff, #f5f5f5);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f5f5f5', GradientType=0);
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 #fff;
  -moz-box-shadow: inset 0 1px 0 #fff;
  box-shadow: inset 0 1px 0 #fff;
}
.legacy .breadcrumb li {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  text-shadow: 0 1px 0 #fff;
}
.legacy .breadcrumb .divider {
  padding: 0 5px;
  color: #999;
}
.legacy .breadcrumb .active a {
  color: #333;
}
.legacy .pagination {
  height: 36px;
  margin: 18px 0;
}
.legacy .pagination ul {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  margin-left: 0;
  margin-bottom: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.legacy .pagination li {
  display: inline;
}
.legacy .pagination a {
  float: left;
  padding: 0 14px;
  line-height: 34px;
  text-decoration: none;
  border: 1px solid #ddd;
  border-left-width: 0;
}
.legacy .pagination a:hover,
.legacy .pagination .active a {
  background-color: #f5f5f5;
}
.legacy .pagination .active a {
  color: #999;
  cursor: default;
}
.legacy .pagination .disabled span,
.legacy .pagination .disabled a,
.legacy .pagination .disabled a:hover {
  color: #999;
  background-color: transparent;
  cursor: default;
}
.legacy .pagination li:first-child a {
  border-left-width: 1px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.legacy .pagination li:last-child a {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.legacy .pagination-centered {
  text-align: center;
}
.legacy .pagination-right {
  text-align: right;
}
.legacy .pager {
  margin-left: 0;
  margin-bottom: 18px;
  list-style: none;
  text-align: center;
  *zoom: 1;
}
.legacy .pager:before,
.legacy .pager:after {
  display: table;
  content: "";
}
.legacy .pager:after {
  clear: both;
}
.legacy .pager li {
  display: inline;
}
.legacy .pager a {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.legacy .pager a:hover {
  text-decoration: none;
  background-color: #f5f5f5;
}
.legacy .pager .next a {
  float: right;
}
.legacy .pager .previous a {
  float: left;
}
.legacy .pager .disabled a,
.legacy .pager .disabled a:hover {
  color: #999;
  background-color: #fff;
  cursor: default;
}
.legacy .tooltip {
  position: absolute;
  z-index: 1020;
  display: block;
  visibility: visible;
  padding: 5px;
  font-size: 11px;
  opacity: calc(0 / 100);
  filter: alpha(opacity=0);
}
.legacy .tooltip.in {
  opacity: calc(80 / 100);
  filter: alpha(opacity=80);
}
.legacy .tooltip.top {
  margin-top: -2px;
}
.legacy .tooltip.right {
  margin-left: 2px;
}
.legacy .tooltip.bottom {
  margin-top: 2px;
}
.legacy .tooltip.left {
  margin-left: -2px;
}
.legacy .tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000;
}
.legacy .tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #000;
}
.legacy .tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #000;
}
.legacy .tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #000;
}
.legacy .tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.legacy .tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
}
.legacy .popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  padding: 5px;
}
.legacy .popover.top {
  margin-top: -5px;
}
.legacy .popover.right {
  margin-left: 5px;
}
.legacy .popover.bottom {
  margin-top: 5px;
}
.legacy .popover.left {
  margin-left: -5px;
}
.legacy .popover.top .arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000;
}
.legacy .popover.right .arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #000;
}
.legacy .popover.bottom .arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #000;
}
.legacy .popover.left .arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #000;
}
.legacy .popover .arrow {
  position: absolute;
  width: 0;
  height: 0;
}
.legacy .popover-inner {
  padding: 3px;
  width: 280px;
  overflow: hidden;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}
.legacy .popover-title {
  padding: 9px 15px;
  line-height: 1;
  background-color: #f5f5f5;
  border-bottom: 1px solid #eee;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.legacy .popover-content {
  padding: 14px;
  background-color: #fff;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.legacy .popover-content p,
.legacy .popover-content ul,
.legacy .popover-content ol {
  margin-bottom: 0;
}
.legacy .thumbnails {
  margin-left: -20px;
  list-style: none;
  *zoom: 1;
}
.legacy .thumbnails:before,
.legacy .thumbnails:after {
  display: table;
  content: "";
}
.legacy .thumbnails:after {
  clear: both;
}
.legacy .row-fluid .thumbnails {
  margin-left: 0;
}
.legacy .thumbnails > li {
  float: left;
  margin-bottom: 18px;
  margin-left: 20px;
}
.legacy .thumbnail {
  display: block;
  padding: 4px;
  line-height: 1;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
}
.legacy a.thumbnail:hover {
  border-color: #3a7b3b;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}
.legacy .thumbnail > img {
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.legacy .thumbnail .caption {
  padding: 9px;
}
.legacy .label,
.legacy .badge {
  font-size: 10.998px;
  font-weight: bold;
  line-height: 14px;
  color: #fff;
  vertical-align: baseline;
  white-space: nowrap;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #999;
}
.legacy .label {
  padding: 1px 4px 2px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.legacy .badge {
  padding: 1px 9px 2px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}
.legacy a.label:hover,
.legacy a.badge:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.legacy .label-important,
.legacy .badge-important {
  background-color: #b94a48;
}
.legacy .label-important[href],
.legacy .badge-important[href] {
  background-color: #953b39;
}
.legacy .label-warning,
.legacy .badge-warning {
  background-color: #f89406;
}
.legacy .label-warning[href],
.legacy .badge-warning[href] {
  background-color: #c67605;
}
.legacy .label-success,
.legacy .badge-success {
  background-color: #468847;
}
.legacy .label-success[href],
.legacy .badge-success[href] {
  background-color: #356635;
}
.legacy .label-info,
.legacy .badge-info {
  background-color: #3a87ad;
}
.legacy .label-info[href],
.legacy .badge-info[href] {
  background-color: #2d6987;
}
.legacy .label-inverse,
.legacy .badge-inverse {
  background-color: #333;
}
.legacy .label-inverse[href],
.legacy .badge-inverse[href] {
  background-color: #1a1a1a;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-ms-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.legacy .progress {
  overflow: hidden;
  height: 18px;
  margin-bottom: 18px;
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: linear-gradient(top, #f5f5f5, #f9f9f9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.legacy .progress .bar {
  width: 0%;
  height: 18px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e90d2;
  background-image: -moz-linear-gradient(top, #149bdf, #0480be);
  background-image: -ms-linear-gradient(top, #149bdf, #0480be);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
  background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
  background-image: -o-linear-gradient(top, #149bdf, #0480be);
  background-image: linear-gradient(top, #149bdf, #0480be);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: width 0.6s ease;
  -moz-transition: width 0.6s ease;
  -ms-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.legacy .progress-striped .bar {
  background-color: #149bdf;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
  -moz-background-size: 40px 40px;
  -o-background-size: 40px 40px;
  background-size: 40px 40px;
}
.legacy .progress.active .bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -moz-animation: progress-bar-stripes 2s linear infinite;
  -ms-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.legacy .progress-danger .bar {
  background-color: #dd514c;
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(top, #ee5f5b, #c43c35);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
}
.legacy .progress-danger.progress-striped .bar {
  background-color: #ee5f5b;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.legacy .progress-success .bar {
  background-color: #5eb95e;
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -ms-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(top, #62c462, #57a957);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
}
.legacy .progress-success.progress-striped .bar {
  background-color: #62c462;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.legacy .progress-info .bar {
  background-color: #4bb1cf;
  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
  background-image: linear-gradient(top, #5bc0de, #339bb9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
}
.legacy .progress-info.progress-striped .bar {
  background-color: #5bc0de;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.legacy .progress-warning .bar {
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(top, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
}
.legacy .progress-warning.progress-striped .bar {
  background-color: #fbb450;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.legacy .accordion {
  margin-bottom: 18px;
}
.legacy .accordion-group {
  margin-bottom: 2px;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.legacy .accordion-heading {
  border-bottom: 0;
}
.legacy .accordion-heading .accordion-toggle {
  display: block;
  padding: 8px 15px;
}
.legacy .accordion-toggle {
  cursor: pointer;
}
.legacy .accordion-inner {
  padding: 9px 15px;
  border-top: 1px solid #e5e5e5;
}
.legacy .carousel {
  position: relative;
  margin-bottom: 18px;
  line-height: 1;
}
.legacy .carousel-inner {
  overflow: hidden;
  width: 100%;
  position: relative;
}
.legacy .carousel .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  -moz-transition: 0.6s ease-in-out left;
  -ms-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.legacy .carousel .item > img {
  display: block;
  line-height: 1;
}
.legacy .carousel .active,
.legacy .carousel .next,
.legacy .carousel .prev {
  display: block;
}
.legacy .carousel .active {
  left: 0;
}
.legacy .carousel .next,
.legacy .carousel .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.legacy .carousel .next {
  left: 100%;
}
.legacy .carousel .prev {
  left: -100%;
}
.legacy .carousel .next.left,
.legacy .carousel .prev.right {
  left: 0;
}
.legacy .carousel .active.left {
  left: -100%;
}
.legacy .carousel .active.right {
  left: 100%;
}
.legacy .carousel-control {
  position: absolute;
  top: 40%;
  left: 15px;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  font-size: 60px;
  font-weight: 100;
  line-height: 30px;
  color: #fff;
  text-align: center;
  background: #222;
  border: 3px solid #fff;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  opacity: calc(50 / 100);
  filter: alpha(opacity=50);
}
.legacy .carousel-control.right {
  left: auto;
  right: 15px;
}
.legacy .carousel-control:hover {
  color: #fff;
  text-decoration: none;
  opacity: calc(90 / 100);
  filter: alpha(opacity=90);
}
.legacy .carousel-caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 15px 5px;
  background: #333;
  background: rgba(0, 0, 0, 0.75);
}
.legacy .carousel-caption h4,
.legacy .carousel-caption p {
  color: #fff;
}
.legacy .hero-unit {
  padding: 60px;
  margin-bottom: 30px;
  background-color: #eee;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.legacy .hero-unit h1 {
  margin-bottom: 0;
  font-size: 60px;
  line-height: 1;
  color: inherit;
  letter-spacing: -1px;
}
.legacy .hero-unit p {
  font-size: 18px;
  font-weight: 200;
  line-height: 27px;
  color: inherit;
}
.legacy .pull-right {
  float: right;
}
.legacy .pull-left {
  float: left;
}
.legacy .hide {
  display: none;
}
.legacy .show {
  display: block;
}
.legacy .invisible {
  visibility: hidden;
}
.legacy a[href^="#"] {
  border-bottom: none;
}
.legacy .badge-bubble {
  position: relative;
  margin-left: 2px;
  margin-right: 2px;
  color: #636466;
  background-color: #eee;
  behavior: url(/javascripts/ie/PIE.htc);
}
.legacy .badge-bubble:hover {
  color: #636466;
}
.legacy .badge-bubble:after {
  content: "";
  display: none;
  width: 0;
  position: absolute;
  bottom: -4px;
  left: 5px;
  border-width: 6px 6px 0 0;
  border-style: solid;
  border-color: #eee transparent;
}
.legacy .badge-bubble.highlight {
  color: #eee;
  background-color: #3a7b3b;
  border: 1px solid white;
}
.legacy .badge-bubble.highlight:after {
  border-color: #3a7b3b transparent;
}
.legacy .banner {
  border-bottom: 1px solid #b5b5b5;
  width: 100%;
  background: #fff url("/images/pattern.png") right no-repeat;
  float: left;
}
.legacy .banner div {
  height: 90px;
}
.legacy .banner #school_logo {
  padding: 13px 0 0 35px;
  height: 77px;
}
.legacy .banner h3 {
  color: #ddeec3;
  margin: 27px 0px 0 0 ;
  float: left;
  letter-spacing: 1px;
}
.legacy .teacher-role.home-lens .banner {
  border-bottom: 0;
}
.legacy #banner-container {
  background-position: -500px;
  background-repeat: no-repeat;
  width: 100%;
  float: left;
}
.legacy #banner-branding {
  background-position: 220px 3px;
  background-repeat: no-repeat;
  width: 100%;
  float: left;
}
.legacy #banner-branding img#title {
  margin: 7px 0 0 22px;
}
.legacy #school_logo {
  background-repeat: no-repeat;
}
.legacy #school_logo.default {
  background-size: 90px 90px;
}
.legacy .book {
  margin-top: 11px;
  text-align: center;
}
.legacy .book .control {
  display: inline-block;
  margin: 10px 0;
  position: relative;
  width: 12px;
  height: 36px;
}
.legacy .book .control a {
  display: block;
  margin-left: -4px;
  margin-right: -4px;
  padding: 0 4px;
  position: absolute;
  top: 6px;
  width: 12px;
}
.legacy .book .control a i {
  opacity: 0.45;
}
.legacy .book .control a:hover i {
  opacity: 0.75;
}
.legacy .book p {
  font-size: 0.9em;
}
.legacy .book .page {
  display: inline-block;
  margin: 10px 6px -3px 6px;
  position: relative;
  width: 24px;
  height: 36px;
  border: 4px solid #555;
}
.legacy .book .page a {
  color: #333333;
  display: block;
  margin-left: -8px;
  margin-right: -8px;
  padding: 0 8px;
  position: absolute;
  top: 8px;
  width: 24px;
  line-height: 20px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  background-color: #fcfcfc;
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#eee), color-stop(50%, #fff), to(#eee));
  background-image: -webkit-linear-gradient(left, #eee, #fff 50%, #eee);
  background-image: -moz-linear-gradient(left, #eee, #fff 50%, #eee);
  background-image: -ms-linear-gradient(left, #eee, #fff 50%, #eee);
  background-image: -o-linear-gradient(left, #eee, #fff 50%, #eee);
  background-image: linear-gradient(left, #eee, #fff 50%, #eee);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#eee', GradientType=0);
  behavior: url(/javascripts/ie/PIE.htc);
}
.legacy .book .page a:hover {
  text-decoration: none;
}
.legacy .book p {
  margin-bottom: 0;
}
.legacy .btn {
  font-size: 85%;
  text-transform: uppercase;
}
.legacy .btn-important {
  background-color: #e27931;
  background-image: -moz-linear-gradient(top, #e17328, #e4823e);
  background-image: -ms-linear-gradient(top, #e17328, #e4823e);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e17328), to(#e4823e));
  background-image: -webkit-linear-gradient(top, #e17328, #e4823e);
  background-image: -o-linear-gradient(top, #e17328, #e4823e);
  background-image: linear-gradient(top, #e17328, #e4823e);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e17328', endColorstr='#e4823e', GradientType=0);
  border-color: #e4823e #e4823e #bc5c1a;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e4823e;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.legacy .btn-important:hover,
.legacy .btn-important:active,
.legacy .btn-important.active,
.legacy .btn-important.disabled,
.legacy .btn-important[disabled] {
  background-color: #e4823e;
  *background-color: #e17328;
}
.legacy .btn-important:active,
.legacy .btn-important.active {
  background-color: #d2671d \9;
}
.legacy .btn-important.active {
  color: rgba(255, 255, 255, 0.75);
}
.legacy .btn-important:hover {
  color: #fff;
}
.legacy .btn.disabled {
  opacity: 1;
  filter: alpha(opacity=100);
  background-color: #efefef;
  border-color: #d5d5d5;
  border-color: rgba(0, 0, 0, 0.065) rgba(0, 0, 0, 0.065) rgba(0, 0, 0, 0.15);
  color: #9f9f9f;
}
.legacy a.button--primary {
  color: #fff;
}
.legacy .content h2 {
  padding: 6px 20px 0 20px;
  color: #555;
  font-size: 115%;
  text-transform: uppercase;
}
.legacy .content .stats,
.legacy .content .rss {
  color: #3a7b3b;
}
.legacy .content .stats .number,
.legacy .content .rss .number {
  color: #e17328;
  font-weight: bold;
}
.legacy .content .carousel.bordered {
  padding: 18px 18px 0 18px;
  border: 1px solid #c8c8c8;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
}
.legacy .content .span10 p {
  font-size: 15px;
  font-family: "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif;
  color: #767677;
}
.legacy .content .span10 h2 {
  font-size: 15px;
  color: #4f4c4a;
  padding: 15px 0 6px;
  font-family: "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif;
  margin-left: 0px;
}
.legacy .content .span10 h2.orange {
  color: #E27328;
}
.legacy .content .span10 .columns {
  margin-left: 0px;
}
.legacy .content .span10 .columns.right {
  margin-right: 16px;
  border-left: 1px solid #e4e4e4;
  padding-left: 40px;
}
.legacy .content .span10 .columns ul {
  margin: 0px;
  float: left;
  width: 100%;
}
.legacy .content .span10 .columns ul li {
  list-style: none;
  float: left;
}
.legacy .content .span10 .columns ul#lessons li {
  background-color: #faf9f7;
  background-image: -moz-linear-gradient(top, #FFFFFF, #F2F1EA);
  background-image: -ms-linear-gradient(top, #FFFFFF, #F2F1EA);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#F2F1EA));
  background-image: -webkit-linear-gradient(top, #FFFFFF, #F2F1EA);
  background-image: -o-linear-gradient(top, #FFFFFF, #F2F1EA);
  background-image: linear-gradient(top, #FFFFFF, #F2F1EA);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F2F1EA', GradientType=0);
  border-color: #F2F1EA #F2F1EA #d5d2bb;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #F2F1EA;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: 0 2px 4px #5B5C5C;
  -moz-box-shadow: 0 2px 4px #5B5C5C;
  box-shadow: 0 2px 4px #5B5C5C;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  height: 105px;
  min-width: 100%;
  margin-bottom: 10px;
  border: 1px solid #c8c8c8;
  margin-left: 0px;
}
.legacy .content .span10 .columns ul#lessons li:hover,
.legacy .content .span10 .columns ul#lessons li:active,
.legacy .content .span10 .columns ul#lessons li.active,
.legacy .content .span10 .columns ul#lessons li.disabled,
.legacy .content .span10 .columns ul#lessons li[disabled] {
  background-color: #F2F1EA;
  *background-color: #e8e6da;
}
.legacy .content .span10 .columns ul#lessons li:active,
.legacy .content .span10 .columns ul#lessons li.active {
  background-color: #dfdccb \9;
}
.legacy .content .span10 .columns ul#lessons li:hover {
  background-color: #ecf1bc;
  background-image: -moz-linear-gradient(top, #E8EEB2, #F3F5CB);
  background-image: -ms-linear-gradient(top, #E8EEB2, #F3F5CB);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E8EEB2), to(#F3F5CB));
  background-image: -webkit-linear-gradient(top, #E8EEB2, #F3F5CB);
  background-image: -o-linear-gradient(top, #E8EEB2, #F3F5CB);
  background-image: linear-gradient(top, #E8EEB2, #F3F5CB);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E8EEB2', endColorstr='#F3F5CB', GradientType=0);
  border-color: #F3F5CB #F3F5CB #e4e98b;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #F3F5CB;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #6cba6d;
}
.legacy .content .span10 .columns ul#lessons li:hover:hover,
.legacy .content .span10 .columns ul#lessons li:hover:active,
.legacy .content .span10 .columns ul#lessons li:hover.active,
.legacy .content .span10 .columns ul#lessons li:hover.disabled,
.legacy .content .span10 .columns ul#lessons li:hover[disabled] {
  background-color: #F3F5CB;
  *background-color: #eef1b6;
}
.legacy .content .span10 .columns ul#lessons li:hover:active,
.legacy .content .span10 .columns ul#lessons li:hover.active {
  background-color: #e9eda0 \9;
}
.legacy .content .span10 .columns ul#lessons li h2 {
  font-size: 15px;
  padding-top: 25px;
  line-height: 20px;
}
.legacy .content .span10 .columns ul#lessons li p {
  font-size: 12px;
  font-family: "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif;
  padding-right: 5px;
}
.legacy .content .span10 .columns ul#lessons li img {
  float: left;
  height: 75px;
  width: 75px;
  margin: 15px;
}
.legacy .content .span10 #socialbox {
  float: left;
  margin-top: 40px;
}
.legacy .content .span10 ul#new_stuff li {
  background-color: #faf9f7;
  background-image: -moz-linear-gradient(top, #FFFFFF, #F2F1EA);
  background-image: -ms-linear-gradient(top, #FFFFFF, #F2F1EA);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#F2F1EA));
  background-image: -webkit-linear-gradient(top, #FFFFFF, #F2F1EA);
  background-image: -o-linear-gradient(top, #FFFFFF, #F2F1EA);
  background-image: linear-gradient(top, #FFFFFF, #F2F1EA);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F2F1EA', GradientType=0);
  border-color: #F2F1EA #F2F1EA #d5d2bb;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #F2F1EA;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  margin: 0 20px 18px 0;
  height: 170px;
  min-width: 150px;
  border: 1px solid #c8c8c8;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 2px 4px #5B5C5C;
  -moz-box-shadow: 0 2px 4px #5B5C5C;
  box-shadow: 0 2px 4px #5B5C5C;
}
.legacy .content .span10 ul#new_stuff li:hover,
.legacy .content .span10 ul#new_stuff li:active,
.legacy .content .span10 ul#new_stuff li.active,
.legacy .content .span10 ul#new_stuff li.disabled,
.legacy .content .span10 ul#new_stuff li[disabled] {
  background-color: #F2F1EA;
  *background-color: #e8e6da;
}
.legacy .content .span10 ul#new_stuff li:active,
.legacy .content .span10 ul#new_stuff li.active {
  background-color: #dfdccb \9;
}
.legacy .content .span10 ul#new_stuff li img {
  display: block;
  width: 115px;
  height: 115px;
  margin: 5px auto 5% auto;
  border: 2px solid white;
}
.legacy .content .span10 ul#new_stuff li h3 {
  font-size: 12px;
  padding: 15px 15px 0 15px;
  text-align: center;
  color: #4F4C4A;
  font-family: "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif;
  text-transform: uppercase;
}
.legacy .content .span10 ul#new_stuff li:hover {
  background-color: #eff2c1;
  background-image: -moz-linear-gradient(top, #F3F5CB, #E8EEB2);
  background-image: -ms-linear-gradient(top, #F3F5CB, #E8EEB2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F3F5CB), to(#E8EEB2));
  background-image: -webkit-linear-gradient(top, #F3F5CB, #E8EEB2);
  background-image: -o-linear-gradient(top, #F3F5CB, #E8EEB2);
  background-image: linear-gradient(top, #F3F5CB, #E8EEB2);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3F5CB', endColorstr='#E8EEB2', GradientType=0);
  border-color: #E8EEB2 #E8EEB2 #d5e073;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #E8EEB2;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: 0 2px 4px #3A7B3B;
  -moz-box-shadow: 0 2px 4px #3A7B3B;
  box-shadow: 0 2px 4px #3A7B3B;
}
.legacy .content .span10 ul#new_stuff li:hover:hover,
.legacy .content .span10 ul#new_stuff li:hover:active,
.legacy .content .span10 ul#new_stuff li:hover.active,
.legacy .content .span10 ul#new_stuff li:hover.disabled,
.legacy .content .span10 ul#new_stuff li:hover[disabled] {
  background-color: #E8EEB2;
  *background-color: #e2e99d;
}
.legacy .content .span10 ul#new_stuff li:hover:active,
.legacy .content .span10 ul#new_stuff li:hover.active {
  background-color: #dce588 \9;
}
.legacy .content .course .thumbnail {
  color: #333;
  text-decoration: none;
  background-color: #faf9f7;
  background-image: -moz-linear-gradient(top, #fff, #F2F1EA);
  background-image: -ms-linear-gradient(top, #fff, #F2F1EA);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#F2F1EA));
  background-image: -webkit-linear-gradient(top, #fff, #F2F1EA);
  background-image: -o-linear-gradient(top, #fff, #F2F1EA);
  background-image: linear-gradient(top, #fff, #F2F1EA);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#F2F1EA', GradientType=0);
  border-color: #F2F1EA #F2F1EA #d5d2bb;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #F2F1EA;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.legacy .content .course .thumbnail:hover,
.legacy .content .course .thumbnail:active,
.legacy .content .course .thumbnail.active,
.legacy .content .course .thumbnail.disabled,
.legacy .content .course .thumbnail[disabled] {
  background-color: #F2F1EA;
  *background-color: #e8e6da;
}
.legacy .content .course .thumbnail:active,
.legacy .content .course .thumbnail.active {
  background-color: #dfdccb \9;
}
.legacy .content .course .thumbnail:hover {
  border-color: #6cba6d;
  background-color: #eff2c1;
  background-image: -moz-linear-gradient(top, #F3F5CB, #E8EEB2);
  background-image: -ms-linear-gradient(top, #F3F5CB, #E8EEB2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F3F5CB), to(#E8EEB2));
  background-image: -webkit-linear-gradient(top, #F3F5CB, #E8EEB2);
  background-image: -o-linear-gradient(top, #F3F5CB, #E8EEB2);
  background-image: linear-gradient(top, #F3F5CB, #E8EEB2);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3F5CB', endColorstr='#E8EEB2', GradientType=0);
  border-color: #E8EEB2 #E8EEB2 #d5e073;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #E8EEB2;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.legacy .content .course .thumbnail:hover:hover,
.legacy .content .course .thumbnail:hover:active,
.legacy .content .course .thumbnail:hover.active,
.legacy .content .course .thumbnail:hover.disabled,
.legacy .content .course .thumbnail:hover[disabled] {
  background-color: #E8EEB2;
  *background-color: #e2e99d;
}
.legacy .content .course .thumbnail:hover:active,
.legacy .content .course .thumbnail:hover.active {
  background-color: #dce588 \9;
}
.legacy .content .course img {
  display: inline-block;
  width: 40%;
}
.legacy .content .course .name {
  display: inline-block;
  width: 50%;
  padding: 9px 0 9px 9px;
  font-size: 115%;
  font-weight: bold;
  vertical-align: middle;
}
.legacy .content .course .stats {
  margin: 9px 0 0 18px;
  list-style: none;
}
.legacy .content .course .stats li {
  line-height: 20px;
}
.legacy .content .course .stats li a:hover {
  cursor: pointer;
}
.legacy .content .btn.more {
  position: absolute;
  top: 50%;
  margin-top: -32px;
}
.legacy .label {
  padding-top: 3px;
  padding-bottom: 3px;
}
.legacy .label.label-new-content {
  background-color: #ec1561;
  color: #fff;
  text-transform: uppercase;
  font-size: 95%;
}
.legacy .label.label-updated-content {
  background-color: #8b54b1;
  color: #fff;
  text-transform: uppercase;
  font-size: 95%;
}
.legacy .modal-open .dropdown-menu {
  z-index: 1000;
}
.legacy .actions .dropdown-menu {
  left: auto;
  right: 0;
}
.legacy .actions .dropdown-menu a {
  cursor: pointer;
}
.legacy .actions .dropdown-menu .disabled {
  opacity: calc(65 / 100);
  filter: alpha(opacity=65);
  cursor: inherit;
}
.legacy .actions .share-wrapper {
  display: none;
}
.legacy .actions .share {
  background-position: 10px 50%;
  background-repeat: no-repeat;
  padding-left: 50px;
  line-height: 44px;
  height: 44px;
}
.legacy .actions .share.ms_teams {
  background-size: 32px 31px;
  background-image: url('/images/ms_teams.svg');
}
.legacy .actions .share.google_classroom {
  background-size: 32px 32px;
  background-image: url('/images/google_classroom.svg');
}
.legacy .actions .share.copy_link_to_vle {
  background-size: 32px 32px;
  background-image: url('/images/streamline-icon-hyperlink.svg');
}
.legacy .asterisk {
  color: #e17328;
  font-family: "Helvetica Neue";
  font-size: 14px;
  font-style: italic;
}
.legacy .info-icon {
  background: transparent url('/images/itag.png') no-repeat left top;
  margin-left: 5px;
  float: left;
  display: block;
  width: 28px;
  height: 28px;
}
.legacy .info-icon span {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.legacy #options.upper {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.legacy #options.upper .options {
  margin-top: -18px;
}
.legacy .options .btn-group {
  display: inline-block;
  vertical-align: bottom;
}
.legacy .options .btn.dropdown-toggle {
  background: none;
  border: 0;
  font-size: 95%;
  text-transform: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.legacy .options .dropdown-menu:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 9px;
}
.legacy .options .dropdown-menu:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  position: absolute;
  top: -6px;
  left: 10px;
}
.legacy #contents {
  margin-top: 5px;
}
.legacy .allSelectionCont {
  width: 90%;
}
.legacy .allSelectionCont span {
  font-weight: bold;
}
.legacy .items .last-column {
  margin-left: 0px;
}
.legacy .items .icons input[type=checkbox] {
  margin-top: 0px;
}
.legacy .items .icons a,
.legacy .items .icons span {
  display: inline-block;
  width: 27.5%;
  text-align: center;
}
.legacy .items .icons a i.icon-star-empty,
.legacy .items .icons a i.icon-star-full {
  margin-top: 1px;
}
.legacy .items .icons a i.icon-star-empty {
  opacity: 0.45;
}
.legacy .items .icons .planning i {
  opacity: 1;
  margin: 0px 0 0 85%;
}
.legacy .items .icons .format i {
  margin: 0px 0 0 85%;
}
.legacy .items .head {
  padding: 0 0 9px 0;
  border-bottom: 1px solid #c8c8c8;
}
.legacy .items .head .header {
  color: #555;
  font-size: 85%;
  font-weight: bold;
  text-transform: uppercase;
}
.legacy .items .head .header.sortable {
  cursor: pointer;
}
.legacy .items .foot {
  padding: 9px 0;
}
.legacy .items .item {
  padding: 9px 0 8px 0;
  border-bottom: 1px solid #c8c8c8;
  cursor: default;
}
.legacy .items .item span[class*="span"],
.legacy .items .item div[class*="span"] {
  margin-bottom: -1px;
}
.legacy .items .item .due {
  color: red;
}
.legacy .items .item .label-new-content {
  font-size: 11px;
  margin-left: 5px;
  padding-bottom: 1px;
  padding-top: 1px;
}
.legacy .items .item .label-updated-content {
  font-size: 11px;
  margin-left: 5px;
  padding-bottom: 1px;
  padding-top: 1px;
}
.legacy .items .item .vertical-span-fix {
  padding: 0;
}
.legacy .items .item .progress_holder .progress_circle {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  width: 15px;
  height: 15px;
  border: 1px solid #444;
  margin: 0px auto;
  opacity: 0.4;
}
.legacy .items .item .progress_holder .progress_circle.Assigned {
  background: transparent;
}
.legacy .items .item .progress_holder .progress_circle.Saved .half_progress {
  height: 8px;
  margin-top: 8px;
  background-color: #444;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
}
.legacy .items .item .progress_holder .progress_circle.Done {
  background: #444;
}
.legacy .items .item:hover {
  background: var(--accent-color-lighter);
}
.legacy .items .item:hover a.name {
  text-decoration: none;
}
.legacy .items .item.checked {
  background: var(--accent-color-lighter);
}
.legacy .items .item.checked:hover {
  background: var(--accent-color-lighter);
}
.legacy .items .item.checked a.name {
  text-decoration: none;
}
.legacy .items .item.checked.visited a.name {
  text-decoration: none;
}
.legacy .items .item.visited a.name {
  font-weight: normal;
  text-decoration: none;
}
.legacy .items .item.visited:hover a.name {
  text-decoration: underline;
}
.legacy .items .name {
  text-decoration: none;
  font-weight: bold;
}
.legacy .items .description {
  color: #333;
}
.legacy .items .row-fluid [class*="span"] {
  min-height: 0;
}
.legacy #list .item {
  overflow: hidden;
}
.legacy .modal .icons .format i {
  margin: 0px;
}
.legacy #preview .preview {
  position: absolute;
  top: 0;
  right: 0;
  width: 42.5%;
  background: #fff;
  border: 1px solid #bbb;
  -webkit-border-radius: 6px 0 0 6px;
  -moz-border-radius: 6px 0 0 6px;
  border-radius: 6px 0 0 6px;
}
.legacy #preview .preview .preview-form {
  margin-bottom: 0;
}
.legacy #preview .preview .preview-form .preview-header {
  padding: 9px 15px;
  border-bottom: 1px solid #ddd;
  -webkit-border-radius: 6px 0 0 0;
  -moz-border-radius: 6px 0 0 0;
  border-radius: 6px 0 0 0;
  -webkit-box-shadow: inset 0 -1px 0 #fff;
  -moz-box-shadow: inset 0 -1px 0 #fff;
  box-shadow: inset 0 -1px 0 #fff;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAHlBMVEVlZWVqampwcHB1dXV6enqAgICFhYWKioqPj4+VlZWNpa3jAAAACnRSTlMwMDAwMDAwMDAwkEgI6AAABBxJREFUeNpdlE13mloYRt9qRJ1pVBpn2lSrM8LHEWZGjQ0zLQ25zMCDIDMtCQmzGBITZwgK8m8vWau9q+v+gnevs/d5wEE9sYsz43yl+HVHPZ/0br7FIY2QAlElQvg90XpBln+y+JxVqGRp+qpdAfX4NJPQtF1wkgUjjAtl1td7uzmnQPvUuNo1ZEMSUDY/lWwjvjTm3q9/BvAs4Vzg2HcBXTx2O/WRSTyEQ+UVhSA4t2GSy3qie+iw1QnV2A171St2yULW+4oNVBMLboGOfLWbnBWDTTvrbEC5NdCBC9+fvJVAEaLkk/J2yRrmI3Dc3EPxbDWczSVLT9BzPhIubfWNg3DSNwx+G1XcBvNOhE+yv6aY1lX3BJD0cqFKcTbTH0jEN23U7tRx5HcyWcAKriPGL/0MS/btNZs38cEyVdp2QZRys+CSv2hdGD9wPylvjyYvM0/CKWxvGG3z+iPhtsczjBTiYRjlKKTSZfj7KNmuiHY7H6/LxbMYsi8JRx+saMoGVZJTJkcUoO4dsltgGaclit8YmVVE+otBXqtz9/pi+mUPPrmy2kLuwcOS3kchrbb9K/mRSWzwonltia1rppBcBMDqrXIrOjdGPRlmK+GTbt1MkvKQcLcbP+NPXLRQi2dwzlhvVjxLeV/PtSAsEtDpWc35fAO0ReIH8oP3/rjEHBHNi/SQKctz+Dbig7MvRMp7WKdNaE22KbrhK6pDI3kO1nst5cVcZ6Zp47cZLWhgSbDTrdOcoX3w3td6yLojDY6uBa0abDGRKn0tsfofpe+2bPf5NXT9a18+0Jajt+J7lRB6P620n9AtwjrcZbXu3Wdj9NDvU+cdtqam/XABhg9A46Yp85Uw8/pI/O6nrn+Hbif3Wdc1o841W4x08fvYz9UQ/vJLCqM//eyHIlRjphII+Ngyjj1mMkn72acq7ToL6weCcWi2FPHzI2aYtJ9l2k8zvwMT7/GbwMeqyUoip6b9MB1zWo8xTMMRZZ9glYKq2vtHkrAke+7uh4PhRNea2a21QZ840dlqwsxsrmjpvrqDZHA33DafG33V3dbJ4jtxWhlU44SXoG/2GW/wEirBZlf6orV1hamL0c1tCH+9u+rzLUQVmTij2G4OSuxdZJubhrDhIkOK5y6f/sGwvTNAYKWwEopR9s1VBeDp8ZLbj2o9TMFA4ouJYn7XKSRE0cF5tDJjlCmfixCq1H8uBx8u3YXCWBFpQSh15WReEZuX+OZQ9KzzWTw06WF3COPD+5SfNMzj0YJuLh8aG9itHU9mgTSOl+HMsbVADZSotgz9/jiLv9MR4PP92hHaaLVYevxeuF2WrguapwkU/G+L9iVMDfOV1CBYFpKXi+YvHJqUh5SwzuU2pJUuAFzRWGGNamg7Nqm6AiFPXyK6lC7Av/PeiaOr9P+jAAAAAElFTkSuQmCC);
  background-position: left top;
  background-repeat: repeat;
}
.legacy #preview .preview .preview-form .preview-header a.close {
  height: 22px;
  width: 22px;
  text-indent: -9999px;
  background: url(/images/static/close.png);
  opacity: 0.8;
}
.legacy #preview .preview .preview-form .preview-header a.close:hover {
  opacity: 1;
}
.legacy #preview .preview .preview-form .preview-body {
  padding: 15px 15px 0 20px;
}
.legacy #preview .preview .preview-form .preview-body div#preview_image {
  height: 205px;
}
.legacy #preview .preview .preview-form .preview-body div#preview_image .loader {
  position: absolute;
  width: 24px;
  height: 24px;
  left: 50%;
  top: 50%;
  margin-top: -62px;
}
.legacy #preview .preview .preview-form .preview-body i {
  margin: 0;
}
.legacy #preview .preview .preview-form .preview-body .online-help-block input {
  margin-right: 5px;
}
.legacy #preview .preview .preview-form .preview-body .online-help-block .help-block {
  margin: 0;
  list-style: none;
  display: inline-block;
}
.legacy #preview .preview .preview-form .preview-footer {
  padding: 9px 15px;
  margin-bottom: 0;
  text-align: right;
  -webkit-border-radius: 0 0 0 6px;
  -moz-border-radius: 0 0 0 6px;
  border-radius: 0 0 0 6px;
  -webkit-box-shadow: inset 0 1px 0 #fff;
  -moz-box-shadow: inset 0 1px 0 #fff;
  box-shadow: inset 0 1px 0 #fff;
  border-top: 1px solid #ddd;
  *zoom: 1;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAHlBMVEVlZWVqampwcHB1dXV6enqAgICFhYWKioqPj4+VlZWNpa3jAAAACnRSTlMwMDAwMDAwMDAwkEgI6AAABBxJREFUeNpdlE13mloYRt9qRJ1pVBpn2lSrM8LHEWZGjQ0zLQ25zMCDIDMtCQmzGBITZwgK8m8vWau9q+v+gnevs/d5wEE9sYsz43yl+HVHPZ/0br7FIY2QAlElQvg90XpBln+y+JxVqGRp+qpdAfX4NJPQtF1wkgUjjAtl1td7uzmnQPvUuNo1ZEMSUDY/lWwjvjTm3q9/BvAs4Vzg2HcBXTx2O/WRSTyEQ+UVhSA4t2GSy3qie+iw1QnV2A171St2yULW+4oNVBMLboGOfLWbnBWDTTvrbEC5NdCBC9+fvJVAEaLkk/J2yRrmI3Dc3EPxbDWczSVLT9BzPhIubfWNg3DSNwx+G1XcBvNOhE+yv6aY1lX3BJD0cqFKcTbTH0jEN23U7tRx5HcyWcAKriPGL/0MS/btNZs38cEyVdp2QZRys+CSv2hdGD9wPylvjyYvM0/CKWxvGG3z+iPhtsczjBTiYRjlKKTSZfj7KNmuiHY7H6/LxbMYsi8JRx+saMoGVZJTJkcUoO4dsltgGaclit8YmVVE+otBXqtz9/pi+mUPPrmy2kLuwcOS3kchrbb9K/mRSWzwonltia1rppBcBMDqrXIrOjdGPRlmK+GTbt1MkvKQcLcbP+NPXLRQi2dwzlhvVjxLeV/PtSAsEtDpWc35fAO0ReIH8oP3/rjEHBHNi/SQKctz+Dbig7MvRMp7WKdNaE22KbrhK6pDI3kO1nst5cVcZ6Zp47cZLWhgSbDTrdOcoX3w3td6yLojDY6uBa0abDGRKn0tsfofpe+2bPf5NXT9a18+0Jajt+J7lRB6P620n9AtwjrcZbXu3Wdj9NDvU+cdtqam/XABhg9A46Yp85Uw8/pI/O6nrn+Hbif3Wdc1o841W4x08fvYz9UQ/vJLCqM//eyHIlRjphII+Ngyjj1mMkn72acq7ToL6weCcWi2FPHzI2aYtJ9l2k8zvwMT7/GbwMeqyUoip6b9MB1zWo8xTMMRZZ9glYKq2vtHkrAke+7uh4PhRNea2a21QZ840dlqwsxsrmjpvrqDZHA33DafG33V3dbJ4jtxWhlU44SXoG/2GW/wEirBZlf6orV1hamL0c1tCH+9u+rzLUQVmTij2G4OSuxdZJubhrDhIkOK5y6f/sGwvTNAYKWwEopR9s1VBeDp8ZLbj2o9TMFA4ouJYn7XKSRE0cF5tDJjlCmfixCq1H8uBx8u3YXCWBFpQSh15WReEZuX+OZQ9KzzWTw06WF3COPD+5SfNMzj0YJuLh8aG9itHU9mgTSOl+HMsbVADZSotgz9/jiLv9MR4PP92hHaaLVYevxeuF2WrguapwkU/G+L9iVMDfOV1CBYFpKXi+YvHJqUh5SwzuU2pJUuAFzRWGGNamg7Nqm6AiFPXyK6lC7Av/PeiaOr9P+jAAAAAElFTkSuQmCC);
  background-position: left top;
  background-repeat: repeat;
}
.legacy #preview .preview .preview-form .preview-footer:before,
.legacy #preview .preview .preview-form .preview-footer:after {
  display: table;
  content: "";
}
.legacy #preview .preview .preview-form .preview-footer:after {
  clear: both;
}
.legacy #preview .preview .preview-form .preview-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.legacy #preview .preview .preview-form .preview-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.legacy #preview .preview .preview-form img {
  display: block;
  margin: 0 auto 18px auto;
}
.legacy #preview .preview .preview-form .control-group {
  width: 98%;
  border-bottom: 1px solid #C8C8C8;
  margin-bottom: 12px;
  padding-bottom: 12px;
}
.legacy #preview .preview .preview-form input[type="checkbox"] {
  float: none;
}
.legacy #preview .preview .preview-form label {
  display: inline-block;
  padding-right: 4px;
  font-weight: bold;
  color: #888;
  background: #fff;
  text-transform: uppercase;
}
.legacy #preview .preview .preview-form .input-xxlarge {
  width: 98%;
}
.legacy #preview .preview.fade {
  -webkit-transition: opacity .6s linear, right .6s ease-out;
  -moz-transition: opacity .6s linear, right .6s ease-out;
  -ms-transition: opacity .6s linear, right .6s ease-out;
  -o-transition: opacity .6s linear, right .6s ease-out;
  transition: opacity .6s linear, right .6s ease-out;
  right: -42.5%;
  display: none;
}
.legacy #preview .preview.fade.in {
  right: 0;
}
.legacy #preview .preview p {
  padding: 0 20px;
}
.legacy #preview .preview .icons span {
  text-align: left;
}
.legacy #preview .preview #preparing-file-modal {
  display: none;
}
.legacy #preview .preview #error-modal {
  display: none;
}
.legacy .timeout-error {
  margin-right: 15px;
}
.legacy body .tooltip {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
}
.legacy .custom-items .accordion-group {
  border: none;
  border-radius: inherit;
  margin-bottom: 0;
}
.legacy .custom-items .accordion-toggle {
  padding: 0;
}
.legacy .custom-items .accordion-body .item {
  background-color: #fbfbfb;
}
.legacy .custom-items .head .last-column {
  margin-left: 0px;
}
.legacy .custom-items .item {
  padding: 0;
}
.legacy .custom-items .item.accordion-group {
  border-bottom: 1px solid #c8c8c8;
}
.legacy .custom-items .due-date {
  text-align: center;
}
.legacy .custom-items .cell {
  padding: 12px 0 9px 0;
}
.legacy .custom-items .cell .icons input[type=checkbox] {
  margin-top: 2px;
}
.legacy .custom-items .cell .orange {
  color: #FF5500;
}
.legacy .custom-items .cell.date {
  text-align: center;
}
.legacy .custom-items .cell.hide {
  display: none;
}
.legacy .custom-items .percent {
  font-size: 1.2em;
  font-weight: bold;
}
.legacy .custom-items .noisy {
  background-image: url(/images/static/noisy.png);
  background-position: left top;
  background-repeat: repeat;
  text-align: center;
}
.legacy .custom-items .glued-cell {
  margin-left: 0;
  padding-left: 2.12765957%;
}
.legacy .custom-items .glued-cell.span1 {
  width: 10.63829787%;
}
.legacy .custom-items .glued-cell.span2 {
  width: 17.02127659%;
}
.legacy .custom-items .glued-cell.span3 {
  width: 25.53191489%;
}
.legacy .detailed-score {
  overflow: auto;
  overflow-y: hidden;
}
.legacy .detailed-score td {
  border: 1px solid #AAA;
  padding: 1px;
  text-align: center;
  min-width: 40px;
}
.legacy .detailed-score td.failed-screen {
  background-color: #f82729;
  color: #FFF;
}
.legacy .detailed-score td.partial-screen {
  background-color: #fcc127;
}
.legacy .detailed-score td.completed-screen {
  background-color: #29bd4d;
  color: #FFF;
}
.legacy .confidence-level-booble {
  width: 22px;
  height: 22px;
  background: url('/images/boobles.png');
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.legacy .confidence-level-booble.v0 {
  background-position: 0 0;
}
.legacy .confidence-level-booble.v1 {
  background-position: -22px 0;
}
.legacy .confidence-level-booble.v2 {
  background-position: -44px 0;
}
.legacy #confidence-key {
  padding: 15px;
  display: none;
}
.legacy #confidence-key div {
  float: left;
}
.legacy #confidence-key div.confidence-level-key {
  padding-left: 15px;
  margin-right: 20px;
}
.legacy .markbook-report.big.diagnostic-report.modal {
  overflow-x: hidden;
}
.legacy #markbooks .span-score-percent {
  text-align: center;
  width: 10.63829787%;
}
.legacy #markbooks .span-student-progress-column {
  text-align: center;
  width: 25.53191489%;
  margin-left: 0;
}
.legacy #markbooks .items .icons input[type=checkbox] {
  margin-top: 2px;
}
.legacy #markbooks .items .head .last-column {
  margin-left: 0px;
}
.legacy #markbooks .items .item {
  padding: 0px;
}
.legacy #markbooks .items .item span {
  padding: 12px 0 9px 0;
}
.legacy #markbooks .items .item span a.star {
  width: 10% !important;
}
.legacy #markbooks .items .item span .check {
  padding: 2px 0 0 0px;
}
.legacy #markbooks .items .item span .format {
  padding: 0;
}
.legacy #markbooks .items .item span font.orange {
  color: #FF5500;
}
.legacy #markbooks .items .item span .manual_marking {
  color: #FFF;
  width: 130px;
  height: 20px;
  padding: 0;
  margin: 0 auto;
  text-transform: uppercase;
  background: transparent url(/images/submit_button_orange.png) no-repeat;
  background-position-x: 1px;
  border: 1px solid transparent;
  border: 0px none;
  font-family: "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: normal;
  font-size: 11px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
  line-height: 24px;
  cursor: pointer;
}
.legacy #markbooks .items .item .score-info,
.legacy #markbooks .items .item .span-score-percent,
.legacy #markbooks .items .item .progress-column,
.legacy #markbooks .items .item .student-progress-column {
  background-image: url(/images/static/noisy.png);
  background-position: left top;
  background-repeat: repeat;
  padding: 9px 0 10px 0;
}
.legacy #markbooks .items .item .markbook-progress-column {
  padding: 9px 0 10px 0;
}
.legacy #markbooks .items .item .markbook-progress-column .mark-button {
  cursor: pointer;
}
.legacy #markbooks .items .item .markbook-progress-column .status {
  width: 75%;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 3px 0;
  display: block;
  color: #000;
  text-decoration: none;
}
.legacy #markbooks .items .item .markbook-progress-column .no-submits {
  background-color: #e7e7e7;
  background-image: -moz-linear-gradient(top, #EEE, #DDD);
  background-image: -ms-linear-gradient(top, #EEE, #DDD);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EEE), to(#DDD));
  background-image: -webkit-linear-gradient(top, #EEE, #DDD);
  background-image: -o-linear-gradient(top, #EEE, #DDD);
  background-image: linear-gradient(top, #EEE, #DDD);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEE', endColorstr='#DDD', GradientType=0);
  background-color: #DDD;
  border-left: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
  border-right: 1px solid #CCC;
  border-top: 1px solid #DEDEDE;
}
.legacy #markbooks .items .item .markbook-progress-column .no-submits:hover {
  background-color: #dadada;
  background-image: -moz-linear-gradient(top, #e1e1e1, #d0d0d0);
  background-image: -ms-linear-gradient(top, #e1e1e1, #d0d0d0);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e1e1e1), to(#d0d0d0));
  background-image: -webkit-linear-gradient(top, #e1e1e1, #d0d0d0);
  background-image: -o-linear-gradient(top, #e1e1e1, #d0d0d0);
  background-image: linear-gradient(top, #e1e1e1, #d0d0d0);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1e1e1', endColorstr='#d0d0d0', GradientType=0);
}
.legacy #markbooks .items .item .markbook-progress-column .no-submits:active {
  background-color: #CCC;
  background-image: none;
}
.legacy #markbooks .items .item .markbook-progress-column .almost-submitted {
  background-color: #afd054;
  background-image: -moz-linear-gradient(top, #c0d856, #95c352);
  background-image: -ms-linear-gradient(top, #c0d856, #95c352);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c0d856), to(#95c352));
  background-image: -webkit-linear-gradient(top, #c0d856, #95c352);
  background-image: -o-linear-gradient(top, #c0d856, #95c352);
  background-image: linear-gradient(top, #c0d856, #95c352);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0d856', endColorstr='#95c352', GradientType=0);
  border-left: 1px solid #9ec753;
  border-top: 1px solid #d9e796;
  border-right: 1px solid #c1db7f;
}
.legacy #markbooks .items .item .markbook-progress-column .almost-submitted:hover {
  background-color: #a5c941;
  background-image: -moz-linear-gradient(top, #b8d341, #89bb41);
  background-image: -ms-linear-gradient(top, #b8d341, #89bb41);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b8d341), to(#89bb41));
  background-image: -webkit-linear-gradient(top, #b8d341, #89bb41);
  background-image: -o-linear-gradient(top, #b8d341, #89bb41);
  background-image: linear-gradient(top, #b8d341, #89bb41);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8d341', endColorstr='#89bb41', GradientType=0);
}
.legacy #markbooks .items .item .markbook-progress-column .almost-submitted:active {
  background-color: #95c352;
  background-image: none;
}
.legacy #markbooks .items .item .markbook-progress-column .submitted {
  background-color: #549f55;
  background-image: -moz-linear-gradient(top, #65b666, #3A7B3B);
  background-image: -ms-linear-gradient(top, #65b666, #3A7B3B);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#65b666), to(#3A7B3B));
  background-image: -webkit-linear-gradient(top, #65b666, #3A7B3B);
  background-image: -o-linear-gradient(top, #65b666, #3A7B3B);
  background-image: linear-gradient(top, #65b666, #3A7B3B);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#65b666', endColorstr='#3A7B3B', GradientType=0);
  border-left: 1px solid #3A7B3B;
  border-top: 1px solid #87c788;
  border-right: 1px solid #65b666;
  background-color: #3A7B3B;
  color: #FFF;
}
.legacy #markbooks .items .item .markbook-progress-column .submitted:hover {
  background-color: #469347;
  background-image: -moz-linear-gradient(top, #53ae55, #326a33);
  background-image: -ms-linear-gradient(top, #53ae55, #326a33);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#53ae55), to(#326a33));
  background-image: -webkit-linear-gradient(top, #53ae55, #326a33);
  background-image: -o-linear-gradient(top, #53ae55, #326a33);
  background-image: linear-gradient(top, #53ae55, #326a33);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#53ae55', endColorstr='#326a33', GradientType=0);
}
.legacy #markbooks .items .item .markbook-progress-column .submitted:active {
  background-color: #3A7B3B;
  background-image: none;
}
.legacy #markbooks .items .item .span-score-percent {
  font-size: 1.2em;
  font-weight: bold;
}
.legacy #markbook-groups h6 {
  margin-bottom: 15px;
}
.legacy .tooltip {
  font-size: 16px;
}
.legacy .group-assignment .modal-footer .row-fluid {
  text-align: left;
}
.legacy .group-assignment .modal-footer .cancel,
.legacy .group-assignment .modal-footer .btn-primary {
  float: right;
}
.legacy #group-assignments .dialog-section {
  border: 1px solid #cccccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.legacy #group-assignments input[name=mark] {
  width: 40px;
}
.legacy #group-assignments input[type=submit] {
  float: right;
}
.legacy #group-assignments .help-block {
  margin-left: -40px;
}
.legacy #group-assignments h3 {
  margin-bottom: 12px;
}
.legacy #group-assignments h4 {
  margin-bottom: 18px;
}
.legacy #group-assignments a.select {
  font-weight: bold;
}
.legacy #group-assignments a.select.marked {
  font-weight: normal;
}
.legacy #group-assignments .items .item-wrapper {
  padding-left: 9px;
  padding-right: 9px;
}
.legacy #group-assignments .items .active {
  background-color: var(--accent-color);
}
.legacy #group-assignments .items .active a {
  color: #FFF;
}
.legacy #group-assignments .items .active i {
  background-image: url("/stylesheets/bootstrap/bootstrap-icons-white.png");
}
.legacy #group-assignments #student-assigned,
.legacy #group-assignments #assignment-info {
  height: 240px;
  margin-bottom: 0.3em;
}
.legacy #group-assignments #student-assigned button,
.legacy #group-assignments #assignment-info button {
  font-size: 0.7em;
  margin-top: 5px;
  padding: 2px 5px;
  float: none;
  margin-right: 2px;
}
.legacy #group-assignments #assignment-info .row-list {
  margin-bottom: 18px;
}
.legacy #group-assignments #assignment-info .row-list .span9 {
  margin-left: 5px;
  width: auto;
}
.legacy #group-assignments #editable-date .edit {
  margin-top: -4px;
}
.legacy #group-assignments #editable-date .not-editing {
  cursor: pointer;
  padding: 4px 4px 7px 4px;
  height: 33px;
  width: 85px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  border: 1px solid #CCC;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.legacy #group-assignments #editable-date input {
  padding: 4px 4px 7px 4px;
  height: 33px !important;
  width: 85px !important;
}
.legacy #group-assignments #student-assignment {
  position: relative;
}
.legacy #group-assignments #student-assignment .list-wrapper {
  margin-bottom: 0;
}
.legacy #group-assignments #student-assignment .control-group {
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 5px;
}
.legacy #group-assignments #student-content .item .span1,
.legacy #group-assignments #student-content .item .span11 {
  min-height: 18px;
}
.legacy #group-assignments #submit-marks .control-label {
  text-align: left;
}
.legacy #group-assignments #submit-marks .mark-detailed-score {
  position: absolute;
  top: 55px;
  right: 15px;
  font-size: 1.6em;
}
.legacy #group-assignments #submit-marks .mark-detailed-score .percentage {
  margin-left: 10px;
}
.legacy #group-assignments #submit-marks.without-detailed-score {
  float: right;
  width: 140px;
}
.legacy #group-assignments #submit-marks.without-detailed-score .controls {
  margin: 0;
}
.legacy #group-assignments #submit-marks.without-detailed-score .control-label {
  width: 50px;
  margin-top: 0;
}
.legacy #group-assignments #submit-marks .detailed-mark .controls {
  margin-left: 140px;
  margin-top: 10px;
}
.legacy #group-assignments #submit-marks .detailed-mark input {
  width: auto;
  max-width: 35px;
}
.legacy #group-assignments #submit-marks .detailed-mark input[type=number]:disabled::-webkit-inner-spin-button,
.legacy #group-assignments #submit-marks .detailed-mark input[type=number]:disabled::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.legacy #group-assignments #submit-marks .detailed-mark input[type='number']:disabled {
  -moz-appearance: textfield;
  text-align: right;
}
.legacy #group-assignments #submit-marks .red {
  color: red;
}
.legacy #markbook-tabs li {
  width: 50%;
}
.legacy #content-assignment hr {
  width: 100%;
  margin: 0.5rem 0;
}
.legacy #content-assignment #test-content::after {
  content: '';
  display: block;
  clear: both;
}
.legacy #student-mark .controls {
  margin-top: 0.5rem;
  margin-left: 0;
  font-size: 1.5em;
  text-align: center;
}
.legacy #student-mark input {
  width: 6rem;
  height: auto;
  padding-left: 0.5rem;
  font-size: 1em;
  text-align: center;
}
.legacy #student-mark .modal-form {
  margin-bottom: 0;
}
.legacy footer .footer-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 5px 0;
  min-width: 647px;
  overflow: hidden;
  background-color: #636466;
  text-align: center;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAHlBMVEVlZWVqampwcHB1dXV6enqAgICFhYWKioqPj4+VlZWNpa3jAAAACnRSTlMwMDAwMDAwMDAwkEgI6AAABBxJREFUeNpdlE13mloYRt9qRJ1pVBpn2lSrM8LHEWZGjQ0zLQ25zMCDIDMtCQmzGBITZwgK8m8vWau9q+v+gnevs/d5wEE9sYsz43yl+HVHPZ/0br7FIY2QAlElQvg90XpBln+y+JxVqGRp+qpdAfX4NJPQtF1wkgUjjAtl1td7uzmnQPvUuNo1ZEMSUDY/lWwjvjTm3q9/BvAs4Vzg2HcBXTx2O/WRSTyEQ+UVhSA4t2GSy3qie+iw1QnV2A171St2yULW+4oNVBMLboGOfLWbnBWDTTvrbEC5NdCBC9+fvJVAEaLkk/J2yRrmI3Dc3EPxbDWczSVLT9BzPhIubfWNg3DSNwx+G1XcBvNOhE+yv6aY1lX3BJD0cqFKcTbTH0jEN23U7tRx5HcyWcAKriPGL/0MS/btNZs38cEyVdp2QZRys+CSv2hdGD9wPylvjyYvM0/CKWxvGG3z+iPhtsczjBTiYRjlKKTSZfj7KNmuiHY7H6/LxbMYsi8JRx+saMoGVZJTJkcUoO4dsltgGaclit8YmVVE+otBXqtz9/pi+mUPPrmy2kLuwcOS3kchrbb9K/mRSWzwonltia1rppBcBMDqrXIrOjdGPRlmK+GTbt1MkvKQcLcbP+NPXLRQi2dwzlhvVjxLeV/PtSAsEtDpWc35fAO0ReIH8oP3/rjEHBHNi/SQKctz+Dbig7MvRMp7WKdNaE22KbrhK6pDI3kO1nst5cVcZ6Zp47cZLWhgSbDTrdOcoX3w3td6yLojDY6uBa0abDGRKn0tsfofpe+2bPf5NXT9a18+0Jajt+J7lRB6P620n9AtwjrcZbXu3Wdj9NDvU+cdtqam/XABhg9A46Yp85Uw8/pI/O6nrn+Hbif3Wdc1o841W4x08fvYz9UQ/vJLCqM//eyHIlRjphII+Ngyjj1mMkn72acq7ToL6weCcWi2FPHzI2aYtJ9l2k8zvwMT7/GbwMeqyUoip6b9MB1zWo8xTMMRZZ9glYKq2vtHkrAke+7uh4PhRNea2a21QZ840dlqwsxsrmjpvrqDZHA33DafG33V3dbJ4jtxWhlU44SXoG/2GW/wEirBZlf6orV1hamL0c1tCH+9u+rzLUQVmTij2G4OSuxdZJubhrDhIkOK5y6f/sGwvTNAYKWwEopR9s1VBeDp8ZLbj2o9TMFA4ouJYn7XKSRE0cF5tDJjlCmfixCq1H8uBx8u3YXCWBFpQSh15WReEZuX+OZQ9KzzWTw06WF3COPD+5SfNMzj0YJuLh8aG9itHU9mgTSOl+HMsbVADZSotgz9/jiLv9MR4PP92hHaaLVYevxeuF2WrguapwkU/G+L9iVMDfOV1CBYFpKXi+YvHJqUh5SwzuU2pJUuAFzRWGGNamg7Nqm6AiFPXyK6lC7Av/PeiaOr9P+jAAAAAElFTkSuQmCC);
  background-position: left top;
  background-repeat: repeat;
}
.legacy footer .footer-wrapper a {
  position: relative;
  margin: 0 15px;
  color: #eee;
  border-bottom-color: #eee;
  /* Subtle separator. */
}
.legacy footer .footer-wrapper a:hover {
  color: #fff;
  border-bottom-color: #fff;
  background-color: transparent;
}
.legacy footer .footer-wrapper a:focus {
  -webkit-box-shadow: 0 0 0 1px #fff inset, 0 0 0 2px #3a7b3b inset !important;
  -moz-box-shadow: 0 0 0 1px #fff inset, 0 0 0 2px #3a7b3b inset !important;
  box-shadow: 0 0 0 1px #fff inset, 0 0 0 2px #3a7b3b inset !important;
}
body.using-mouse .legacy footer .footer-wrapper a:focus {
  box-shadow: none !important;
}
.legacy footer .footer-wrapper a:not(:last-child)::after {
  content: '';
  display: block;
  width: 1px;
  height: 14px;
  position: absolute;
  top: 0;
  right: -17px;
  border-right: 1px solid rgba(255, 255, 255, 0.34);
}
.legacy .teacher-role.home-lens footer,
.legacy .student-role.home-lens footer {
  position: fixed;
  width: 100%;
  bottom: 0;
}
.legacy input {
  appearance: auto;
}
.legacy input[type=checkbox] {
  -webkit-appearance: checkbox;
}
.legacy input:focus,
.legacy textarea:focus {
  -webkit-box-shadow: 0 0 0 1px #333 inset;
  -moz-box-shadow: 0 0 0 1px #333 inset;
  box-shadow: 0 0 0 1px #333 inset;
  border-color: rgba(58, 123, 59, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(58, 123, 59, 0.6);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(58, 123, 59, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(58, 123, 59, 0.6);
  outline: none;
}
.legacy input[type=text]::-ms-clear {
  display: none;
}
.legacy form .help-block,
.legacy form .help-inline {
  font-style: italic;
}
.legacy form .inline-list-wrapper input[type='checkbox'] {
  margin-top: 0;
  margin-bottom: 3px;
}
.legacy form .inline-list-wrapper label {
  display: inline;
}
.legacy input[type="checkbox"].check {
  margin-top: 1px;
}
.legacy label.check_holder {
  display: inline;
  cursor: pointer;
}
.legacy label.horizontal {
  display: inline-block;
  margin-right: 10px;
  text-align: left;
}
.legacy .controls input[type="radio"],
.legacy .controls input[type="checkbox"] {
  float: left;
}
.legacy .controls .field {
  margin-top: 5px;
  display: block;
}
.legacy .form-actions {
  background-color: transparent;
}
.legacy .required {
  color: #f00;
  font-size: 16px;
}
.legacy .uneditable-input {
  height: auto;
}
.legacy .form-small {
  margin-top: 18px;
}
.legacy .form-small .control-label {
  width: 100px;
}
.legacy .form-small .controls {
  margin-left: 120px;
}
.legacy .form-small .input-xxlarge {
  width: 95%;
}
.legacy .modal-body .error .help-block {
  width: auto;
}
.legacy .modal-body .error .help-block a {
  color: #b94a48;
  text-decoration: underline;
}
.legacy .modal-body .frame {
  border: 1px solid #cdcec6;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding: 10px;
}
.legacy .modal-body .left-frame {
  width: 300px;
  float: left;
}
.legacy .modal-body .left-frame input[type="file"] {
  width: 250px;
}
.legacy .modal-body .left-frame .error {
  color: red;
}
.legacy .modal-body .right-frame {
  width: 200px;
  float: left;
  padding: 0 10px;
}
.legacy .modal-body .right-frame .control-label {
  width: 100px;
  padding-top: 0px;
  text-align: left;
}
.legacy .modal-body .right-frame .controls {
  margin-left: 120px;
  width: 100px;
}
.legacy .modal-body .right-frame input {
  width: 50px;
}
.legacy .no-selectable-text {
  -ms-user-select: none;
  /* IE 10+ */
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.legacy .icon-rss {
  background-position: -72px -168px;
}
.legacy .icon-all {
  background-position: -240px 0;
}
.legacy .icon-groupless {
  background-position: -72px -143px;
}
.legacy .icon-my_resources {
  background-position: -288px -23px;
}
.legacy .icon-my_assignments,
.legacy .icon-my_markbooks {
  background-position: -288px -23px;
}
.legacy .icon-my_plans {
  background-position: -288px -23px;
}
.legacy .icon-favourites {
  background-position: -120px -168px;
}
.legacy .icon-new_content {
  background: #ec1561;
  background-image: none !important;
  color: #fff;
  width: 12px;
  height: 12px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.legacy .icon-updated_content {
  background: #8b54b1;
  background-image: none !important;
  color: #fff;
  width: 12px;
  height: 12px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.legacy .icon-vertex {
  background-position: -96px -168px;
}
.legacy .icon-leaf {
  background-position: -96px -168px;
}
.legacy .icon-expanded {
  background-position: -313px -119px;
}
.legacy .icon-contracted {
  background-position: -456px -72px;
}
.legacy .icon-refreshing {
  background-position: -240px -24px;
}
.legacy .icon-error {
  background-position: 0 -120px;
}
.legacy .icon-star-full {
  background-position: -120px -168px;
}
.legacy .icon-document {
  background-position: -24px -24px;
}
.legacy .icon-video {
  background-position: -192px 0;
}
.legacy .icon-presentation {
  background-position: -96px -120px;
}
.legacy .icon-image {
  background-position: -120px -48px;
}
.legacy .icon-create {
  background-position: -408px -96px;
}
.legacy .icon-add {
  background-position: -408px -96px;
}
.legacy .icon-user {
  background-position: -168px 0;
}
.legacy .icon-view {
  background-position: -96px -120px;
}
.legacy .icon-edit {
  background-position: 0 -72px;
}
.legacy .icon-remove {
  background-position: -48px -96px;
}
.legacy .icon-star-full,
.legacy .icon-favourites {
  opacity: 0.85 !important;
}
.legacy .icon-refreshing {
  -webkit-animation: rotate 2s infinite linear;
  -moz-animation: rotate 2s infinite linear;
  -ms-animation: rotate 2s infinite linear;
  -o-animation: rotate 2s infinite linear;
  animation: rotate 2s infinite linear;
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-ms-keyframes rotate {
  from {
    -ms-transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
  }
}
@-o-keyframes rotate {
  from {
    -o-transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.legacy .icon {
  width: 16px;
  height: 16px;
  background-image: url(/images/iconsprite_legacy.png);
}
.legacy .icon.planning_icon {
  background-image: url(/images/plan_type.png);
}
.legacy .icon.planning_icon.icon-plan-short {
  background-position: -16px 0;
}
.legacy .icon.planning_icon.icon-plan-medium {
  background-position: -48px 0;
}
.legacy .icon.planning_icon.icon-plan-long {
  background-position: -80px 0;
}
.legacy .icon.planning_icon.icon-plan-other {
  background-position: -112px 0;
}
.legacy .icon.icon-sso {
  background-position: -48px -64px;
}
.legacy .icon.icon-image {
  background-position: -16px 0;
}
.legacy .icon.icon-audio {
  background-position: -48px 0;
}
.legacy .icon.icon-video {
  background-position: -80px 0;
}
.legacy .icon.icon-animation {
  background-position: -112px 0;
}
.legacy .icon.icon-document {
  background-position: -144px 0;
}
.legacy .icon.icon-presentation {
  background-position: -176px 0;
}
.legacy .icon.icon-embeddable,
.legacy .icon.icon-interactive {
  background-position: -208px 0;
}
.legacy .icon.icon-spreadsheet {
  background-position: -240px 0;
}
.legacy .icon.icon-webpage {
  background-position: -272px 0;
}
.legacy .icon.icon-my_assignments,
.legacy .icon.icon-package-assignment {
  background-position: -304px 0;
}
.legacy .icon.icon-other {
  background-position: -336px 0;
}
.legacy .icon.icon-downloadable {
  background-position: -368px 0;
}
.legacy .icon.icon-lesson {
  background-position: -400px 0;
}
.legacy .icon.icon-delegate-assignment,
.legacy .icon.icon-check-assignment,
.legacy .icon.icon-marked-assignment {
  margin: 0;
  width: 32px;
}
.legacy .icon.icon-check-assignment {
  background-position: 0px -32px;
}
.legacy .icon.icon-delegate-assignment {
  background-position: -48px -32px;
}
.legacy .icon.icon-marked-assignment {
  background-position: -96px -32px;
}
.legacy .navbar {
  margin-bottom: 0;
  position: relative;
}
.legacy .navbar .navbar-inner {
  min-height: 30px;
  background-color: #636466;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0;
  -moz-box-shadow: 0;
  box-shadow: 0;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAHlBMVEVlZWVqampwcHB1dXV6enqAgICFhYWKioqPj4+VlZWNpa3jAAAACnRSTlMwMDAwMDAwMDAwkEgI6AAABBxJREFUeNpdlE13mloYRt9qRJ1pVBpn2lSrM8LHEWZGjQ0zLQ25zMCDIDMtCQmzGBITZwgK8m8vWau9q+v+gnevs/d5wEE9sYsz43yl+HVHPZ/0br7FIY2QAlElQvg90XpBln+y+JxVqGRp+qpdAfX4NJPQtF1wkgUjjAtl1td7uzmnQPvUuNo1ZEMSUDY/lWwjvjTm3q9/BvAs4Vzg2HcBXTx2O/WRSTyEQ+UVhSA4t2GSy3qie+iw1QnV2A171St2yULW+4oNVBMLboGOfLWbnBWDTTvrbEC5NdCBC9+fvJVAEaLkk/J2yRrmI3Dc3EPxbDWczSVLT9BzPhIubfWNg3DSNwx+G1XcBvNOhE+yv6aY1lX3BJD0cqFKcTbTH0jEN23U7tRx5HcyWcAKriPGL/0MS/btNZs38cEyVdp2QZRys+CSv2hdGD9wPylvjyYvM0/CKWxvGG3z+iPhtsczjBTiYRjlKKTSZfj7KNmuiHY7H6/LxbMYsi8JRx+saMoGVZJTJkcUoO4dsltgGaclit8YmVVE+otBXqtz9/pi+mUPPrmy2kLuwcOS3kchrbb9K/mRSWzwonltia1rppBcBMDqrXIrOjdGPRlmK+GTbt1MkvKQcLcbP+NPXLRQi2dwzlhvVjxLeV/PtSAsEtDpWc35fAO0ReIH8oP3/rjEHBHNi/SQKctz+Dbig7MvRMp7WKdNaE22KbrhK6pDI3kO1nst5cVcZ6Zp47cZLWhgSbDTrdOcoX3w3td6yLojDY6uBa0abDGRKn0tsfofpe+2bPf5NXT9a18+0Jajt+J7lRB6P620n9AtwjrcZbXu3Wdj9NDvU+cdtqam/XABhg9A46Yp85Uw8/pI/O6nrn+Hbif3Wdc1o841W4x08fvYz9UQ/vJLCqM//eyHIlRjphII+Ngyjj1mMkn72acq7ToL6weCcWi2FPHzI2aYtJ9l2k8zvwMT7/GbwMeqyUoip6b9MB1zWo8xTMMRZZ9glYKq2vtHkrAke+7uh4PhRNea2a21QZ840dlqwsxsrmjpvrqDZHA33DafG33V3dbJ4jtxWhlU44SXoG/2GW/wEirBZlf6orV1hamL0c1tCH+9u+rzLUQVmTij2G4OSuxdZJubhrDhIkOK5y6f/sGwvTNAYKWwEopR9s1VBeDp8ZLbj2o9TMFA4ouJYn7XKSRE0cF5tDJjlCmfixCq1H8uBx8u3YXCWBFpQSh15WReEZuX+OZQ9KzzWTw06WF3COPD+5SfNMzj0YJuLh8aG9itHU9mgTSOl+HMsbVADZSotgz9/jiLv9MR4PP92hHaaLVYevxeuF2WrguapwkU/G+L9iVMDfOV1CBYFpKXi+YvHJqUh5SwzuU2pJUuAFzRWGGNamg7Nqm6AiFPXyK6lC7Av/PeiaOr9P+jAAAAAElFTkSuQmCC);
  background-position: left top;
  background-repeat: repeat;
}
.legacy .navbar .nav > li > a,
.legacy .navbar .nav > li > div > a,
.legacy .navbar .nav > li > div > div > a {
  display: block;
  float: none;
  padding: 5px 10px 6px;
  line-height: 19px;
  color: #eee;
  text-decoration: none;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.legacy .navbar .nav > li > a:hover,
.legacy .navbar .nav > li > div > a:hover,
.legacy .navbar .nav > li > div > div > a:hover {
  background-color: transparent;
  color: #fff;
  text-decoration: none;
}
.legacy .navbar .nav > li > a:focus,
.legacy .navbar .nav > li > div > a:focus,
.legacy .navbar .nav > li > div > div > a:focus {
  -webkit-box-shadow: 0 0 0 1px #fff inset, 0 0 0 2px #3a7b3b inset !important;
  -moz-box-shadow: 0 0 0 1px #fff inset, 0 0 0 2px #3a7b3b inset !important;
  box-shadow: 0 0 0 1px #fff inset, 0 0 0 2px #3a7b3b inset !important;
}
body.using-mouse .legacy .navbar .nav > li > a:focus,
body.using-mouse .legacy .navbar .nav > li > div > a:focus,
body.using-mouse .legacy .navbar .nav > li > div > div > a:focus {
  box-shadow: none !important;
}
.legacy .navbar .nav > li > a.disabled,
.legacy .navbar .nav > li > div > a.disabled,
.legacy .navbar .nav > li > div > div > a.disabled {
  color: #999;
}
.legacy .navbar .nav > li > a#nav-help,
.legacy .navbar .nav > li > div > a#nav-help,
.legacy .navbar .nav > li > div > div > a#nav-help {
  background-color: #555555;
}
.legacy .navbar .nav > li > a#nav-help:hover,
.legacy .navbar .nav > li > div > a#nav-help:hover,
.legacy .navbar .nav > li > div > div > a#nav-help:hover {
  background-color: #333333;
}
.legacy .navbar #nav-home {
  padding-left: 0;
}
.legacy .navbar .brand {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  cursor: default;
  background: transparent url("/images/kerboodle_slimline_logo.png") center center no-repeat;
  text-align: center;
  padding: 0;
  height: 30px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
  display: none !important;
  text-indent: -9999px;
}
@media only screen and (min-width: 435px) {
  .legacy .navbar .brand--xxs {
    display: none !important;
  }
}
@media only screen and (min-width: 501px) {
  .legacy .navbar .brand--xs {
    display: none !important;
  }
}
@media only screen and (min-width: 545px) {
  .legacy .navbar .brand--s {
    display: none !important;
  }
}
@media only screen and (min-width: 651px) {
  .legacy .navbar .brand--xm {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) {
  .legacy .navbar .brand--m {
    display: none !important;
  }
}
@media only screen and (min-width: 1024px) {
  .legacy .navbar .brand--l {
    display: none !important;
  }
}
.legacy .navbar .dropdown-menu {
  max-width: none;
}
.legacy .navbar .dropdown-menu#courses-dropdown {
  z-index: 1021;
}
.legacy .navbar #nav-notifications {
  white-space: nowrap;
}
.legacy .navbar [class^="icon-"] {
  margin-left: 2px;
  margin-right: 2px;
}
.legacy .nav-list {
  /* Fade the icon a bit. */
}
.legacy .nav-list .nav-list {
  margin-right: -14px;
}
.legacy .nav-list .active-parent > a > span {
  color: #3a7b3b;
}
.legacy .nav-list .nav-header {
  color: #4f4c4a;
  margin-bottom: 10px;
}
.legacy .nav-list .divider {
  margin-top: 18px;
  margin-bottom: 18px;
  background-color: #c8c8c8;
}
.legacy .nav-list img.everything {
  float: left;
  margin-right: 10px;
}
.legacy .nav-list > li > .controls {
  margin-left: -15px;
  margin-right: -15px;
  padding: 5px 15px;
}
.legacy .nav-list > li > .controls:hover {
  background-color: #eee;
}
.legacy .nav-list > li > .controls:hover a {
  color: var(--accent-color);
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.legacy .nav-list > li,
.legacy .nav-list > li > .controls {
  line-height: 18px;
  margin-bottom: 3px;
  /* Float the expand link. */
}
.legacy .nav-list > li > a,
.legacy .nav-list > li > .controls > a {
  color: #333;
  display: block;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  /* Display ellipsis for long links. */
}
.legacy .nav-list > li > a:focus,
.legacy .nav-list > li > .controls > a:focus {
  -webkit-box-shadow: 0 0 0 1px #333 inset;
  -moz-box-shadow: 0 0 0 1px #333 inset;
  box-shadow: 0 0 0 1px #333 inset;
  border-color: rgba(58, 123, 59, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(58, 123, 59, 0.6);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(58, 123, 59, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(58, 123, 59, 0.6);
  outline: none;
}
.legacy .nav-list > li > a > span,
.legacy .nav-list > li > .controls > a > span {
  display: block;
  margin-left: 20px;
  /*
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        */
}
.legacy .nav-list > li > a.unpurchased,
.legacy .nav-list > li > .controls > a.unpurchased {
  color: #999;
}
.legacy .nav-list > li.active > a,
.legacy .nav-list > li > .controls.active > a {
  background-color: var(--accent-color);
}
.legacy .nav-list > li.active > a:hover,
.legacy .nav-list > li > .controls.active > a:hover {
  background-color: var(--accent-color) !important;
}
.legacy .nav-list > li.active > .controls,
.legacy .nav-list > li > .controls.active > .controls {
  background-color: var(--accent-color);
}
.legacy .nav-list > li.active > .controls a,
.legacy .nav-list > li > .controls.active > .controls a {
  color: #fff;
  text-decoration: none;
  text-shadow: none;
  font-weight: bold;
}
.legacy .nav-list > li.active > .controls a:hover,
.legacy .nav-list > li > .controls.active > .controls a:hover {
  color: #fff;
  background-color: var(--accent-color);
  text-decoration: none;
  text-shadow: none;
}
.legacy .nav-list > li > a > i.icon-manual_marking,
.legacy .nav-list > li > .controls > a > i.icon-manual_marking,
.legacy .nav-list > li > .controls > a > i.icon-manual_marking,
.legacy .nav-list > li > .controls > .controls > a > i.icon-manual_marking,
.legacy .nav-list > li > a > i.icon-completed,
.legacy .nav-list > li > .controls > a > i.icon-completed,
.legacy .nav-list > li > .controls > a > i.icon-completed,
.legacy .nav-list > li > .controls > .controls > a > i.icon-completed {
  background-image: url(/images/iconsprite_legacy.png);
}
.legacy .nav-list > li > a > i.icon-manual_marking,
.legacy .nav-list > li > .controls > a > i.icon-manual_marking,
.legacy .nav-list > li > .controls > a > i.icon-manual_marking,
.legacy .nav-list > li > .controls > .controls > a > i.icon-manual_marking {
  background-position: -144px -32px;
}
.legacy .nav-list > li > a > i.icon-completed,
.legacy .nav-list > li > .controls > a > i.icon-completed,
.legacy .nav-list > li > .controls > a > i.icon-completed,
.legacy .nav-list > li > .controls > .controls > a > i.icon-completed {
  background-position: -176px -32px;
}
.legacy .nav-list > li.active > a > i,
.legacy .nav-list > li > .controls.active > a > i,
.legacy .nav-list > li.active > .controls > a > i,
.legacy .nav-list > li > .controls.active > .controls > a > i,
.legacy .nav-list > li.active > .controls .toggle i,
.legacy .nav-list > li > .controls.active > .controls .toggle i {
  background-image: url("/stylesheets/bootstrap/bootstrap-icons-white.png");
}
.legacy .nav-list > li.active > a > i.icon-favourites,
.legacy .nav-list > li > .controls.active > a > i.icon-favourites,
.legacy .nav-list > li.active > .controls > a > i.icon-favourites,
.legacy .nav-list > li > .controls.active > .controls > a > i.icon-favourites,
.legacy .nav-list > li.active > .controls .toggle i.icon-favourites,
.legacy .nav-list > li > .controls.active > .controls .toggle i.icon-favourites {
  background-position: -120px 0;
}
.legacy .nav-list > li.active > a > i.icon-completed,
.legacy .nav-list > li > .controls.active > a > i.icon-completed,
.legacy .nav-list > li.active > .controls > a > i.icon-completed,
.legacy .nav-list > li > .controls.active > .controls > a > i.icon-completed,
.legacy .nav-list > li.active > a > i.icon-manual_marking,
.legacy .nav-list > li > .controls.active > a > i.icon-manual_marking,
.legacy .nav-list > li.active > .controls > a > i.icon-manual_marking,
.legacy .nav-list > li > .controls.active > .controls > a > i.icon-manual_marking {
  background-image: url(/images/iconsprite_legacy.png);
}
.legacy .nav-list > li.active > a > i.icon-manual_marking,
.legacy .nav-list > li > .controls.active > a > i.icon-manual_marking,
.legacy .nav-list > li.active > .controls > a > i.icon-manual_marking,
.legacy .nav-list > li > .controls.active > .controls > a > i.icon-manual_marking {
  background-position: -144px -48px;
}
.legacy .nav-list > li.active > a > i.icon-completed,
.legacy .nav-list > li > .controls.active > a > i.icon-completed,
.legacy .nav-list > li.active > .controls > a > i.icon-completed,
.legacy .nav-list > li > .controls.active > .controls > a > i.icon-completed {
  background-position: -176px -48px;
}
.legacy .nav-list > li .toggle,
.legacy .nav-list > li > .controls .toggle {
  float: left;
  padding: 0px 4px 0 4px;
  margin-left: -4px;
  margin-right: 0;
}
.legacy .nav-list > li .toggle:hover,
.legacy .nav-list > li > .controls .toggle:hover {
  background: transparent !important;
}
.legacy #everything_holder {
  padding: 0 15px;
}
.legacy #everything_holder img {
  float: left;
  margin-right: 10px;
}
.legacy #everything_holder p {
  float: left;
}
.legacy .nav-tabs li a {
  text-align: center;
  text-transform: uppercase;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  border: 1px solid #DDD;
  font-size: 0.9em;
  cursor: pointer;
  background-image: linear-gradient(top, #ffffff 80%, #e6e6e6 100%);
  background-image: -o-linear-gradient(top, #ffffff 80%, #e6e6e6 100%);
  background-image: -moz-linear-gradient(top, #ffffff 80%, #e6e6e6 100%);
  background-image: -webkit-linear-gradient(top, #ffffff 80%, #e6e6e6 100%);
  background-image: -ms-linear-gradient(top, #ffffff 80%, #e6e6e6 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.8, #ffffff), color-stop(1, #e6e6e6));
  color: #555;
}
.legacy .nav-tabs li a:hover span {
  color: #555;
  border-bottom: 3px solid green;
}
.legacy .nav-tabs li a:hover span.badge {
  color: #FFF;
  border: none;
}
.legacy .nav-tabs li.active a {
  border-bottom: 1px solid white;
  background: #FFF;
}
.legacy .nav-tabs li.disabled a {
  cursor: default;
  color: #999;
  background-color: #FFF;
  background-image: url(data:image/gif;base64,R0lGODlhBgAGAPEAAN3d3f///wAAAAAAACH5BAkAAAIALAAAAAAGAAYAAAIJlA0neYzqlhIFADs=);
  background-position: left top;
  background-repeat: repeat;
}
.legacy .nav-tabs li.disabled a:hover span {
  color: #999;
  border-bottom: 0;
}
.legacy #filters a,
.legacy #filters-panel a {
  padding: 5px 5%;
}
.legacy #filters a [class^="icon-"],
.legacy #filters-panel a [class^="icon-"],
.legacy #filters a [class*=" icon-"],
.legacy #filters-panel a [class*=" icon-"] {
  float: left;
  margin-top: 1px;
}
.legacy #filters a [class^="icon-"].icon-current,
.legacy #filters-panel a [class^="icon-"].icon-current,
.legacy #filters a [class*=" icon-"].icon-current,
.legacy #filters-panel a [class*=" icon-"].icon-current,
.legacy #filters a [class^="icon-"].icon-due_today,
.legacy #filters-panel a [class^="icon-"].icon-due_today,
.legacy #filters a [class*=" icon-"].icon-due_today,
.legacy #filters-panel a [class*=" icon-"].icon-due_today,
.legacy #filters a [class^="icon-"].icon-due_this_week,
.legacy #filters-panel a [class^="icon-"].icon-due_this_week,
.legacy #filters a [class*=" icon-"].icon-due_this_week,
.legacy #filters-panel a [class*=" icon-"].icon-due_this_week,
.legacy #filters a [class^="icon-"].icon-markbook_past_due_date,
.legacy #filters-panel a [class^="icon-"].icon-markbook_past_due_date,
.legacy #filters a [class*=" icon-"].icon-markbook_past_due_date,
.legacy #filters-panel a [class*=" icon-"].icon-markbook_past_due_date,
.legacy #filters a [class^="icon-"].icon-all_users,
.legacy #filters-panel a [class^="icon-"].icon-all_users,
.legacy #filters a [class*=" icon-"].icon-all_users,
.legacy #filters-panel a [class*=" icon-"].icon-all_users,
.legacy #filters a [class^="icon-"].icon-all_students,
.legacy #filters-panel a [class^="icon-"].icon-all_students,
.legacy #filters a [class*=" icon-"].icon-all_students,
.legacy #filters-panel a [class*=" icon-"].icon-all_students,
.legacy #filters a [class^="icon-"].icon-all_teachers,
.legacy #filters-panel a [class^="icon-"].icon-all_teachers,
.legacy #filters a [class*=" icon-"].icon-all_teachers,
.legacy #filters-panel a [class*=" icon-"].icon-all_teachers,
.legacy #filters a [class^="icon-"].icon-unallocated_students,
.legacy #filters-panel a [class^="icon-"].icon-unallocated_students,
.legacy #filters a [class*=" icon-"].icon-unallocated_students,
.legacy #filters-panel a [class*=" icon-"].icon-unallocated_students,
.legacy #filters a [class^="icon-"].icon-all_archived,
.legacy #filters-panel a [class^="icon-"].icon-all_archived,
.legacy #filters a [class*=" icon-"].icon-all_archived,
.legacy #filters-panel a [class*=" icon-"].icon-all_archived {
  background: none;
}
.legacy #filters a [class^="icon-"].icon-new_content,
.legacy #filters-panel a [class^="icon-"].icon-new_content,
.legacy #filters a [class*=" icon-"].icon-new_content,
.legacy #filters-panel a [class*=" icon-"].icon-new_content,
.legacy #filters a [class^="icon-"].icon-updated_content,
.legacy #filters-panel a [class^="icon-"].icon-updated_content,
.legacy #filters a [class*=" icon-"].icon-updated_content,
.legacy #filters-panel a [class*=" icon-"].icon-updated_content {
  margin: 2px;
  width: 12px;
  height: 12px;
}
.legacy #filters a span,
.legacy #filters-panel a span {
  margin-left: 4px;
  display: inline-block;
}
.legacy #filters a span {
  width: 87%;
}
.legacy #filters-panel a span {
  width: 82%;
}
.legacy ul#interesting_sites li {
  width: 100%;
  line-height: 20px;
}
.legacy ul#interesting_sites li img.ico {
  margin-right: 5px;
  position: absolute;
  margin-top: 5px;
}
.legacy ul#interesting_sites li a {
  color: #3a7b3b;
  padding: 0px;
  margin-left: 15px;
}
.legacy ul#interesting_sites li a:hover {
  color: #214722;
  background: transparent;
}
.legacy ul.globalside {
  padding: 0px;
  list-style: none;
  margin: 0px;
}
.legacy ul.globalside li {
  padding: 0 15px;
  line-height: 23px;
  margin-bottom: 0px;
}
.legacy ul.globalside li a,
.legacy ul.globalside li a:hover {
  cursor: pointer;
}
.legacy ul.globalside li.nav-header {
  margin-bottom: 10px;
  color: #4F4C4A;
  display: block;
  font-size: 11px;
  font-weight: bold;
  line-height: 18px;
  text-transform: uppercase;
}
.legacy #nodes .nav-list > li > .controls > .select i {
  float: right;
}
.legacy #nodes .nav-list > li > .controls > .select i.error {
  float: none;
  margin-right: 3px;
}
.legacy .search {
  margin-top: 30px;
  text-align: center;
  /* Advanced search */
}
.legacy .search .form-search {
  display: flex;
  justify-content: center;
}
.legacy .search .search-box-container {
  display: flex;
}
.legacy .search .label-new-content {
  position: absolute;
  top: -10px;
  margin-left: -5px;
  z-index: 2;
}
.legacy .search .label-updated-content {
  position: absolute;
  top: -10px;
  margin-left: -5px;
  z-index: 2;
}
.legacy .search .new-contents-anchor {
  padding: 5px 0;
  margin-top: 35px;
}
.legacy .search .updated-contents-anchor {
  padding: 5px 0;
}
.legacy .search .search-query {
  width: 50%;
  border-right: 0;
  -webkit-border-radius: 14px 0 0 14px;
  -moz-border-radius: 14px 0 0 14px;
  border-radius: 14px 0 0 14px;
  position: relative;
  behavior: url(/javascripts/ie/PIE.htc);
}
.legacy .search .search-query:focus {
  -webkit-box-shadow: 0 0 0 1px #333 inset;
  -moz-box-shadow: 0 0 0 1px #333 inset;
  box-shadow: 0 0 0 1px #333 inset;
  border-color: rgba(58, 123, 59, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(58, 123, 59, 0.6);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(58, 123, 59, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(58, 123, 59, 0.6);
  outline: none;
  behavior: url(/javascripts/ie/PIE.htc);
}
.legacy .search .btn[type=submit] {
  margin: 0;
  padding-right: 14px;
  -webkit-border-radius: 0 14px 14px 0;
  -moz-border-radius: 0 14px 14px 0;
  border-radius: 0 14px 14px 0;
  position: relative;
  behavior: url(/javascripts/ie/PIE.htc);
}
.legacy .search .btn-group {
  display: inline-block;
  vertical-align: bottom;
}
.legacy .search span.check_holder {
  line-height: 18px;
  font-size: 12px;
}
.legacy .search .btn.dropdown-toggle {
  background: none;
  border: 0;
  font-size: 95%;
  text-transform: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.legacy .search .dropdown-menu {
  min-width: 300px;
  text-align: left;
  z-index: 1040;
}
.legacy .search .dropdown-menu:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 9px;
}
.legacy .search .dropdown-menu:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  position: absolute;
  top: -6px;
  left: 10px;
}
.legacy .search .dropdown-menu:not(.markbook) {
  min-height: 180px;
}
.legacy .search .dropdown-menu dl {
  margin-bottom: 9px;
}
.legacy .search .dropdown-menu dt {
  margin-top: 9px;
  margin-bottom: 4px;
  color: #555;
  font-size: 85%;
  font-weight: bold;
  text-transform: uppercase;
}
.legacy .search .dropdown-menu dd {
  margin: 5px 0;
}
.legacy .search .dropdown-menu dd a {
  text-decoration: none;
  display: inline-block;
  padding: 0;
}
.legacy .search .dropdown-menu dd a:hover {
  color: var(--accent-color);
}
.legacy .search.dropdown-menu {
  margin-top: 1px;
  min-width: 300px;
}
.legacy .search.dropdown-menu .search-query {
  width: 150px;
}
.legacy .search #search-box {
  background: white;
  border-right: 0;
  padding-left: 14px;
  padding-right: 5px;
  width: 60%;
  -webkit-border-radius: 14px 0 0 14px;
  -moz-border-radius: 14px 0 0 14px;
  border-radius: 14px 0 0 14px;
}
.legacy .search #search-box #search-options div {
  display: inline-block;
  border: 1px solid #c8c8c8;
  padding-left: 7px;
  padding-right: 2px;
  margin-right: 2px;
  margin-top: 2px;
}
.legacy .search #search-box #search-input {
  position: relative;
  flex-grow: 1;
}
.legacy .search #search-box #search-input input {
  float: left;
}
.legacy .search #search-box #search-input i {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 6px;
}
.legacy .search #search-box #search-input .advanced-search-query {
  border: 0;
  outline: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  background: transparent;
  width: 90%;
}
.legacy .search #search-box #search-input .advanced-search-query:focus {
  border: 0;
  outline: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.legacy .search #search-box.focus {
  -webkit-box-shadow: 0 0 0 1px #333 inset;
  -moz-box-shadow: 0 0 0 1px #333 inset;
  box-shadow: 0 0 0 1px #333 inset;
  border-color: rgba(58, 123, 59, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(58, 123, 59, 0.6);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(58, 123, 59, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(58, 123, 59, 0.6);
  outline: none;
}
.legacy .sidebar {
  background-color: #fafafa;
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#fff), color-stop(97.5%, #fff), to(#e8e8e8));
  background-image: -webkit-linear-gradient(left, #fff, #fff 97.5%, #e8e8e8);
  background-image: -moz-linear-gradient(left, #fff, #fff 97.5%, #e8e8e8);
  background-image: -ms-linear-gradient(left, #fff, #fff 97.5%, #e8e8e8);
  background-image: -o-linear-gradient(left, #fff, #fff 97.5%, #e8e8e8);
  background-image: linear-gradient(left, #fff, #fff 97.5%, #e8e8e8);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#e8e8e8', GradientType=0);
}
.legacy .sidebar#tree {
  -webkit-overflow-scrolling: touch;
}
.legacy .sidebar-alt {
  background-color: #ffffff;
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#e8e8e8), color-stop(2.5%, #fff), to(#fff));
  background-image: -webkit-linear-gradient(left, #e8e8e8, #fff 2.5%, #fff);
  background-image: -moz-linear-gradient(left, #e8e8e8, #fff 2.5%, #fff);
  background-image: -ms-linear-gradient(left, #e8e8e8, #fff 2.5%, #fff);
  background-image: -o-linear-gradient(left, #e8e8e8, #fff 2.5%, #fff);
  background-image: linear-gradient(left, #e8e8e8, #fff 2.5%, #fff);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#fff', GradientType=0);
}
.legacy #sidebar.sidebar-alt2 {
  width: 25.53191489%;
}
.legacy .row-fluid .sidebar-alt2 {
  margin-left: 0px;
}
.legacy .sidebar-modal {
  height: 400px;
  overflow-y: auto;
  border: 1px solid #bbb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.legacy .modal-node-tree {
  height: 200px;
  width: 278px;
  overflow-y: auto;
  border: 1px solid #cccccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.legacy .form-small .modal-node-tree .controls {
  margin-left: 0;
}
.legacy .error .modal-node-tree {
  border-color: #B94A48;
}
.legacy #sidebar #group-code-button {
  margin: 12px 0 5px;
}
.legacy #sidebar #group-code-button button {
  width: 100%;
}
.legacy .navbar .nav.skip {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  text-align: center;
}
.legacy .navbar .nav.skip a {
  margin: 0 auto;
  padding: 18px 36px;
  position: absolute;
  left: 0;
  right: 0;
  top: -9999px;
  width: 220px;
  z-index: 9999;
}
.legacy .navbar .nav.skip a:focus,
.legacy .navbar .nav.skip a:active {
  top: 52px;
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  outline: none !important;
  box-shadow: none !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.legacy .teacher-role.home-lens #title {
  display: none;
}
.legacy h1.lense_name {
  display: none;
}
.legacy #title {
  background-color: #fff;
  border-bottom: 1px solid #bbb;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAHlBMVEVlZWVqampwcHB1dXV6enqAgICFhYWKioqPj4+VlZWNpa3jAAAACnRSTlMwMDAwMDAwMDAwkEgI6AAABBxJREFUeNpdlE13mloYRt9qRJ1pVBpn2lSrM8LHEWZGjQ0zLQ25zMCDIDMtCQmzGBITZwgK8m8vWau9q+v+gnevs/d5wEE9sYsz43yl+HVHPZ/0br7FIY2QAlElQvg90XpBln+y+JxVqGRp+qpdAfX4NJPQtF1wkgUjjAtl1td7uzmnQPvUuNo1ZEMSUDY/lWwjvjTm3q9/BvAs4Vzg2HcBXTx2O/WRSTyEQ+UVhSA4t2GSy3qie+iw1QnV2A171St2yULW+4oNVBMLboGOfLWbnBWDTTvrbEC5NdCBC9+fvJVAEaLkk/J2yRrmI3Dc3EPxbDWczSVLT9BzPhIubfWNg3DSNwx+G1XcBvNOhE+yv6aY1lX3BJD0cqFKcTbTH0jEN23U7tRx5HcyWcAKriPGL/0MS/btNZs38cEyVdp2QZRys+CSv2hdGD9wPylvjyYvM0/CKWxvGG3z+iPhtsczjBTiYRjlKKTSZfj7KNmuiHY7H6/LxbMYsi8JRx+saMoGVZJTJkcUoO4dsltgGaclit8YmVVE+otBXqtz9/pi+mUPPrmy2kLuwcOS3kchrbb9K/mRSWzwonltia1rppBcBMDqrXIrOjdGPRlmK+GTbt1MkvKQcLcbP+NPXLRQi2dwzlhvVjxLeV/PtSAsEtDpWc35fAO0ReIH8oP3/rjEHBHNi/SQKctz+Dbig7MvRMp7WKdNaE22KbrhK6pDI3kO1nst5cVcZ6Zp47cZLWhgSbDTrdOcoX3w3td6yLojDY6uBa0abDGRKn0tsfofpe+2bPf5NXT9a18+0Jajt+J7lRB6P620n9AtwjrcZbXu3Wdj9NDvU+cdtqam/XABhg9A46Yp85Uw8/pI/O6nrn+Hbif3Wdc1o841W4x08fvYz9UQ/vJLCqM//eyHIlRjphII+Ngyjj1mMkn72acq7ToL6weCcWi2FPHzI2aYtJ9l2k8zvwMT7/GbwMeqyUoip6b9MB1zWo8xTMMRZZ9glYKq2vtHkrAke+7uh4PhRNea2a21QZ840dlqwsxsrmjpvrqDZHA33DafG33V3dbJ4jtxWhlU44SXoG/2GW/wEirBZlf6orV1hamL0c1tCH+9u+rzLUQVmTij2G4OSuxdZJubhrDhIkOK5y6f/sGwvTNAYKWwEopR9s1VBeDp8ZLbj2o9TMFA4ouJYn7XKSRE0cF5tDJjlCmfixCq1H8uBx8u3YXCWBFpQSh15WReEZuX+OZQ9KzzWTw06WF3COPD+5SfNMzj0YJuLh8aG9itHU9mgTSOl+HMsbVADZSotgz9/jiLv9MR4PP92hHaaLVYevxeuF2WrguapwkU/G+L9iVMDfOV1CBYFpKXi+YvHJqUh5SwzuU2pJUuAFzRWGGNamg7Nqm6AiFPXyK6lC7Av/PeiaOr9P+jAAAAAElFTkSuQmCC);
  background-position: left top;
  background-repeat: repeat;
}
.legacy #title #lens-name {
  padding: 27px 20px 27px 20px;
}
.legacy #title .distinctive-color {
  width: 16px;
  height: 16px;
  display: block;
  float: left;
  margin-top: 10px;
  margin-right: 10px;
}
.legacy #title .distinctive-color.home {
  background-color: #40C2D8;
}
.legacy #title .distinctive-color.resources {
  background-color: #899F0F;
}
.legacy #title .distinctive-color.assignments {
  background-color: #E68038;
}
.legacy #title .distinctive-color.markbook {
  background-color: #138CA1;
}
.legacy #title .distinctive-color.planning {
  background-color: #DDBB40;
}
.legacy #title .distinctive-color.digibook {
  background-color: #C2314B;
}
.legacy #title .distinctive-color.users {
  background-color: #734514;
}
.legacy #title .distinctive-color.iwb {
  background-color: #899F0F;
}
.legacy #title h1 {
  color: #4f4c4a;
  font-size: 150%;
  text-transform: uppercase;
  white-space: nowrap;
  text-shadow: 0 1px 0px rgba(255, 255, 255, 0.5);
}
.legacy #title h1.student_name {
  font-size: 100%;
  line-height: 60%;
  padding-top: 0;
}
.legacy #title .buttons .btn-group {
  margin-top: -20px;
}
.legacy #title .buttons .btn-group div {
  float: left;
}
.legacy #title .buttons .btn-group div.half {
  width: 50%;
}
.legacy #title .buttons .btn-group div.half:first-child button {
  border-left: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.legacy #title .buttons .btn-group div.half:last-child button {
  -webkit-border-radius: 0 4px 0 0;
  -moz-border-radius: 0 4px 0 0;
  border-radius: 0 4px 0 0;
}
.legacy #title .buttons .btn-group div.full {
  width: 100%;
}
.legacy #title .buttons .btn-group div.full button {
  border-left: 0;
  -webkit-border-radius: 0 4px 0 0;
  -moz-border-radius: 0 4px 0 0;
  border-radius: 0 4px 0 0;
}
.legacy #title .buttons .btn {
  width: 100%;
  border-bottom: 0;
  font-size: 90%;
  line-height: 22px;
  color: #fff;
  background-color: #7a7a7a;
  background-image: -moz-linear-gradient(top, #888, #666);
  background-image: -ms-linear-gradient(top, #888, #666);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#888), to(#666));
  background-image: -webkit-linear-gradient(top, #888, #666);
  background-image: -o-linear-gradient(top, #888, #666);
  background-image: linear-gradient(top, #888, #666);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888', endColorstr='#666', GradientType=0);
  border-color: #666 #666 #404040;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #666;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
}
.legacy #title .buttons .btn:hover,
.legacy #title .buttons .btn:active,
.legacy #title .buttons .btn.active,
.legacy #title .buttons .btn.disabled,
.legacy #title .buttons .btn[disabled] {
  background-color: #666;
  *background-color: #595959;
}
.legacy #title .buttons .btn:active,
.legacy #title .buttons .btn.active {
  background-color: #4d4d4d \9;
}
.legacy #title .buttons .btn [class^="icon-"],
.legacy #title .buttons .btn [class*=" icon-"] {
  vertical-align: -15%;
}
.legacy #title .buttons .btn:focus {
  -webkit-box-shadow: 0 0 0 1px #fff inset, 0 0 0 2px #3a7b3b inset !important;
  -moz-box-shadow: 0 0 0 1px #fff inset, 0 0 0 2px #3a7b3b inset !important;
  box-shadow: 0 0 0 1px #fff inset, 0 0 0 2px #3a7b3b inset !important;
}
body.using-mouse .legacy #title .buttons .btn:focus {
  box-shadow: none !important;
}
.legacy #title .buttons .dropdown-menu {
  margin-top: 3px;
}
.legacy #title .buttons .dropdown-menu:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 9px;
}
.legacy #title .buttons .dropdown-menu:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  position: absolute;
  top: -6px;
  left: 10px;
}
.legacy .users-management-title .user-management-buttons {
  float: right;
  padding-right: 20px;
}
.legacy .users-management-title .user-management-buttons .inline {
  display: inline;
  padding-left: 5px;
}
.legacy .users-management-title .user-management-buttons .inline .btn {
  font-weight: bold;
}
.legacy .users-management-title,
.legacy .iwb-title {
  padding-top: 20px;
}
.legacy .users-management-title .search,
.legacy .iwb-title .search {
  margin-top: 0;
  text-align: left;
  padding-left: 20px;
}
.legacy .users-management-title .search .form-search,
.legacy .iwb-title .search .form-search {
  justify-content: left;
}
.legacy hr {
  margin: 9px 0;
}
.legacy .loader {
  height: 100%;
  min-height: 36px;
  background: url("/images/loader.gif") center center no-repeat;
}
.modal-backdrop .legacy .loader {
  background-image: url("/images/loader-backdrop.gif");
}
.legacy .quarantine {
  position: relative;
  z-index: 1020;
}
.legacy .holder {
  margin-top: 18px;
  position: relative;
}
.legacy .clear {
  *zoom: 1;
}
.legacy .clear:before,
.legacy .clear:after {
  display: table;
  content: "";
}
.legacy .clear:after {
  clear: both;
}
.legacy body {
  overflow: hidden;
  min-width: 768px;
}
.legacy body .brand {
  min-width: 768px;
}
@media screen and (max-width: 850px) {
  .legacy .navbar .brand {
    background-position: 40%;
  }
}
.legacy .right-align {
  text-align: right;
}
.legacy .center-align {
  text-align: center;
}
.legacy .video {
  width: 400px;
  margin: auto;
}
.legacy .spinner {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -50px;
  /* half width of the spinner gif */
  margin-top: -50px;
  /* half height of the spinner gif */
  text-align: center;
  z-index: 1234;
  overflow: auto;
  width: 100px;
  /* width of the spinner gif */
  height: 102px;
  /*hight of the spinner gif +2px to fix IE8 issue */
}
.legacy .underline {
  text-decoration: underline;
}
.legacy #courses-dropdown > div {
  max-height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
}
.legacy #courses-dropdown > div h3 {
  padding: 2px 14px;
  font-size: 16px;
  font-weight: 500;
  text-transform: none;
  color: #666666;
}
.legacy #courses-dropdown > div p {
  padding: 0 14px;
  color: #777777;
}
.legacy #courses-dropdown > div ul {
  list-style: none;
  margin: 0;
}
.legacy #courses-dropdown > div ul li .unpurchased {
  color: #999;
}
.legacy .alert-error a {
  color: #b94a48;
  font-weight: bold;
}
.legacy #ie_banner {
  background-color: #FDFCDC;
}
.legacy #ie_banner p {
  background: transparent url('/images/warning.png') no-repeat 15px 10px;
  padding: 15px 0px 15px 50px;
  margin: 0;
}
.legacy section#label {
  position: absolute;
  border: 1px solid #bbb;
  background-color: #ccc;
  right: 10px;
  padding: 10px;
  top: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  opacity: calc(90 / 100);
  filter: alpha(opacity=90);
}
.legacy section#label span.label:first-child {
  display: block;
  margin-bottom: 5px;
}
.legacy body.not-found {
  background-color: transparent;
}
.legacy body.not-found .modal-backdrop {
  background-color: transparent;
}
.legacy .preview-component .online-help-block input {
  margin-right: 5px;
}
.legacy .preview-component .online-help-block .help-block {
  margin: 0;
  list-style: none;
  display: inline-block;
}
.legacy .preview-component .control-group {
  width: 98%;
  border-bottom: 1px solid #C8C8C8;
  margin-bottom: 8px;
  padding-bottom: 8px;
}
.legacy .preview-component input[type="checkbox"] {
  float: none;
}
.legacy .preview-component label {
  display: inline-block;
  padding-right: 4px;
  font-weight: bold;
  color: #888;
  background: #fff;
  text-transform: uppercase;
}
.legacy .preview-component .input-xxlarge {
  width: 98%;
}
.legacy .preview-component .courses-list {
  max-height: 175px;
  overflow-y: auto;
}
.legacy .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.legacy .home-lens h1 {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  font-size: 2px;
  line-height: 0;
}
.legacy img.sr-hack {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
}
.legacy .sr-hidden {
  visibility: hidden;
  position: absolute;
}
.legacy *:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 1px var(--accent-color) inset;
  -moz-box-shadow: 0 0 0 1px var(--accent-color) inset;
  box-shadow: 0 0 0 1px var(--accent-color) inset;
}
.legacy a:focus,
.legacy input:focus,
.legacy textarea:focus,
.legacy input[type="file"]:focus,
.legacy input[type="radio"]:focus,
.legacy select:focus,
.legacy .btn:focus {
  -webkit-box-shadow: 0 0 0 1px var(--accent-color) inset !important;
  -moz-box-shadow: 0 0 0 1px var(--accent-color) inset !important;
  box-shadow: 0 0 0 1px var(--accent-color) inset !important;
}
.legacy input[type="checkbox"]:focus {
  outline: var(--accent-color) solid 1px;
}
.legacy .using-mouse *:focus {
  outline: none;
  box-shadow: none;
}
.legacy .using-mouse a:focus,
.legacy .using-mouse input:focus,
.legacy .using-mouse textarea:focus,
.legacy .using-mouse input[type="file"]:focus,
.legacy .using-mouse input[type="radio"]:focus,
.legacy .using-mouse input[type="checkbox"]:focus,
.legacy .using-mouse select:focus,
.legacy .using-mouse .btn:focus {
  outline: none !important;
  box-shadow: none !important;
}
.legacy .users-header,
.legacy .users-row {
  display: flex;
}
.legacy .users-header span[class*="span"],
.legacy .users-row span[class*="span"] {
  overflow: hidden;
  text-overflow: ellipsis;
}
.legacy .assignment-pool-control .btn {
  margin: 5px 0;
}
.legacy .assignment-pool-control .btn.added {
  border: 2px solid #3a7b3b;
  background: #fff;
  color: #3a7b3b;
}
.legacy .assignment-pool-wrapper {
  float: left;
  position: relative;
}
.legacy .assignment-pool-wrapper .tooltip-inner {
  padding: 8px;
}
.legacy .assignment-pool-wrapper .tooltip-inner a.tooltip-close {
  color: #fff;
  float: right;
  margin-top: -4px;
}
.legacy .assignment_pool.btn {
  margin-left: 35px;
  margin-right: 10px;
  min-width: 130px;
}
.legacy .assignment_pool.btn .count {
  background-color: var(--accent-color);
  color: #fff;
  padding: 3px 12px;
  margin-left: 5px;
  border-radius: 10px;
}
.legacy .assignment_pool.btn.disabled .count {
  opacity: 0.5;
}
.legacy .assignment_pool .date.default label {
  width: 26px;
}
.legacy .assignment_pool .date {
  position: relative;
  text-align: right;
}
.legacy .assignment_pool .date:first-child {
  padding-bottom: 5px;
}
.legacy .assignment_pool .date label {
  width: auto;
  padding-right: 5px;
  display: inline-block;
  text-align: right;
}
.legacy .assignment_pool .date .input-append {
  position: relative;
}
.legacy .assignment_pool .date .input-append input {
  z-index: 1;
  width: 95px;
  padding-right: 21px;
  border-radius: 3px;
  background: transparent;
}
.legacy .assignment_pool .date .input-append .add-on {
  position: absolute;
  right: 0;
  padding-left: 0;
  padding-right: 7px;
  border: none;
  height: 20px;
  line-height: 20px;
  background-color: transparent;
}
#title .legacy .assignment_pool {
  padding: 15px 20px;
  background-color: #739f41;
}
#title .legacy .assignment_pool h1 {
  color: white;
  font-size: 26px;
  font-weight: normal;
  text-transform: capitalize;
}
#title .legacy .assignment_pool h1 .info-icon {
  display: inline-block;
  vertical-align: middle;
  float: none;
}
.legacy .assignment_pool #common {
  padding: 20px 0;
}
.legacy .assignment_pool #common form.form-horizontal {
  margin: 0;
}
.legacy .assignment_pool #common .help,
.legacy .assignment_pool #common .remove {
  padding-top: 5px;
}
.legacy .assignment_pool #common .help {
  display: block;
  text-align: right;
}
.legacy .assignment_pool #common .remove {
  text-transform: uppercase;
  text-decoration: underline;
  display: inline-block;
}
.legacy .assignment_pool #common .date {
  text-align: left;
}
.legacy .assignment_pool .footer {
  padding: 20px 0;
}
.legacy .assignment_pool .footer .btn-link {
  text-transform: uppercase;
  margin-right: 10px;
  text-decoration: underline;
}
.legacy .assignment_pool.main {
  padding: 0 20px;
}
.legacy .assignment_pool #student-groups {
  width: 24%;
}
.legacy .assignment_pool .tab-content {
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #ddd;
  border-bottom-left-radius: 4px;
  padding: 8px;
  height: 550px;
  overflow: auto;
}
.legacy .assignment_pool .tab-pane input {
  float: right;
}
.legacy .assignment_pool ul.nav-tabs {
  margin-bottom: 0;
}
.legacy .assignment_pool #students .controls {
  cursor: pointer;
  padding: 8px;
}
.legacy .assignment_pool #students .controls:last-child {
  border-bottom: none;
}
.legacy .assignment_pool #students label {
  margin-bottom: 0;
  cursor: pointer;
}
.legacy .assignment_pool #students .select_all > div {
  cursor: pointer;
  padding: 8px;
  border-bottom: 1px solid #c8c8c8;
}
.legacy .assignment_pool #students .select_all > div:hover {
  background: #F4F7DC;
}
.legacy .assignment_pool #students .select_all > div label {
  font-weight: bold;
}
.legacy .assignment_pool #students .no-items {
  display: block;
  padding: 8px;
}
.legacy .assignment_pool #assignments {
  border: 1px solid #ddd;
  box-sizing: border-box;
  height: 603px;
  overflow: auto;
  margin-left: 1%;
  width: 75%;
}
.legacy .assignment_pool #assignments form {
  margin: 0;
}
.legacy .assignment_pool #assignments .draft-assignment {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
}
.legacy .assignment_pool #assignments .draft-assignment .toggler {
  position: absolute;
  height: 4000px;
  display: block;
  box-sizing: border-box;
  width: 5%;
  background-color: #eee;
  text-align: center;
  padding: 12px 0;
}
.legacy .assignment_pool #assignments .draft-assignment .toggler span {
  display: inline-block;
  background-color: #fff;
  color: #3a7b3b;
  border-radius: 50%;
  padding: 0;
}
.legacy .assignment_pool #assignments .draft-assignment .toggler span i {
  font-size: 18px;
  transition: 0.3s all cubic-bezier(1, 0.25, 0.25, 0.8);
  will-change: transform;
}
.legacy .assignment_pool #assignments .draft-assignment .toggler span i.fa-angle-down-to-right {
  transform: rotate(-90deg);
  padding: 6px 9px 4px 9px;
}
.legacy .assignment_pool #assignments .draft-assignment .toggler span i.fa-angle-down-to-right:before {
  content: "\f107";
}
.legacy .assignment_pool #assignments .draft-assignment .toggler span i.fa-angle-down {
  transform: rotate(0deg);
  padding: 6px 9px 4px 9px;
}
.legacy .assignment_pool #assignments .draft-assignment .secondary {
  display: none;
}
.legacy .assignment_pool #assignments .draft-assignment.expanded .secondary {
  display: block;
}
.legacy .assignment_pool #assignments .draft-assignment .body {
  box-sizing: border-box;
  width: 95%;
  padding: 15px;
  margin-left: 5%;
}
.legacy .assignment_pool #assignments .draft-assignment .body .remove {
  padding-right: 10px;
  padding-bottom: 10px;
}
.legacy .assignment_pool #assignments .draft-assignment .body .remove:hover {
  text-decoration: none;
}
.legacy .assignment_pool #assignments .draft-assignment .body .remove i {
  color: #000;
}
.legacy .assignment_pool #assignments .draft-assignment .body h3 {
  font-size: 15px;
  color: #3a7b3b;
  line-height: normal;
}
.legacy .assignment_pool #assignments .draft-assignment .body .title {
  padding: 20px 0 5px 0;
}
.legacy .assignment_pool #assignments .draft-assignment .body .title .span2 label,
.legacy .assignment_pool #assignments .draft-assignment .body .instructions .span2 label {
  text-align: right;
}
.legacy .assignment_pool #assignments .draft-assignment .body textarea {
  height: 80px;
  resize: none;
}
.legacy .assignment_pool #assignments .draft-assignment .body .materials {
  padding-top: 20px;
}
.legacy .assignment_pool #assignments .draft-assignment .body .materials .content {
  margin: 10px 0;
}
.legacy .assignment_pool #assignments .draft-assignment .body .materials .content .span1 {
  width: 6%;
}
.legacy .assignment_pool #assignments .draft-assignment .body .materials .content .span11 {
  width: 94%;
  margin: 0;
}
.legacy .assignment_pool #assignments .draft-assignment .body .materials .span6:first-child {
  border-right: 1px solid #ddd;
}
.legacy .assignment_pool #assignments .draft-assignment .body .materials a.add {
  text-decoration: underline;
}
.legacy .assignment_pool .date input {
  text-align: center;
}
.legacy .assign-dialog {
  overflow-x: hidden;
}
.legacy .assign-dialog .assign-dialog-content {
  position: relative;
}
.legacy a.name {
  cursor: pointer;
}
.legacy #assign-form h4 {
  margin-bottom: 18px;
}
.legacy #assign-form #general .control-label {
  text-align: left;
  width: 75px;
}
.legacy #assign-form #general .control-group {
  margin-bottom: 10px;
}
.legacy #assign-form #general .controls {
  margin-left: 85px;
}
.legacy #assign-form input[type=text],
.legacy #assign-form textarea {
  width: 97%;
}
.legacy #assign-form #content-assignment .list-wrapper {
  height: 218px;
  margin-bottom: 0;
}
.legacy #assign-form #assign-groups > .nav-list {
  padding-left: 0;
}
.legacy #assign-form #groups-and-students #groups-pane {
  overflow-x: hidden;
}
.legacy #assign-form #groups-and-students .control-group {
  margin-bottom: 0;
}
.legacy #assign-form #groups-and-students .controls {
  margin-left: 0;
}
.legacy #assign-form #assign-students a {
  display: inline-block;
  width: 90%;
}
.legacy #assign-form #assign-students .controls {
  margin: 0;
}
.legacy #assign-form #assign-students .item {
  padding-left: 15px;
  min-height: 0;
}
.legacy #assign-form #assign-students .item:nth-child(odd) {
  background-color: #f9f9f9;
}
.legacy #assign-form #assign-students .item.checked {
  background-color: #E8EEB2;
}
.legacy #assign-form #assign-dates input {
  width: 75%;
}
.legacy #assign-form #assign-dates .help-block {
  margin-left: -65px;
  font-size: 0.9em;
}
.legacy #assign-form .items div div {
  min-height: 25px;
}
.legacy #assign-form .items div div:last-child {
  border: 0;
}
.legacy #assign-form .modal-node-tree {
  width: auto;
  height: 363px;
  border-top: 0;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.legacy #assign-form .error .nav-tabs {
  border-bottom-color: #B94A48;
}
.legacy #assign-form .error .nav-tabs a {
  border-color: #B94A48;
}
.legacy #assign-form .error .nav-tabs .active a {
  border-bottom-color: transparent;
}
.legacy #assign-form .tab-pane input {
  float: right;
}
.legacy .list-wrapper {
  overflow-y: auto;
  border: 1px solid #cccccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 15px;
  margin-bottom: 1em;
}
.legacy .list-wrapper button {
  float: right;
}
.legacy #contents .assignments .item {
  padding: 0px;
}
.legacy #contents .assignments .item div[class*="span"] {
  padding-top: 12px;
  padding-bottom: 8px;
  cursor: default;
}
.legacy #contents .assignments .item .type-column {
  background-image: url(/images/static/noisy.png);
  background-position: left top;
  background-repeat: repeat;
  text-align: center;
  padding-right: 9px;
  padding-left: 9px;
}
.legacy #contents .assignments .item .type-column .test {
  background-color: green;
  color: white;
  padding: 3px 15px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.legacy .due {
  color: red;
}
.legacy .student-assignment-layout #due-message {
  border: 1px dashed red;
  text-align: center;
  border-radius: 5px;
  color: red;
  margin-bottom: 10px;
}
.legacy .student-assignment-layout #due-message p {
  margin: 0;
  padding: 10px;
}
.legacy .student-assignment-layout #content-assignment {
  border-left: 1px solid #cccccc;
  height: 135px;
  padding: 15px 15px 15px 20px;
  margin-left: 57.4468085%;
  overflow-y: auto;
}
.legacy .student-assignment-layout #content-assignment hr {
  margin: 7px 0;
}
.legacy .student-assignment-layout #content-assignment h4 {
  margin-bottom: 18px;
}
.legacy .student-assignment-layout #content-assignment h3 {
  margin-bottom: 9px 0 12px 0;
}
.legacy .student-assignment-layout .modal-body {
  max-height: 80vh;
}
.legacy .student-assignment-layout .modal-body h3 {
  margin-bottom: 10px;
}
.legacy .student-assignment-layout #general .list-wrapper {
  margin-bottom: 0;
  height: 165px;
  overflow: hidden;
  padding: 0;
}
.legacy .student-assignment-layout #assignment-info {
  padding: 15px;
  height: 166px;
  overflow-y: auto;
}
.legacy .student-assignment-layout #descriptor-and-teacher {
  margin: 0;
}
.legacy .student-assignment-layout #descriptor-and-teacher .control-label {
  width: 80px;
}
.legacy .student-assignment-layout .contentDialogList {
  overflow: hidden;
}
.legacy .student-assignment-layout #dates .control-label {
  width: 75px;
}
.legacy .student-assignment-layout .controls {
  margin-top: 5px;
  margin-left: 85px;
}
.legacy .student-assignment-layout #upload-form {
  position: absolute;
  top: 10px;
  right: 15px;
}
.legacy .student-assignment-layout #upload-controls {
  margin-left: 0;
}
.legacy .student-assignment-layout .control-group {
  margin-bottom: 5px;
}
.legacy .student-assignment-layout .control-label {
  text-align: left;
}
.legacy .student-assignment-layout #student-info {
  position: relative;
  margin-top: 10px;
}
.legacy .student-assignment-layout .fileinput-button {
  position: absolute;
  overflow: hidden;
  top: 15px;
  right: 15px;
}
.legacy .student-assignment-layout .fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translate(-300px, 0) scale(4);
  font-size: 23px;
  direction: ltr;
  cursor: pointer;
}
.legacy .student-assignment-layout button.btn {
  padding: 4px;
}
.legacy .student-assignment-layout #instructions {
  clear: left;
}
.legacy .student-assignment-layout #instructions .control-label {
  width: 80px;
}
.legacy .student-assignment-layout #student-files-box {
  height: 130px;
  min-height: 130px;
  position: relative;
}
.legacy .student-assignment-layout #student-files-box .span11 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.legacy .student-assignment-layout #manual-handing {
  height: 130px;
  min-height: 130px;
  text-align: left;
}
.legacy .student-assignment-layout #item_uploaded {
  display: none;
}
.legacy .student-assignment-layout #item_uploaded .icons {
  margin-right: 5px;
}
.legacy .student-assignment-layout #student-mark {
  background-color: #F4F7DC;
  margin-bottom: 0;
  height: 130px;
  min-height: 130px;
}
.legacy .student-assignment-layout #student-mark h3 {
  margin-bottom: 10px;
}
.legacy .student-assignment-layout #student-mark p {
  clear: both;
}
.legacy .student-assignment-layout #student-mark .control-group {
  clear: both;
}
.legacy .student-assignment-layout #student-mark .control-label {
  width: auto;
}
.legacy .student-assignment-layout #student-mark.with-detailed-score h3 {
  float: left;
}
.legacy .student-assignment-layout #student-mark.with-detailed-score .mark {
  float: right;
  margin-top: 3px;
}
.legacy .student-assignment-layout #student-mark.without-detailed-score {
  text-align: center;
}
.legacy .student-assignment-layout #student-mark.without-detailed-score h3 {
  text-align: left;
}
.legacy .student-assignment-layout #student-mark .mark {
  font-size: 1.6em;
}
.legacy .student-assignment-layout #student-mark .mark .percentage {
  margin-left: 20px;
}
.legacy .student-assignment-layout #student-mark input[type=submit] {
  margin-left: 15px;
}
.legacy .student-assignment-layout #student-mark #mark-input #input-mark {
  font-size: 1.5em;
}
.legacy .student-assignment-layout #student-mark #mark-input input[name=mark] {
  width: 100px;
  font-size: 1.2em;
  height: auto;
  text-align: center;
}
.legacy .student-assignment-layout #student-mark #mark-input .controls {
  margin: 0;
}
.legacy .student-assignment-layout #student-mark .error ul {
  width: auto;
  margin: 0;
}
.legacy .student-assignment-layout #student-mark #mark-input label {
  float: left;
  margin-right: 15px;
  width: 130px;
}
.legacy .student-assignment-layout #student-mark #mark-input input {
  width: 65px;
}
.legacy #student-assignment-form #assignment-info,
.legacy #student-assignment-form #student-mark {
  display: flex;
  flex-direction: column;
}
.legacy #student-assignment-form #assignment-info .control-label,
.legacy #student-assignment-form #student-mark .control-label {
  width: auto;
  margin: 0;
  padding-top: 2px;
}
.legacy #student-assignment-form #assignment-info {
  flex: 1;
}
.legacy #student-assignment-form #assignment-info .controls {
  margin-left: 100px;
}
.legacy #student-assignment-form #assignment-info #descriptor-and-teacher,
.legacy #student-assignment-form #assignment-info #dates,
.legacy #student-assignment-form #assignment-info #instructions {
  width: 100%;
  margin-left: 0;
}
.legacy #student-assignment-form #general .list-wrapper {
  display: flex;
}
.legacy #student-assignment-form #content-assignment {
  width: 40%;
  margin-top: 25px;
}
.legacy #student-assignment-form #student-mark a {
  margin-right: 20px;
}
.legacy #student-assignment-form #student-mark .mark {
  margin-bottom: 15px;
}
.legacy #student-assignment-form #student-mark .mark .percentage {
  margin-left: 10px;
}
.legacy .iwb .quota {
  display: inline-block;
  line-height: 18px;
  color: #3a7b3b;
  background: url(/images/warning_green.svg) no-repeat;
  background-size: 16px 16px;
  padding-left: 25px;
  font-weight: bold;
}
.legacy .iwb .quota.with-pagination {
  margin-left: 50px;
}
.legacy .iwb #options {
  display: inline-block;
}
.legacy .iwb #options .options {
  position: relative;
  vertical-align: middle;
  margin-left: -28px;
  margin-bottom: 10px;
}
.legacy .iwb #options .options.with-pagination {
  display: inline-block;
  margin-top: -18px;
  margin-left: 0;
  margin-bottom: 0;
}
.legacy .iwb.form-search {
  justify-content: flex-start;
}
.legacy .iwb.content {
  padding: 0 20px;
}
.legacy .iwb .items .head {
  border-bottom: 1px solid #333333;
}
.legacy .iwb .items .master {
  background-color: #f0f0f0;
}
.legacy .iwb .items .master.without-resources {
  border-bottom: 1px solid #333333;
}
.legacy .iwb .items .resource.last {
  border-bottom: 1px solid #333333;
}
.legacy .iwb .items .format {
  text-transform: capitalize;
}
.legacy .iwb .items .dates span {
  display: block;
}
.legacy .iwb .pagination p {
  display: none;
}
@media (max-width: 1200px) {
  .legacy .iwb #lens-name h1 {
    white-space: normal;
  }
}
.legacy .resources-panel {
  width: 750px;
}
.legacy .resources-panel .modal-body {
  padding: 0;
  overflow-y: hidden;
}
.legacy .resources-panel .head {
  margin-top: 15px;
}
.legacy .resources-panel .head #resource-panel {
  margin: 0;
}
.legacy .resources-panel #tree-panel {
  height: 388px;
  overflow-y: auto;
}
.legacy .resources-panel .btn-group {
  margin-right: 10px;
}
.legacy .resources-panel #list-panel {
  padding-top: 18px;
}
.legacy .resources-panel #list-panel p {
  color: #777;
}
.legacy .resources-panel .items .body {
  height: 309px;
  overflow-y: auto;
}
.legacy .resources-panel .items .format i {
  margin: 0;
}
.legacy .resources-panel.external .items .body {
  height: 319px;
}
.legacy .resources-panel.external #tree-panel {
  height: 397px;
}
.legacy .resources-panel.digital-book-panel #tree-panel {
  height: 400px;
}
.legacy .resources-panel.digital-book-panel .items .head {
  margin-top: 0px;
}
.legacy .resources-panel.digital-book-panel .items .body {
  height: 355px;
}
.legacy .digital-book-resources-panel {
  height: 100%;
}
.legacy .digital-book-resources-panel body {
  min-width: inherit;
}
.legacy .digital-book-resources-panel body,
.legacy .digital-book-resources-panel #body,
.legacy .digital-book-resources-panel .c_digital_book_resources_panel {
  height: 100%;
}
.legacy .c_digital_book_resources_panel {
  display: flex;
  flex-direction: column;
}
.legacy .c_digital_book_resources_panel .panel-header {
  background-color: #505050;
  color: #fff;
}
.legacy .c_digital_book_resources_panel .panel-header-top {
  display: flex;
  padding: 17px 70px 30px 15px;
  align-items: center;
  height: 24px;
}
.legacy .c_digital_book_resources_panel .panel-header-top .filter {
  flex: 1;
}
.legacy .c_digital_book_resources_panel .panel-header-title {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
}
.legacy .c_digital_book_resources_panel .search {
  margin: 0;
}
.legacy .c_digital_book_resources_panel .search #search-box.focus {
  box-shadow: none;
}
.legacy .c_digital_book_resources_panel .search .form-search {
  margin: 0;
}
.legacy .c_digital_book_resources_panel .search .search-box-container,
.legacy .c_digital_book_resources_panel .search .form-search {
  justify-content: flex-end;
  align-items: center;
}
.legacy .c_digital_book_resources_panel .search .search-box-container {
  margin-right: 15px;
}
.legacy .c_digital_book_resources_panel .search .dropdown-menu {
  left: auto;
  right: 0;
}
.legacy .c_digital_book_resources_panel .search .dropdown-menu:before {
  left: auto;
  right: 9px;
}
.legacy .c_digital_book_resources_panel .search .dropdown-menu:after {
  left: auto;
  right: 10px;
}
.legacy .c_digital_book_resources_panel .search #search-box {
  background: transparent;
}
.legacy .c_digital_book_resources_panel .search #search-box #search-options div {
  background: #000000;
  color: #fff;
  border: 0;
  border-radius: 3px;
  padding: 3px 5px;
  margin: 0;
}
.legacy .c_digital_book_resources_panel .search #search-box #search-options div a {
  color: #fff;
}
.legacy .c_digital_book_resources_panel .search #search-input {
  display: none;
}
.legacy .c_digital_book_resources_panel .search button {
  display: none;
}
.legacy .c_digital_book_resources_panel .search #search-advanced-options.open .dropdown-toggle {
  background: transparent;
}
.legacy .c_digital_book_resources_panel .search .dropdown-toggle {
  color: #FFF;
  text-shadow: none;
  padding: 0;
  float: none;
}
.legacy .c_digital_book_resources_panel .search .dropdown-toggle .caret {
  border-top-color: #FFF;
  opacity: 1;
}
.legacy .c_digital_book_resources_panel .toolbar {
  padding: 0 10px;
  height: 42px;
}
.legacy .c_digital_book_resources_panel .toolbar .toolbar-group {
  display: inline-block;
  margin-bottom: 10px;
}
.legacy .c_digital_book_resources_panel .toolbar .toolbar-group .toolbar-button:first-child {
  border-radius: 4px 0 0 4px;
}
.legacy .c_digital_book_resources_panel .toolbar .toolbar-group .toolbar-button:last-child {
  border-radius: 0 4px 4px 0;
}
.legacy .c_digital_book_resources_panel .toolbar .toolbar-group:first-child {
  margin-right: 10px;
}
.legacy .c_digital_book_resources_panel .toolbar .toolbar-button [class^="icon-"] {
  background-image: url(/images/resources-panel-icons.png);
}
.legacy .c_digital_book_resources_panel .toolbar .toolbar-button .icon-this-spread {
  background-position: 0 0;
  width: 13px;
  height: 13px;
}
.legacy .c_digital_book_resources_panel .toolbar .toolbar-button .icon-all {
  background-position: -14px 0;
  width: 12px;
  height: 12px;
}
.legacy .c_digital_book_resources_panel .toolbar .toolbar-button .icon-my-favourites {
  background-position: -44px -2px;
  width: 13px;
  height: 14px;
}
.legacy .c_digital_book_resources_panel .toolbar .toolbar-button .icon-my-resources {
  background-position: -27px 0;
  width: 13px;
  height: 16px;
}
.legacy .c_digital_book_resources_panel .toolbar .toolbar-button {
  display: inline-block;
  padding: 7px 10px;
  background-color: #343434;
}
.legacy .c_digital_book_resources_panel .toolbar .toolbar-button:hover {
  background-color: #000;
}
.legacy .c_digital_book_resources_panel .toolbar .toolbar-button:hover a {
  text-decoration: none;
}
.legacy .c_digital_book_resources_panel .toolbar .toolbar-button.active {
  background-color: #000;
}
.legacy .c_digital_book_resources_panel .toolbar .toolbar-button a {
  color: #fff;
}
.legacy .c_digital_book_resources_panel .panel-body {
  position: relative;
  height: 100%;
  display: flex;
  min-height: 0;
}
.legacy .c_digital_book_resources_panel .panel-body .tree {
  padding: 0;
  overflow-y: auto;
  flex: 0 0 30%;
}
.legacy .c_digital_book_resources_panel .panel-body .tree > .nav {
  padding-top: 15px;
  padding-bottom: 15px;
}
.legacy .c_digital_book_resources_panel .panel-body .list {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-left: 30px;
}
.legacy .c_digital_book_resources_panel .panel-body .list.with-tree {
  flex: 0 0 70%;
  padding-left: 0;
  min-height: 0;
}
.legacy .c_digital_book_resources_panel .panel-body .list .head-wrapper {
  padding-top: 15px;
}
.legacy .c_digital_book_resources_panel .items {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.legacy .c_digital_book_resources_panel .items .items-wrapper {
  flex: 1;
  overflow-y: auto;
}
.legacy .c_digital_book_resources_panel .items .icons {
  width: 50px;
}
.legacy .c_digital_book_resources_panel .items .icons .icon {
  margin-left: 5px;
}
.legacy .c_digital_book_resources_panel .items .flex1,
.legacy .c_digital_book_resources_panel .items .flex2,
.legacy .c_digital_book_resources_panel .items .flex3 {
  padding-right: 15px;
}
.legacy .c_digital_book_resources_panel .items .head {
  display: flex;
}
.legacy .c_digital_book_resources_panel .items .flex3 {
  flex: 3;
}
.legacy .c_digital_book_resources_panel .items .flex2 {
  flex: 2;
}
.legacy .c_digital_book_resources_panel .items .flex1 {
  flex: 1;
}
.legacy .c_digital_book_resources_panel .item > div {
  display: flex;
}
.legacy .c_digital_book_resources_panel .item > div [class^=flex] {
  overflow: hidden;
  text-overflow: ellipsis;
}
.legacy .datepicker {
  padding: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  direction: ltr;
}
.legacy .datepicker-inline {
  width: 220px;
}
.legacy .datepicker-rtl {
  direction: rtl;
}
.legacy .datepicker-rtl.dropdown-menu {
  left: auto;
}
.legacy .datepicker-rtl table tr td span {
  float: right;
}
.legacy .datepicker-dropdown {
  top: 0;
  left: 0;
}
.legacy .datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #999;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.legacy .datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}
.legacy .datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.legacy .datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.legacy .datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.legacy .datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.legacy .datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px;
}
.legacy .datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px;
}
.legacy .datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}
.legacy .datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}
.legacy .datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.legacy .datepicker td,
.legacy .datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
}
.table-striped .legacy .datepicker table tr td,
.table-striped .legacy .datepicker table tr th {
  background-color: transparent;
}
.legacy .datepicker table tr td.day:hover,
.legacy .datepicker table tr td.day.focused {
  background: #eee;
  cursor: pointer;
}
.legacy .datepicker table tr td.old,
.legacy .datepicker table tr td.new {
  color: #999;
}
.legacy .datepicker table tr td.disabled,
.legacy .datepicker table tr td.disabled:hover {
  background: none;
  color: #999;
  cursor: default;
}
.legacy .datepicker table tr td.highlighted {
  background: #d9edf7;
  border-radius: 0;
}
.legacy .datepicker table tr td.today,
.legacy .datepicker table tr td.today:hover,
.legacy .datepicker table tr td.today.disabled,
.legacy .datepicker table tr td.today.disabled:hover {
  background: #d9edf7;
  background: #faffbd;
  color: #000;
}
.legacy .datepicker table tr td.today:hover:hover {
  color: #000;
}
.legacy .datepicker table tr td.today.active:hover {
  color: #fff;
}
.legacy .datepicker table tr td.range,
.legacy .datepicker table tr td.range:hover,
.legacy .datepicker table tr td.range.disabled,
.legacy .datepicker table tr td.range.disabled:hover {
  background: #eee;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.legacy .datepicker table tr td.range.today,
.legacy .datepicker table tr td.range.today:hover,
.legacy .datepicker table tr td.range.today.disabled,
.legacy .datepicker table tr td.range.today.disabled:hover {
  background-color: #f3d17a;
  background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
  background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: -o-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: linear-gradient(top, #f3c17a, #f3e97a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
  border-color: #f3e97a #f3e97a #edde34;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #f3e97a;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.legacy .datepicker table tr td.range.today:hover,
.legacy .datepicker table tr td.range.today:hover:hover,
.legacy .datepicker table tr td.range.today.disabled:hover,
.legacy .datepicker table tr td.range.today.disabled:hover:hover,
.legacy .datepicker table tr td.range.today:active,
.legacy .datepicker table tr td.range.today:hover:active,
.legacy .datepicker table tr td.range.today.disabled:active,
.legacy .datepicker table tr td.range.today.disabled:hover:active,
.legacy .datepicker table tr td.range.today.active,
.legacy .datepicker table tr td.range.today:hover.active,
.legacy .datepicker table tr td.range.today.disabled.active,
.legacy .datepicker table tr td.range.today.disabled:hover.active,
.legacy .datepicker table tr td.range.today.disabled,
.legacy .datepicker table tr td.range.today:hover.disabled,
.legacy .datepicker table tr td.range.today.disabled.disabled,
.legacy .datepicker table tr td.range.today.disabled:hover.disabled,
.legacy .datepicker table tr td.range.today[disabled],
.legacy .datepicker table tr td.range.today:hover[disabled],
.legacy .datepicker table tr td.range.today.disabled[disabled],
.legacy .datepicker table tr td.range.today.disabled:hover[disabled] {
  background-color: #f3e97a;
  *background-color: #f1e663;
}
.legacy .datepicker table tr td.range.today:active,
.legacy .datepicker table tr td.range.today:hover:active,
.legacy .datepicker table tr td.range.today.disabled:active,
.legacy .datepicker table tr td.range.today.disabled:hover:active,
.legacy .datepicker table tr td.range.today.active,
.legacy .datepicker table tr td.range.today:hover.active,
.legacy .datepicker table tr td.range.today.disabled.active,
.legacy .datepicker table tr td.range.today.disabled:hover.active {
  background-color: #efe24b \9;
}
.legacy .datepicker table tr td.selected,
.legacy .datepicker table tr td.selected:hover,
.legacy .datepicker table tr td.selected.disabled,
.legacy .datepicker table tr td.selected.disabled:hover {
  background-color: #9e9e9e;
  background-image: -moz-linear-gradient(top, #b3b3b3, #808080);
  background-image: -ms-linear-gradient(top, #b3b3b3, #808080);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
  background-image: -webkit-linear-gradient(top, #b3b3b3, #808080);
  background-image: -o-linear-gradient(top, #b3b3b3, #808080);
  background-image: linear-gradient(top, #b3b3b3, #808080);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
  border-color: #808080 #808080 #595959;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #808080;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.legacy .datepicker table tr td.selected:hover,
.legacy .datepicker table tr td.selected:hover:hover,
.legacy .datepicker table tr td.selected.disabled:hover,
.legacy .datepicker table tr td.selected.disabled:hover:hover,
.legacy .datepicker table tr td.selected:active,
.legacy .datepicker table tr td.selected:hover:active,
.legacy .datepicker table tr td.selected.disabled:active,
.legacy .datepicker table tr td.selected.disabled:hover:active,
.legacy .datepicker table tr td.selected.active,
.legacy .datepicker table tr td.selected:hover.active,
.legacy .datepicker table tr td.selected.disabled.active,
.legacy .datepicker table tr td.selected.disabled:hover.active,
.legacy .datepicker table tr td.selected.disabled,
.legacy .datepicker table tr td.selected:hover.disabled,
.legacy .datepicker table tr td.selected.disabled.disabled,
.legacy .datepicker table tr td.selected.disabled:hover.disabled,
.legacy .datepicker table tr td.selected[disabled],
.legacy .datepicker table tr td.selected:hover[disabled],
.legacy .datepicker table tr td.selected.disabled[disabled],
.legacy .datepicker table tr td.selected.disabled:hover[disabled] {
  background-color: #808080;
  *background-color: #737373;
}
.legacy .datepicker table tr td.selected:active,
.legacy .datepicker table tr td.selected:hover:active,
.legacy .datepicker table tr td.selected.disabled:active,
.legacy .datepicker table tr td.selected.disabled:hover:active,
.legacy .datepicker table tr td.selected.active,
.legacy .datepicker table tr td.selected:hover.active,
.legacy .datepicker table tr td.selected.disabled.active,
.legacy .datepicker table tr td.selected.disabled:hover.active {
  background-color: #666666 \9;
}
.legacy .datepicker table tr td.active,
.legacy .datepicker table tr td.active:hover,
.legacy .datepicker table tr td.active.disabled,
.legacy .datepicker table tr td.active.disabled:hover {
  background-color: #3a7b44;
  background-image: -moz-linear-gradient(top, #3a7b3b, #3a7b51);
  background-image: -ms-linear-gradient(top, #3a7b3b, #3a7b51);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3a7b3b), to(#3a7b51));
  background-image: -webkit-linear-gradient(top, #3a7b3b, #3a7b51);
  background-image: -o-linear-gradient(top, #3a7b3b, #3a7b51);
  background-image: linear-gradient(top, #3a7b3b, #3a7b51);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a7b3b', endColorstr='#3a7b51', GradientType=0);
  border-color: #3a7b51 #3a7b51 #21472f;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #3a7b51;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.legacy .datepicker table tr td.active:hover,
.legacy .datepicker table tr td.active:hover:hover,
.legacy .datepicker table tr td.active.disabled:hover,
.legacy .datepicker table tr td.active.disabled:hover:hover,
.legacy .datepicker table tr td.active:active,
.legacy .datepicker table tr td.active:hover:active,
.legacy .datepicker table tr td.active.disabled:active,
.legacy .datepicker table tr td.active.disabled:hover:active,
.legacy .datepicker table tr td.active.active,
.legacy .datepicker table tr td.active:hover.active,
.legacy .datepicker table tr td.active.disabled.active,
.legacy .datepicker table tr td.active.disabled:hover.active,
.legacy .datepicker table tr td.active.disabled,
.legacy .datepicker table tr td.active:hover.disabled,
.legacy .datepicker table tr td.active.disabled.disabled,
.legacy .datepicker table tr td.active.disabled:hover.disabled,
.legacy .datepicker table tr td.active[disabled],
.legacy .datepicker table tr td.active:hover[disabled],
.legacy .datepicker table tr td.active.disabled[disabled],
.legacy .datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #3a7b51;
  *background-color: #326a45;
}
.legacy .datepicker table tr td.active:active,
.legacy .datepicker table tr td.active:hover:active,
.legacy .datepicker table tr td.active.disabled:active,
.legacy .datepicker table tr td.active.disabled:hover:active,
.legacy .datepicker table tr td.active.active,
.legacy .datepicker table tr td.active:hover.active,
.legacy .datepicker table tr td.active.disabled.active,
.legacy .datepicker table tr td.active.disabled:hover.active {
  background-color: #2a583a \9;
}
.legacy .datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.legacy .datepicker table tr td span:hover,
.legacy .datepicker table tr td span.focused {
  background: #eee;
}
.legacy .datepicker table tr td span.disabled,
.legacy .datepicker table tr td span.disabled:hover {
  background: none;
  color: #999;
  cursor: default;
}
.legacy .datepicker table tr td span.active,
.legacy .datepicker table tr td span.active:hover,
.legacy .datepicker table tr td span.active.disabled,
.legacy .datepicker table tr td span.active.disabled:hover {
  background-color: #3a7b44;
  background-image: -moz-linear-gradient(top, #3a7b3b, #3a7b51);
  background-image: -ms-linear-gradient(top, #3a7b3b, #3a7b51);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3a7b3b), to(#3a7b51));
  background-image: -webkit-linear-gradient(top, #3a7b3b, #3a7b51);
  background-image: -o-linear-gradient(top, #3a7b3b, #3a7b51);
  background-image: linear-gradient(top, #3a7b3b, #3a7b51);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a7b3b', endColorstr='#3a7b51', GradientType=0);
  border-color: #3a7b51 #3a7b51 #21472f;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #3a7b51;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.legacy .datepicker table tr td span.active:hover,
.legacy .datepicker table tr td span.active:hover:hover,
.legacy .datepicker table tr td span.active.disabled:hover,
.legacy .datepicker table tr td span.active.disabled:hover:hover,
.legacy .datepicker table tr td span.active:active,
.legacy .datepicker table tr td span.active:hover:active,
.legacy .datepicker table tr td span.active.disabled:active,
.legacy .datepicker table tr td span.active.disabled:hover:active,
.legacy .datepicker table tr td span.active.active,
.legacy .datepicker table tr td span.active:hover.active,
.legacy .datepicker table tr td span.active.disabled.active,
.legacy .datepicker table tr td span.active.disabled:hover.active,
.legacy .datepicker table tr td span.active.disabled,
.legacy .datepicker table tr td span.active:hover.disabled,
.legacy .datepicker table tr td span.active.disabled.disabled,
.legacy .datepicker table tr td span.active.disabled:hover.disabled,
.legacy .datepicker table tr td span.active[disabled],
.legacy .datepicker table tr td span.active:hover[disabled],
.legacy .datepicker table tr td span.active.disabled[disabled],
.legacy .datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #3a7b51;
  *background-color: #326a45;
}
.legacy .datepicker table tr td span.active:active,
.legacy .datepicker table tr td span.active:hover:active,
.legacy .datepicker table tr td span.active.disabled:active,
.legacy .datepicker table tr td span.active.disabled:hover:active,
.legacy .datepicker table tr td span.active.active,
.legacy .datepicker table tr td span.active:hover.active,
.legacy .datepicker table tr td span.active.disabled.active,
.legacy .datepicker table tr td span.active.disabled:hover.active {
  background-color: #2a583a \9;
}
.legacy .datepicker table tr td span.old,
.legacy .datepicker table tr td span.new {
  color: #999;
}
.legacy .datepicker .datepicker-switch {
  width: 145px;
}
.legacy .datepicker .datepicker-switch,
.legacy .datepicker .prev,
.legacy .datepicker .next,
.legacy .datepicker tfoot tr th {
  cursor: pointer;
}
.legacy .datepicker .datepicker-switch:hover,
.legacy .datepicker .prev:hover,
.legacy .datepicker .next:hover,
.legacy .datepicker tfoot tr th:hover {
  background: #eee;
}
.legacy .datepicker .prev.disabled,
.legacy .datepicker .next.disabled {
  visibility: hidden;
}
.legacy .datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.legacy .input-append.date .add-on,
.legacy .input-prepend.date .add-on {
  cursor: pointer;
}
.legacy .input-append.date .add-on i,
.legacy .input-prepend.date .add-on i {
  margin-top: 3px;
}
.legacy .input-daterange input {
  text-align: center;
}
.legacy .input-daterange input:first-child {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.legacy .input-daterange input:last-child {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.legacy .input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 18px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
  background-color: #eee;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px;
}
.legacy table {
  width: 100%;
}
.legacy table thead {
  border-bottom: 1px solid #C8C8C8;
}
.legacy table .header {
  color: #555;
  font-size: 85%;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0 8px 9px 8px;
  text-align: left;
}
.legacy table .header.center-align {
  text-align: center;
}
.legacy table td {
  padding: 9px 0 8px 0;
}
.legacy .table td,
.legacy .table th {
  border: none;
}
.legacy .table tbody tr:hover td {
  background: none;
}
.legacy .height-fix {
  -ms-overflow-style: -ms-autohiding-scrollbar !important;
  overflow-y: overlay !important;
}
.legacy .infinite-pagination {
  background-color: #eee;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin: 10px 0;
  padding: 5px 0;
}
.legacy .pagination {
  height: auto;
  display: block;
}
.legacy .pagination select {
  width: auto;
  vertical-align: top;
  margin-left: 20px;
  padding: 0 7px !important;
  text-transform: capitalize !important;
}
.legacy .pagination .btn {
  padding: 0 5px;
  min-width: 36px;
  line-height: 26px;
  box-sizing: border-box;
}
.legacy .pagination .btn:focus {
  margin-right: 1px;
}
.legacy .pagination .btn.go-to {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.legacy .pagination .btn.go-to.active {
  background-color: var(--accent-color);
  color: #fff;
}
.legacy .pagination .btn.go-to.active:focus {
  -webkit-box-shadow: 0 0 0 1px #fff inset, 0 0 0 2px #3a7b3b inset !important;
  -moz-box-shadow: 0 0 0 1px #fff inset, 0 0 0 2px #3a7b3b inset !important;
  box-shadow: 0 0 0 1px #fff inset, 0 0 0 2px #3a7b3b inset !important;
}
body.using-mouse .legacy .pagination .btn.go-to.active:focus {
  box-shadow: none !important;
}
.legacy .pagination .btn:hover {
  background-color: #e6e6e6;
  background-position: 0 -15px;
}
.legacy .pagination span {
  line-height: 30px;
  vertical-align: top;
  margin-left: 5px;
}
.legacy .pagination-simple {
  text-align: center;
}
.legacy .pagination-simple a {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-left-width: 1px;
  padding: 5px 10px;
  text-decoration: none;
  border: 1px solid #ddd;
}
.legacy .pagination-simple a.prev {
  margin-left: 5px;
  margin-right: 10px;
}
.legacy .pagination-simple a.next {
  margin-left: 10px;
}
.legacy .pagination-simple a.disabled {
  color: #999;
  background-color: #fff;
  cursor: default;
}
.legacy .pagination-wrapper:not(.old) .pagination-simple {
  padding-top: 20px;
}
.legacy .pagination-wrapper.upper.with-options {
  display: inline-block;
  margin-right: 25px;
}
.legacy .pagination-wrapper.upper .pagination {
  margin-top: 0;
  margin-bottom: 15px;
}
.legacy .pagination-wrapper.upper li {
  margin-right: 0;
}
.legacy .nav-list li.active .controls .toggle i,
.legacy .nav-list [class^="tree-icon-"],
.legacy .nav-list [class*=" tree-icon-"] {
  display: inline-block;
  width: 12px;
  height: 12px;
  vertical-align: text-top;
  background-image: url(/images/OSP_Icons_Data-Tree.png);
}
.legacy .nav-list .select span {
  font-weight: bold;
}
.legacy .nav-list .nav-list .select span {
  font-weight: normal;
}
.legacy .nav-list .tree-icon-expanded {
  background-position: right top;
}
.legacy .nav-list .tree-icon-expanded {
  background-position: center top;
}
.legacy .nav-list .tree-icon-vertex {
  background-position: right top;
}
.legacy .home-lens .status {
  border-bottom: 1px solid #ddd;
}
.legacy .home-lens .status .status-wrapper {
  display: flex;
  margin: 20px 0;
}
.legacy .home-lens .status .status-wrapper .status-box {
  padding-left: 110px;
  padding-right: 20px;
  box-sizing: border-box;
  background: url(/images/status_tick_off.svg) no-repeat 36px top / 50px 50px;
}
.legacy .home-lens .status .status-wrapper .status-box.status-pending {
  background-image: url(/images/status_tick_pending.svg);
}
.legacy .home-lens .status .status-wrapper .status-box.status-off {
  background-image: url(/images/status_tick_off.svg);
}
.legacy .home-lens .status .status-wrapper .status-box.status-on {
  background-image: url(/images/status_tick_on.svg);
}
.legacy .home-lens .status .status-wrapper .status-box h4 {
  margin-bottom: 10px;
  font-size: 16px;
}
.legacy .home-lens .status .status-wrapper .status-box h2 {
  margin-bottom: 10px;
  font-size: 16px;
}
.legacy .home-lens .status .status-wrapper .status-box:nth-child(1) {
  border-right: 1px solid #ddd;
}
@media screen and (max-width: 850px) {
  .legacy .home-lens .status .status-wrapper {
    flex-direction: column;
  }
  .legacy .home-lens .status .status-wrapper .status-box {
    width: 100%;
    background-size: 30px;
    padding-left: 80px;
  }
  .legacy .home-lens .status .status-wrapper .status-box:nth-child(1) {
    border-right: none;
    margin-bottom: 20px;
  }
}
.legacy .planning {
  /* @ Planning */
}
.legacy .planning .actions .export {
  display: none;
}
.legacy .actions .messages,
.legacy .actions .report {
  padding-top: 3px;
}
.legacy .users .preview {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.legacy .users .add_to_group {
  display: none;
}
.legacy #create-interaction {
  display: none;
}
.legacy #nav-dictionary {
  display: none;
}
.legacy .digital-book-content {
  display: none;
}
.legacyTitle {
  background-color: var(--ui-background);
}
.legacyTitle > div > .row-fluid {
  display: flex;
  align-items: flex-end;
}
.legacyTitle > div > .row-fluid.users-management-title {
  align-items: flex-start;
}
#markbook-tabs {
  margin-bottom: 0;
}
.pagination-wrapper {
  min-height: 76px;
}
.legacy .advanced-search-query {
  height: 24px;
}
.legacy a {
  color: var(--accent-color);
}
.legacy a:hover {
  color: var(--accent-color-darker);
}
.legacy a.button {
  border-bottom: none;
}
.legacy a.button--secondary {
  color: var(--text-neutral);
}
.legacy .controls input[type=text] {
  height: auto;
  padding: 10px;
  border: 2px solid var(--ui-background);
  border-radius: 5px;
}
.legacy .controls input[type=text]:hover,
.legacy .controls input[type=text]:focus {
  border-color: var(--ui-background-darker);
}
.modal-header {
  border-bottom: none !important;
}
#subgroup button,
#group-code button {
  margin-top: 15px;
}
#users-management #actions button i {
  margin-right: 5px;
}
.height-fix:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#invite-users-text {
  margin-bottom: 20px;
}
.student-assignment-layout.legacy .modal-body {
  max-height: 80vh;
}
@media only screen and (max-width: 1023px) {
  .legacy {
    display: none;
  }
}
.legacyMobile {
  padding: 20px;
}
.legacyTitle:empty ~ .legacyMobile {
  display: none;
}
@media only screen and (max-width: 1023px) {
  .markbook-lens,
  .user-management-lens,
  .users-lens,
  .iwb-lens {
    background-color: var(--ui-background);
  }
}
.markbook-lens.student-role .legacyTitle .span3 {
  display: none;
}
.markbook-lens.student-role .legacyTitle .span6 {
  margin-left: 20px;
}
.markbook-lens.student-role .legacyTitle .search .form-search {
  justify-content: unset;
}
.iwb-lens {
  overflow: hidden;
}
.iwb-lens #list {
  padding: 0 20px 0 20px;
}
.iwb-lens .helpCard {
  min-height: auto;
}
.iwb-lens .quota {
  position: absolute;
  right: 0;
}
.modal.iwb .row:last-of-type .form__group {
  margin-bottom: 0;
}
#dialog #create-user-courses li {
  margin: 0;
  width: 50%;
}
#dialog #create-user-courses li label {
  margin-left: 18px;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -icab-text-overflow: ellipsis;
  -khtml-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#dialog #create-user-courses li .inline-list-wrapper {
  padding-right: 12px;
}
#invite-teacher-button {
  position: absolute;
  right: 15px;
  top: 0;
}
.invitation-dialog #invite-users-text {
  margin-bottom: 30px;
}
.invitation-dialog .form-horizontal #invitation-form .error .help-block {
  width: auto;
}
.invitation-dialog .form-horizontal #invitation-form input {
  width: 75%;
}
.manage-student-dialog #user-fields {
  margin-top: 28px;
}
.manage-student-dialog #user-fields .input-wrapper {
  display: flex;
  gap: 4px;
}
.manage-student-dialog #user-fields input {
  width: 255px;
  flex-shrink: 0;
}
.manage-student-dialog #user-fields .control-label {
  width: 100px;
}
.manage-student-dialog #user-fields .controls {
  margin-left: 120px;
}
.manage-student-dialog #user-fields .reset-password .help-block {
  list-style: none;
  margin: 0;
}
.manage-student-dialog #user-fields .reset-password input {
  width: auto;
  margin-right: 5px;
}
.manage-student-dialog .modal-node-tree.error {
  border-color: #B94A48;
}
.manage-student-dialog #groups-tree-content {
  height: 290px;
}
.manage-student-dialog #groups-tree-content input {
  float: right;
}
.manage-teacher-dialog #teacher-form input {
  width: 90%;
}
.manage-teacher-dialog #teacher-form .control-label {
  width: 110px;
}
.manage-teacher-dialog #teacher-form .controls {
  margin-left: 120px;
}
.manage-teacher-dialog #teacher-courses {
  margin-left: 23px;
}
.manage-teacher-dialog #teacher-courses-content {
  margin-left: 97px;
}
.manage-teacher-dialog .inline-list li {
  width: 50%;
  margin-right: 0;
  margin-bottom: 10px;
}
.manage-teacher-dialog .inline-list .inline-list-wrapper {
  margin-right: 12px;
}
.modal .global-groups-tree {
  height: 315px;
  overflow-y: auto;
  border: 1px solid #cccccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.modal .global-groups-tree input[type=checkbox] {
  margin-right: 5px;
}
.modal.users-management [class^="group-icon-"],
.modal.users-management [class*=" group-icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: text-top;
  background-image: url(/images/group_section_icons.png) !important;
}
.modal.users-management .modal-header {
  border-bottom: none;
}
.modal.users-management .btn {
  text-transform: capitalize;
  font-weight: bold;
  font-size: 12px;
  padding: 10px;
  border: none;
  background-image: none;
}
.modal.users-management .modal-body {
  position: relative;
}
.modal.users-management .modal-body .error .help-block {
  display: inline-block;
}
.modal.users-management .modal-body h4 {
  margin-top: 20px;
}
.modal.users-management .modal-body h4 [class^="group-icon-"],
.modal.users-management .modal-body h4 [class*=" group-icon-"] {
  margin-right: 15px;
}
.modal.users-management .modal-body .btn-primary {
  color: #3a7b3b;
  background-color: #ffffff;
  border: 1px solid #3a7b3b;
  text-transform: uppercase;
  text-shadow: none;
}
.modal.users-management .modal-body .btn-primary[disabled] {
  opacity: 1;
  border: 1px solid #e6e6e6;
  color: #e6e6e6;
}
.modal.users-management .modal-body .btn-primary[disabled] i {
  opacity: 0.5;
}
.modal.users-management .modal-body #sections .btn-primary {
  display: block;
  margin: 18px auto 0 auto;
  width: 80%;
}
.modal.users-management .modal-body #actions .btn {
  width: 49%;
}
.modal.users-management .modal-body #actions .btn:first-child {
  margin-right: 2%;
}
.modal.users-management .modal-body #actions .btn i {
  margin-right: 9px;
}
.modal.users-management .modal-body #global-group a {
  display: block;
  padding-top: 15px;
}
.modal.users-management .modal-body p {
  margin: 12px 0 0 0;
}
.modal.users-management .modal-body p.description {
  margin: 0 0 15px 0;
}
.modal.users-management .modal-body .records {
  height: 315px;
  overflow-y: auto;
}
.modal.users-management .modal-body .records p.empty {
  text-align: center;
  margin-top: 20px;
  line-height: 25px;
}
.modal.users-management .modal-body .records label {
  display: block;
  padding: 12px 18px;
  cursor: pointer;
  color: #000000;
}
.modal.users-management .modal-body .records label.selected {
  background-color: var(--accent-color);
  color: #ffffff;
}
.modal.users-management .modal-body .records label:hover {
  text-decoration: none;
}
.modal.users-management .modal-body .records label:hover:not(.selected) {
  background-color: var(--accent-color);
}
.modal.users-management .modal-body .records-wrapper {
  border: 1px solid #bbb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.modal.users-management .modal-body .records-wrapper .records {
  height: 275px;
}
.modal.users-management .modal-body .records-wrapper label.select_all {
  display: block;
  padding: 12px 18px;
  border-bottom: 1px solid #bbb;
}
.modal.users-management .modal-body label.checkbox {
  margin-bottom: 1px;
}
.modal.users-management .modal-body label.checkbox input {
  margin: 3px 5px 3px 0;
}
.modal.users-management .modal-body .codegroup-students {
  margin-top: 25px;
}
.modal.users-management .modal-body .codegroup-students label.select_all {
  margin-bottom: 20px;
}
.modal.users-management.subgroup .modal-body p {
  margin: 0 0 9px 0;
}
.modal.users-management.subgroup .modal-body h4 {
  margin-top: 25px;
  width: 16em;
}
.modal.users-management.subgroup .modal-body .form-horizontal .control-label {
  text-align: left;
}
.modal.users-management.subgroup .modal-body .form-horizontal .control-group {
  margin-bottom: 0;
}
.modal.users-management.subgroup .modal-body .student-lists.row-fluid .span5 {
  width: 44.42553191%;
  *width: 44.37234042%;
}
.modal.users-management.subgroup .modal-body .student-lists.row-fluid .span2 {
  width: 6.42553191%;
  *width: 6.37234042%;
}
.modal.users-management.subgroup .modal-body .student-lists .list {
  position: relative;
}
.modal.users-management.subgroup .modal-body .student-lists .list input[type=text] {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin: 5px 0 3px 0;
  height: 28px;
}
.modal.users-management.subgroup .modal-body .student-lists .list .count {
  position: absolute;
  right: 0;
  top: -20px;
}
.modal.users-management.subgroup .modal-body .student-lists .list .count label {
  display: inline;
  margin: 0;
}
.modal.users-management.subgroup .modal-body .student-lists #actions {
  padding-top: 170px;
}
.modal.users-management.subgroup .modal-body .student-lists #actions a {
  display: block;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #ededed;
  width: 42px;
  padding: 12px 0 12px 0;
  margin: 0 auto 12px auto;
}
.modal.users-management .modal-footer {
  background: white;
  border: none;
}
.modal.users-management .modal-footer .btn {
  background: #3a7b3b;
  color: white;
  font-size: 13px;
  padding: 10px 30px;
}
.modal.users-management .modal-footer .btn.cancel {
  color: #777;
  background: #eee;
}
.modal.users-management #nodes {
  height: 400px;
  overflow-y: auto;
  border: 1px solid #bbb;
  margin-bottom: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.modal.users-management .group-icon-global {
  background-position: -42px -14px;
}
.modal.users-management .group-icon-subgroup {
  background-position: -98px -14px;
}
.modal.users-management .group-icon-group-code {
  background-position: -154px -14px;
}
.modal.users-management .tree li.active > .controls .group-icon-global {
  background-position: -14px 0;
}
.modal.users-management .tree li.active > .controls .group-icon-subgroup {
  background-position: -70px 0;
}
.modal.users-management .tree li.active > .controls .group-icon-group-code {
  background-position: -126px 0;
}
.modal.users-management .tree li:not(.active) > .controls:hover .group-icon-global {
  background-position: -14px -14px;
}
.modal.users-management .tree li:not(.active) > .controls:hover .group-icon-subgroup {
  background-position: -70px -14px;
}
.modal.users-management .tree li:not(.active) > .controls:hover .group-icon-group-code {
  background-position: -126px -14px;
}
.modal.users-management .main hr {
  height: 2px;
  background-color: #222;
}
.modal.users-management .main > div {
  margin-bottom: 6px;
}
.modal.users-management .main > div .btn-collapse {
  border: 1px solid #333;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #eee;
  padding: 9px 8px 9px 6px;
  display: block;
}
.modal.users-management .main > div .btn-collapse .icon-type {
  float: left;
  margin-right: 10px;
}
.modal.users-management .main > div .btn-collapse .collapse-direction {
  float: right;
}
.modal.users-management .main > div .collapsible {
  margin: 10px;
}
.modal.users-management .main > div#group-code label {
  font-size: 14px;
  font-weight: bold;
  display: inline;
  vertical-align: baseline;
  margin-right: 10px;
}
.modal.users-management .main > div#group-code input {
  font-size: 14px;
  font-weight: bolder;
  vertical-align: baseline;
  text-align: center;
}
.modal.users-management .main > div#group-code input.error {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
}
.modal.users-management .main > div#group-code p.error {
  color: #b94a48;
}
.modal.users-management .warning {
  background: url(/images/alert-black.png) no-repeat;
  padding-left: 30px;
}
.modal.users-management.codegroup .control-group {
  margin-bottom: 0;
}
.modal.users-management.codegroup .control-group .control-label {
  width: auto;
  margin-right: 10px;
}
.modal.users-management.codegroup .control-group .controls {
  margin-left: auto;
}
.users #list .alerts {
  position: absolute;
  top: -40px;
  right: 0;
  left: 0;
  text-align: center;
}
.users #list .alerts .alert {
  display: inline-block;
}
.users #list .alerts .alert p {
  padding-right: 20px;
}
.btn-group #manage-groups-button {
  padding: 4px 7px 4px;
}
.wonde-active-sync .wonde-notice {
  display: flex;
}
.wonde-active-sync #manage-groups-button {
  display: none;
}
.wonde-active-sync #invite-teachers-button {
  display: none;
}
.wonde-notice {
  display: none;
  padding: 0 0 10px 20px;
}
.wonde-notice svg {
  margin: -10px 10px 0 0;
  width: 35px;
}
.wonde-notice p {
  font-size: 14px;
  line-height: 20px;
}
/* Modals *******************************************************************/
#upload-form {
  max-height: 430px;
}
.standard-controls .controls {
  margin-right: 20px;
}
.standard-controls .controls input[type=text],
.standard-controls .controls textarea {
  width: 94%;
}
#upload-controls {
  position: relative;
  overflow: hidden;
}
#upload-controls input.file-hidden {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  direction: ltr;
  cursor: pointer;
}
.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: calc(70 / 100);
  filter: alpha(opacity=70);
}
.legacy.modal {
  margin-top: -260px;
}
.legacy.modal.big {
  width: 720px;
  margin-left: -360px;
}
.legacy.modal.large {
  width: 1010px;
  margin-left: -510px;
}
.legacy.modal .form-small,
.legacy.modal .form-big {
  margin: 0px;
}
.legacy.modal .modal-header {
  border-bottom: 1px solid #ddd;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  -webkit-box-shadow: inset 0 -1px 0 #fff;
  -moz-box-shadow: inset 0 -1px 0 #fff;
  box-shadow: inset 0 -1px 0 #fff;
}
.legacy.modal .modal-header a.close {
  height: 22px;
  width: 22px;
  text-indent: -9999px;
  background: url(/images/static/close.png);
  opacity: 0.8;
}
.legacy.modal .modal-header a.close:hover {
  opacity: 1;
}
.legacy.modal .modal-subheader {
  padding: 15px;
  background-color: #eee;
  background-image: -moz-linear-gradient(left, #f6f7f9, #eee);
  background-image: -ms-linear-gradient(left, #f6f7f9, #eee);
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#f6f7f9), to(#eee));
  background-image: -webkit-linear-gradient(left, #f6f7f9, #eee);
  background-image: -o-linear-gradient(left, #f6f7f9, #eee);
  background-image: linear-gradient(left, #f6f7f9, #eee);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f7f9', endColorstr='#eee', GradientType=1);
}
.legacy.modal .modal-subbody {
  padding: 15px;
}
.legacy.modal .modal-footer.subtle-footer {
  background: none;
}
.legacy.modal .modal-footer .extra {
  text-align: left;
}
.legacy.modal .modal-footer .modal-dismiss {
  padding-right: 10px;
}
.legacy.modal .modal-footer .modal-dismiss input {
  margin-right: 5px;
}
.legacy.modal .modal-footer .modal-dismiss label {
  display: inline;
  cursor: pointer;
}
.legacy.modal .nav-tabs {
  margin-bottom: 0;
  border-bottom: 1px solid #c8c8c8;
}
.legacy.modal .nav-tabs > li > a {
  color: #555;
  background-color: #eee;
  border: 1px solid #c8c8c8;
  font-size: 85%;
  text-transform: uppercase;
  text-shadow: 0 1px 0px rgba(255, 255, 255, 0.5);
}
.legacy.modal .nav-tabs > li > a:hover {
  background-color: #f5f5f5;
  border-color: #c8c8c8;
}
.legacy.modal .nav-tabs > li > a .badge {
  background-color: #E17328;
  text-shadow: none;
}
.legacy.modal .nav-tabs > .active > a,
.legacy.modal .nav-tabs > .active > a:hover {
  background-color: #fff;
  border-bottom: 1px solid #fff;
}
.legacy.modal #create-node-fields .header-button {
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
}
.legacy.modal #create-node-fields .control-label {
  float: left;
  display: inline;
  margin-top: 5px;
  text-align: right;
}
.legacy.modal #create-node-fields .modify-node {
  margin-bottom: 15px;
}
.legacy.modal #create-node-fields .modify-node .help-block {
  margin-top: 5px;
  margin-left: 12px;
}
.legacy.modal #create-node-fields .subtle-footer {
  position: absolute;
  width: 360px;
  bottom: 0;
  border-top: none;
}
@media only screen and (min-width: 768px) {
  .legacy.modal.markbook-report {
    max-height: 80%;
  }
}
.group-create-dialog .select-all {
  border: 1px solid #ddd;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 5px;
  padding: 5px 15px 5px 15px;
}
.group-create-dialog .select-all input {
  margin-right: 9px;
}
.group-create-dialog .select-all label {
  display: inline;
  cursor: pointer;
}
.group-create-dialog #students {
  margin-left: 0;
}
.group-create-dialog #students a {
  display: block;
  width: 90%;
}
.group-create-dialog #students input {
  margin-right: 1em;
}
.group-create-dialog #students .controls {
  margin: 0;
}
.group-create-dialog #students .item {
  padding-left: 15px;
  min-height: 0;
}
.group-create-dialog #students .item:nth-child(odd) {
  background-color: #f9f9f9;
}
.group-create-dialog #students .item.checked {
  background-color: #E8EEB2;
}
.group-create-dialog #create-node-tree {
  margin-left: 0;
}
.group-create-dialog #create-node-tree input {
  margin-right: 5px;
}
#create-node-tree {
  position: relative;
}
#create-node-tree.reordering {
  background-color: #efefef;
  border-color: #000;
}
.ui-draggable .modal-header {
  cursor: move;
}
.modal {
  position: fixed !important;
}
.modal .modal-body input[type=text],
.modal .modal-body textarea {
  color: #000;
}
.modal .form-horizontal .help-block {
  float: none;
}
.modal .modal-footer {
  padding: 9px 15px 9px 15px;
}
.modal.resizable .modal-footer {
  position: relative;
}
.modal.resizable .resize-handler {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 16px;
  height: 15px;
  display: block;
  cursor: se-resize;
  background: transparent url("/images/resize-handler.png") center center no-repeat;
}
.create-dialog input[name=name] {
  width: 190px;
  margin-bottom: 0px;
  margin-right: 5px;
}
.copy-dialog .controls,
.move-dialog .controls {
  margin-right: 120px;
}
.copy-dialog .title-input,
.move-dialog .title-input {
  margin-right: 128px;
}
.copy-dialog .modal-node-tree,
.move-dialog .modal-node-tree {
  width: 100%;
}
.profile-dialog .controls {
  margin-right: 85px;
}
.profile-dialog #school-info {
  padding-bottom: 10px;
}
.profile-dialog #school-info h4 {
  font-size: 12px;
  font-weight: normal;
  float: left;
  text-align: right;
  width: 140px;
}
.profile-dialog #school-info .controls {
  padding-left: 15px;
}
.user-dialog #create-user-courses li {
  width: 50%;
  margin-right: 0;
}
.user-dialog #create-user-courses label {
  margin-left: 20px;
  padding-right: 20px;
}
.vle-dialog .controls {
  margin-right: 10px;
}
.vle-dialog .controls .vle_link {
  cursor: pointer;
  word-wrap: break-word;
}
.vle_link {
  cursor: pointer;
  word-wrap: break-word;
}
.interactive-dialog {
  overflow: hidden;
  border: 0;
  background: transparent;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interactive-dialog iframe {
  width: 1024px;
  height: 800px;
  border: none;
  overflow: hidden;
}
.interactive-dialog .modal-body {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 505px;
  padding: 0;
}
.interactive-dialog .modal-body a.close {
  height: 22px;
  width: 22px;
  text-indent: -9999px;
  background: url(/images/static/close.png);
  opacity: 0.8;
  position: absolute;
  right: 4px;
  top: 2px;
}
.interactive-dialog .modal-body a.close:hover {
  opacity: 1;
}
.upload-dialog select {
  width: 92%;
}
.upload-dialog #points_field {
  margin-top: 10px;
  float: right;
  width: 49%;
}
.upload-dialog #points_field .controls {
  width: 100%;
}
.upload-dialog #points_field .controls input#points {
  width: 80%;
}
.upload-dialog #points_field .controls ul.help-block {
  width: 160px;
}
.upload-dialog .hide {
  display: none;
}
.upload-dialog .progress {
  width: 70%;
  position: absolute;
  top: 14px;
}
.upload-dialog .last {
  margin-bottom: 0;
}
.printable .head {
  overflow: hidden;
}
.printable .items .item .student_access {
  padding-right: 0;
  padding-left: 0;
  text-align: center;
}
.printable .span-ok {
  display: none;
}
.student-assignment-layout .loader {
  position: absolute;
  z-index: 999;
  top: 50%;
  left: 50%;
  width: 25px;
  height: 25px;
  margin-top: -25px;
  margin-left: -25px;
}
.diagnostic-report-info,
.info-icon-auto-dialog {
  position: absolute;
  margin: 0;
  border-width: 3px;
  width: 400px;
}
.diagnostic-report-info .modal-wrapper,
.info-icon-auto-dialog .modal-wrapper {
  padding-left: 40px;
  background: #c7da46 url('/images/itag.png') no-repeat 5px 11px;
}
.diagnostic-report-info .modal-body,
.info-icon-auto-dialog .modal-body,
.diagnostic-report-info .modal-footer,
.info-icon-auto-dialog .modal-footer {
  border-left: 2px solid #c7da46;
  box-shadow: 0 2px 0px 2px #fff;
  background: #FFF;
}
.diagnostic-report-info .modal-footer,
.info-icon-auto-dialog .modal-footer {
  border-top: none;
  border-radius: 0 0 6px 0;
  padding-top: 5px;
}
.diagnostic-report-info .btn,
.info-icon-auto-dialog .btn {
  text-shadow: none;
  color: #FFF;
  background: #3a7b4b;
  padding: 4px 10px;
  border-radius: 4px;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 30px;
}
.diagnostic-report-info .info-tooltip-content h2,
.info-icon-auto-dialog .info-tooltip-content h2 {
  font-size: inherit;
  line-height: inherit;
}
.info-icon-auto-dialog .modal-body {
  max-height: 100%;
}
.group-code-dialog #group-code-form {
  text-align: center;
}
.group-code-dialog .control-group {
  display: inline-block;
}
.group-code-dialog .control-group .help-block {
  text-align: left;
}
.admin-invitation-dialog.big input[type=text] {
  width: 70%;
}
.assistance-dialog ol li {
  padding-top: 6px;
  padding-bottom: 6px;
}
.error.modal .modal-body {
  background: url(/images/warning_green.svg) no-repeat;
  background-size: 30px 30px;
  background-position: 15px 16px;
  padding-left: 60px;
}
.share-dialog {
  min-height: 200px;
}
.share-dialog .contents {
  border: 1px solid #e5e5e5;
  margin-top: 20px;
  padding: 20px 15px;
  height: 100px;
  overflow: auto;
}
.share-dialog .contents p {
  margin: 0;
}
.share-dialog .contents p:not(:last-child) {
  margin-bottom: 20px;
}
.share-dialog .contents p i {
  margin-right: 12px;
}
.share-dialog .modal-footer {
  background: none;
  border: none;
}
.share-dialog .btn {
  text-transform: none;
  font-weight: bold;
  font-size: 14px;
  color: #76a24f;
  padding: 10px 30px;
  border: none;
  text-shadow: none;
}
.share-dialog .btn.btn-primary {
  background: #76a24f;
  color: white;
}
.share-dialog .btn.cancel {
  color: #777;
  background: #eee;
}
.share-dialog .modal-body.feedback {
  display: none;
}
.share-dialog .modal-body.feedback .message {
  background: url(/images/status_tick_on.svg) no-repeat 26% 0;
  background-size: 50px 50px;
  font-size: 20px;
  height: 60px;
  line-height: 60px;
  margin: 25px 0;
  padding-left: 35%;
}