html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

.grid-inset {
  max-width: 50em;
  margin-left: auto;
  margin-right: auto; }

.icon-rated, .icon-my-leaderboard, .icon-dashboard-resources, .icon-dashboard-quizzes, .icon-dashboard-trophies, .icon-sorting-arrow, .icon-nav-students, .icon-notification, .icon-quiz, .icon-menu, .icon-correct, .icon-incorrect, .icon-delete, .icon-close, .icon-highlight-close, .icon-note, .icon-drag, .icon-collapse, .icon-expand, .icon-reload, .icon-cards, .icon-tip, .icon-select, .icon-unlock, .icon-student, .icon-arrow-right, .icon-arrow-left, .icon-plus, .icon-points, .icon-arrow-right-rev, .icon-arrow-left-rev, .icon-arrow-right-control, .icon-arrow-left-control, .icon-arrow-right-no-circle, .icon-arrow-left-no-circle, .icon-plus-rev, .icon-arrow-right-subtle, .icon-arrow-left-subtle, .icon-plus-subtle, .icon-minus-subtle, .icon-group, .icon-quiz-question, .icon-quiz-create, .icon-key, .icon-rocket, .icon-checkmark, .icon-my-quizzes, .icon-my-dashboard, .icon-my-resources, .icon-my-trophies, .icon-star, .icon-alert, .icon-tactics, .icon-add, .icon-remove, .icon-refresh, .icon-arrow-up, .icon-arrow-down, .icon-edit, .icon-grade-above, .icon-grade-at, .icon-grade-below, .icon-utility-select, .icon-arrow-left-text, .icon-arrow-right-text, .icon-plus-text, .icon-minus, .icon-minus-text, .icon-star-text, .icon-control-right, .icon-control-left, .icon-plus-dark-theme, .icon-minus-dark-theme, .icon-logo, .icon-arrow-up-dark-theme, .icon-arrow-down-dark-theme, .icon-delete-dark-theme, .icon-app, .icon-bookmark-active, .icon-bookmark-hover, .icon-bookmark, .icon-common-sense-media, .icon-external-link, .icon-facebook, .icon-grade-above-at-below, .icon-grade-above-at, .icon-grade-at-below, .icon-nav-notifications, .icon-nav-quizzes, .icon-nav-resources, .icon-nav-trophies, .icon-nav-class-library, .icon-nav-dashboard, .icon-nav-games, .icon-nav-practice, .icon-nav-mission-control, .icon-nav-video, .icon-paid, .icon-report-flag, .icon-twitter, .icon-website, .icon-thumb-up, .icon-thumb-down, .icon-thumb-up-active, .icon-thumb-down-active, .icon-thumb-down-hover, .icon-thumb-up-hover, .icon-pattern-library, .icon-big-alert, .icon-padlock-locked, .icon-padlock-unlocked, .icon-empty-state-ship, .icon-viewed, .icon-comet, .icon-data, .icon-frequent-flyer, .icon-geometry, .icon-guided-tour, .icon-hot-streak, .icon-jupiter, .icon-mars, .icon-perfect-week, .icon-pluto, .icon-rover, .icon-satellite, .icon-saturn, .icon-second-look, .icon-shooting-star, .icon-solo-flight, .icon-space-walk, .icon-stargazer, .icon-voyager, .icon-warp-drive, .icon-mystery-blast-off, .icon-mystery-deep-space, .icon-mystery-galaxy-explorer, .icon-mystery-mission-control, .icon-mystery-wormhole, .icon-comet-inactive, .icon-data-inactive, .icon-frequent-flyer-inactive, .icon-geometry-inactive, .icon-guided-tour-inactive, .icon-hot-streak-inactive, .icon-jupiter-inactive, .icon-mars-inactive, .icon-perfect-week-inactive, .icon-pluto-inactive, .icon-rover-inactive, .icon-satellite-inactive, .icon-saturn-inactive, .icon-second-look-inactive, .icon-shooting-star-inactive, .icon-solo-flight-inactive, .icon-space-walk-inactive, .icon-stargazer-inactive, .icon-voyager-inactive, .icon-warp-drive-inactive, .icon-common-sense-media-stacked-logo, .icon-scratchpad-toolbox-extended, .icon-scratchpad-toolbox-collapsed, .icon-interest-computers, .icon-interests-animals, .icon-interests-art, .icon-interests-career, .icon-interests-crafts, .icon-interests-heroes, .icon-interests-history, .icon-interests-imagination, .icon-interests-literature, .icon-interests-media, .icon-interests-science, .icon-interests-sports, .icon-interests-transportation, .icon-interests-travelling, .icon-learning-style-hands-on, .icon-learning-style-listening, .icon-learning-style-visual, .icon-flash-warning, .icon-doc-pdf, .icon-doc-table, .icon-doc-text, .icon-trash, .icon-question-mark, .icon-passage-difficulty, .icon-passage-length, .icon-passage-eligible-content-count, .icon-class-libary-folder, .icon-class-library-doc, .icon-class-library-file, .icon-class-library-pdf, .icon-class-library-ppt, .icon-class-library-www, .icon-class-library-xls, .icon-class-library-html, .icon-class-library-mp3, .icon-class-library-jpg, .icon-class-library-mp4, .icon-class-library-psd, .icon-class-library-svg, .icon-class-library-zip, .icon-class-library-png, .icon-rover-1, .icon-rover-2, .icon-rover-green, .icon-rover-blue, .icon-alien-mascot, .icon-info {
  background-size: contain;
  display: inline-block;
  height: 20px;
  width: 20px;
  vertical-align: middle;
  margin-right: 0.25em; }
  .no-object-fit .icon-rated, .no-object-fit .icon-my-leaderboard, .no-object-fit .icon-dashboard-resources, .no-object-fit .icon-dashboard-quizzes, .no-object-fit .icon-dashboard-trophies, .no-object-fit .icon-sorting-arrow, .no-object-fit .icon-nav-students, .no-object-fit .icon-notification, .no-object-fit .icon-quiz, .no-object-fit .icon-menu, .no-object-fit .icon-correct, .no-object-fit .icon-incorrect, .no-object-fit .icon-delete, .no-object-fit .icon-close, .no-object-fit .icon-highlight-close, .no-object-fit .icon-note, .no-object-fit .icon-drag, .no-object-fit .icon-collapse, .no-object-fit .icon-expand, .no-object-fit .icon-reload, .no-object-fit .icon-cards, .no-object-fit .icon-tip, .no-object-fit .icon-select, .no-object-fit .icon-unlock, .no-object-fit .icon-student, .no-object-fit .icon-arrow-right, .no-object-fit .icon-arrow-left, .no-object-fit .icon-plus, .no-object-fit .icon-points, .no-object-fit .icon-arrow-right-rev, .no-object-fit .icon-arrow-left-rev, .no-object-fit .icon-arrow-right-control, .no-object-fit .icon-arrow-left-control, .no-object-fit .icon-arrow-right-no-circle, .no-object-fit .icon-arrow-left-no-circle, .no-object-fit .icon-plus-rev, .no-object-fit .icon-arrow-right-subtle, .no-object-fit .icon-arrow-left-subtle, .no-object-fit .icon-plus-subtle, .no-object-fit .icon-minus-subtle, .no-object-fit .icon-group, .no-object-fit .icon-quiz-question, .no-object-fit .icon-quiz-create, .no-object-fit .icon-key, .no-object-fit .icon-rocket, .no-object-fit .icon-checkmark, .no-object-fit .icon-my-quizzes, .no-object-fit .icon-my-dashboard, .no-object-fit .icon-my-resources, .no-object-fit .icon-my-trophies, .no-object-fit .icon-star, .no-object-fit .icon-alert, .no-object-fit .icon-tactics, .no-object-fit .icon-add, .no-object-fit .icon-remove, .no-object-fit .icon-refresh, .no-object-fit .icon-arrow-up, .no-object-fit .icon-arrow-down, .no-object-fit .icon-edit, .no-object-fit .icon-grade-above, .no-object-fit .icon-grade-at, .no-object-fit .icon-grade-below, .no-object-fit .icon-utility-select, .no-object-fit .icon-arrow-left-text, .no-object-fit .icon-arrow-right-text, .no-object-fit .icon-plus-text, .no-object-fit .icon-minus, .no-object-fit .icon-minus-text, .no-object-fit .icon-star-text, .no-object-fit .icon-control-right, .no-object-fit .icon-control-left, .no-object-fit .icon-plus-dark-theme, .no-object-fit .icon-minus-dark-theme, .no-object-fit .icon-logo, .no-object-fit .icon-arrow-up-dark-theme, .no-object-fit .icon-arrow-down-dark-theme, .no-object-fit .icon-delete-dark-theme, .no-object-fit .icon-app, .no-object-fit .icon-bookmark-active, .no-object-fit .icon-bookmark-hover, .no-object-fit .icon-bookmark, .no-object-fit .icon-common-sense-media, .no-object-fit .icon-external-link, .no-object-fit .icon-facebook, .no-object-fit .icon-grade-above-at-below, .no-object-fit .icon-grade-above-at, .no-object-fit .icon-grade-at-below, .no-object-fit .icon-nav-notifications, .no-object-fit .icon-nav-quizzes, .no-object-fit .icon-nav-resources, .no-object-fit .icon-nav-trophies, .no-object-fit .icon-nav-class-library, .no-object-fit .icon-nav-dashboard, .no-object-fit .icon-nav-games, .no-object-fit .icon-nav-practice, .no-object-fit .icon-nav-mission-control, .no-object-fit .icon-nav-video, .no-object-fit .icon-paid, .no-object-fit .icon-report-flag, .no-object-fit .icon-twitter, .no-object-fit .icon-website, .no-object-fit .icon-thumb-up, .no-object-fit .icon-thumb-down, .no-object-fit .icon-thumb-up-active, .no-object-fit .icon-thumb-down-active, .no-object-fit .icon-thumb-down-hover, .no-object-fit .icon-thumb-up-hover, .no-object-fit .icon-pattern-library, .no-object-fit .icon-big-alert, .no-object-fit .icon-padlock-locked, .no-object-fit .icon-padlock-unlocked, .no-object-fit .icon-empty-state-ship, .no-object-fit .icon-viewed, .no-object-fit .icon-comet, .no-object-fit .icon-data, .no-object-fit .icon-frequent-flyer, .no-object-fit .icon-geometry, .no-object-fit .icon-guided-tour, .no-object-fit .icon-hot-streak, .no-object-fit .icon-jupiter, .no-object-fit .icon-mars, .no-object-fit .icon-perfect-week, .no-object-fit .icon-pluto, .no-object-fit .icon-rover, .no-object-fit .icon-satellite, .no-object-fit .icon-saturn, .no-object-fit .icon-second-look, .no-object-fit .icon-shooting-star, .no-object-fit .icon-solo-flight, .no-object-fit .icon-space-walk, .no-object-fit .icon-stargazer, .no-object-fit .icon-voyager, .no-object-fit .icon-warp-drive, .no-object-fit .icon-mystery-blast-off, .no-object-fit .icon-mystery-deep-space, .no-object-fit .icon-mystery-galaxy-explorer, .no-object-fit .icon-mystery-mission-control, .no-object-fit .icon-mystery-wormhole, .no-object-fit .icon-comet-inactive, .no-object-fit .icon-data-inactive, .no-object-fit .icon-frequent-flyer-inactive, .no-object-fit .icon-geometry-inactive, .no-object-fit .icon-guided-tour-inactive, .no-object-fit .icon-hot-streak-inactive, .no-object-fit .icon-jupiter-inactive, .no-object-fit .icon-mars-inactive, .no-object-fit .icon-perfect-week-inactive, .no-object-fit .icon-pluto-inactive, .no-object-fit .icon-rover-inactive, .no-object-fit .icon-satellite-inactive, .no-object-fit .icon-saturn-inactive, .no-object-fit .icon-second-look-inactive, .no-object-fit .icon-shooting-star-inactive, .no-object-fit .icon-solo-flight-inactive, .no-object-fit .icon-space-walk-inactive, .no-object-fit .icon-stargazer-inactive, .no-object-fit .icon-voyager-inactive, .no-object-fit .icon-warp-drive-inactive, .no-object-fit .icon-common-sense-media-stacked-logo, .no-object-fit .icon-scratchpad-toolbox-extended, .no-object-fit .icon-scratchpad-toolbox-collapsed, .no-object-fit .icon-interest-computers, .no-object-fit .icon-interests-animals, .no-object-fit .icon-interests-art, .no-object-fit .icon-interests-career, .no-object-fit .icon-interests-crafts, .no-object-fit .icon-interests-heroes, .no-object-fit .icon-interests-history, .no-object-fit .icon-interests-imagination, .no-object-fit .icon-interests-literature, .no-object-fit .icon-interests-media, .no-object-fit .icon-interests-science, .no-object-fit .icon-interests-sports, .no-object-fit .icon-interests-transportation, .no-object-fit .icon-interests-travelling, .no-object-fit .icon-learning-style-hands-on, .no-object-fit .icon-learning-style-listening, .no-object-fit .icon-learning-style-visual, .no-object-fit .icon-flash-warning, .no-object-fit .icon-doc-pdf, .no-object-fit .icon-doc-table, .no-object-fit .icon-doc-text, .no-object-fit .icon-trash, .no-object-fit .icon-question-mark, .no-object-fit .icon-passage-difficulty, .no-object-fit .icon-passage-length, .no-object-fit .icon-passage-eligible-content-count, .no-object-fit .icon-class-libary-folder, .no-object-fit .icon-class-library-doc, .no-object-fit .icon-class-library-file, .no-object-fit .icon-class-library-pdf, .no-object-fit .icon-class-library-ppt, .no-object-fit .icon-class-library-www, .no-object-fit .icon-class-library-xls, .no-object-fit .icon-class-library-html, .no-object-fit .icon-class-library-mp3, .no-object-fit .icon-class-library-jpg, .no-object-fit .icon-class-library-mp4, .no-object-fit .icon-class-library-psd, .no-object-fit .icon-class-library-svg, .no-object-fit .icon-class-library-zip, .no-object-fit .icon-class-library-png, .no-object-fit .icon-rover-1, .no-object-fit .icon-rover-2, .no-object-fit .icon-rover-green, .no-object-fit .icon-rover-blue, .no-object-fit .icon-alien-mascot, .no-object-fit .icon-info {
    background-size: 100% 100%; }

.label-text-icons {
  vertical-align: middle; }

.icon-logo {
  height: 43px;
  width: 168.824px; }

.icon-passage-difficulty,
.icon-passage-length,
.icon-passage-eligible-content-count {
  height: 14px;
  width: 14px;
  margin-right: 0.15em; }

.icon-control-right,
.icon-control-left {
  width: 40px;
  height: 42px;
  margin: 0; }

.icon-grade-above,
.icon-grade-at,
.icon-grade-below {
  height: 16px;
  width: 16px;
  margin-right: 0.15em;
  margin-bottom: 3px; }

.icon-grade-above-at,
.icon-grade-at-below {
  height: 17px;
  width: 30px;
  margin-right: 0.15em;
  margin-bottom: 3px; }

.icon-grade-above-at-below {
  height: 17px;
  width: 41px;
  margin-right: 0.15em;
  margin-bottom: 3px; }

.icon-edit,
.icon-doc-pdf,
.icon-doc-table,
.icon-doc-text {
  margin-right: 0;
  margin-left: 0.25em; }

.icon-star {
  height: 23px;
  width: 23px; }

.icon-cards {
  height: 35px;
  width: 32px; }

.icon-menu {
  margin-left: 0;
  margin-right: 0.5em; }

.icon-my-quizzes, .icon-my-leaderboard, .icon-my-dashboard, .icon-my-resources, .icon-my-trophies, .icon-empty-state-ship {
  height: 50px;
  width: 50px;
  margin-right: 0; }

.icon-tip, .icon-unlock, .icon-student, .icon-quiz-question, .icon-key, .icon-quiz-create, .icon-tactics, .icon-refresh, .icon-pattern-library, .icon-big-alert, .icon-empty-state-ship {
  height: 80px;
  width: 80px;
  margin-right: 0; }

.icon-select {
  height: 7px;
  width: 14px;
  margin-right: 0; }

.icon-arrow-right, .icon-arrow-left, .icon-plus, .icon-arrow-right-rev, .icon-arrow-left-rev, .icon-plus-rev, .icon-arrow-right-subtle, .icon-arrow-left-subtle, .icon-plus-subtle, .icon-minus-subtle, .icon-plus-text, .icon-minus, .icon-minus-text {
  margin: 0 0 3px 0.25em;
  height: 16px;
  width: 16px;
  background-size: 100% 100%; }
  button > .icon-arrow-right, a > .icon-arrow-right, button > .icon-arrow-left, a > .icon-arrow-left, button > .icon-plus, a > .icon-plus, button > .icon-arrow-right-rev, a > .icon-arrow-right-rev, button > .icon-arrow-left-rev, a > .icon-arrow-left-rev, button > .icon-plus-rev, a > .icon-plus-rev, button > .icon-arrow-right-subtle, a > .icon-arrow-right-subtle, button > .icon-arrow-left-subtle, a > .icon-arrow-left-subtle, button > .icon-plus-subtle, a > .icon-plus-subtle, button > .icon-minus-subtle, a > .icon-minus-subtle, button > .icon-plus-text, a > .icon-plus-text, button > .icon-minus, a > .icon-minus, button > .icon-minus-text, a > .icon-minus-text {
    margin-top: -2px;
    margin-bottom: -1px; }

.icon-question-mark {
  height: 16px;
  width: 16px;
  margin-bottom: 10px; }

.icon-arrow-left, .icon-plus, .icon-arrow-left-rev, .icon-plus-rev, .icon-arrow-left-subtle, .icon-plus-subtle, .icon-minus-subtle, .icon-plus-text, .icon-minus, .icon-minus-text {
  margin: 0 0.25em 3px 0; }

.icon-padlock-locked, .icon-padlock-unlocked {
  height: 48px;
  width: 48px;
  margin: 0 0 0 0;
  padding: 0 0 0 0; }

.icon-group {
  height: 25px;
  width: 25px;
  margin-right: 0.4em; }

.icon-arrow-up-dark-theme, .icon-arrow-down-dark-theme, .icon-delete-dark-theme {
  margin-right: 0; }

.icon-external-link {
  height: 17px;
  width: 15px;
  margin-right: 0.4em; }

.icon-report-flag {
  width: 11px;
  height: 20px; }

.icon-collapse {
  width: 12px;
  height: 12px;
  margin-top: 4px; }

.icon-trash {
  width: 14px;
  height: 16px; }

.icon-guided-tour,
.icon-solo-flight,
.icon-space-walk,
.icon-mystery-blast-off,
.icon-guided-tour-inactive,
.icon-solo-flight-inactive,
.icon-space-walk-inactive {
  width: 100%;
  min-height: 1px; }

.icon-perfect-week,
.icon-perfect-week-inactive,
.icon-hot-streak,
.icon-hot-streak-inactive,
.icon-frequent-flyer,
.icon-frequent-flyer-inactive,
.icon-mystery-mission-control {
  width: 100%;
  min-height: 1.25px; }

.icon-comet,
.icon-comet-inactive,
.icon-mars,
.icon-mars-inactive,
.icon-jupiter,
.icon-jupiter-inactive,
.icon-saturn,
.icon-saturn-inactive,
.icon-pluto,
.icon-pluto-inactive,
.icon-geometry,
.icon-geometry-inactive,
.icon-data,
.icon-data-inactive,
.icon-warp-drive,
.icon-warp-drive-inactive,
.icon-mystery-wormhole,
.icon-mystery-galaxy-explorer {
  width: 100%;
  min-height: 1.12px; }

.icon-stargazer,
.icon-stargazer-inactive,
.icon-second-look,
.icon-second-look-inactive,
.icon-satellite,
.icon-satellite-inactive,
.icon-rover,
.icon-rover-inactive,
.icon-voyager,
.icon-voyager-inactive,
.icon-shooting-star,
.icon-shooting-star-inactive,
.icon-mystery-deep-space {
  width: 100%;
  min-height: 1.04px; }

.icon-common-sense-media-stacked-logo {
  width: 125px;
  height: 50px; }

.icon-delete-dark-theme, .icon-correct, .icon-incorrect, .icon-plus-dark-theme, .icon-minus-dark-theme, .icon-close, .icon-arrow-down-dark-theme,
.icon-arrow-up-dark-theme, .icon-control-left, .icon-control-right {
  background-size: 100% 100%; }

[class^='icon-'], .label-text {
  vertical-align: middle; }

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1); } }

.bounceIn {
  animation-name: bounceIn; }

.animated {
  animation-duration: 1s;
  animation-fill-mode: both; }

.animated.infinite {
  animation-iteration-count: infinite; }

.animated.hinge {
  animation-duration: 2s; }

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  animation-duration: .75s; }

input[type=submit] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

input[type="submit"], button[type="submit"], button {
  font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
  font-weight: 700;
  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
  border: 1px solid #c1ddea;
  border-radius: 2px;
  display: inline-block;
  padding: 0.75em 1em;
  text-decoration: none;
  color: #152d76;
  background-color: #c1ddea;
  text-align: center;
  cursor: pointer;
  font-size: 1rem; }
  input[type="submit"]:hover, input[type="submit"]:focus, button[type="submit"]:hover, button[type="submit"]:focus, button:hover, button:focus {
    outline: 0;
    text-decoration: none;
    background-color: #9bc8dd;
    border-color: #9bc8dd;
    color: #0d1c4b; }
  input[type="submit"][disabled], button[type="submit"][disabled], button[disabled] {
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 700;
    transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
    border: 1px solid #c1ddea;
    border-radius: 2px;
    display: inline-block;
    padding: 0.75em 1em;
    text-decoration: none;
    color: #152d76;
    background-color: #c1ddea;
    text-align: center;
    cursor: pointer;
    background-color: #fff;
    border-color: #dbdcde;
    color: #b1b3b5; }
    input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus, button[type="submit"][disabled]:hover, button[type="submit"][disabled]:focus, button[disabled]:hover, button[disabled]:focus {
      outline: 0;
      text-decoration: none;
      background-color: #9bc8dd;
      border-color: #9bc8dd;
      color: #0d1c4b; }
    input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus, button[type="submit"][disabled]:hover, button[type="submit"][disabled]:focus, button[disabled]:hover, button[disabled]:focus {
      background-color: #ebf9f9;
      border-color: #dbdcde; }
    input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus, button[type="submit"][disabled]:hover, button[type="submit"][disabled]:focus, button[disabled]:hover, button[disabled]:focus {
      background-color: #fff;
      color: #b1b3b5; }
  input[type="submit"].button-primary-action, button[type="submit"].button-primary-action, button.button-primary-action {
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 700;
    transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
    border: 1px solid #c1ddea;
    border-radius: 2px;
    display: inline-block;
    padding: 0.75em 1em;
    text-decoration: none;
    color: #152d76;
    background-color: #c1ddea;
    text-align: center;
    cursor: pointer;
    font-size: 1rem;
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 700;
    transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
    border: 1px solid #c1ddea;
    border-radius: 2px;
    display: inline-block;
    padding: 0.75em 1em;
    text-decoration: none;
    color: #152d76;
    background-color: #c1ddea;
    text-align: center;
    cursor: pointer;
    border-color: #152d76;
    background-color: #152d76;
    color: white; }
    input[type="submit"].button-primary-action:hover, input[type="submit"].button-primary-action:focus, button[type="submit"].button-primary-action:hover, button[type="submit"].button-primary-action:focus, button.button-primary-action:hover, button.button-primary-action:focus {
      outline: 0;
      text-decoration: none;
      background-color: #9bc8dd;
      border-color: #9bc8dd;
      color: #0d1c4b; }
    input[type="submit"].button-primary-action:hover, input[type="submit"].button-primary-action:focus, button[type="submit"].button-primary-action:hover, button[type="submit"].button-primary-action:focus, button.button-primary-action:hover, button.button-primary-action:focus {
      outline: 0;
      text-decoration: none;
      background-color: #9bc8dd;
      border-color: #9bc8dd;
      color: #0d1c4b; }
    input[type="submit"].button-primary-action:hover, input[type="submit"].button-primary-action:focus, button[type="submit"].button-primary-action:hover, button[type="submit"].button-primary-action:focus, button.button-primary-action:hover, button.button-primary-action:focus {
      border-color: #0d1c4b;
      background-color: #0d1c4b;
      color: #fff; }
    input[type="submit"].button-primary-action.large, button[type="submit"].button-primary-action.large, button.button-primary-action.large {
      padding-left: 2em;
      padding-right: 2em; }
      @media (min-width: 43.75em) {
        input[type="submit"].button-primary-action.large, button[type="submit"].button-primary-action.large, button.button-primary-action.large {
          padding-left: 4em;
          padding-right: 4em; } }
    input[type="submit"].button-primary-action:disabled, button[type="submit"].button-primary-action:disabled, button.button-primary-action:disabled {
      font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
      font-weight: 700;
      transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
      border: 1px solid #c1ddea;
      border-radius: 2px;
      display: inline-block;
      padding: 0.75em 1em;
      text-decoration: none;
      color: #152d76;
      background-color: #c1ddea;
      text-align: center;
      cursor: pointer;
      background-color: #fff;
      border-color: #dbdcde;
      color: #b1b3b5; }
      input[type="submit"].button-primary-action:disabled:hover, input[type="submit"].button-primary-action:disabled:focus, button[type="submit"].button-primary-action:disabled:hover, button[type="submit"].button-primary-action:disabled:focus, button.button-primary-action:disabled:hover, button.button-primary-action:disabled:focus {
        outline: 0;
        text-decoration: none;
        background-color: #9bc8dd;
        border-color: #9bc8dd;
        color: #0d1c4b; }
      input[type="submit"].button-primary-action:disabled:hover, input[type="submit"].button-primary-action:disabled:focus, button[type="submit"].button-primary-action:disabled:hover, button[type="submit"].button-primary-action:disabled:focus, button.button-primary-action:disabled:hover, button.button-primary-action:disabled:focus {
        background-color: #ebf9f9;
        border-color: #dbdcde; }
      input[type="submit"].button-primary-action:disabled:hover, input[type="submit"].button-primary-action:disabled:focus, button[type="submit"].button-primary-action:disabled:hover, button[type="submit"].button-primary-action:disabled:focus, button.button-primary-action:disabled:hover, button.button-primary-action:disabled:focus {
        background-color: #fff;
        color: #b1b3b5; }
  input[type="submit"].button-highlight, button[type="submit"].button-highlight, button.button-highlight {
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 700;
    transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
    border: 1px solid #c1ddea;
    border-radius: 2px;
    display: inline-block;
    padding: 0.75em 1em;
    text-decoration: none;
    color: #152d76;
    background-color: #c1ddea;
    text-align: center;
    cursor: pointer;
    font-size: 1rem;
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 700;
    transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
    border: 1px solid #c1ddea;
    border-radius: 2px;
    display: inline-block;
    padding: 0.75em 1em;
    text-decoration: none;
    color: #152d76;
    background-color: #c1ddea;
    text-align: center;
    cursor: pointer;
    border-color: #152d76;
    background-color: #152d76;
    color: white; }
    input[type="submit"].button-highlight:hover, input[type="submit"].button-highlight:focus, button[type="submit"].button-highlight:hover, button[type="submit"].button-highlight:focus, button.button-highlight:hover, button.button-highlight:focus {
      outline: 0;
      text-decoration: none;
      background-color: #9bc8dd;
      border-color: #9bc8dd;
      color: #0d1c4b; }
    input[type="submit"].button-highlight:hover, input[type="submit"].button-highlight:focus, button[type="submit"].button-highlight:hover, button[type="submit"].button-highlight:focus, button.button-highlight:hover, button.button-highlight:focus {
      outline: 0;
      text-decoration: none;
      background-color: #9bc8dd;
      border-color: #9bc8dd;
      color: #0d1c4b; }
    input[type="submit"].button-highlight:hover, input[type="submit"].button-highlight:focus, button[type="submit"].button-highlight:hover, button[type="submit"].button-highlight:focus, button.button-highlight:hover, button.button-highlight:focus {
      border-color: #0d1c4b;
      background-color: #0d1c4b;
      color: #fff; }
    input[type="submit"].button-highlight.large, button[type="submit"].button-highlight.large, button.button-highlight.large {
      padding-left: 2em;
      padding-right: 2em; }
      @media (min-width: 43.75em) {
        input[type="submit"].button-highlight.large, button[type="submit"].button-highlight.large, button.button-highlight.large {
          padding-left: 4em;
          padding-right: 4em; } }
    input[type="submit"].button-highlight:disabled, button[type="submit"].button-highlight:disabled, button.button-highlight:disabled {
      font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
      font-weight: 700;
      transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
      border: 1px solid #c1ddea;
      border-radius: 2px;
      display: inline-block;
      padding: 0.75em 1em;
      text-decoration: none;
      color: #152d76;
      background-color: #c1ddea;
      text-align: center;
      cursor: pointer;
      background-color: #fff;
      border-color: #dbdcde;
      color: #b1b3b5; }
      input[type="submit"].button-highlight:disabled:hover, input[type="submit"].button-highlight:disabled:focus, button[type="submit"].button-highlight:disabled:hover, button[type="submit"].button-highlight:disabled:focus, button.button-highlight:disabled:hover, button.button-highlight:disabled:focus {
        outline: 0;
        text-decoration: none;
        background-color: #9bc8dd;
        border-color: #9bc8dd;
        color: #0d1c4b; }
      input[type="submit"].button-highlight:disabled:hover, input[type="submit"].button-highlight:disabled:focus, button[type="submit"].button-highlight:disabled:hover, button[type="submit"].button-highlight:disabled:focus, button.button-highlight:disabled:hover, button.button-highlight:disabled:focus {
        background-color: #ebf9f9;
        border-color: #dbdcde; }
      input[type="submit"].button-highlight:disabled:hover, input[type="submit"].button-highlight:disabled:focus, button[type="submit"].button-highlight:disabled:hover, button[type="submit"].button-highlight:disabled:focus, button.button-highlight:disabled:hover, button.button-highlight:disabled:focus {
        background-color: #fff;
        color: #b1b3b5; }
  input[type="submit"].button-delete, button[type="submit"].button-delete, button.button-delete {
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 700;
    transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
    border: 1px solid #c1ddea;
    border-radius: 2px;
    display: inline-block;
    padding: 0.75em 1em;
    text-decoration: none;
    color: #152d76;
    background-color: #c1ddea;
    text-align: center;
    cursor: pointer;
    font-size: 1rem;
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 700;
    transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
    border: 1px solid #c1ddea;
    border-radius: 2px;
    display: inline-block;
    padding: 0.75em 1em;
    text-decoration: none;
    color: #152d76;
    background-color: #c1ddea;
    text-align: center;
    cursor: pointer;
    border-color: #eb5024;
    background-color: #fff;
    color: #c93b12; }
    input[type="submit"].button-delete:hover, input[type="submit"].button-delete:focus, button[type="submit"].button-delete:hover, button[type="submit"].button-delete:focus, button.button-delete:hover, button.button-delete:focus {
      outline: 0;
      text-decoration: none;
      background-color: #9bc8dd;
      border-color: #9bc8dd;
      color: #0d1c4b; }
    input[type="submit"].button-delete:hover, input[type="submit"].button-delete:focus, button[type="submit"].button-delete:hover, button[type="submit"].button-delete:focus, button.button-delete:hover, button.button-delete:focus {
      outline: 0;
      text-decoration: none;
      background-color: #9bc8dd;
      border-color: #9bc8dd;
      color: #0d1c4b; }
    input[type="submit"].button-delete:hover, input[type="submit"].button-delete:focus, button[type="submit"].button-delete:hover, button[type="submit"].button-delete:focus, button.button-delete:hover, button.button-delete:focus {
      border-color: #c93b12;
      color: #9a2e0e;
      background-color: #fdefeb; }
    input[type="submit"].button-delete:disabled, button[type="submit"].button-delete:disabled, button.button-delete:disabled {
      font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
      font-weight: 700;
      transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
      border: 1px solid #c1ddea;
      border-radius: 2px;
      display: inline-block;
      padding: 0.75em 1em;
      text-decoration: none;
      color: #152d76;
      background-color: #c1ddea;
      text-align: center;
      cursor: pointer;
      background-color: #fff;
      border-color: #dbdcde;
      color: #b1b3b5; }
      input[type="submit"].button-delete:disabled:hover, input[type="submit"].button-delete:disabled:focus, button[type="submit"].button-delete:disabled:hover, button[type="submit"].button-delete:disabled:focus, button.button-delete:disabled:hover, button.button-delete:disabled:focus {
        outline: 0;
        text-decoration: none;
        background-color: #9bc8dd;
        border-color: #9bc8dd;
        color: #0d1c4b; }
      input[type="submit"].button-delete:disabled:hover, input[type="submit"].button-delete:disabled:focus, button[type="submit"].button-delete:disabled:hover, button[type="submit"].button-delete:disabled:focus, button.button-delete:disabled:hover, button.button-delete:disabled:focus {
        background-color: #ebf9f9;
        border-color: #dbdcde; }
      input[type="submit"].button-delete:disabled:hover, input[type="submit"].button-delete:disabled:focus, button[type="submit"].button-delete:disabled:hover, button[type="submit"].button-delete:disabled:focus, button.button-delete:disabled:hover, button.button-delete:disabled:focus {
        background-color: #fff;
        color: #b1b3b5; }
  input[type="submit"].button-subtle, button[type="submit"].button-subtle, button.button-subtle {
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 700;
    transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
    border: 1px solid #c1ddea;
    border-radius: 2px;
    display: inline-block;
    padding: 0.75em 1em;
    text-decoration: none;
    color: #152d76;
    background-color: #c1ddea;
    text-align: center;
    cursor: pointer;
    font-size: 1rem;
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 700;
    transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
    border: 1px solid #c1ddea;
    border-radius: 2px;
    display: inline-block;
    padding: 0.75em 1em;
    text-decoration: none;
    color: #152d76;
    background-color: #c1ddea;
    text-align: center;
    cursor: pointer;
    background-color: #fff;
    border-color: #dbdcde; }
    input[type="submit"].button-subtle:hover, input[type="submit"].button-subtle:focus, button[type="submit"].button-subtle:hover, button[type="submit"].button-subtle:focus, button.button-subtle:hover, button.button-subtle:focus {
      outline: 0;
      text-decoration: none;
      background-color: #9bc8dd;
      border-color: #9bc8dd;
      color: #0d1c4b; }
    input[type="submit"].button-subtle:hover, input[type="submit"].button-subtle:focus, button[type="submit"].button-subtle:hover, button[type="submit"].button-subtle:focus, button.button-subtle:hover, button.button-subtle:focus {
      outline: 0;
      text-decoration: none;
      background-color: #9bc8dd;
      border-color: #9bc8dd;
      color: #0d1c4b; }
    input[type="submit"].button-subtle:hover, input[type="submit"].button-subtle:focus, button[type="submit"].button-subtle:hover, button[type="submit"].button-subtle:focus, button.button-subtle:hover, button.button-subtle:focus {
      background-color: #ebf9f9;
      border-color: #dbdcde; }
    input[type="submit"].button-subtle:disabled, button[type="submit"].button-subtle:disabled, button.button-subtle:disabled {
      font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
      font-weight: 700;
      transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
      border: 1px solid #c1ddea;
      border-radius: 2px;
      display: inline-block;
      padding: 0.75em 1em;
      text-decoration: none;
      color: #152d76;
      background-color: #c1ddea;
      text-align: center;
      cursor: pointer;
      background-color: #fff;
      border-color: #dbdcde;
      color: #b1b3b5; }
      input[type="submit"].button-subtle:disabled:hover, input[type="submit"].button-subtle:disabled:focus, button[type="submit"].button-subtle:disabled:hover, button[type="submit"].button-subtle:disabled:focus, button.button-subtle:disabled:hover, button.button-subtle:disabled:focus {
        outline: 0;
        text-decoration: none;
        background-color: #9bc8dd;
        border-color: #9bc8dd;
        color: #0d1c4b; }
      input[type="submit"].button-subtle:disabled:hover, input[type="submit"].button-subtle:disabled:focus, button[type="submit"].button-subtle:disabled:hover, button[type="submit"].button-subtle:disabled:focus, button.button-subtle:disabled:hover, button.button-subtle:disabled:focus {
        background-color: #ebf9f9;
        border-color: #dbdcde; }
      input[type="submit"].button-subtle:disabled:hover, input[type="submit"].button-subtle:disabled:focus, button[type="submit"].button-subtle:disabled:hover, button[type="submit"].button-subtle:disabled:focus, button.button-subtle:disabled:hover, button.button-subtle:disabled:focus {
        background-color: #fff;
        color: #b1b3b5; }
  input[type="submit"].button-link, button[type="submit"].button-link, button.button-link {
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 700;
    transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
    border: 1px solid #c1ddea;
    border-radius: 2px;
    display: inline-block;
    padding: 0.75em 1em;
    text-decoration: none;
    color: #152d76;
    background-color: #c1ddea;
    text-align: center;
    cursor: pointer;
    font-size: 1rem;
    border: 0 none;
    padding: 0;
    background-color: transparent;
    transition: color 0.4s ease-in-out;
    color: #2e72e3;
    text-decoration: underline; }
    input[type="submit"].button-link:hover, input[type="submit"].button-link:focus, button[type="submit"].button-link:hover, button[type="submit"].button-link:focus, button.button-link:hover, button.button-link:focus {
      outline: 0;
      text-decoration: none;
      background-color: #9bc8dd;
      border-color: #9bc8dd;
      color: #0d1c4b; }
    input[type="submit"].button-link:hover, input[type="submit"].button-link:focus, button[type="submit"].button-link:hover, button[type="submit"].button-link:focus, button.button-link:hover, button.button-link:focus {
      background-color: transparent;
      border-color: inherit; }
    input[type="submit"].button-link:hover, input[type="submit"].button-link:focus, button[type="submit"].button-link:hover, button[type="submit"].button-link:focus, button.button-link:hover, button.button-link:focus {
      color: #144597;
      text-decoration: underline; }
    input[type="submit"].button-link:disabled, button[type="submit"].button-link:disabled, button.button-link:disabled {
      font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
      font-weight: 700;
      transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
      border: 1px solid #c1ddea;
      border-radius: 2px;
      display: inline-block;
      padding: 0.75em 1em;
      text-decoration: none;
      color: #152d76;
      background-color: #c1ddea;
      text-align: center;
      cursor: pointer;
      background-color: #fff;
      border-color: #dbdcde;
      color: #b1b3b5; }
      input[type="submit"].button-link:disabled:hover, input[type="submit"].button-link:disabled:focus, button[type="submit"].button-link:disabled:hover, button[type="submit"].button-link:disabled:focus, button.button-link:disabled:hover, button.button-link:disabled:focus {
        outline: 0;
        text-decoration: none;
        background-color: #9bc8dd;
        border-color: #9bc8dd;
        color: #0d1c4b; }
      input[type="submit"].button-link:disabled:hover, input[type="submit"].button-link:disabled:focus, button[type="submit"].button-link:disabled:hover, button[type="submit"].button-link:disabled:focus, button.button-link:disabled:hover, button.button-link:disabled:focus {
        background-color: #ebf9f9;
        border-color: #dbdcde; }
      input[type="submit"].button-link:disabled:hover, input[type="submit"].button-link:disabled:focus, button[type="submit"].button-link:disabled:hover, button[type="submit"].button-link:disabled:focus, button.button-link:disabled:hover, button.button-link:disabled:focus {
        background-color: #fff;
        color: #b1b3b5; }

input[type="email"],
input[type="password"],
input[type="text"],
input[type="search"],
input[type="tel"],
input[type="number"],
input[type="url"],
textarea {
  font-size: 1em;
  padding: 0.8em 0.5em;
  border-radius: 2px 2px;
  color: #4c4c4e;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  border: 1px #dbdcde solid; }
  input[type="email"]:focus,
  input[type="password"]:focus,
  input[type="text"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="number"]:focus,
  input[type="url"]:focus,
  textarea:focus {
    outline: solid #efeff0; }

:-ms-input-placeholder {
  /* IE 10+ */
  color: #7a7a7a !important; }

input[type="search"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 1em; }
  input[type="search"]:active {
    outline: solid #efeff0; }
  input[type="search"]::-webkit-input-placeholder {
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 600;
    font-size: 1em; }
  input[type="search"]::-ms-input-placeholder {
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 600;
    font-size: 1em;
    font-weight: lighter;
    color: #b1b3b5; }
  input[type="search"]:-ms-input-placeholder {
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 600;
    font-size: 1em; }
  input[type="search"]:-moz-placeholder {
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 600;
    font-size: 1em; }
  input[type="search"]::-moz-placeholder {
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 600;
    font-size: 1em; }

select {
  font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
  font-weight: 600;
  width: 100%;
  color: #7a7a7a;
  border: 1px solid #dbdcde;
  font-size: 1em;
  background-color: #fff;
  border-radius: 0px;
  padding: 0.7em 2em 0.7em 0.5em;
  height: 2.73em; }

.x-input .select-wrapper {
  position: relative; }

.x-input .icon-select {
  position: absolute;
  right: 0.5em;
  top: 1.2em; }

form label, .x-input label {
  color: #7a7a7a;
  font-size: 0.875em;
  display: block;
  margin-bottom: 0.35em;
  margin-left: 0.25em; }

fieldset {
  margin-bottom: 1em; }
  fieldset legend {
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 700;
    margin-bottom: 0.35em; }

.radio-list {
  background-color: #fff;
  border: 1px solid #7a7a7a; }

.x-input-radio {
  background-color: #fff;
  border: 1px solid #dbdcde;
  position: relative;
  transition: all 0.5s ease-in-out; }
  .x-input-radio:hover, .x-input-radio:focus {
    border-color: #9bc8dd;
    background-color: #e7f2f7; }
  .x-input-radio input[type="radio"] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0; }
    .x-input-radio input[type="radio"]:checked + label:before {
      border-color: #c1ddea;
      background-position: 0 0; }
      .no-cssgradients .x-input-radio input[type="radio"]:checked + label:before {
        background-color: #9bc8dd; }
    .x-input-radio input[type="radio"]:checked + label {
      border-color: #9bc8dd;
      background: #fafcfd; }
    .x-input-radio input[type="radio"]:focus + label {
      background: #e7f2f7; }
  .x-input-radio label {
    transition: all 0.3s ease-in-out;
    color: #7a7a7a;
    margin: 0;
    padding: 1em; }
    .x-input-radio label:hover, .x-input-radio label:focus {
      color: #5b5b5d; }
    .x-input-radio label:hover {
      cursor: pointer; }
      .x-input-radio label:hover:before {
        border-color: #c1ddea; }
    .x-input-radio label:before {
      display: inline-block;
      border-radius: 16px;
      border: 2px solid #b1b3b5;
      vertical-align: middle;
      padding-top: 1px;
      text-align: center;
      font-size: 0.7em;
      color: #b1b3b5;
      height: 20px;
      width: 20px;
      height: 12px;
      width: 12px;
      content: "";
      border-color: #dbdcde;
      margin-right: 0.5em;
      margin-bottom: 2px;
      padding: 0;
      background-color: #fff;
      background-image: radial-gradient(ellipse at center, #75b3d0 0%, #9bc8dd 40%, #fff 50%);
      background-repeat: no-repeat;
      transition: background-position 0.17s cubic-bezier(0.8, 0, 1, 1);
      background-position: -12px 0; }
      .no-cssgradients .x-input-radio label:before {
        background-image: none; }
    .x-input-radio label.student:before {
      margin-bottom: 4px; }

.x-input-checkbox {
  background-color: #fff;
  border: 1px solid #dbdcde;
  position: relative;
  transition: all 0.5s ease-in-out; }
  table .x-input-checkbox {
    border: 0 none;
    transition: none; }
  .x-input-checkbox:hover, .x-input-checkbox:focus {
    border-color: #9bc8dd;
    background-color: #d4e7f0; }
    table .x-input-checkbox:hover, table .x-input-checkbox:focus {
      background-color: inherit; }
  .x-input-checkbox input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0; }
    .x-input-checkbox input[type="checkbox"]:checked + label:before {
      border-color: #c1ddea;
      background-position: 2px 3px; }
    .x-input-checkbox input[type="checkbox"]:checked + label {
      border-color: #9bc8dd;
      background-color: #e7f2f7; }
      table .x-input-checkbox input[type="checkbox"]:checked + label {
        background-color: inherit; }
  .x-input-checkbox label {
    transition: all 0.3s ease-in-out;
    color: #7a7a7a;
    margin: 0;
    padding: 1em; }
    table .x-input-checkbox label {
      color: inherit;
      padding: inherit; }
    .x-input-checkbox label:hover, .x-input-checkbox label:focus {
      color: #5b5b5d; }
    .x-input-checkbox label:hover, .x-input-checkbox label:focus {
      cursor: pointer; }
      .x-input-checkbox label:hover:before, .x-input-checkbox label:focus:before {
        border-color: #c1ddea; }
    .x-input-checkbox label:before {
      display: inline-block;
      border: 2px solid #dbdcde;
      vertical-align: middle;
      padding-top: 1px;
      text-align: center;
      font-size: 0.7em;
      color: #b1b3b5;
      height: 12px;
      width: 12px;
      content: "";
      margin-right: 0.5em;
      margin-bottom: 2px;
      padding: 0;
      background-color: #fff;
      background-image: url("/assets/images/checkmark.svg");
      background-repeat: no-repeat;
      transition: background-position 0.17s cubic-bezier(0.8, 0, 1, 1);
      background-position: -12px 0; }
  .x-input-checkbox#bookmark-checkbox-input, .x-input-checkbox#flash-checkbox-input, .x-input-checkbox#common-sense-checkbox-input {
    border-radius: 5px;
    max-width: 48.25%; }
    .x-input-checkbox#bookmark-checkbox-input label, .x-input-checkbox#flash-checkbox-input label, .x-input-checkbox#common-sense-checkbox-input label {
      height: 44px;
      border-radius: 5px; }

form .x-input {
  margin-bottom: 0.5em; }
  form .x-input:last-of-type {
    margin-bottom: 1em; }

.legend-text {
  display: inline-block;
  margin-top: 1em;
  margin-bottom: 0.5em; }

.warning-text {
  color: #ed633b;
  vertical-align: middle; }

.success-text {
  color: #8fb433;
  vertical-align: middle; }

.blue-text {
  color: #3983a6;
  vertical-align: middle;
  text-align: center;
  padding-right: 7%;
  padding-left: 7%; }
  @media (min-width: 43.75em) {
    .blue-text {
      padding-right: 2%;
      padding-left: 2%; } }

.answers-locked {
  color: #ed633b;
  vertical-align: middle;
  text-align: center;
  padding-right: 7%;
  padding-left: 7%; }
  @media (min-width: 43.75em) {
    .answers-locked {
      padding-right: 2%;
      padding-left: 2%; } }

.lock-answer-divider {
  height: 1px;
  background: #101f53;
  border-bottom: 1px solid #101f53;
  width: 95%;
  margin: 1rem auto; }

.lock-answer-breakdown {
  padding-bottom: 1rem; }

.two-up {
  *zoom: 1; }
  .two-up:after {
    content: "";
    display: table;
    clear: both; }
  .two-up > .x-input {
    display: inline;
    float: left;
    width: 48.25%;
    margin-right: 3.5%;
    margin-left: 0;
    margin-right: 0;
    margin-left: 3.5%; }
    .two-up > .x-input:first-child {
      margin-left: 0; }

.two-up-flex {
  display: block; }
  .two-up-flex > :first-child {
    margin-bottom: 3.5%; }
  @media (min-width: 60em) {
    .two-up-flex {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: end;
      align-items: flex-end;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .two-up-flex > .x-input {
        margin-bottom: 0;
        width: calc(50% - .5em); } }

.two-up-uneven {
  *zoom: 1; }
  .two-up-uneven:after {
    content: "";
    display: table;
    clear: both; }
  .two-up-uneven > :first-child {
    width: 100%; }
  .two-up-uneven > :last-child {
    width: 100%; }
  @media (min-width: 60em) {
    .two-up-uneven {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
      -ms-flex-align: stretch;
      align-items: stretch; }
      .two-up-uneven > :first-child {
        margin-top: 1rem;
        margin-bottom: 1rem;
        -ms-flex-positive: 1;
        flex-grow: 1;
        min-width: 0;
        width: initial;
        display: inline;
        float: left;
        width: 48.25%;
        margin-right: 3.5%;
        margin-left: 0; }
      .two-up-uneven > :last-child {
        margin-top: 1rem;
        margin-bottom: 1rem;
        -ms-flex-align: stretch;
        align-items: stretch;
        width: initial;
        -ms-flex-positive: 1;
        flex-grow: 1;
        min-width: 0; } }

.two-up-uneven.exports {
  margin-top: 1em;
  *zoom: 1; }
  .two-up-uneven.exports:after {
    content: "";
    display: table;
    clear: both; }
  .two-up-uneven.exports > :first-child {
    width: 100%; }
  .two-up-uneven.exports > :last-child {
    width: 100%;
    margin-top: 1em; }
  @media (min-width: 60em) {
    .two-up-uneven.exports {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
      -ms-flex-align: stretch;
      align-items: stretch; }
      .two-up-uneven.exports > :first-child {
        margin-top: 1rem;
        margin-bottom: 1rem;
        -ms-flex-positive: 1;
        flex-grow: 1;
        min-width: 0;
        width: 50%;
        display: inline;
        float: left;
        width: 48.25%;
        margin-right: 3.5%;
        margin-left: 0; }
      .two-up-uneven.exports > :last-child {
        margin-top: 1rem;
        margin-bottom: 1rem;
        -ms-flex-align: stretch;
        align-items: stretch;
        width: 50%;
        -ms-flex-positive: 1;
        flex-grow: 1;
        min-width: 0; } }

.two-up-wider {
  *zoom: 1; }
  .two-up-wider:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 25em) {
    .two-up-wider > .x-input {
      display: inline;
      float: left;
      width: 48.25%;
      margin-right: 3.5%;
      margin-left: 0;
      margin-right: 0;
      margin-left: 3.5%; }
      .two-up-wider > .x-input:first-child {
        margin-left: 0; } }

.two-up-70-30 {
  *zoom: 1; }
  .two-up-70-30:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 25em) {
    .two-up-70-30 .x-input:first-of-type {
      display: inline;
      float: left;
      width: 65.5%;
      margin-right: 3.5%;
      margin-left: 0;
      margin-right: 3.5%;
      margin-top: 0; }
      .two-up-70-30 .x-input:first-of-type:first-child {
        margin-left: 0; } }

@media (min-width: 25em) and (min-width: 25em) {
  .two-up-70-30 button, .two-up-70-30 .x-input {
    display: inline;
    float: left;
    width: 31%;
    margin-right: 3.5%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 5px; } }

.two-up-three-large > .x-input {
  display: inline;
  float: left;
  width: 48.25%;
  margin-right: 3.5%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 1em;
  margin-left: 3.5%; }
  .two-up-three-large > .x-input:nth-child(3) {
    margin-left: 0; }
  .two-up-three-large > .x-input#common-sense-checkbox-input {
    font-size: 15px; }
  @media (min-width: 37.5em) {
    .two-up-three-large > .x-input#common-sense-checkbox-input {
      font-size: inherit; } }
  @media (min-width: 60em) {
    .two-up-three-large > .x-input {
      display: inline;
      float: left;
      width: 31%;
      margin-right: 3.5%;
      margin-left: 0;
      margin-right: 0;
      margin-left: 3.5%; }
      .two-up-three-large > .x-input:nth-child(3) {
        margin-left: 3.5%; } }
  .two-up-three-large > .x-input:first-child {
    margin-left: 0; }

.three-up {
  *zoom: 1; }
  .three-up:after {
    content: "";
    display: table;
    clear: both; }
  .three-up .x-input {
    display: inline;
    float: left;
    width: 31%;
    margin-right: 3.5%;
    margin-left: 0;
    margin-right: 0;
    margin-left: 3.5%; }
    .three-up .x-input:first-child {
      margin-left: 0; }
  .three-up.zip-city-state .x-input {
    display: inline;
    float: left;
    width: 56.875%;
    margin-right: 3.5%;
    margin-left: 0; }
    @media (min-width: 31.25em) {
      .three-up.zip-city-state .x-input {
        display: inline;
        float: left;
        width: 48.25%;
        margin-right: 3.5%;
        margin-left: 0; } }
    .three-up.zip-city-state .x-input:first-child {
      display: inline;
      float: left;
      width: 100%;
      margin-right: 3.5%;
      margin-left: 0;
      margin-right: 0; }
      @media (min-width: 31.25em) {
        .three-up.zip-city-state .x-input:first-child {
          display: inline;
          float: left;
          width: 22.375%;
          margin-right: 3.5%;
          margin-left: 0; } }
    .three-up.zip-city-state .x-input.select, .three-up.zip-city-state .x-input .state {
      display: inline;
      float: left;
      width: 39.625%;
      margin-right: 3.5%;
      margin-left: 0;
      margin-right: 0; }
      @media (min-width: 31.25em) {
        .three-up.zip-city-state .x-input.select, .three-up.zip-city-state .x-input .state {
          display: inline;
          float: left;
          width: 22.375%;
          margin-right: 3.5%;
          margin-left: 0;
          margin-right: 0; } }

.three-up-wider {
  *zoom: 1; }
  .three-up-wider:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 31.25em) {
    .three-up-wider .x-input {
      display: inline;
      float: left;
      width: 31%;
      margin-right: 3.5%;
      margin-left: 0;
      margin-right: 0;
      margin-left: 3.5%; }
      .three-up-wider .x-input:first-child {
        margin-left: 0; } }

.form-inline.centered-text {
  text-align: center; }

.form-inline .inline-form-text, .form-inline .x-input, .form-inline div {
  vertical-align: baseline;
  display: block;
  width: 100%; }
  @media (min-width: 31.25em) {
    .form-inline .inline-form-text, .form-inline .x-input, .form-inline div {
      display: inline-block;
      width: inherit; } }

.form-inline fieldset {
  display: block;
  margin: 0 0 1em 0; }

.form-inline .x-input {
  margin-right: 0.5em;
  margin-bottom: 0.75em; }

.form-inline .inline-form-text {
  font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
  font-weight: 700;
  display: inline-block;
  margin-right: 0.5em;
  padding: 0 0.35em;
  margin-bottom: 0.75em;
  color: #7a7a7a; }
  @media (min-width: 31.25em) {
    .form-inline .inline-form-text {
      padding: 0.62em 0.35em; } }

.form-inline select {
  width: inherit; }

.form-inline button[type="submit"] {
  display: block; }

.inline-pair {
  *zoom: 1; }
  .inline-pair:after {
    content: "";
    display: table;
    clear: both; }
  .inline-pair .x-input {
    width: 100%;
    display: inline;
    float: left;
    width: 65.5%;
    margin-right: 3.5%;
    margin-left: 0; }
    @media (min-width: 31.25em) {
      .inline-pair .x-input {
        display: inline;
        float: left;
        width: 74.125%;
        margin-right: 3.5%;
        margin-left: 0; } }
  .inline-pair button {
    display: inline;
    float: left;
    width: 31%;
    margin-right: 3.5%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 1.5em; }
    @media (min-width: 31.25em) {
      .inline-pair button {
        display: inline;
        float: left;
        width: 22.375%;
        margin-right: 3.5%;
        margin-left: 0;
        margin-right: 0; } }

.student-search .x-input-checkbox {
  margin-top: 1rem; }

.button-print {
  font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
  font-weight: 700;
  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
  border: 1px solid #c1ddea;
  border-radius: 2px;
  display: inline-block;
  padding: 0.75em 1em;
  text-decoration: none;
  color: #152d76;
  background-color: #c1ddea;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border-color: #dbdcde;
  background-color: #c1ddea; }
  .button-print:hover, .button-print:focus {
    outline: 0;
    text-decoration: none;
    background-color: #9bc8dd;
    border-color: #9bc8dd;
    color: #0d1c4b; }
  .button-print:hover, .button-print:focus {
    background-color: #ebf9f9;
    border-color: #dbdcde; }

* {
  box-sizing: border-box; }

.container {
  width: 95%;
  margin: auto;
  max-width: 68.75em;
  *zoom: 1;
  *zoom: 1; }
  @media (min-width: 31.25em) {
    .container {
      width: 85%; } }
  @media (min-width: 60em) {
    .container {
      width: 95%; } }
  .container:after {
    content: "";
    display: table;
    clear: both; }
  .dark-theme .container {
    display: block; }

html {
  background: #0d1c4b url("/assets/images/bg-pattern-dark-theme.svg") left -50px repeat; }

.scroll-disabled {
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%; }
  @media (min-width: 43.75em) {
    .scroll-disabled {
      overflow: auto;
      position: static;
      right: auto;
      top: auto;
      height: auto;
      width: auto; } }
  .scroll-disabled .overlay {
    display: block;
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 5; }
    @media (min-width: 43.75em) {
      .scroll-disabled .overlay {
        display: none !important; } }

.overlay {
  display: none; }

.main-content {
  *zoom: 1;
  overflow: hidden;
  background-color: #fff; }
  .main-content:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 37.5em) {
    .main-content {
      overflow: visible; } }
  .main-content .constrained {
    max-width: 46em;
    margin-right: auto;
    margin-left: auto; }

@media (min-width: 43.75em) {
  .primary-content {
    display: inline;
    float: left;
    width: 56.875%;
    margin-right: 3.5%;
    margin-left: 0; } }

@media (min-width: 60em) {
  .primary-content {
    display: inline;
    float: left;
    width: 56.875%;
    margin-right: 3.5%;
    margin-left: 0;
    margin-right: 5.125%; } }

@media (min-width: 43.75em) {
  .primary-content.display-below {
    display: inline;
    float: left;
    width: 100%;
    margin-right: 3.5%;
    margin-left: 0; } }

@media (min-width: 60em) {
  .primary-content.display-below {
    display: inline;
    float: left;
    width: 74.125%;
    margin-right: 3.5%;
    margin-left: 0; } }

.secondary-content {
  padding-top: 1.5em;
  border-top: 1px solid #dbdcde;
  margin-top: 1.5em; }
  @media (min-width: 43.75em) {
    .secondary-content {
      display: inline;
      float: left;
      width: 39.625%;
      margin-right: 3.5%;
      margin-left: 0;
      margin-right: 0;
      margin-top: 0;
      padding-top: 0;
      border-top: 0 none; } }
  @media (min-width: 60em) {
    .secondary-content {
      display: inline;
      float: left;
      width: 31%;
      margin-right: 3.5%;
      margin-left: 0;
      margin-right: 0; } }
  @media (min-width: 43.75em) {
    .secondary-content.display-below {
      display: inline;
      float: left;
      width: 100%;
      margin-right: 3.5%;
      margin-left: 0;
      padding-top: 1.5em;
      border-top: 1px solid #dbdcde;
      margin-top: 1.5em; } }
  @media (min-width: 60em) {
    .secondary-content.display-below {
      display: inline;
      float: left;
      width: 74.125%;
      margin-right: 3.5%;
      margin-left: 0;
      padding-top: 1.5em;
      border-top: 1px solid #dbdcde;
      margin-top: 1.5em; } }

.page-content {
  margin-bottom: 1.5rem;
  padding-top: 1.5rem; }

.page-body {
  padding-top: 2em;
  width: 100%;
  padding-bottom: 3em;
  margin-left: auto;
  margin-right: auto; }
  .page-body.student-mission-page-body {
    padding-top: 0; }
    @media (min-width: 43.75em) {
      .page-body.student-mission-page-body {
        width: 100%;
        padding: 0; } }
    @media (min-width: 60em) {
      .page-body.student-mission-page-body {
        width: 100%;
        padding: 0; } }

.sub-page-body {
  position: relative;
  top: -40px;
  right: -69px;
  font-weight: 700; }

@media (min-width: 43.75em) {
  .has-secondary-nav > .container {
    display: -ms-flexbox;
    display: flex; } }

@media (min-width: 43.75em) {
  .has-secondary-nav .page-body {
    display: inline;
    float: left;
    width: 65.5%;
    margin-right: 3.5%;
    margin-left: 0;
    padding-top: 2.8em;
    padding-left: 1em;
    margin-right: 0; } }

@media (min-width: 60em) {
  .has-secondary-nav .page-body {
    display: inline;
    float: left;
    width: 74.125%;
    margin-right: 3.5%;
    margin-left: 0;
    padding-top: 3.5em;
    padding-left: 2em;
    margin-right: 0; } }

.has-secondary-nav .page-body.dashboard {
  padding-left: 0.5em; }

.has-secondary-nav .page-body .breadcrumb-wrapper {
  margin-bottom: 2em; }

.section-divider {
  padding-bottom: 1.5em;
  border-bottom: 1px solid #dbdcde;
  margin-bottom: 1.5em;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem; }
  @media (min-width: 37.5em) {
    .section-divider {
      margin-bottom: 2rem;
      padding-bottom: 2rem; } }

body {
  font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
  font-weight: 600;
  color: #4c4c4e;
  line-height: 1.4; }

p {
  margin-bottom: 1em; }

ul li li, ol li li {
  font-size: inherit; }

h1 {
  font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
  font-weight: 700;
  margin-bottom: 0.35em;
  line-height: 1.2;
  color: #4c4c4e;
  font-size: 2.5em; }
  h1 a {
    color: #4c4c4e;
    text-decoration: none; }
    h1 a:hover, h1 a:focus {
      color: #262627;
      text-decoration: underline; }

h2 {
  font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
  font-weight: 700;
  margin-bottom: 0.35em;
  line-height: 1.2;
  color: #4c4c4e;
  font-size: 1.8em; }
  h2 a {
    color: #4c4c4e;
    text-decoration: none; }
    h2 a:hover, h2 a:focus {
      color: #262627;
      text-decoration: underline; }

h3 {
  font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
  font-weight: 700;
  margin-bottom: 0.35em;
  line-height: 1.2;
  color: #4c4c4e;
  font-size: 1.4em; }
  h3 a {
    color: #4c4c4e;
    text-decoration: none; }
    h3 a:hover, h3 a:focus {
      color: #262627;
      text-decoration: underline; }

h4 {
  font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
  font-weight: 700;
  margin-bottom: 0.35em;
  line-height: 1.2;
  color: #4c4c4e;
  font-size: 1.2em; }
  h4 a {
    color: #4c4c4e;
    text-decoration: none; }
    h4 a:hover, h4 a:focus {
      color: #262627;
      text-decoration: underline; }

h5 {
  font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
  font-weight: 700;
  margin-bottom: 0.35em;
  line-height: 1.2;
  color: #4c4c4e;
  font-size: 1em; }
  h5 a {
    color: #4c4c4e;
    text-decoration: none; }
    h5 a:hover, h5 a:focus {
      color: #262627;
      text-decoration: underline; }

h6 {
  font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
  font-weight: 700;
  margin-bottom: 0.35em;
  line-height: 1.2;
  color: #4c4c4e;
  font-size: 0.875em; }
  h6 a {
    color: #4c4c4e;
    text-decoration: none; }
    h6 a:hover, h6 a:focus {
      color: #262627;
      text-decoration: underline; }

.reverse-heading {
  color: #d1d8e5; }

a {
  transition: color 0.4s ease-in-out;
  color: #2e72e3;
  text-decoration: underline; }
  a:hover, a:focus {
    color: #144597;
    text-decoration: underline; }

strong, b {
  font-weight: bold; }

em, i {
  font-style: italic; }

img {
  max-width: 100%;
  display: block; }

svg {
  max-width: 100%;
  font-weight: 600; }

.button {
  font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
  font-weight: 700;
  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
  border: 1px solid #c1ddea;
  border-radius: 2px;
  display: inline-block;
  padding: 0.75em 1em;
  text-decoration: none;
  color: #152d76;
  background-color: #c1ddea;
  text-align: center;
  cursor: pointer; }
  .button:hover, .button:focus {
    outline: 0;
    text-decoration: none;
    background-color: #9bc8dd;
    border-color: #9bc8dd;
    color: #0d1c4b; }

.button-highlight {
  font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
  font-weight: 700;
  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
  border: 1px solid #c1ddea;
  border-radius: 2px;
  display: inline-block;
  padding: 0.75em 1em;
  text-decoration: none;
  color: #152d76;
  background-color: #c1ddea;
  text-align: center;
  cursor: pointer;
  border-color: #152d76;
  background-color: #152d76;
  color: white; }
  .button-highlight:hover, .button-highlight:focus {
    outline: 0;
    text-decoration: none;
    background-color: #9bc8dd;
    border-color: #9bc8dd;
    color: #0d1c4b; }
  .button-highlight:hover, .button-highlight:focus {
    border-color: #0d1c4b;
    background-color: #0d1c4b;
    color: #fff; }
  .button-highlight.large {
    padding-left: 2em;
    padding-right: 2em; }
    @media (min-width: 43.75em) {
      .button-highlight.large {
        padding-left: 4em;
        padding-right: 4em; } }

.button-delete {
  font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
  font-weight: 700;
  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
  border: 1px solid #c1ddea;
  border-radius: 2px;
  display: inline-block;
  padding: 0.75em 1em;
  text-decoration: none;
  color: #152d76;
  background-color: #c1ddea;
  text-align: center;
  cursor: pointer;
  border-color: #eb5024;
  background-color: #fff;
  color: #c93b12; }
  .button-delete:hover, .button-delete:focus {
    outline: 0;
    text-decoration: none;
    background-color: #9bc8dd;
    border-color: #9bc8dd;
    color: #0d1c4b; }
  .button-delete:hover, .button-delete:focus {
    border-color: #c93b12;
    color: #9a2e0e;
    background-color: #fdefeb; }

.button-subtle {
  font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
  font-weight: 700;
  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
  border: 1px solid #c1ddea;
  border-radius: 2px;
  display: inline-block;
  padding: 0.75em 1em;
  text-decoration: none;
  color: #152d76;
  background-color: #c1ddea;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border-color: #dbdcde; }
  .button-subtle:hover, .button-subtle:focus {
    outline: 0;
    text-decoration: none;
    background-color: #9bc8dd;
    border-color: #9bc8dd;
    color: #0d1c4b; }
  .button-subtle:hover, .button-subtle:focus {
    background-color: #ebf9f9;
    border-color: #dbdcde; }

.button-reverse {
  font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
  font-weight: 700;
  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
  border: 1px solid #c1ddea;
  border-radius: 2px;
  display: inline-block;
  padding: 0.75em 1em;
  text-decoration: none;
  color: #152d76;
  background-color: #c1ddea;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border-color: #fff;
  color: #152d76; }
  .button-reverse:hover, .button-reverse:focus {
    outline: 0;
    text-decoration: none;
    background-color: #9bc8dd;
    border-color: #9bc8dd;
    color: #0d1c4b; }
  .button-reverse:hover, .button-reverse:focus {
    color: #0d1c4b;
    background-color: #d4e7f0;
    border-color: #d4e7f0; }

.button-link {
  border: 0 none;
  padding: 0;
  background-color: transparent;
  transition: color 0.4s ease-in-out;
  color: #2e72e3;
  text-decoration: underline; }
  .button-link:hover, .button-link:focus {
    background-color: transparent;
    border-color: inherit; }
  .button-link:hover, .button-link:focus {
    color: #144597;
    text-decoration: underline; }

.link-reverse {
  transition: color 0.4s ease-in-out;
  color: #eeeff0; }
  .link-reverse:hover, .link-reverse:focus {
    color: #fff;
    text-decoration: none; }

.link-reverse-subtle {
  transition: color 0.4s ease-in-out;
  color: #2e72e3;
  text-decoration: underline;
  color: #6f85ae;
  text-decoration: none; }
  .link-reverse-subtle:hover, .link-reverse-subtle:focus {
    color: #144597;
    text-decoration: underline; }
  .link-reverse-subtle:hover, .link-reverse-subtle:focus {
    color: #a0afc9;
    text-decoration: none; }

.button-link.link-reverse {
  border: 0 none;
  padding: 0;
  background-color: transparent;
  transition: color 0.4s ease-in-out;
  color: #2e72e3;
  text-decoration: underline;
  transition: color 0.4s ease-in-out;
  color: #eeeff0; }
  .button-link.link-reverse:hover, .button-link.link-reverse:focus {
    background-color: transparent;
    border-color: inherit; }
  .button-link.link-reverse:hover, .button-link.link-reverse:focus {
    color: #144597;
    text-decoration: underline; }
  .button-link.link-reverse:hover, .button-link.link-reverse:focus {
    color: #fff;
    text-decoration: none; }

.button-link.link-reverse-subtle {
  border: 0 none;
  padding: 0;
  background-color: transparent;
  transition: color 0.4s ease-in-out;
  color: #2e72e3;
  text-decoration: underline;
  transition: color 0.4s ease-in-out;
  color: #2e72e3;
  text-decoration: underline;
  color: #6f85ae;
  text-decoration: none; }
  .button-link.link-reverse-subtle:hover, .button-link.link-reverse-subtle:focus {
    background-color: transparent;
    border-color: inherit; }
  .button-link.link-reverse-subtle:hover, .button-link.link-reverse-subtle:focus {
    color: #144597;
    text-decoration: underline; }
  .button-link.link-reverse-subtle:hover, .button-link.link-reverse-subtle:focus {
    color: #144597;
    text-decoration: underline; }
  .button-link.link-reverse-subtle:hover, .button-link.link-reverse-subtle:focus {
    color: #a0afc9;
    text-decoration: none; }

.link {
  transition: color 0.4s ease-in-out;
  color: #2e72e3;
  text-decoration: underline; }
  .link:hover, .link:focus {
    color: #144597;
    text-decoration: underline; }

.link-alt {
  transition: color 0.4s ease-in-out;
  color: #2e72e3;
  text-decoration: underline;
  color: #152d76; }
  .link-alt:hover, .link-alt:focus {
    color: #144597;
    text-decoration: underline; }
  .link-alt:hover, .link-alt:focus {
    color: #0d1c4b; }

.link-subtle {
  border: 0 none;
  padding: 0;
  background-color: transparent;
  transition: color 0.4s ease-in-out;
  color: #2e72e3;
  text-decoration: underline;
  color: #7a7a7a; }
  .link-subtle:hover, .link-subtle:focus {
    background-color: transparent;
    border-color: inherit; }
  .link-subtle:hover, .link-subtle:focus {
    color: #144597;
    text-decoration: underline; }
  .link-subtle:hover, .link-subtle:focus {
    color: #4c4c4e; }

button.link {
  font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
  font-weight: 600;
  transition: color 0.4s ease-in-out;
  color: #2e72e3;
  text-decoration: underline;
  background-color: inherit;
  padding: 0;
  text-align: left;
  margin: 0;
  border: 0 none;
  border-radius: 0; }
  button.link:hover, button.link:focus {
    color: #144597;
    text-decoration: underline; }
  button.link:hover, button.link:focus {
    background-color: inherit; }

.link-delete {
  transition: color 0.4s ease-in-out;
  color: #eb5024;
  text-decoration: underline; }
  .link-delete:hover, .link-delete:focus {
    color: #c93b12;
    text-decoration: underline; }

button.link-delete {
  font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
  font-weight: 600;
  transition: color 0.4s ease-in-out;
  color: #eb5024;
  text-decoration: underline;
  background-color: inherit;
  padding: 0;
  text-align: left;
  margin: 0;
  border: 0 none;
  border-radius: 0; }
  button.link-delete:hover, button.link-delete:focus {
    color: #c93b12;
    text-decoration: underline; }
  button.link-delete:hover, button.link-delete:focus {
    background-color: inherit; }

.button-primary-action {
  font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
  font-weight: 700;
  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
  border: 1px solid #c1ddea;
  border-radius: 2px;
  display: inline-block;
  padding: 0.75em 1em;
  text-decoration: none;
  color: #152d76;
  background-color: #c1ddea;
  text-align: center;
  cursor: pointer;
  border-color: #152d76;
  background-color: #152d76;
  color: white;
  margin-bottom: 1em;
  width: 100%; }
  .button-primary-action:hover, .button-primary-action:focus {
    outline: 0;
    text-decoration: none;
    background-color: #9bc8dd;
    border-color: #9bc8dd;
    color: #0d1c4b; }
  .button-primary-action:hover, .button-primary-action:focus {
    border-color: #0d1c4b;
    background-color: #0d1c4b;
    color: #fff; }
  .button-primary-action.large {
    padding-left: 2em;
    padding-right: 2em; }
    @media (min-width: 43.75em) {
      .button-primary-action.large {
        padding-left: 4em;
        padding-right: 4em; } }

.button-wrapper {
  display: inline-block; }
  .button-wrapper .note {
    display: block;
    text-align: center;
    margin-top: 0.35em; }

button.full-width, a.full-width {
  width: 100%; }

button.constrained-item, a.constrained-item {
  width: 100%;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
  display: block; }

button:hover {
  cursor: pointer; }

.unstyled {
  background-color: transparent;
  color: transparent;
  border: 0 none;
  padding: 0;
  margin: 0; }
  .unstyled:hover, .unstyled:focus {
    background-color: transparent; }

.centered-text {
  text-align: center; }

.spacing-bottom {
  margin-bottom: 1.5rem; }

.spacing-top {
  margin-top: 1.5rem; }

.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.not-visually-hidden {
  border: inherit;
  clip: inherit;
  height: inherit;
  margin: inherit;
  overflow: inherit;
  padding: inherit;
  position: inherit;
  width: inherit; }

.page-title {
  margin-bottom: 1em; }

.page-title.has-icon {
  display: inline-block;
  vertical-align: top;
  margin-top: 0.35em;
  margin-bottom: 1.5em;
  margin-left: 0.5em; }
  .page-title.has-icon.has-subtitle {
    margin-bottom: 0; }

.page-subtitle {
  margin-top: -0.25em;
  margin-bottom: 1em; }

.section-title {
  margin-bottom: 1em; }

@media (max-width: 768px) {
  .page-title-icon-wrapper h2 {
    font-size: 1.4em; } }

.overview-section:first-of-type .category-title {
  border-top: none;
  padding-top: 0em; }

.overview-section .category-title {
  margin: 1em 0em;
  border-top: #ebf4f8 5px solid;
  padding-top: 1.2em; }

.secondary-text:before {
  content: "\003A";
  padding-right: 0.25em; }

.view-all {
  padding-left: 1em;
  margin-bottom: 2em;
  display: inline-block; }
  .view-all:after {
    content: " \00BB"; }
  .view-all.no-padding {
    padding: 0;
    margin: 0; }

.site-map li {
  list-style-type: disc; }

.site-map ul {
  margin-left: 2em; }

.select2-container {
  font-size: 1em;
  padding: 0.8em 1em;
  border-radius: 2px 2px;
  color: #4c4c4e;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  background-color: #fff; }
  .select2-container.no-border .select2-choices {
    border-style: none;
    background-image: none; }

.error {
  padding: 8px 5px 0 0;
  color: #ff411f;
  text-align: left; }

.error-box {
  position: relative;
  background: #f3f3f3;
  color: #ff411f;
  margin-bottom: 20px;
  padding: 15px;
  text-align: left; }

.alert {
  position: relative;
  background: #f3f3f3;
  color: #666;
  margin-bottom: 20px;
  padding: 15px;
  text-align: left; }

.disable {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0.5;
  filter: alpha(opacity=50); }

a[disabled] {
  pointer-events: none; }

table {
  width: 100%;
  margin-bottom: 1em;
  table-layout: fixed; }

thead {
  font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
  font-weight: 700;
  margin-bottom: 0.35em;
  line-height: 1.2;
  color: #4c4c4e;
  font-size: 0.875em;
  border-bottom: 1px solid #dbdcde; }
  thead a {
    color: #4c4c4e;
    text-decoration: none; }
    thead a:hover, thead a:focus {
      color: #262627;
      text-decoration: underline; }
  .responsive-table thead {
    display: none; }
    @media (min-width: 31.25em) {
      .responsive-table thead {
        display: table-header-group; } }
  thead th {
    padding: 0.75em 0.25em;
    vertical-align: top; }
    thead th:first-of-type {
      padding-left: 0; }
    thead th:last-of-type {
      padding-right: 0; }

tbody tr {
  border-bottom: 1px solid #dbdcde; }
  tbody tr:last-of-type {
    border-bottom: 0 none; }
  .responsive-table tbody tr {
    position: relative;
    display: block;
    padding-right: 1.1em; }
    @media (min-width: 31.25em) {
      .responsive-table tbody tr {
        display: table-row;
        padding-right: 0; } }

tbody td {
  padding: 0.75em 0.25em;
  vertical-align: top; }
  tbody td:first-of-type {
    padding-left: 0; }
  tbody td:last-of-type {
    padding-right: 0; }
  .responsive-table tbody td {
    display: block;
    padding: 0.25em; }
    @media (min-width: 31.25em) {
      .responsive-table tbody td {
        display: table-cell;
        padding: 0.75em 0.25em; } }
    .responsive-table tbody td:first-of-type {
      padding-top: 1em; }
      @media (min-width: 31.25em) {
        .responsive-table tbody td:first-of-type {
          padding-top: 0.75em; } }
    .responsive-table tbody td:last-of-type {
      padding-bottom: 1em; }
      @media (min-width: 31.25em) {
        .responsive-table tbody td:last-of-type {
          padding-bottom: 0.75em; } }
    .responsive-table tbody td.has-checkbox label.visually-hidden {
      border: inherit;
      clip: inherit;
      height: inherit;
      margin: inherit;
      overflow: inherit;
      padding: inherit;
      position: inherit;
      width: inherit;
      padding: 0;
      margin: 0; }
      @media (min-width: 31.25em) {
        .responsive-table tbody td.has-checkbox label.visually-hidden {
          border: 0;
          clip: rect(0 0 0 0);
          height: 1px;
          margin: -1px;
          overflow: hidden;
          padding: 0;
          position: absolute;
          width: 1px; } }

.notifications-trigger {
  border: 1px #445584 solid;
  border-radius: 2px;
  color: #fff;
  background-color: #0d1c4b;
  padding: 0.2em;
  position: relative; }
  .notifications-trigger:hover, .notifications-trigger:focus {
    color: #fff;
    outline: 0;
    background-color: #112560;
    border-color: #445584; }
  .notifications-trigger:active {
    border-color: #fff; }
  @media (min-width: 43.75em) {
    .notifications-trigger.expanded {
      background-color: rgba(92, 99, 128, 0.93); } }
  .notifications-trigger [class^='icon-'] {
    margin: 0; }
  .notifications-trigger .new-notification-indicator {
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 600;
    width: 21px;
    height: 21px;
    display: inline-block;
    position: absolute;
    top: -5px;
    right: -5px;
    border-radius: 50%;
    background-color: #d7418b;
    font-size: 15px;
    line-height: 22px;
    text-align: center; }
  .notifications-trigger .icon-nav-notifications {
    height: 30px;
    width: 30px; }
  .notifications-trigger .close-notifications {
    color: #89dcdc;
    font-size: 40px;
    line-height: 35px;
    font-family: sans-serif;
    font-weight: bolder; }

.utility-trigger {
  border: 1px #445584 solid;
  border-radius: 2px;
  color: #fff;
  background-color: #0d1c4b;
  color: #fff;
  font-size: 1em;
  padding: 0.4em 0;
  width: 100%; }
  .utility-trigger:hover, .utility-trigger:focus {
    color: #fff;
    outline: 0;
    background-color: #112560;
    border-color: #445584; }
  .utility-trigger:active {
    border-color: #fff; }
  .utility-trigger .trigger-text {
    display: none; }
  .utility-trigger .trigger-initials {
    font-size: 20px;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle; }
  @media (min-width: 43.75em) {
    .utility-trigger {
      display: block;
      padding: 0.6em 0.5em; }
      .utility-trigger .trigger-text {
        display: inline-block;
        vertical-align: middle; }
      .utility-trigger .trigger-initials {
        display: none; } }
  .utility-trigger:hover, .utility-trigger:focus {
    cursor: pointer; }
  .utility-trigger .avatar {
    width: 32px;
    height: 32px;
    display: inline-block;
    margin-right: 0.25em;
    vertical-align: middle;
    margin-bottom: 0; }
    @media (min-width: 43.75em) {
      .utility-trigger .avatar {
        width: 32px;
        height: 32px; } }
  .utility-trigger .icon-utility-select {
    display: none;
    margin-right: 0;
    margin-left: 0.25em;
    text-align: right;
    vertical-align: middle;
    width: 18px;
    height: 10px; }
    @media (min-width: 43.75em) {
      .utility-trigger .icon-utility-select {
        display: inline-block; } }
    @media (min-width: 68.75em) {
      .utility-trigger .icon-utility-select {
        margin-left: 0.5em; } }

.secondary-nav-trigger {
  border: 1px #445584 solid;
  border-radius: 2px;
  color: #fff;
  background-color: #0d1c4b;
  text-align: center;
  padding: 0.92em; }
  .secondary-nav-trigger:hover, .secondary-nav-trigger:focus {
    color: #fff;
    outline: 0;
    background-color: #112560;
    border-color: #445584; }
  .secondary-nav-trigger:active {
    border-color: #fff; }
  .secondary-nav-trigger .icon-menu {
    display: none; }
  @media (min-width: 25em) {
    .secondary-nav-trigger {
      padding: 0.75em 1em; }
      .secondary-nav-trigger .icon-menu {
        display: inline-block;
        width: 24px;
        height: 19px; } }
  .secondary-nav-trigger .trigger-text {
    margin-top: 2px; }

.site-header .container {
  position: relative; }

.utility-navigation, .notification-navigation {
  transition: opacity 0.3s ease-in-out, z-index 0.3s ease-in-out;
  opacity: 0;
  position: absolute;
  top: 3em;
  z-index: -1;
  margin-bottom: 1em;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.2); }
  .is-expanded .utility-navigation, .is-expanded .notification-navigation {
    z-index: 10000;
    opacity: 1; }
  @media (min-width: 43.75em) {
    .utility-navigation, .notification-navigation {
      width: 16em; } }
  @media (min-width: 31.25em) {
    .utility-navigation:before, .notification-navigation:before {
      content: "";
      background: url("/assets/images/nav-bg.svg") right top no-repeat;
      position: absolute;
      top: -9px;
      width: 19px;
      height: 10px; } }
  .utility-navigation .nav-item-group, .notification-navigation .nav-item-group {
    text-align: center;
    border: 1px solid #d0f1f1; }
    .utility-navigation .nav-item-group .nav-item, .notification-navigation .nav-item-group .nav-item {
      border-bottom: 1px solid #d0f1f1; }
      .utility-navigation .nav-item-group .nav-item a, .notification-navigation .nav-item-group .nav-item a {
        background-color: #ebf9f9;
        transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;
        text-decoration: none;
        font-weight: bold;
        display: block;
        padding: 0.5em 0;
        font-size: 1em;
        color: #445584; }
        .utility-navigation .nav-item-group .nav-item a:hover, .utility-navigation .nav-item-group .nav-item a:focus, .notification-navigation .nav-item-group .nav-item a:hover, .notification-navigation .nav-item-group .nav-item a:focus {
          text-decoration: none; }
      @media (min-width: 43.75em) {
        .utility-navigation .nav-item-group .nav-item a, .notification-navigation .nav-item-group .nav-item a {
          font-size: inherit; } }
      .utility-navigation .nav-item-group .nav-item:last-of-type, .notification-navigation .nav-item-group .nav-item:last-of-type {
        border-bottom: 0 none; }

.utility-navigation {
  top: 3em;
  right: 0;
  width: 60%; }
  @media (min-width: 31.25em) {
    .utility-navigation {
      top: 3.1em;
      right: 0; }
      .utility-navigation:before {
        right: 22%; } }

@media (max-width: 768px) and (min-width: 31.25em) {
  .utility-navigation {
    top: 3.1em;
    right: 0; }
    .utility-navigation:before {
      right: 11% !important; } }
  @media (min-width: 43.75em) {
    .utility-navigation {
      top: 3em;
      width: 16em; } }

.notification-navigation {
  top: 4em;
  right: inherit;
  width: 115%;
  background-color: #101f53; }
  @media (min-width: 31.25em) {
    .notification-navigation {
      top: 3.1em; }
      .notification-navigation:before {
        display: none; } }
  @media (min-width: 43.75em) {
    .notification-navigation {
      width: 100%;
      top: 53px;
      width: 16em;
      right: 74%; } }
  @media (min-width: 60em) {
    .notification-navigation {
      right: calc(100% - 98px); } }
  .notification-navigation .nav-item-group {
    border: solid 1px #445584; }
    .notification-navigation .nav-item-group .nav-item {
      border: solid 1px #445584;
      padding-left: 7.5%;
      padding-right: 7.5%; }
      @media (min-width: 43.75em) {
        .notification-navigation .nav-item-group .nav-item {
          padding-left: 0;
          padding-right: 0; }
          .notification-navigation .nav-item-group .nav-item :hover {
            background-color: rgba(71, 76, 98, 0.93); } }
      .notification-navigation .nav-item-group .nav-item a {
        font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
        font-weight: 600;
        text-align: left;
        padding: 0.5rem 0.75rem;
        font-size: 0.875em;
        width: 355px;
        min-height: 60px;
        border-radius: 0px;
        color: #fff;
        background-color: #101f53; }
        .notification-navigation .nav-item-group .nav-item a .notification-text {
          transition: inherit;
          display: inline-block;
          margin-top: 2px;
          width: calc(100% - 50px); }
          .notification-navigation .nav-item-group .nav-item a .notification-text .header {
            transition: inherit;
            font-size: 1.325em;
            font-weight: bold; }
            @media (min-width: 43.75em) {
              .notification-navigation .nav-item-group .nav-item a .notification-text .header {
                font-size: 1.1em; } }
          .notification-navigation .nav-item-group .nav-item a .notification-text .body {
            transition: inherit;
            font-size: 0.875em; }
        .notification-navigation .nav-item-group .nav-item a .notification-image {
          transition: inherit;
          display: inline;
          float: left;
          margin-right: 10px; }
          .notification-navigation .nav-item-group .nav-item a .notification-image img {
            transition: inherit;
            height: 40px;
            width: 40px; }
        @media (min-width: 43.75em) {
          .notification-navigation .nav-item-group .nav-item a {
            width: 100%;
            background-color: rgba(92, 99, 128, 0.93); } }
      .notification-navigation .nav-item-group .nav-item .active-quizzes {
        width: 115%; }
        @media (min-width: 43.75em) {
          .notification-navigation .nav-item-group .nav-item .active-quizzes {
            width: 100%; }
            .notification-navigation .nav-item-group .nav-item .active-quizzes :hover {
              background-color: #bd2872; } }
        .notification-navigation .nav-item-group .nav-item .active-quizzes a {
          background-color: #d7418b;
          min-height: 36px;
          text-align: center;
          width: 100%;
          padding-right: 15%; }
          .notification-navigation .nav-item-group .nav-item .active-quizzes a .header {
            transition: inherit; }
          @media (min-width: 43.75em) {
            .notification-navigation .nav-item-group .nav-item .active-quizzes a {
              padding-right: 0; } }

.secondary-nav-wrapper {
  position: relative; }
  .secondary-nav-wrapper:before {
    content: "";
    color: #ebf4f8;
    height: 100%;
    position: absolute;
    top: 0;
    left: -2000px;
    width: 2000px;
    background-color: #ebf4f8; }
  @media (min-width: 43.75em) {
    .secondary-nav-wrapper {
      background-color: #ebf4f8;
      display: inline;
      float: left;
      width: 31%;
      margin-right: 3.5%;
      margin-left: 0; } }
  @media (min-width: 60em) {
    .secondary-nav-wrapper {
      display: inline;
      float: left;
      width: 22.375%;
      margin-right: 3.5%;
      margin-left: 0; } }

.close-menu {
  border: 0 none;
  padding: 0;
  background-color: transparent;
  position: absolute;
  top: 1em;
  right: 1em; }
  .close-menu:hover, .close-menu:focus {
    background-color: transparent;
    border-color: inherit; }
  @media (min-width: 43.75em) {
    .close-menu {
      display: none; } }

.secondary-navigation-inner {
  background-color: #ebf4f8;
  height: 100%;
  left: -250px;
  position: fixed;
  top: 0;
  transform-style: preserve-3d;
  transform: translateX(-250);
  transition-property: transform, left;
  transition-delay: 0.1s;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  visibility: hidden;
  width: 250px;
  z-index: 40; }
  @media (min-width: 43.75em) {
    .secondary-navigation-inner {
      background-color: transparent;
      left: auto;
      height: auto;
      top: auto;
      overflow: auto;
      padding: 2em 0 0 0;
      position: static;
      width: 100%;
      visibility: visible !important; } }
  @media (min-width: 68.75em) {
    .secondary-navigation-inner {
      padding-top: 3em; } }
  .secondary-navigation-inner form {
    padding-right: 1em; }
  .secondary-navigation-inner a {
    display: block;
    color: #152d76;
    text-decoration: none; }
    .secondary-navigation-inner a:hover .nav-text, .secondary-navigation-inner a:focus .nav-text {
      text-decoration: none;
      color: #091435; }
    .secondary-navigation-inner a.active {
      background-color: #fff; }
  .secondary-navigation-inner nav > ul > li {
    margin-bottom: 1em; }
    .secondary-navigation-inner nav > ul > li.has-active-child {
      background-color: #d9e9f1; }
      .secondary-navigation-inner nav > ul > li.has-active-child .active {
        background-color: #d9e9f1; }
  .secondary-navigation-inner nav > ul > li > a {
    padding: 0.35em 0em 0.35em 0.75em;
    font-weight: bold; }
  .secondary-navigation-inner ul ul a {
    padding: 0.35em 0.5em 0.35em 2.35em; }
  .secondary-navigation-inner [class^='icon-'] {
    height: 15px;
    margin-right: 0.5em;
    width: 15px; }
  .secondary-navigation-inner .nav-text {
    display: inline-block;
    vertical-align: middle; }
  .secondary-navigation-inner .nav-active-quizzes {
    background-color: #d7418b;
    color: #fff;
    border-radius: 5px;
    padding: 0.25em 0.75em;
    font-weight: 500;
    margin-left: 20px; }

.secondary-nav-wrapper.is-open .secondary-navigation-inner {
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 3em 1em 0em 1em;
  transform: translateX(0);
  visibility: visible; }

.student-picker-container {
  padding-bottom: 1.5em;
  border-bottom: 1px solid #dbdcde;
  margin-bottom: 1.5em;
  margin-bottom: 0; }

.student-picker-title {
  font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
  font-weight: 700;
  margin-bottom: 0.35em;
  line-height: 1.2;
  color: #4c4c4e;
  font-size: 0.875em;
  margin-bottom: 0.5em; }
  .student-picker-title a {
    color: #4c4c4e;
    text-decoration: none; }
    .student-picker-title a:hover, .student-picker-title a:focus {
      color: #262627;
      text-decoration: underline; }

.sidebar-item {
  border: 1px #dbdcde solid;
  padding: 1.25em 1em;
  background-color: #eeeff0; }
  .sidebar-item button, .sidebar-item .button, .sidebar-item .button-subtle, .sidebar-item .button-highlight {
    width: 100%; }

.my-quizzes .quiz-actions {
  *zoom: 1;
  margin-bottom: 1em; }
  .my-quizzes .quiz-actions:after {
    content: "";
    display: table;
    clear: both; }

.quiz-item-group > ul, .resource-item-group > ul {
  margin-left: 0; }

.quiz-item {
  position: relative; }

.quiz-item, .resource-item {
  *zoom: 1;
  border: 1px #dbdcde solid;
  margin-bottom: 2em;
  padding: 1.5em;
  border-radius: 10px; }
  .quiz-item:after, .resource-item:after {
    content: "";
    display: table;
    clear: both; }
  .quiz-item:last-of-type, .resource-item:last-of-type {
    margin-bottom: 0; }
  .quiz-item .new-link, .resource-item .new-link {
    margin-top: -1.35em;
    margin-bottom: 1.5em; }
  .quiz-item .active-session, .resource-item .active-session {
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 700;
    margin-bottom: 0.5em;
    text-transform: uppercase;
    background-color: #fff;
    text-transform: uppercase;
    font-size: 0.875em; }
    @media (min-width: 60em) {
      .quiz-item .active-session, .resource-item .active-session {
        margin-bottom: 0.35em;
        display: block; } }
    @media (min-width: 60em) {
      .quiz-item .active-session:after, .resource-item .active-session:after {
        content: "";
        padding: 0; } }
    .quiz-item .active-session .notification, .resource-item .active-session .notification {
      background-color: #d7418b;
      height: 8px;
      width: 8px;
      border-radius: 4px 4px;
      margin-right: 0.25em;
      display: inline-block; }
  @media (min-width: 60em) {
    .quiz-item .left-section, .resource-item .left-section {
      display: inline;
      float: left;
      width: 31%;
      margin-right: 3.5%;
      margin-left: 0; } }
  @media (min-width: 60em) {
    .quiz-item .left-section.no-center, .resource-item .left-section.no-center {
      display: inline;
      float: left;
      width: 65.5%;
      margin-right: 3.5%;
      margin-left: 0; } }
  .quiz-item .left-section .delete-session, .resource-item .left-section .delete-session {
    text-decoration: none; }
  .quiz-item .center-section, .resource-item .center-section {
    margin-bottom: 1.5em;
    margin-top: 1em;
    padding-top: 1em;
    border-top: 1px solid #dbdcde; }
    @media (min-width: 60em) {
      .quiz-item .center-section, .resource-item .center-section {
        display: inline;
        float: left;
        width: 31%;
        margin-right: 3.5%;
        margin-left: 0;
        border-top: none;
        margin-top: 0;
        padding-top: 0;
        padding-left: 1em;
        margin-left: 1em;
        border-left: 1px solid #dbdcde; } }
  .quiz-item .right-section .drill-button, .resource-item .right-section .drill-button {
    margin-right: 1em;
    margin-bottom: 0.5em;
    min-width: 150px; }
    @media (min-width: 60em) {
      .quiz-item .right-section .drill-button, .resource-item .right-section .drill-button {
        display: block;
        margin-left: auto;
        margin-right: auto;
        min-width: 0; } }
    .quiz-item .right-section .drill-button:last-of-type, .resource-item .right-section .drill-button:last-of-type {
      margin-bottom: 0; }
  @media (min-width: 60em) {
    .quiz-item .right-section, .resource-item .right-section {
      text-align: center;
      display: inline;
      float: left;
      width: 26.6875%;
      margin-right: 3.5%;
      margin-left: 0; }
      .quiz-item .right-section:nth-of-type(1n), .resource-item .right-section:nth-of-type(1n) {
        margin-right: 3.5%;
        float: left;
        clear: none; }
        .lt-ie8 .quiz-item .right-section:nth-of-type(1n), .lt-ie8 .resource-item .right-section:nth-of-type(1n) {
          margin-right: 3.25%; }
      .quiz-item .right-section:nth-of-type(3n+3), .resource-item .right-section:nth-of-type(3n+3) {
        margin-right: 0;
        float: right; }
      .quiz-item .right-section:nth-of-type(3n+4), .resource-item .right-section:nth-of-type(3n+4) {
        clear: both; } }
  @media (min-width: 60em) {
    .quiz-item .right-section a, .resource-item .right-section a {
      text-align: center; } }
  .quiz-item .right-section.no-center, .resource-item .right-section.no-center {
    border-top: 1px solid #dbdcde;
    margin-top: 1em;
    padding-top: 1em;
    text-align: center; }
    .quiz-item .right-section.no-center .drill-button, .resource-item .right-section.no-center .drill-button {
      width: 90%;
      max-width: 300px; }
    @media (min-width: 60em) {
      .quiz-item .right-section.no-center, .resource-item .right-section.no-center {
        margin-bottom: 0;
        margin-top: 0;
        padding-top: 0;
        border-top: none; }
        .quiz-item .right-section.no-center .drill-button, .resource-item .right-section.no-center .drill-button {
          width: auto; } }
  .quiz-item .item-link, .resource-item .item-link {
    color: #4c4c4e;
    text-decoration: none;
    margin: -1rem;
    padding: 1rem 0 1rem 1rem;
    display: table;
    text-decoration: none;
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out; }
    .quiz-item .item-link:hover, .quiz-item .item-link:focus, .resource-item .item-link:hover, .resource-item .item-link:focus {
      color: #262627;
      text-decoration: underline; }
    .quiz-item .item-link:hover, .quiz-item .item-link:focus, .resource-item .item-link:hover, .resource-item .item-link:focus {
      text-decoration: none;
      background-color: #e7f2f7;
      color: #0d1c4b; }
      .quiz-item .item-link:hover .title, .quiz-item .item-link:focus .title, .resource-item .item-link:hover .title, .resource-item .item-link:focus .title {
        color: #0d1c4b; }
    .quiz-item .item-link .title, .resource-item .item-link .title {
      transition: color 0.5s ease-in-out; }
    .quiz-item .item-link .item-link-wrapper, .resource-item .item-link .item-link-wrapper {
      display: table-cell;
      width: 100%;
      vertical-align: middle;
      padding: 1em; }
    .quiz-item .item-link .icon-arrow-wrapper, .resource-item .item-link .icon-arrow-wrapper {
      display: table-cell;
      width: 10%;
      margin-bottom: 0.75em;
      padding: 1em;
      vertical-align: middle; }
    .quiz-item .item-link .icon-arrow-right, .resource-item .item-link .icon-arrow-right {
      display: block;
      margin: 0 auto;
      height: 37px;
      width: 37px;
      vertical-align: middle; }
    @media (min-width: 31.25em) {
      .quiz-item .item-link .icon-arrow-wrapper, .resource-item .item-link .icon-arrow-wrapper {
        width: 5%;
        padding: 0.5em 1em;
        margin-top: 0.75em;
        margin-bottom: 0; }
      .quiz-item .item-link .notification-title, .resource-item .item-link .notification-title {
        padding: 1.5em 1em 1em 2em; }
      .quiz-item .item-link .item-link-wrapper, .resource-item .item-link .item-link-wrapper {
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        padding: 0; } }
  .quiz-item .action-group, .resource-item .action-group {
    margin-top: 1rem;
    margin-bottom: 0; }
    @media (min-width: 31.25em) {
      .quiz-item .action-group .action, .resource-item .action-group .action {
        margin-bottom: 0; } }
    .quiz-item .action-group .action:last-of-type, .resource-item .action-group .action:last-of-type {
      margin-bottom: 0; }

.rating-count {
  margin-bottom: 0.5em; }
  .rating-count .unrated .rating [class^='icon-'] {
    transition: width 0.2s, height 0.2s; }
  .rating-count .unrated .rating:hover [class^='icon-'], .rating-count .unrated .rating:focus [class^='icon-'] {
    width: 20px;
    height: 20px;
    cursor: pointer; }
  .rating-count .rating [class^='icon-'] {
    width: 16px;
    height: 16px;
    margin-right: 0.1em; }
    .rating-count .rating [class^='icon-'].allow-anonymous {
      margin-top: -5px; }
  .rating-count .rating.rated [class^='icon-'] {
    width: 16px;
    height: 16px; }
  .rating-count .rate-anonymously {
    display: inline-block;
    margin-left: 1.5em; }
    .rating-count .rate-anonymously .checkbox-label {
      position: relative;
      bottom: 1px; }
    .rating-count .rate-anonymously.show-anonymous {
      display: block;
      margin-left: 0;
      margin-top: 0.5em; }
      @media (min-width: 37.5em) {
        .rating-count .rate-anonymously.show-anonymous {
          margin-left: .5em;
          margin-top: 0;
          display: inline-block;
          position: relative;
          top: 2px; } }

.review {
  padding: 1rem;
  border: 1px solid #dbdcde;
  margin-bottom: 1.5rem;
  text-decoration: none;
  border-radius: 10px; }
  .review:hover, .review:focus {
    text-decoration: none;
    background-color: #e7f2f7;
    color: #0d1c4b; }
  .review .review-heading {
    display: block; }
    .review .review-heading .rating-count {
      display: inline-block; }
    .review .review-heading .icon, .review .review-heading .date, .review .review-heading .remove {
      display: inline-block; }
    .review .review-heading .icon {
      float: left; }
    .review .review-heading .date {
      float: right;
      min-width: 75px;
      text-align: right; }
    .review .review-heading .remove {
      float: right; }
    .review .review-heading .remove {
      margin-right: 1.5em; }
  .review .rating-count {
    display: inline-block; }
  .review .rating-author {
    padding-top: 1.5em;
    display: block;
    clear: both; }

.resourcereview:hover {
  background-color: #fff !important;
  cursor: default; }

.meta-wrapper {
  margin-bottom: 1.5em; }
  @media (min-width: 60em) {
    .meta-wrapper .has-button {
      display: inline;
      float: left;
      width: 56.875%;
      margin-right: 3.5%;
      margin-left: 0; } }
  .meta-wrapper .page-title {
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 700;
    margin-bottom: 0.35em;
    line-height: 1.2;
    color: #4c4c4e;
    font-size: 1.4em;
    margin-bottom: 0.25em; }
    .meta-wrapper .page-title a {
      color: #4c4c4e;
      text-decoration: none; }
      .meta-wrapper .page-title a:hover, .meta-wrapper .page-title a:focus {
        color: #262627;
        text-decoration: underline; }
    @media (min-width: 31.25em) {
      .meta-wrapper .page-title {
        font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
        font-weight: 700;
        margin-bottom: 0.35em;
        line-height: 1.2;
        color: #4c4c4e;
        font-size: 1.8em;
        margin-bottom: 0.2em; }
        .meta-wrapper .page-title a {
          color: #4c4c4e;
          text-decoration: none; }
          .meta-wrapper .page-title a:hover, .meta-wrapper .page-title a:focus {
            color: #262627;
            text-decoration: underline; } }
  .meta-wrapper .meta-button-container {
    display: table; }
    @media (min-width: 60em) {
      .meta-wrapper .meta-button-container {
        display: inline;
        float: left;
        width: 39.625%;
        margin-right: 3.5%;
        margin-left: 0;
        margin-right: 0; } }
    .meta-wrapper .meta-button-container .button-text {
      display: table-cell; }
    .meta-wrapper .meta-button-container .arrow-right {
      display: table-cell;
      padding-left: 0.25em;
      vertical-align: middle; }
      @media (min-width: 60em) {
        .meta-wrapper .meta-button-container .arrow-right .icon {
          width: 20px;
          height: 20px; } }

.meta-wrapper.reversed {
  text-align: center; }
  .meta-wrapper.reversed .page-title {
    color: #89dcdc; }
    @media (min-width: 31.25em) {
      .meta-wrapper.reversed .page-title {
        color: #89dcdc; } }

.meta {
  *zoom: 1;
  margin-left: 0;
  margin-top: 0;
  position: relative; }
  .meta:after {
    content: "";
    display: table;
    clear: both; }
  .meta li {
    list-style-type: none; }
  .meta li {
    margin-bottom: 0.25em;
    display: inline-block;
    vertical-align: baseline; }
    .meta li:after {
      content: "\2022";
      padding-left: 0.5em;
      padding-right: 0.25em;
      color: #b1b3b5; }
    .meta li:last-of-type {
      padding-right: 0;
      margin-right: 0;
      border-right: 0 none; }
      .meta li:last-of-type:after {
        content: "";
        padding: 0; }
    .meta li a {
      color: #152d76; }
      .meta li a:hover {
        color: #0d1c4b; }
    .meta li .noAfter:after {
      content: "";
      padding: 0; }
  .meta.dashboard-meta li {
    color: #0d1c4b; }
  .meta .meta-subtitle {
    margin-left: 4.5em;
    margin-bottom: 1.5em; }

footer.meta {
  text-align: center; }

@keyframes expandBar {
  0% {
    width: 0; } }

.progress-meter-wrapper {
  position: relative; }
  .progress-meter-wrapper .counter {
    color: #7a7a7a;
    font-size: 0.875em;
    display: block;
    text-align: right;
    margin-bottom: 0.25em;
    position: absolute;
    top: 0.15em;
    right: 0.5em;
    z-index: 2;
    font-size: 0.75em; }
  .progress-meter-wrapper.self-guided-result {
    width: 70%;
    display: inline-block; }

.progress-meter {
  border-radius: 25px;
  overflow: hidden;
  height: 20px;
  padding: 2px;
  position: relative;
  overflow: hidden;
  background-color: #eeeff0; }
  .page-header .progress-meter {
    background-color: #fff; }

.progress-initial {
  display: block;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  background-color: #f7bc3b;
  background-image: linear-gradient(center bottom, #f7bc3b 37%, #dd9a09 69%); }

.progress-now {
  display: block;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  background-color: #f7bc3b;
  background-image: linear-gradient(center bottom, #f7bc3b 37%, #dd9a09 69%);
  animation: expandBar 1s ease-in;
  transition: width 1s ease-in; }

@keyframes modalOpen {
  0% {
    opacity: 0;
    transform: scale3d(0, 0, 1); }
  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1); } }

@keyframes fadeininactiveTrophy {
  from {
    visibility: hidden;
    opacity: 0; }
  to {
    visibility: visible;
    opacity: 1; } }

@keyframes jumpTrophy {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
    visibility: visible;
    opacity: 1; }
  40% {
    transform: translateY(-30px);
    visibility: visible;
    opacity: 1; }
  60% {
    transform: translateY(-15px);
    visibility: visible;
    opacity: 1; } }

@keyframes fadeinTrophy {
  from {
    filter: opacity(0.2) grayscale(1);
    opacity: 0; }
  to {
    filter: opacity(0.2) grayscale(1);
    opacity: 1; } }

@keyframes rotateTrophy {
  0% {
    transform: rotateY(180deg);
    filter: opacity(0.2) grayscale(1);
    opacity: 1; }
  50% {
    filter: opacity(0.2) grayscale(1); }
  100% {
    transform: rotateY(360deg);
    filter: opacity(1) grayscale(0);
    opacity: 1; } }

@keyframes scaleTrophy {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }

@keyframes modalClose {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: scale3d(0.5, 0.5, 1); } }

.modal-active {
  overflow: hidden; }

.trophy-modal, .spaceship-modal, .signup-modal {
  text-align: left;
  background: url("/assets/images/bg-fade.svg") top center no-repeat;
  background-color: #d1d8e5;
  padding: 2em;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 500;
  cursor: default; }
  @media (min-width: 37.5em) {
    .trophy-modal, .spaceship-modal, .signup-modal {
      background-image: none;
      background-color: rgba(0, 0, 0, 0.8);
      padding: 0; } }
  .trophy-modal.inactive, .spaceship-modal.inactive, .signup-modal.inactive {
    background: url("/assets/images/bg-fade.svg") top center no-repeat;
    background-color: #fff; }
    @media (min-width: 37.5em) {
      .trophy-modal.inactive, .spaceship-modal.inactive, .signup-modal.inactive {
        background-image: none;
        background-color: rgba(0, 0, 0, 0.8);
        padding: 0; } }
    @media (min-width: 37.5em) {
      .trophy-modal.inactive .modal-content, .spaceship-modal.inactive .modal-content, .signup-modal.inactive .modal-content {
        background-color: #fff; } }
    .trophy-modal.inactive .modal-content .image-wrapper:after, .spaceship-modal.inactive .modal-content .image-wrapper:after, .signup-modal.inactive .modal-content .image-wrapper:after {
      width: 200px;
      display: block;
      margin: 0 auto;
      height: 15px;
      opacity: 0.5;
      background: #e6e6e6;
      border-radius: 250px / 20px;
      content: ""; }
    .trophy-modal.inactive .modal-content .image-wrapper .trophy-img, .spaceship-modal.inactive .modal-content .image-wrapper .trophy-img, .signup-modal.inactive .modal-content .image-wrapper .trophy-img {
      transform: rotateY(0deg);
      opacity: 1;
      animation: jumpTrophy 1.3s ease-in 1 0.5s; }
      .no-cssanimations .trophy-modal.inactive .modal-content .image-wrapper .trophy-img, .no-cssanimations .spaceship-modal.inactive .modal-content .image-wrapper .trophy-img, .no-cssanimations .signup-modal.inactive .modal-content .image-wrapper .trophy-img {
        opacity: 1; }
  @media (min-width: 37.5em) {
    .trophy-modal, .spaceship-modal, .signup-modal {
      background-image: none;
      background-color: rgba(0, 0, 0, 0.8);
      padding: 0; } }
  .trophy-modal.is-open, .spaceship-modal.is-open, .signup-modal.is-open {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.5s ease-in, visibility 0.5s ease-in; }
    .trophy-modal.is-open .modal-content, .spaceship-modal.is-open .modal-content, .signup-modal.is-open .modal-content {
      transition-duration: 0.4s;
      animation-duration: 0.4s;
      animation-fill-mode: forwards;
      animation-name: modalOpen;
      animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1); }
  .trophy-modal.is-hidden, .spaceship-modal.is-hidden, .signup-modal.is-hidden {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease-out, visibility 0.5s ease-out; }
    .trophy-modal.is-hidden .modal-content, .spaceship-modal.is-hidden .modal-content, .signup-modal.is-hidden .modal-content {
      transition-duration: 0.4s;
      animation-duration: 0.4s;
      animation-fill-mode: forwards;
      animation-name: modalClose;
      animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1); }
  @media (min-width: 37.5em) {
    .trophy-modal .modal-content, .spaceship-modal .modal-content, .signup-modal .modal-content {
      background: url("/assets/images/bg-fade.svg") top center no-repeat;
      background-color: #d1d8e5;
      border-radius: 4px;
      padding: 1.5em 3em; } }
  @media (min-width: 43.75em) {
    .trophy-modal .modal-content, .spaceship-modal .modal-content, .signup-modal .modal-content {
      padding: 2em 3em; } }
  .trophy-modal .modal-content .close-me, .spaceship-modal .modal-content .close-me, .signup-modal .modal-content .close-me {
    display: block;
    position: absolute;
    top: 0;
    right: 0; }
    @media (min-width: 37.5em) {
      .trophy-modal .modal-content .close-me, .spaceship-modal .modal-content .close-me, .signup-modal .modal-content .close-me {
        top: 1em;
        right: 1em; } }
    .trophy-modal .modal-content .close-me:hover, .trophy-modal .modal-content .close-me:focus, .spaceship-modal .modal-content .close-me:hover, .spaceship-modal .modal-content .close-me:focus, .signup-modal .modal-content .close-me:hover, .signup-modal .modal-content .close-me:focus {
      cursor: pointer; }
  .trophy-modal .modal-content h5, .spaceship-modal .modal-content h5, .signup-modal .modal-content h5 {
    text-transform: uppercase;
    text-align: center;
    color: #7a7a7a;
    letter-spacing: 0.1em; }
  .trophy-modal .modal-content .image-wrapper, .spaceship-modal .modal-content .image-wrapper, .signup-modal .modal-content .image-wrapper {
    margin-top: 3.5em;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 248px;
    margin-bottom: 1.5em;
    position: relative;
    perspective: 800px; }
    .trophy-modal .modal-content .image-wrapper:after, .spaceship-modal .modal-content .image-wrapper:after, .signup-modal .modal-content .image-wrapper:after {
      width: 200px;
      display: block;
      margin: 0 auto;
      height: 15px;
      opacity: 0.5;
      background: #90a1c0;
      border-radius: 250px / 20px;
      content: ""; }
  .trophy-modal .modal-content .title, .spaceship-modal .modal-content .title, .signup-modal .modal-content .title {
    display: none; }
  .trophy-modal .modal-content .trophy-title, .trophy-modal .modal-content .spaceship-name, .spaceship-modal .modal-content .trophy-title, .spaceship-modal .modal-content .spaceship-name, .signup-modal .modal-content .trophy-title, .signup-modal .modal-content .spaceship-name {
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 700;
    margin-bottom: 0.35em;
    line-height: 1.2;
    color: #4c4c4e;
    font-size: 1.8em;
    margin-top: 1em;
    text-align: center; }
    .trophy-modal .modal-content .trophy-title a, .trophy-modal .modal-content .spaceship-name a, .spaceship-modal .modal-content .trophy-title a, .spaceship-modal .modal-content .spaceship-name a, .signup-modal .modal-content .trophy-title a, .signup-modal .modal-content .spaceship-name a {
      color: #4c4c4e;
      text-decoration: none; }
      .trophy-modal .modal-content .trophy-title a:hover, .trophy-modal .modal-content .trophy-title a:focus, .trophy-modal .modal-content .spaceship-name a:hover, .trophy-modal .modal-content .spaceship-name a:focus, .spaceship-modal .modal-content .trophy-title a:hover, .spaceship-modal .modal-content .trophy-title a:focus, .spaceship-modal .modal-content .spaceship-name a:hover, .spaceship-modal .modal-content .spaceship-name a:focus, .signup-modal .modal-content .trophy-title a:hover, .signup-modal .modal-content .trophy-title a:focus, .signup-modal .modal-content .spaceship-name a:hover, .signup-modal .modal-content .spaceship-name a:focus {
        color: #262627;
        text-decoration: underline; }
  .trophy-modal .modal-content .trophy-img, .spaceship-modal .modal-content .trophy-img, .signup-modal .modal-content .trophy-img {
    transform: rotateY(180deg);
    padding-top: 1em;
    margin: 1em auto;
    height: 280px;
    width: 248.109px;
    opacity: 0;
    animation: fadeinTrophy 1s ease-in 1 0.5s forwards, rotateTrophy 1s ease-in 1 1.6s forwards, scaleTrophy 0.7s ease-in 1 2.7s forwards; }
    .no-cssanimations .trophy-modal .modal-content .trophy-img, .no-cssanimations .spaceship-modal .modal-content .trophy-img, .no-cssanimations .signup-modal .modal-content .trophy-img {
      opacity: 1; }
  .trophy-modal .modal-content p, .spaceship-modal .modal-content p, .signup-modal .modal-content p {
    text-align: center;
    color: #7a7a7a; }
  .trophy-modal .modal-content .text, .spaceship-modal .modal-content .text, .signup-modal .modal-content .text {
    font-size: 1.1em;
    font-weight: bold;
    color: #4c4c4e;
    padding: 1.4em 1.4em 0.75em 1.4em; }
  .trophy-modal .modal-content .student-info, .spaceship-modal .modal-content .student-info, .signup-modal .modal-content .student-info {
    border-top: 2px solid #8e8e8e;
    border-bottom: 2px solid #8e8e8e;
    text-align: center;
    padding: 1em; }
  .trophy-modal .modal-content .sharing, .spaceship-modal .modal-content .sharing, .signup-modal .modal-content .sharing {
    margin-top: 0.5em;
    margin-bottom: 0.5em; }
    .trophy-modal .modal-content .sharing .icon, .spaceship-modal .modal-content .sharing .icon, .signup-modal .modal-content .sharing .icon {
      width: 2em;
      height: 2em; }
  .trophy-modal .modal-content .student-number, .spaceship-modal .modal-content .student-number, .signup-modal .modal-content .student-number {
    display: block;
    margin: 0 auto; }
  .trophy-modal .modal-content .students, .spaceship-modal .modal-content .students, .signup-modal .modal-content .students {
    display: none;
    *zoom: 1; }
    .trophy-modal .modal-content .students:after, .spaceship-modal .modal-content .students:after, .signup-modal .modal-content .students:after {
      content: "";
      display: table;
      clear: both; }
    .trophy-modal .modal-content .students.students-showing, .spaceship-modal .modal-content .students.students-showing, .signup-modal .modal-content .students.students-showing {
      display: inline-block;
      padding: 1.4em 1.4em 1em 1.4em;
      width: 100%; }
      .trophy-modal .modal-content .students.students-showing p, .spaceship-modal .modal-content .students.students-showing p, .signup-modal .modal-content .students.students-showing p {
        display: inline;
        float: left;
        width: 48.25%;
        margin-right: 3.5%;
        margin-left: 0;
        margin-right: 0; }

.modal {
  text-align: left;
  background: url("/assets/images/bg-fade.svg") top center no-repeat, url("/assets/images/bg-pattern-light.svg") left top repeat;
  background-color: #89dcdc;
  padding: 2em;
  height: 100%;
  left: 0;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 500; }
  .modal.student-list {
    background: url("/assets/images/bg-fade.svg") top center no-repeat;
    background-color: #d1d8e5; }
    @media (min-width: 37.5em) {
      .modal.student-list {
        background-image: none;
        background-color: rgba(0, 0, 0, 0.8); } }
  .modal .button-highlight {
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 700;
    transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
    border: 1px solid #c1ddea;
    border-radius: 2px;
    display: inline-block;
    padding: 0.75em 1em;
    text-decoration: none;
    color: #152d76;
    background-color: #c1ddea;
    text-align: center;
    cursor: pointer;
    border-color: #152d76 !important;
    background-color: #152d76 !important;
    color: white !important; }
    .modal .button-highlight:hover, .modal .button-highlight:focus {
      outline: 0;
      text-decoration: none;
      background-color: #9bc8dd;
      border-color: #9bc8dd;
      color: #0d1c4b; }
  @media (min-width: 37.5em) {
    .modal {
      background-image: none;
      background-color: rgba(0, 0, 0, 0.8);
      padding: 0; } }
  .modal.scratchpad {
    background-image: none;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 0;
    position: absolute;
    overflow: hidden; }
  .modal.is-open {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.5s ease-in, visibility 0.5s ease-in; }
    .modal.is-open .modal-content, .modal.is-open .modal-scratchpad {
      transition-duration: 0.4s;
      animation-duration: 0.4s;
      animation-fill-mode: forwards;
      animation-name: modalOpen;
      animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1); }
  .modal.is-hidden {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease-out, visibility 0.5s ease-out; }
    .modal.is-hidden .modal-content, .modal.is-hidden .modal-scratchpad {
      transition-duration: 0.4s;
      animation-duration: 0.4s;
      animation-fill-mode: forwards;
      animation-name: modalClose;
      animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1); }
  @media (min-width: 37.5em) {
    .modal .modal-content {
      background: url("/assets/images/bg-fade.svg") top center no-repeat, url("/assets/images/bg-pattern-light.svg") left top repeat;
      background-color: #89dcdc;
      border-radius: 4px;
      padding: 1.5em 5em; } }
  @media (min-width: 43.75em) {
    .modal .modal-content {
      padding: 2em 6em; } }
  @media (min-width: 37.5em) {
    .modal .modal-content.student-list {
      background: url("/assets/images/bg-fade.svg") top center no-repeat;
      background-color: #d1d8e5; } }
  .modal .modal-content.navigation {
    padding: 1.5em 3em; }
    @media (min-width: 43.75em) {
      .modal .modal-content.navigation {
        padding: 2em 3em; } }
  .modal .modal-content .icon {
    margin-bottom: 1.5rem;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 100px;
    height: 100px; }
  .modal .modal-content .modal-title {
    text-align: center;
    margin-bottom: 1.5rem; }
  .modal .modal-content .close-me {
    display: block;
    position: absolute;
    top: 0;
    right: 0; }
    @media (min-width: 37.5em) {
      .modal .modal-content .close-me {
        top: 1em;
        right: 1em; } }
    .modal .modal-content .close-me:hover, .modal .modal-content .close-me:focus {
      cursor: pointer; }
  .modal .modal-content .add-button {
    width: 100%;
    margin-top: 1em; }
  .modal .modal-content .action-group {
    margin-top: 2.5em; }
    .modal .modal-content .action-group .action {
      width: 100%;
      display: inline-block; }
      .modal .modal-content .action-group .action .cancel-modal {
        color: #4c4c4e; }
    .modal .modal-content .action-group .secondary-action .button {
      font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
      font-weight: 700;
      transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
      border: 1px solid #c1ddea;
      border-radius: 2px;
      display: inline-block;
      padding: 0.75em 1em;
      text-decoration: none;
      color: #152d76;
      background-color: #c1ddea;
      text-align: center;
      cursor: pointer;
      border-color: #eb5024;
      background-color: #fff;
      color: #c93b12; }
      .modal .modal-content .action-group .secondary-action .button:hover, .modal .modal-content .action-group .secondary-action .button:focus {
        outline: 0;
        text-decoration: none;
        background-color: #9bc8dd;
        border-color: #9bc8dd;
        color: #0d1c4b; }
      .modal .modal-content .action-group .secondary-action .button:hover, .modal .modal-content .action-group .secondary-action .button:focus {
        border-color: #c93b12;
        color: #9a2e0e;
        background-color: #fdefeb; }
  .modal .modal-content .student-wrapper {
    display: inline-block;
    padding: 1em;
    width: 100%; }
    .modal .modal-content .student-wrapper .student {
      display: inline;
      float: left;
      width: 48.25%;
      margin-right: 3.5%;
      margin-left: 0;
      display: inline;
      float: left;
      margin-right: 0;
      text-align: center;
      padding: 0.5em; }
      .modal .modal-content .student-wrapper .student.no-text-decoration a {
        text-decoration: none; }
  .modal .modal-content .quiz-name-wrapper {
    display: inline-block;
    padding: 1em;
    width: 100%; }
    .modal .modal-content .quiz-name-wrapper h4 {
      text-align: center;
      padding: 0 0 1em 0; }
    .modal .modal-content .quiz-name-wrapper .quiz-name {
      display: block;
      text-align: center;
      padding: 0.5em; }
  .modal .modal-scratchpad {
    height: 100%;
    background-color: transparent; }
    .modal .modal-scratchpad .icon {
      margin-bottom: 1.5rem;
      margin-left: auto;
      margin-right: auto;
      display: block;
      width: 100px;
      height: 100px; }
    .modal .modal-scratchpad .modal-title {
      text-align: center;
      margin-bottom: 1.5rem; }
    .modal .modal-scratchpad .close-me {
      display: block;
      position: absolute;
      top: 1em;
      right: 1em; }
      .modal .modal-scratchpad .close-me:hover, .modal .modal-scratchpad .close-me:focus {
        cursor: pointer; }
    .modal .modal-scratchpad .add-button {
      width: 100%;
      margin-top: 1em; }
    .modal .modal-scratchpad .action-group {
      margin-top: 2.5em; }
      .modal .modal-scratchpad .action-group .action {
        width: 100%;
        display: inline-block; }
        .modal .modal-scratchpad .action-group .action .cancel-modal {
          color: #4c4c4e; }

.modal-wrapper {
  margin: 0 auto; }
  @media (min-width: 37.5em) {
    .modal-wrapper {
      max-width: 500px;
      padding-top: 4em; } }
  .modal-wrapper .modal_standard-description {
    font-size: 14pt; }
  .modal-wrapper .modal-content {
    position: relative; }
    .modal-wrapper .modal-content.modal-tip {
      text-align: center;
      font-size: 1.2em; }
      @media (min-width: 37.5em) {
        .modal-wrapper .modal-content.modal-tip {
          padding: 2em 4em; } }
      .modal-wrapper .modal-content.modal-tip .action-group {
        margin-top: 1.5em;
        margin-bottom: -.75em;
        font-size: 16px; }
      .modal-wrapper .modal-content.modal-tip .close-button {
        position: absolute;
        top: 10px;
        right: 15px;
        height: 24px;
        width: 24px; }
        .modal-wrapper .modal-content.modal-tip .close-button .icon-close {
          height: 24px;
          width: 24px; }

.value-added {
  margin-top: 0.5em;
  margin-bottom: 0.5em; }
  .value-added .student-name-added {
    *zoom: 1;
    margin-bottom: 0.25em;
    font-size: 0.875em; }
    .value-added .student-name-added:after {
      content: "";
      display: table;
      clear: both; }
    .value-added .student-name-added span {
      float: left;
      font-weight: bold; }
    .value-added .student-name-added a {
      float: right; }

.close-modal-trigger {
  position: fixed;
  top: 0;
  right: 2em; }
  @media (min-width: 37.5em) {
    .close-modal-trigger {
      position: static;
      float: right; } }

.modal-check {
  background: transparent;
  border: none; }
  .modal-check label {
    color: #4c4c4e; }
  .modal-check:hover, .modal-check:focus {
    background-color: transparent; }
  .modal-check input[type="checkbox"]:checked + label {
    background-color: transparent; }

.passage-info-modal .modal {
  background: #fff;
  padding: 1em;
  z-index: 7000; }
  @media (min-width: 37.5em) {
    .passage-info-modal .modal {
      background-image: none;
      background-color: rgba(0, 0, 0, 0.8);
      padding: 0; } }

.passage-info-modal .modal-wrapper .modal-content {
  background: #fff;
  padding-top: 1.5em; }
  @media (min-width: 37.5em) {
    .passage-info-modal .modal-wrapper .modal-content {
      padding: 1.5em 4em; } }
  @media (min-width: 60em) {
    .passage-info-modal .modal-wrapper .modal-content {
      padding: 2em 7em; } }
  .passage-info-modal .modal-wrapper .modal-content .close-me {
    top: 0; }
    @media (min-width: 37.5em) {
      .passage-info-modal .modal-wrapper .modal-content .close-me {
        top: 1em; } }

.planet-info-modal {
  overflow: hidden; }
  .planet-info-modal .modal {
    background: #fff;
    padding: 1em;
    z-index: 7000;
    overflow-x: hidden; }
    @media (min-width: 37.5em) {
      .planet-info-modal .modal {
        background-image: none;
        background-color: rgba(0, 0, 0, 0.8);
        padding: 0; } }
  .planet-info-modal .modal-wrapper .modal-content {
    background: #fff;
    position: relative;
    padding-top: 1.5em;
    overflow: visible; }
    @media (min-width: 37.5em) {
      .planet-info-modal .modal-wrapper .modal-content {
        padding: 1.5em 4em;
        overflow: hidden; } }
    .planet-info-modal .modal-wrapper .modal-content:before {
      content: '';
      background: url("/assets/images/bg-home-stars.svg") repeat, #152d76;
      background-size: 300px auto;
      position: absolute;
      top: 0;
      left: 0;
      width: 120%;
      height: 180px;
      margin-left: -10%;
      margin-right: -10%;
      margin-top: -10%; }
      @media (min-width: 37.5em) {
        .planet-info-modal .modal-wrapper .modal-content:before {
          width: 100%;
          height: 160px;
          margin: 0; } }
    .planet-info-modal .modal-wrapper .modal-content .close-me {
      top: 0; }
      @media (min-width: 37.5em) {
        .planet-info-modal .modal-wrapper .modal-content .close-me {
          top: 1em; } }
    .planet-info-modal .modal-wrapper .modal-content h3 {
      font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
      font-weight: 700;
      margin-bottom: 0.35em;
      line-height: 1.2;
      color: #4c4c4e;
      font-size: 1.8em;
      text-align: center; }
      .planet-info-modal .modal-wrapper .modal-content h3 a {
        color: #4c4c4e;
        text-decoration: none; }
        .planet-info-modal .modal-wrapper .modal-content h3 a:hover, .planet-info-modal .modal-wrapper .modal-content h3 a:focus {
          color: #262627;
          text-decoration: underline; }
    .planet-info-modal .modal-wrapper .modal-content p {
      padding-bottom: 1.5em;
      border-bottom: 1px solid #dbdcde;
      margin-bottom: 1.5em;
      text-align: center; }
    .planet-info-modal .modal-wrapper .modal-content .planet-wrapper {
      margin-bottom: 2em;
      margin-top: 2em;
      position: relative;
      z-index: 100; }
      .planet-info-modal .modal-wrapper .modal-content .planet-wrapper img {
        width: 145px;
        margin: 0 auto;
        filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.4)); }
    .planet-info-modal .modal-wrapper .modal-content .quick-facts {
      margin-bottom: 2em;
      padding-bottom: 1.5em;
      border-bottom: 1px solid #dbdcde;
      margin-bottom: 1.5em; }
      .planet-info-modal .modal-wrapper .modal-content .quick-facts h4 {
        margin-bottom: 1em; }
      .planet-info-modal .modal-wrapper .modal-content .quick-facts ul li {
        margin-bottom: 1em;
        list-style: circle;
        margin-left: 1.25em; }
    .planet-info-modal .modal-wrapper .modal-content .alien-info {
      *zoom: 1;
      margin-bottom: 1.5em; }
      .planet-info-modal .modal-wrapper .modal-content .alien-info:after {
        content: "";
        display: table;
        clear: both; }
      .planet-info-modal .modal-wrapper .modal-content .alien-info .alien-img {
        display: inline;
        float: left;
        width: 13.75%;
        margin-right: 3.5%;
        margin-left: 0; }
        @media (min-width: 37.5em) {
          .planet-info-modal .modal-wrapper .modal-content .alien-info .alien-img {
            display: inline;
            float: left;
            width: 22.375%;
            margin-right: 3.5%;
            margin-left: 0; } }
      .planet-info-modal .modal-wrapper .modal-content .alien-info .alien-content {
        display: inline;
        float: left;
        width: 82.75%;
        margin-right: 3.5%;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0.75em; }
        @media (min-width: 37.5em) {
          .planet-info-modal .modal-wrapper .modal-content .alien-info .alien-content {
            display: inline;
            float: left;
            width: 74.125%;
            margin-right: 3.5%;
            margin-left: 0;
            margin-right: 0; } }
        .planet-info-modal .modal-wrapper .modal-content .alien-info .alien-content .label {
          font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
          font-weight: 700;
          margin-bottom: 0.35em;
          line-height: 1.2;
          color: #4c4c4e;
          font-size: 0.875em; }
          .planet-info-modal .modal-wrapper .modal-content .alien-info .alien-content .label a {
            color: #4c4c4e;
            text-decoration: none; }
            .planet-info-modal .modal-wrapper .modal-content .alien-info .alien-content .label a:hover, .planet-info-modal .modal-wrapper .modal-content .alien-info .alien-content .label a:focus {
              color: #262627;
              text-decoration: underline; }
        .planet-info-modal .modal-wrapper .modal-content .alien-info .alien-content h5 {
          font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
          font-weight: 700;
          margin-bottom: 0.35em;
          line-height: 1.2;
          color: #4c4c4e;
          font-size: 1.4em; }
          .planet-info-modal .modal-wrapper .modal-content .alien-info .alien-content h5 a {
            color: #4c4c4e;
            text-decoration: none; }
            .planet-info-modal .modal-wrapper .modal-content .alien-info .alien-content h5 a:hover, .planet-info-modal .modal-wrapper .modal-content .alien-info .alien-content h5 a:focus {
              color: #262627;
              text-decoration: underline; }

.spaceship-modal .modal {
  background: url("/assets/images/bg-fade.svg") top center no-repeat, url("/assets/images/bg-pattern-light.svg") left top repeat;
  background-color: #d1d8e5; }
  @media (min-width: 37.5em) {
    .spaceship-modal .modal {
      background-image: none;
      background-color: rgba(0, 0, 0, 0.8); } }
  .spaceship-modal .modal .modal-content {
    text-align: center; }
    @media (min-width: 37.5em) {
      .spaceship-modal .modal .modal-content {
        background: url("/assets/images/bg-fade.svg") top center no-repeat, url("/assets/images/bg-pattern-light.svg") left top repeat;
        background-color: #d1d8e5; } }
    .spaceship-modal .modal .modal-content .image-wrapper {
      background: url("/assets/images/spaceship-bg.svg") center 15px no-repeat;
      background-size: 200px 200px;
      margin-top: 1em; }
    .spaceship-modal .modal .modal-content .spaceship-name {
      margin-top: 0; }
    .spaceship-modal .modal .modal-content .spaceship-item {
      width: 100%; }
      @media (min-width: 37.5em) {
        .spaceship-modal .modal .modal-content .spaceship-item {
          width: 100%; } }
      @media (min-width: 68.75em) {
        .spaceship-modal .modal .modal-content .spaceship-item {
          width: 100%; } }
      .spaceship-modal .modal .modal-content .spaceship-item.selected .image-wrapper {
        background: url("/assets/images/spaceship-bg.svg") center 7px no-repeat;
        background-size: 90% auto;
        width: 100%;
        max-width: 250px; }
        @media (min-width: 37.5em) {
          .spaceship-modal .modal .modal-content .spaceship-item.selected .image-wrapper {
            width: 250px; } }
        @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
          .spaceship-modal .modal .modal-content .spaceship-item.selected .image-wrapper {
            /* IE10+ CSS */
            background-position: center top; } }
        @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
          .spaceship-modal .modal .modal-content .spaceship-item.selected .image-wrapper img {
            /* IE10+ CSS */
            min-height: 250px; } }

.signup-modal {
  background: url("/assets/images/signup-modal-bg.svg") repeat;
  background-color: #fff; }
  @media (min-width: 37.5em) {
    .signup-modal {
      background-image: none;
      background-color: rgba(18, 33, 80, 0.8);
      padding: 0; } }
  .signup-modal .modal-content {
    padding: 4em 1em 1em 1em;
    text-align: center; }
    @media (min-width: 37.5em) {
      .signup-modal .modal-content {
        background: url("/assets/images/signup-modal-bg.svg") repeat, #fff;
        padding: 4em 1em 3em 1em; } }
  @media (min-width: 37.5em) {
    .signup-modal h2 {
      font-size: 2em;
      text-align: center; } }
  .signup-modal h2, .signup-modal p, .signup-modal span {
    text-shadow: 0px 0px 20px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff; }
  .signup-modal .text.large {
    font-size: 1.5em;
    font-weight: 600;
    margin-bottom: 1em;
    padding-bottom: 0em; }
  .signup-modal .days-remaining {
    display: block;
    text-align: center;
    font-size: 2em;
    margin-top: -1rem;
    color: #a8cd4d; }
  .signup-modal button {
    margin-top: 2em; }

.dashboard.student .filters-wrapper {
  margin-bottom: 2em; }

@media (min-width: 37.5em) {
  .filters-wrapper {
    *zoom: 1; }
    .filters-wrapper:after {
      content: "";
      display: table;
      clear: both; } }

@media (min-width: 37.5em) {
  .filters-wrapper .subject-filter {
    display: inline;
    float: left;
    width: 48.25%;
    margin-right: 3.5%;
    margin-left: 0; } }

.filters-wrapper .sort {
  margin-bottom: 1.5em;
  border-radius: 5px;
  width: 100%; }
  @media (min-width: 37.5em) {
    .filters-wrapper .sort {
      display: inline;
      float: left;
      width: 48.25%;
      margin-right: 3.5%;
      margin-left: 0;
      margin-right: 0; } }

.sort, .subject-filter {
  margin-bottom: 1.5em;
  border-radius: 5px;
  width: 100%; }

@keyframes explosion {
  0% {
    height: 100%;
    opacity: 0.1;
    background-size: 0% 0%; }
  100% {
    height: 100%;
    opacity: 0;
    background-size: 300% 300%; } }

.question-picker {
  max-width: 28em;
  margin-left: auto;
  margin-right: auto; }
  .question-picker.resource {
    margin-bottom: 2em; }
  .question-picker .quiz-builder {
    position: relative;
    min-height: 32em; }
  .question-picker .qb-meta {
    text-align: center;
    opacity: 0;
    height: 0px;
    transition: opacity 1s ease-in-out; }
    .question-picker .qb-meta.is-visible {
      height: auto;
      margin-bottom: 1.5rem;
      opacity: 1; }
    .question-picker .qb-meta .save-count-wrapper {
      background-color: #fff;
      border: 1px solid #dbdcde;
      border-radius: 2px;
      display: inline-block;
      position: relative;
      position: relative; }
      .question-picker .qb-meta .save-count-wrapper .qb-finished {
        background-color: transparent;
        border: 0 none;
        padding: 0.75em 1em;
        color: #2e72e3; }
        .question-picker .qb-meta .save-count-wrapper .qb-finished:not(:disabled):hover, .question-picker .qb-meta .save-count-wrapper .qb-finished:not(:disabled):focus {
          color: #144597;
          cursor: pointer; }
        .question-picker .qb-meta .save-count-wrapper .qb-finished:disabled {
          color: #b1b3b5; }
          .question-picker .qb-meta .save-count-wrapper .qb-finished:disabled ~ .count-accepted .text {
            background-color: #eeeff0;
            color: #7a7a7a; }
      .question-picker .qb-meta .save-count-wrapper .count-accepted {
        font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
        font-weight: 700;
        display: inline-block;
        border-left: 1px solid #dbdcde;
        padding: 0.75em 1em;
        color: #445584; }
        .question-picker .qb-meta .save-count-wrapper .count-accepted .text {
          transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out;
          display: inline-block;
          background-color: #d1d8e5;
          border-radius: 20px;
          width: 28px;
          padding: 0.15em 0.35em; }
    .question-picker .qb-meta .view-passage {
      display: block;
      margin: 2em auto -0.5em auto; }
  .question-picker .eligible-content-navigation {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    color: #d1d8e5;
    margin-top: 2em; }
    .question-picker .eligible-content-navigation .prev-eligible-content, .question-picker .eligible-content-navigation .next-eligible-content {
      border: 0 none;
      background-color: transparent;
      padding: 0em;
      vertical-align: middle; }
      @media (min-width: 43.75em) {
        .question-picker .eligible-content-navigation .prev-eligible-content, .question-picker .eligible-content-navigation .next-eligible-content {
          display: inline-block; } }
      .question-picker .eligible-content-navigation .prev-eligible-content [class^='icon-'], .question-picker .eligible-content-navigation .next-eligible-content [class^='icon-'] {
        width: 20px;
        height: 20px;
        transition: all 0.2s ease-in-out; }
      .question-picker .eligible-content-navigation .prev-eligible-content:hover, .question-picker .eligible-content-navigation .prev-eligible-content:focus, .question-picker .eligible-content-navigation .next-eligible-content:hover, .question-picker .eligible-content-navigation .next-eligible-content:focus {
        background-color: transparent; }
        .question-picker .eligible-content-navigation .prev-eligible-content:hover [class^='icon-'], .question-picker .eligible-content-navigation .prev-eligible-content:focus [class^='icon-'], .question-picker .eligible-content-navigation .next-eligible-content:hover [class^='icon-'], .question-picker .eligible-content-navigation .next-eligible-content:focus [class^='icon-'] {
          transform: scale(1.1); }
      .question-picker .eligible-content-navigation .prev-eligible-content.hidden, .question-picker .eligible-content-navigation .next-eligible-content.hidden {
        opacity: 0;
        cursor: default; }
    .question-picker .eligible-content-navigation .current-assessment-anchor {
      display: inline-block;
      font-weight: 700;
      padding: 0.15rem 0.5em 0 0.5em;
      vertical-align: middle; }
  .question-picker .qb-question-picker {
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 100%;
    opacity: 1;
    transition: opacity 1s ease-in-out 1.25s; }
    .question-picker .qb-question-picker.initial {
      position: absolute;
      top: 0;
      opacity: 0; }
    .question-picker .qb-question-picker.has-next .card-position-actions .next {
      display: inline-block; }
    .question-picker .qb-question-picker.has-previous .card-position-actions .prev {
      display: inline-block; }
    @media (min-width: 37.5em) {
      .question-picker .qb-question-picker.just-accepted:after {
        height: 0;
        animation-name: explosion;
        animation-duration: 1.2s;
        animation-timing-function: cubic-bezier(4, 0.32, 0.29, 0.94);
        animation-iteration-count: 1;
        animation-direction: normal; } }
    .question-picker .qb-question-picker.skill-title-visible .card-header {
      opacity: 0; }
    .question-picker .qb-question-picker.skill-title-visible .qb-card-wrapper:after {
      display: none; }
    @media (min-width: 37.5em) {
      .question-picker .qb-question-picker:after {
        content: "";
        background: url("/assets/images/qb-accept-transition.svg") center center no-repeat;
        width: 100%;
        height: 0;
        background-size: 0 0;
        position: fixed;
        top: 0;
        left: 0; } }
  .question-picker .quiz-resource-picker {
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 100%;
    opacity: 1;
    transition: opacity 1s ease-in-out 0.9s; }
    .question-picker .quiz-resource-picker .resource-heading {
      *zoom: 1;
      transition: background-color 0.2s ease-in-out, opacity 0.4s linear;
      padding: 1rem;
      opacity: 1;
      background-color: #445584;
      border-radius: 16px 16px 0 0;
      position: relative;
      z-index: 10; }
      .question-picker .quiz-resource-picker .resource-heading:after {
        content: "";
        display: table;
        clear: both; }
      .question-picker .quiz-resource-picker .resource-heading .delete {
        float: right; }
      .question-picker .quiz-resource-picker .resource-heading .card-position-counter {
        font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
        font-weight: 700;
        display: inline-block;
        float: left;
        position: relative;
        z-index: 10;
        vertical-align: baseline;
        color: #b2bcd7; }
        .question-picker .quiz-resource-picker .resource-heading .card-position-counter .current-position {
          margin-right: 0.1em; }
        .question-picker .quiz-resource-picker .resource-heading .card-position-counter .current-position-of, .question-picker .quiz-resource-picker .resource-heading .card-position-counter .total-card-count {
          font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
          font-weight: 600;
          font-size: 0.875em;
          vertical-align: baseline;
          color: #97a5ca; }
      .question-picker .quiz-resource-picker .resource-heading .resources-actions {
        display: inline-block;
        float: right;
        position: relative;
        z-index: 10; }
        .question-picker .quiz-resource-picker .resource-heading .resources-actions .resource-accept, .question-picker .quiz-resource-picker .resource-heading .resources-actions .resource-remove {
          transition: color 0.4s ease-in-out;
          color: #d1d8e5;
          padding: 0;
          border: 0 none;
          background-color: transparent; }
          .question-picker .quiz-resource-picker .resource-heading .resources-actions .resource-accept:hover, .question-picker .quiz-resource-picker .resource-heading .resources-actions .resource-accept:focus, .question-picker .quiz-resource-picker .resource-heading .resources-actions .resource-remove:hover, .question-picker .quiz-resource-picker .resource-heading .resources-actions .resource-remove:focus {
            color: #fff;
            text-decoration: none; }
          .question-picker .quiz-resource-picker .resource-heading .resources-actions .resource-accept:disabled, .question-picker .quiz-resource-picker .resource-heading .resources-actions .resource-remove:disabled {
            opacity: 0;
            position: absolute;
            top: -999px;
            left: -999px; }
          .question-picker .quiz-resource-picker .resource-heading .resources-actions .resource-accept .label-text, .question-picker .quiz-resource-picker .resource-heading .resources-actions .resource-remove .label-text {
            vertical-align: middle;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale; }
          .question-picker .quiz-resource-picker .resource-heading .resources-actions .resource-accept .icon, .question-picker .quiz-resource-picker .resource-heading .resources-actions .resource-remove .icon {
            vertical-align: middle;
            margin-right: 0;
            margin-left: 0.25em;
            margin-bottom: 1px; }
      .question-picker .quiz-resource-picker .resource-heading.finished {
        opacity: 0; }
    .question-picker .quiz-resource-picker .accepted .resource-heading {
      background-color: #a8cd4d; }
      .question-picker .quiz-resource-picker .accepted .resource-heading .card-position-counter {
        color: #f2f8e4; }
        .question-picker .quiz-resource-picker .accepted .resource-heading .card-position-counter .current-position {
          margin-right: 0.1em; }
        .question-picker .quiz-resource-picker .accepted .resource-heading .card-position-counter .current-position-of, .question-picker .quiz-resource-picker .accepted .resource-heading .card-position-counter .total-card-count {
          font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
          font-weight: 600;
          font-size: 0.875em;
          vertical-align: baseline;
          color: #e2efc4; }
      .question-picker .quiz-resource-picker .accepted .resource-heading .resource-remove {
        color: #f6faec; }
    .question-picker .quiz-resource-picker .heading-group {
      padding: 1rem 1rem 0 1rem; }
    .question-picker .quiz-resource-picker .eligible-contents {
      padding: 0 1rem; }
    .question-picker .quiz-resource-picker .cta {
      padding: 0 1rem 1rem 1rem; }
    .question-picker .quiz-resource-picker.has-next .resource-picker-actions .next {
      display: inline-block; }
    .question-picker .quiz-resource-picker.has-previous .resource-picker-actions .prev {
      display: inline-block; }
  .question-picker .resource-picker-actions {
    *zoom: 1;
    position: absolute;
    z-index: 400;
    width: 100%;
    margin-bottom: 1.5rem;
    top: 7em; }
    .question-picker .resource-picker-actions:after {
      content: "";
      display: table;
      clear: both; }
    .question-picker .resource-picker-actions .action-group {
      *zoom: 1;
      margin-left: -0.5rem;
      margin-right: -0.5rem; }
      .question-picker .resource-picker-actions .action-group:after {
        content: "";
        display: table;
        clear: both; }
      @media (min-width: 31.25em) {
        .question-picker .resource-picker-actions .action-group {
          margin-left: -1rem;
          margin-right: -1rem; } }
      @media (min-width: 37.5em) {
        .question-picker .resource-picker-actions .action-group {
          margin-left: -4.5rem;
          margin-right: -4.5rem; } }
    .question-picker .resource-picker-actions .action {
      margin: 0;
      display: inline-block; }
      .question-picker .resource-picker-actions .action.next {
        display: none;
        float: right; }
      .question-picker .resource-picker-actions .action.prev {
        display: none;
        float: left; }
      .question-picker .resource-picker-actions .action a, .question-picker .resource-picker-actions .action a:hover, .question-picker .resource-picker-actions .action a:focus {
        background-color: inherit;
        padding: 0;
        border: 0 none; }
      @media (min-width: 31.25em) {
        .question-picker .resource-picker-actions .action .icon-control-right, .question-picker .resource-picker-actions .action .icon-control-left {
          width: 50px;
          height: 52px; } }
  .question-picker .card-position-actions {
    *zoom: 1;
    position: absolute;
    z-index: 5001;
    width: 100%;
    margin-bottom: 1.5rem;
    top: 4.5em; }
    .question-picker .card-position-actions:after {
      content: "";
      display: table;
      clear: both; }
    .question-picker .card-position-actions .action-group {
      *zoom: 1;
      margin-left: -0.5rem;
      margin-right: -0.5rem; }
      .question-picker .card-position-actions .action-group:after {
        content: "";
        display: table;
        clear: both; }
      @media (min-width: 31.25em) {
        .question-picker .card-position-actions .action-group {
          margin-left: -1rem;
          margin-right: -1rem; } }
      @media (min-width: 37.5em) {
        .question-picker .card-position-actions .action-group {
          margin-left: -5rem;
          margin-right: -5rem; } }
      @media (min-width: 43.75em) {
        .question-picker .card-position-actions .action-group {
          margin-left: -8rem;
          margin-right: -8rem; } }
      @media (min-width: 60em) {
        .question-picker .card-position-actions .action-group {
          margin-left: -8rem;
          margin-right: -8rem; } }
    .question-picker .card-position-actions .action {
      margin: 0;
      display: inline-block; }
      .question-picker .card-position-actions .action.next {
        display: none;
        float: right; }
      .question-picker .card-position-actions .action.prev {
        display: none;
        float: left;
        z-index: 5002; }
      .question-picker .card-position-actions .action a, .question-picker .card-position-actions .action a:hover, .question-picker .card-position-actions .action a:focus {
        background-color: inherit;
        padding: 0;
        border: 0 none; }
      @media (min-width: 31.25em) {
        .question-picker .card-position-actions .action .icon-control-right, .question-picker .card-position-actions .action .icon-control-left {
          width: 50px;
          height: 52px; } }
      @media (min-width: 37.5em) {
        .question-picker .card-position-actions .action .icon-control-right, .question-picker .card-position-actions .action .icon-control-left {
          width: 60px;
          height: 63px; } }
      @media (min-width: 43.75em) {
        .question-picker .card-position-actions .action .icon-control-right, .question-picker .card-position-actions .action .icon-control-left {
          width: 96px;
          height: 101px; } }
  .question-picker .qb-card-wrapper {
    position: relative;
    margin-bottom: 4em; }
    @media (min-width: 31.25em) {
      .question-picker .qb-card-wrapper:after {
        content: "";
        height: 20em;
        width: 90%;
        position: absolute;
        bottom: -11em;
        left: 5%;
        background-color: rgba(0, 0, 0, 0.3);
        transform: perspective(50em) rotateX(80deg); }
        .no-csstransforms3d .question-picker .qb-card-wrapper:after {
          display: none; } }
    .question-picker .qb-card-wrapper.finished:after {
      display: none; }
  .question-picker .card-header {
    *zoom: 1;
    transition: background-color 0.2s ease-in-out, opacity 0.4s linear;
    padding: 1rem;
    opacity: 1;
    background-color: #445584;
    border-radius: 16px 16px 0 0;
    position: relative;
    z-index: 10; }
    .question-picker .card-header:after {
      content: "";
      display: table;
      clear: both; }
    .question-picker .card-header .card-position-counter {
      font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
      font-weight: 700;
      display: inline-block;
      float: left;
      position: relative;
      z-index: 10;
      vertical-align: baseline;
      color: #b2bcd7; }
      .question-picker .card-header .card-position-counter .current-position {
        margin-right: 0.1em; }
      .question-picker .card-header .card-position-counter .current-position-of, .question-picker .card-header .card-position-counter .total-card-count {
        font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
        font-weight: 600;
        font-size: 0.875em;
        vertical-align: baseline;
        color: #97a5ca; }
    .question-picker .card-header .qb-question-actions {
      display: inline-block;
      float: right;
      position: relative;
      z-index: 10; }
      .question-picker .card-header .qb-question-actions .qb-question-accept, .question-picker .card-header .qb-question-actions .qb-question-remove {
        transition: color 0.4s ease-in-out;
        color: #d1d8e5;
        padding: 0;
        border: 0 none;
        background-color: transparent; }
        .question-picker .card-header .qb-question-actions .qb-question-accept:hover, .question-picker .card-header .qb-question-actions .qb-question-accept:focus, .question-picker .card-header .qb-question-actions .qb-question-remove:hover, .question-picker .card-header .qb-question-actions .qb-question-remove:focus {
          color: #fff;
          text-decoration: none; }
        .question-picker .card-header .qb-question-actions .qb-question-accept:disabled, .question-picker .card-header .qb-question-actions .qb-question-remove:disabled {
          opacity: 0;
          position: absolute;
          top: -999px;
          left: -999px; }
        .question-picker .card-header .qb-question-actions .qb-question-accept .label-text, .question-picker .card-header .qb-question-actions .qb-question-remove .label-text {
          vertical-align: middle;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
        .question-picker .card-header .qb-question-actions .qb-question-accept .icon, .question-picker .card-header .qb-question-actions .qb-question-remove .icon {
          vertical-align: middle;
          margin-right: 0;
          margin-left: 0.25em;
          margin-bottom: 1px; }
    .question-picker .card-header.finished {
      opacity: 0; }
  .question-picker .accepted .card-header {
    background-color: #a8cd4d; }
    .question-picker .accepted .card-header .card-position-counter {
      color: #f2f8e4; }
      .question-picker .accepted .card-header .card-position-counter .current-position {
        margin-right: 0.1em; }
      .question-picker .accepted .card-header .card-position-counter .current-position-of, .question-picker .accepted .card-header .card-position-counter .total-card-count {
        font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
        font-weight: 600;
        font-size: 0.875em;
        vertical-align: baseline;
        color: #e2efc4; }
    .question-picker .accepted .card-header .qb-question-remove {
      color: #f6faec; }
  .question-picker .question-group {
    position: relative;
    height: 100%;
    opacity: 1;
    transition: opacity 0.6s linear; }
    .question-picker .question-group.finished {
      opacity: 0; }
  .question-picker .qb-question {
    width: 100%;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    border-radius: 0 0 16px 16px;
    top: 0;
    transition: opacity 0.5s ease-in-out;
    height: 0; }
    .question-picker .qb-question:nth-of-type(1) {
      z-index: 99; }
    .question-picker .qb-question:nth-of-type(2) {
      z-index: 98; }
    .question-picker .qb-question:nth-of-type(3) {
      z-index: 97; }
    .question-picker .qb-question:nth-of-type(4) {
      z-index: 96; }
    .question-picker .qb-question:nth-of-type(5) {
      z-index: 95; }
    .question-picker .qb-question:nth-of-type(6) {
      z-index: 94; }
    .question-picker .qb-question:nth-of-type(7) {
      z-index: 93; }
    .question-picker .qb-question:nth-of-type(8) {
      z-index: 92; }
    .question-picker .qb-question:nth-of-type(9) {
      z-index: 91; }
    .question-picker .qb-question:nth-of-type(10) {
      z-index: 90; }
    .question-picker .qb-question:nth-of-type(11) {
      z-index: 89; }
    .question-picker .qb-question:nth-of-type(12) {
      z-index: 88; }
    .question-picker .qb-question:nth-of-type(13) {
      z-index: 87; }
    .question-picker .qb-question:nth-of-type(14) {
      z-index: 86; }
    .question-picker .qb-question:nth-of-type(15) {
      z-index: 85; }
    .question-picker .qb-question:nth-of-type(16) {
      z-index: 84; }
    .question-picker .qb-question:nth-of-type(17) {
      z-index: 83; }
    .question-picker .qb-question:nth-of-type(18) {
      z-index: 82; }
    .question-picker .qb-question:nth-of-type(19) {
      z-index: 81; }
    .question-picker .qb-question:nth-of-type(20) {
      z-index: 80; }
    .question-picker .qb-question:nth-of-type(21) {
      z-index: 79; }
    .question-picker .qb-question:nth-of-type(22) {
      z-index: 78; }
    .question-picker .qb-question:nth-of-type(23) {
      z-index: 77; }
    .question-picker .qb-question:nth-of-type(24) {
      z-index: 76; }
    .question-picker .qb-question:nth-of-type(25) {
      z-index: 75; }
    .question-picker .qb-question:nth-of-type(26) {
      z-index: 74; }
    .question-picker .qb-question:nth-of-type(27) {
      z-index: 73; }
    .question-picker .qb-question:nth-of-type(28) {
      z-index: 72; }
    .question-picker .qb-question:nth-of-type(29) {
      z-index: 71; }
    .question-picker .qb-question:nth-of-type(30) {
      z-index: 70; }
    .question-picker .qb-question:nth-of-type(31) {
      z-index: 69; }
    .question-picker .qb-question:nth-of-type(32) {
      z-index: 68; }
    .question-picker .qb-question:nth-of-type(33) {
      z-index: 67; }
    .question-picker .qb-question:nth-of-type(34) {
      z-index: 66; }
    .question-picker .qb-question:nth-of-type(35) {
      z-index: 65; }
    .question-picker .qb-question:nth-of-type(36) {
      z-index: 64; }
    .question-picker .qb-question:nth-of-type(37) {
      z-index: 63; }
    .question-picker .qb-question:nth-of-type(38) {
      z-index: 62; }
    .question-picker .qb-question:nth-of-type(39) {
      z-index: 61; }
    .question-picker .qb-question:nth-of-type(40) {
      z-index: 60; }
    .question-picker .qb-question:nth-of-type(41) {
      z-index: 59; }
    .question-picker .qb-question:nth-of-type(42) {
      z-index: 58; }
    .question-picker .qb-question:nth-of-type(43) {
      z-index: 57; }
    .question-picker .qb-question:nth-of-type(44) {
      z-index: 56; }
    .question-picker .qb-question:nth-of-type(45) {
      z-index: 55; }
    .question-picker .qb-question:nth-of-type(46) {
      z-index: 54; }
    .question-picker .qb-question:nth-of-type(47) {
      z-index: 53; }
    .question-picker .qb-question:nth-of-type(48) {
      z-index: 52; }
    .question-picker .qb-question:nth-of-type(49) {
      z-index: 51; }
    .question-picker .qb-question:nth-of-type(50) {
      z-index: 50; }
    .question-picker .qb-question:nth-of-type(51) {
      z-index: 49; }
    .question-picker .qb-question:nth-of-type(52) {
      z-index: 48; }
    .question-picker .qb-question:nth-of-type(53) {
      z-index: 47; }
    .question-picker .qb-question:nth-of-type(54) {
      z-index: 46; }
    .question-picker .qb-question:nth-of-type(55) {
      z-index: 45; }
    .question-picker .qb-question:nth-of-type(56) {
      z-index: 44; }
    .question-picker .qb-question:nth-of-type(57) {
      z-index: 43; }
    .question-picker .qb-question:nth-of-type(58) {
      z-index: 42; }
    .question-picker .qb-question:nth-of-type(59) {
      z-index: 41; }
    .question-picker .qb-question:nth-of-type(60) {
      z-index: 40; }
    .question-picker .qb-question:nth-of-type(61) {
      z-index: 39; }
    .question-picker .qb-question:nth-of-type(62) {
      z-index: 38; }
    .question-picker .qb-question:nth-of-type(63) {
      z-index: 37; }
    .question-picker .qb-question:nth-of-type(64) {
      z-index: 36; }
    .question-picker .qb-question:nth-of-type(65) {
      z-index: 35; }
    .question-picker .qb-question:nth-of-type(66) {
      z-index: 34; }
    .question-picker .qb-question:nth-of-type(67) {
      z-index: 33; }
    .question-picker .qb-question:nth-of-type(68) {
      z-index: 32; }
    .question-picker .qb-question:nth-of-type(69) {
      z-index: 31; }
    .question-picker .qb-question:nth-of-type(70) {
      z-index: 30; }
    .question-picker .qb-question:nth-of-type(71) {
      z-index: 29; }
    .question-picker .qb-question:nth-of-type(72) {
      z-index: 28; }
    .question-picker .qb-question:nth-of-type(73) {
      z-index: 27; }
    .question-picker .qb-question:nth-of-type(74) {
      z-index: 26; }
    .question-picker .qb-question:nth-of-type(75) {
      z-index: 25; }
    .question-picker .qb-question:nth-of-type(76) {
      z-index: 24; }
    .question-picker .qb-question:nth-of-type(77) {
      z-index: 23; }
    .question-picker .qb-question:nth-of-type(78) {
      z-index: 22; }
    .question-picker .qb-question:nth-of-type(79) {
      z-index: 21; }
    .question-picker .qb-question:nth-of-type(80) {
      z-index: 20; }
    .question-picker .qb-question:nth-of-type(81) {
      z-index: 19; }
    .question-picker .qb-question:nth-of-type(82) {
      z-index: 18; }
    .question-picker .qb-question:nth-of-type(83) {
      z-index: 17; }
    .question-picker .qb-question:nth-of-type(84) {
      z-index: 16; }
    .question-picker .qb-question:nth-of-type(85) {
      z-index: 15; }
    .question-picker .qb-question:nth-of-type(86) {
      z-index: 14; }
    .question-picker .qb-question:nth-of-type(87) {
      z-index: 13; }
    .question-picker .qb-question:nth-of-type(88) {
      z-index: 12; }
    .question-picker .qb-question:nth-of-type(89) {
      z-index: 11; }
    .question-picker .qb-question:nth-of-type(90) {
      z-index: 10; }
    .question-picker .qb-question:nth-of-type(91) {
      z-index: 9; }
    .question-picker .qb-question:nth-of-type(92) {
      z-index: 8; }
    .question-picker .qb-question:nth-of-type(93) {
      z-index: 7; }
    .question-picker .qb-question:nth-of-type(94) {
      z-index: 6; }
    .question-picker .qb-question:nth-of-type(95) {
      z-index: 5; }
    .question-picker .qb-question:nth-of-type(96) {
      z-index: 4; }
    .question-picker .qb-question:nth-of-type(97) {
      z-index: 3; }
    .question-picker .qb-question:nth-of-type(98) {
      z-index: 2; }
    .question-picker .qb-question:nth-of-type(99) {
      z-index: 1; }
    .question-picker .qb-question.current {
      opacity: 1;
      position: relative;
      z-index: 100;
      height: auto; }
    .question-picker .qb-question .question-main {
      background-color: #fff;
      padding: 1rem 1.5rem; }
      @media (min-width: 18.75em) {
        .question-picker .qb-question .question-main {
          padding: 1rem 2rem; } }
      @media (min-width: 25em) {
        .question-picker .qb-question .question-main {
          padding: 1rem 3rem; } }
      @media (min-width: 31.25em) {
        .question-picker .qb-question .question-main {
          padding-top: 1.5rem;
          padding-bottom: 1.5rem; } }
      @media (min-width: 37.5em) {
        .question-picker .qb-question .question-main {
          padding-left: 2rem;
          padding-right: 2rem; } }
    .question-picker .qb-question .question-meta {
      transition: background-color 0.5s ease-in-out;
      padding: 1rem;
      background-color: #eeeff0;
      border-top: 1px solid #d3d6d8;
      margin-bottom: 0; }
  .question-picker .stack-top {
    max-width: 28em;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    z-index: 5000;
    display: block;
    opacity: 1;
    text-align: center;
    visibility: visible;
    top: 0;
    max-height: 99999px;
    max-width: 99999px;
    transition: transform 1.1s cubic-bezier(0.25, 0.08, 0.86, 0.29), opacity 0.6s ease-in-out 0.5s, z-index 0s linear 1.2s, max-height 0s linear 1.2s, max-width 0s linear 1.2s; }
    .question-picker .stack-top.inactive {
      z-index: 0;
      opacity: 0;
      transform: rotate(20deg) translateX(10em);
      max-height: 0;
      max-width: 0;
      position: relative; }
      .question-picker .stack-top.inactive:after {
        opacity: 0;
        z-index: -1; }
      .question-picker .stack-top.inactive .stack-top-inner {
        z-index: 0; }
    .question-picker .stack-top .stack-top-inner {
      border-radius: 16px;
      position: relative;
      z-index: 6000;
      padding: 3rem;
      background-color: #89dcdc; }
    @media (min-width: 31.25em) {
      .question-picker .stack-top:after {
        content: "";
        height: 20em;
        width: 90%;
        position: absolute;
        bottom: -11em;
        left: 5%;
        background-color: rgba(0, 0, 0, 0.3);
        transform: perspective(50em) rotateX(80deg);
        transition: opacity 1.1s ease-in;
        z-index: 4000; }
        .no-csstransforms3d .question-picker .stack-top:after {
          display: none; } }
    .question-picker .stack-top .icon {
      margin-bottom: 1.5rem; }
    .question-picker .stack-top .title {
      font-size: 1.5em;
      margin-bottom: 1.5rem; }
    .question-picker .stack-top .button-highlight {
      font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
      font-weight: 700;
      transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
      border: 1px solid #c1ddea;
      border-radius: 2px;
      display: inline-block;
      padding: 0.75em 1em;
      text-decoration: none;
      color: #152d76;
      background-color: #c1ddea;
      text-align: center;
      cursor: pointer;
      border-color: #152d76;
      background-color: #152d76;
      color: white; }
      .question-picker .stack-top .button-highlight:hover, .question-picker .stack-top .button-highlight:focus {
        outline: 0;
        text-decoration: none;
        background-color: #9bc8dd;
        border-color: #9bc8dd;
        color: #0d1c4b; }
      .question-picker .stack-top .button-highlight:hover, .question-picker .stack-top .button-highlight:focus {
        border-color: #0d1c4b;
        background-color: #0d1c4b;
        color: #fff; }
      .question-picker .stack-top .button-highlight.large {
        padding-left: 2em;
        padding-right: 2em; }
        @media (min-width: 43.75em) {
          .question-picker .stack-top .button-highlight.large {
            padding-left: 4em;
            padding-right: 4em; } }
  .question-picker .stack-skill-intro {
    z-index: 0;
    opacity: 0;
    padding: 0;
    margin: 0;
    visibility: hidden;
    position: absolute;
    width: 100%;
    transition: opacity 0.5s ease-in, z-index 0.5s ease-in; }
    .question-picker .stack-skill-intro.skill-initial {
      transition: opacity 1s ease-in-out 1.25s; }
    .question-picker .stack-skill-intro.skill-title-visible {
      max-width: 28em;
      margin: 0 auto;
      z-index: 100;
      display: block;
      opacity: 1;
      text-align: center;
      visibility: visible;
      border-radius: 16px;
      width: 100%; }
      .question-picker .stack-skill-intro.skill-title-visible:after {
        content: "";
        height: 20em;
        width: 90%;
        position: absolute;
        bottom: -11em;
        left: 5%;
        background-color: rgba(0, 0, 0, 0.3);
        transform: perspective(50em) rotateX(80deg); }
    .question-picker .stack-skill-intro .skill-intro-inner {
      border-radius: 16px;
      position: relative;
      z-index: 5001;
      padding: 3rem;
      background-color: #89dcdc; }
    .question-picker .stack-skill-intro .icon {
      margin-bottom: 1.5rem; }
    .question-picker .stack-skill-intro .sub-title {
      font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
      font-weight: 700;
      margin-bottom: 0.35em;
      line-height: 1.2;
      color: #4c4c4e;
      font-size: 1.4em;
      font-size: 1.5em; }
      .question-picker .stack-skill-intro .sub-title a {
        color: #4c4c4e;
        text-decoration: none; }
        .question-picker .stack-skill-intro .sub-title a:hover, .question-picker .stack-skill-intro .sub-title a:focus {
          color: #262627;
          text-decoration: underline; }
      .question-picker .stack-skill-intro .sub-title:after {
        content: '';
        width: 50px;
        height: 2px;
        display: block;
        margin-bottom: 0.75em;
        margin-top: 0.75em;
        background-color: #4ecbcb;
        margin-left: auto;
        margin-right: auto; }
    .question-picker .stack-skill-intro .title {
      font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
      font-weight: 700;
      margin-bottom: 0.35em;
      line-height: 1.2;
      color: #4c4c4e;
      font-size: 1.2em; }
      .question-picker .stack-skill-intro .title a {
        color: #4c4c4e;
        text-decoration: none; }
        .question-picker .stack-skill-intro .title a:hover, .question-picker .stack-skill-intro .title a:focus {
          color: #262627;
          text-decoration: underline; }
  .question-picker .stack-bottom {
    z-index: 0;
    opacity: 0;
    padding: 0;
    margin: 0;
    visibility: hidden;
    position: absolute;
    transition: opacity 1.1s ease-in, z-index 1.1s ease-in; }
    .question-picker .stack-bottom.finished {
      max-width: 28em;
      margin-top: 2em;
      margin-left: auto;
      margin-right: auto;
      z-index: 1000;
      display: block;
      opacity: 1;
      text-align: center;
      visibility: visible;
      top: 4.25em;
      border-radius: 16px; }
      .question-picker .stack-bottom.finished .stack-bottom-inner {
        border-radius: 16px;
        position: relative;
        z-index: 6000;
        padding: 3rem;
        background-color: #89dcdc; }
      @media (min-width: 31.25em) {
        .question-picker .stack-bottom.finished:after {
          content: "";
          height: 20em;
          width: 90%;
          position: absolute;
          bottom: -11em;
          left: 5%;
          background-color: rgba(0, 0, 0, 0.3);
          transform: perspective(50em) rotateX(80deg);
          transition: opacity 1.1s ease-in;
          z-index: 4000; }
          .no-csstransforms3d .question-picker .stack-bottom.finished:after {
            display: none; } }
      .question-picker .stack-bottom.finished .icon {
        margin-bottom: 1.5rem; }
      .question-picker .stack-bottom.finished .title {
        font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
        font-weight: 700;
        margin-bottom: 0.35em;
        line-height: 1.2;
        color: #4c4c4e;
        font-size: 2.5em;
        margin-bottom: 1.5rem; }
        .question-picker .stack-bottom.finished .title a {
          color: #4c4c4e;
          text-decoration: none; }
          .question-picker .stack-bottom.finished .title a:hover, .question-picker .stack-bottom.finished .title a:focus {
            color: #262627;
            text-decoration: underline; }
      .question-picker .stack-bottom.finished .button-highlight {
        font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
        font-weight: 700;
        transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
        border: 1px solid #c1ddea;
        border-radius: 2px;
        display: inline-block;
        padding: 0.75em 1em;
        text-decoration: none;
        color: #152d76;
        background-color: #c1ddea;
        text-align: center;
        cursor: pointer;
        border-color: #152d76;
        background-color: #152d76;
        color: white; }
        .question-picker .stack-bottom.finished .button-highlight:hover, .question-picker .stack-bottom.finished .button-highlight:focus {
          outline: 0;
          text-decoration: none;
          background-color: #9bc8dd;
          border-color: #9bc8dd;
          color: #0d1c4b; }
        .question-picker .stack-bottom.finished .button-highlight:hover, .question-picker .stack-bottom.finished .button-highlight:focus {
          border-color: #0d1c4b;
          background-color: #0d1c4b;
          color: #fff; }
        .question-picker .stack-bottom.finished .button-highlight.large {
          padding-left: 2em;
          padding-right: 2em; }
          @media (min-width: 43.75em) {
            .question-picker .stack-bottom.finished .button-highlight.large {
              padding-left: 4em;
              padding-right: 4em; } }

.level-grouping {
  padding: 1em 0 1em 0;
  margin-bottom: 2em; }
  .level-grouping .align-center {
    width: 100%;
    text-align: center; }
  .level-grouping .level-grouping-title {
    color: #89dcdc;
    padding-bottom: 0;
    margin-bottom: 0.5rem;
    text-align: center; }
    .level-grouping .level-grouping-title .title-text {
      vertical-align: middle;
      margin-right: 0.5rem; }
    .level-grouping .level-grouping-title .accepted-resource-count {
      font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
      font-weight: 600;
      font-size: 1rem;
      background-color: #445584;
      color: #fff;
      border-radius: 50%;
      text-align: center;
      line-height: 30px;
      width: 30px;
      height: 30px;
      display: inline-block;
      vertical-align: middle; }
  .level-grouping .helper-text {
    margin-bottom: 2em;
    margin-top: 0;
    text-align: center; }
  .level-grouping .current-resource {
    background-color: #fff;
    min-height: 6em;
    border-radius: 20px;
    text-align: left; }
    .level-grouping .current-resource .title {
      position: relative; }
      .level-grouping .current-resource .title h4 {
        width: calc(100% - 40px);
        margin: 0; }
      .level-grouping .current-resource .title .icon-wrapper {
        float: right;
        position: absolute;
        top: 0;
        right: 0; }
        .level-grouping .current-resource .title .icon-wrapper .icon-remove {
          margin: 0; }
    .level-grouping .current-resource .heading-group {
      padding: 1em 1em 0 2.2em;
      position: relative; }
      .level-grouping .current-resource .heading-group .bookmark-link {
        top: 1px;
        right: 10%; }
      .level-grouping .current-resource .heading-group h4.heading-group_title {
        margin: 0;
        width: 80%; }
      .level-grouping .current-resource .heading-group .heading-group_item {
        margin-bottom: 1em; }
        .level-grouping .current-resource .heading-group .heading-group_item .level {
          display: block;
          margin-bottom: .3em; }
        .level-grouping .current-resource .heading-group .heading-group_item .type {
          display: block; }
      @media (min-width: 37.5em) {
        .level-grouping .current-resource .heading-group {
          padding: 1em 1em 0 1em; } }
    .level-grouping .current-resource .eligible-contents {
      padding: 0 2.2em; }
      @media (min-width: 37.5em) {
        .level-grouping .current-resource .eligible-contents {
          padding: 0 1em; } }
    .level-grouping .current-resource .cta {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: distribute;
      justify-content: space-around;
      background-color: #eeeff0;
      margin-top: 2em;
      padding: .5em .5em .25em .5em;
      border-radius: 0px 0px 20px 20px; }
      .level-grouping .current-resource .cta .cta_item {
        padding: 0 20px; }
      .level-grouping .current-resource .cta .button-link {
        color: #7a7a7a;
        font-weight: normal; }
      .level-grouping .current-resource .cta .icon-nav-quizzes {
        width: 12px;
        margin-bottom: -5px;
        opacity: 0.6; }
  .level-grouping .button-link {
    color: #d1d8e5; }
  .level-grouping.quiz-detail .level-grouping-title {
    color: #4c4c4e; }
  .level-grouping.quiz-detail .current-resource {
    border: 1px solid #dbdcde; }
  .level-grouping.quiz-detail .resource-heading {
    margin-right: -1px;
    margin-left: -1px; }

.approved-resources-actions {
  padding-top: 2em;
  text-align: center; }
  .approved-resources-actions button {
    padding: 0.75em; }
  .approved-resources-actions .button-link {
    color: #d1d8e5; }

.quiz-review-resources {
  margin-top: 3em; }

.action-group {
  text-align: center; }
  .action-group.constrained-item {
    width: 100%;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5em; }
  .action-group li {
    margin-bottom: 1em; }
    .action-group li .button, .action-group li .button-subtle, .action-group li .button-highlight, .action-group li .button-delete {
      width: 100%; }
  .action-group.inline {
    *zoom: 1; }
    .action-group.inline:after {
      content: "";
      display: table;
      clear: both; }
    @media (min-width: 31.25em) {
      .action-group.inline li {
        display: inline;
        float: left;
        width: 48.25%;
        margin-right: 3.5%;
        margin-left: 0; } }
    @media (min-width: 31.25em) {
      .action-group.inline li:first-of-type {
        float: right;
        margin-right: 0; } }
    @media (min-width: 31.25em) {
      .action-group.inline li:last-of-type {
        float: left; } }
  .action-group.inline-reverse {
    *zoom: 1; }
    .action-group.inline-reverse:after {
      content: "";
      display: table;
      clear: both; }
    .action-group.inline-reverse .padded-button {
      margin-top: 20px; }
    @media (min-width: 37.5em) {
      .action-group.inline-reverse li {
        display: inline;
        float: left;
        width: 48.25%;
        margin-right: 3.5%;
        margin-left: 0; } }
    @media (min-width: 37.5em) {
      .action-group.inline-reverse li:first-of-type {
        float: left; } }
    @media (min-width: 37.5em) {
      .action-group.inline-reverse li:last-of-type {
        float: right;
        margin-right: 0; } }

.action-group-button-checkbox {
  margin-top: 2em;
  min-height: 60px; }
  .action-group-button-checkbox button {
    width: 100%;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5em;
    display: block;
    width: 100%; }
  .action-group-button-checkbox .x-input-checkbox {
    margin-top: 0.5em;
    width: 100%;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5em;
    display: block;
    width: 100%; }
  @media (min-width: 60em) {
    .action-group-button-checkbox button {
      display: inline;
      float: left;
      width: 31%;
      margin-right: 3.5%;
      margin-left: 0;
      display: inline-block;
      height: 42px;
      margin-right: 0.75em; }
    .action-group-button-checkbox .x-input-checkbox {
      margin-top: 0;
      height: 42px;
      display: inline;
      float: left;
      width: 63.34375%;
      margin-right: 3.5%;
      margin-left: 0;
      display: inline-block; }
      .action-group-button-checkbox .x-input-checkbox label {
        padding: 0.75em 0.5em 0.75em 1em; } }

@keyframes slideDown {
  0% {
    transform: translate(0px, 0px); }
  50% {
    transform: translate(0px, 50%); }
  100% {
    transform: translate(0px, 100%); } }

@keyframes slideUp {
  0% {
    transform: translate(0px, 0px); }
  50% {
    transform: translate(0px, -50%); }
  100% {
    transform: translate(0px, -100%); } }

@keyframes deleteQuestion {
  0% {
    transform: translate(0px, 0px);
    opacity: 1; }
  50% {
    transform: translate(50%, 0px); }
  100% {
    transform: translate(100%, 0px);
    opacity: 0; } }

.answered-overlay {
  display: none; }
  .answered-overlay .overlay-text {
    text-align: center;
    font-size: 2em;
    color: #152d76; }
  .answered-overlay .closed-toolbox .icon-scratchpad-toolbox-collapsed {
    width: 10em;
    height: 10em; }
  .answered-overlay.active {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: rgba(255, 255, 255, 0.8); }

.question {
  background-color: #fff; }

.question-text {
  line-height: 1.7;
  margin-bottom: 1.5rem; }
  .question-text img {
    display: inline;
    vertical-align: middle; }
    .question-text img.Wirisformula {
      max-height: 1.8em;
      margin-bottom: 5px; }
  .question-text li {
    list-style-type: disc;
    margin-left: 1em; }
  .question-text .question-text-stem {
    margin-left: 2.5rem; }
  .question-text .question-image {
    margin-top: 2rem;
    margin-bottom: 2rem; }
    .question-text .question-image img, .question-text .question-image svg {
      display: block;
      margin: 0 auto;
      max-width: 100%; }

.question-asset {
  margin-top: 1.5rem; }

.question-choice-group {
  margin-top: 1.5rem; }
  .question-choice-group .answer-letter {
    font-weight: bolder;
    margin-right: 0.4em; }
    .question-choice-group .answer-letter.student {
      font-size: 1.2em; }
  .question-choice-group.feedback .letter-choice {
    height: 20px;
    width: 15px;
    margin-top: -7px;
    margin-right: 0.5em; }
  .question-choice-group.feedback .question-choice {
    border: 1px solid #dbdcde;
    padding: 1em; }
  .question-choice-group.feedback .answer-letter, .question-choice-group.feedback .answer-text.student {
    display: inline-block;
    font-size: 1em;
    color: #7a7a7a; }
  .question-choice-group.feedback .answer-text.student {
    width: inherit; }
  .question-choice-group.feedback .chosen {
    margin-right: 0;
    margin-left: 0; }

.question-meta .eligible-content .button-link {
  text-decoration: none;
  font-weight: normal;
  color: inherit; }

.question-group .question,
.question-group .sortable-item {
  border: 1px solid #dbdcde;
  margin-bottom: 1.5rem;
  position: relative; }

.question-group .question-header {
  *zoom: 1;
  position: relative;
  padding: 1rem; }
  .question-group .question-header:after {
    content: "";
    display: table;
    clear: both; }
  .question-group .question-header .question-title-wrapper {
    float: left;
    width: calc(100% - (20px + 1em)); }
    .question-group .question-header .question-title-wrapper .question-status {
      display: inline;
      margin-right: 0.5em; }
    .question-group .question-header .question-title-wrapper .question-title {
      display: inline; }
    .question-group .question-header .question-title-wrapper .percent-correct {
      float: right;
      display: inline;
      margin-left: 0.5em; }
      .question-group .question-header .question-title-wrapper .percent-correct .percent-correct-data {
        font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
        font-weight: 700;
        margin-bottom: 0.35em;
        line-height: 1.2;
        color: #4c4c4e;
        font-size: 1.4em;
        margin-bottom: 0; }
        .question-group .question-header .question-title-wrapper .percent-correct .percent-correct-data a {
          color: #4c4c4e;
          text-decoration: none; }
          .question-group .question-header .question-title-wrapper .percent-correct .percent-correct-data a:hover, .question-group .question-header .question-title-wrapper .percent-correct .percent-correct-data a:focus {
            color: #262627;
            text-decoration: underline; }
      .question-group .question-header .question-title-wrapper .percent-correct .num-points {
        font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
        font-weight: 700;
        margin-bottom: 0.35em;
        line-height: 1.2;
        color: #4c4c4e;
        font-size: 1.2em;
        margin-bottom: 0; }
        .question-group .question-header .question-title-wrapper .percent-correct .num-points a {
          color: #4c4c4e;
          text-decoration: none; }
          .question-group .question-header .question-title-wrapper .percent-correct .num-points a:hover, .question-group .question-header .question-title-wrapper .percent-correct .num-points a:focus {
            color: #262627;
            text-decoration: underline; }
      .question-group .question-header .question-title-wrapper .percent-correct .percent-correct-label .percent-sign {
        font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
        font-weight: 700; }
  .question-group .question-header .toggle-trigger {
    position: absolute;
    top: 1rem;
    right: 1rem;
    height: 20px;
    width: 20px;
    outline: none;
    transition: transform .2s linear; }
  .question-group .question-header .cp-is-open .toggle-trigger {
    transform: rotate(-180deg);
    transform-origin: center center; }
  .question-group .question-header .cp-is-open + .question-text-teaser {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }
  .question-group .question-header .question-text-teaser {
    color: #7a7a7a;
    padding-top: 1rem;
    clear: both; }
    .question-group .question-header .question-text-teaser img {
      display: inline;
      vertical-align: middle; }
      .question-group .question-header .question-text-teaser img.Wirisformula {
        max-height: 1.8em;
        margin-bottom: 5px; }
    .question-group .question-header .question-text-teaser li {
      list-style-type: circle;
      margin-left: 1em; }
    .question-group .question-header .question-text-teaser p {
      margin-bottom: 0; }

.question-group .question-content {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem; }

.question-group .question-meta {
  padding: 1rem;
  background-color: #eeeff0; }

.question-group.is-editable .question,
.question-group.is-editable .sortable-item {
  padding-right: 2.7em; }

.question-group.is-editable .delete {
  float: right;
  margin-bottom: 1em; }
  .question-group.is-editable .delete .icon-delete {
    margin-right: 0; }

.question-group.is-editable .drag {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  background-color: #eeeff0;
  padding: 0 0.35em; }
  .question-group.is-editable .drag .icon-drag {
    margin-right: 0; }

.question-asset {
  margin-bottom: 1em; }
  .question-asset img {
    width: 100%; }

.question-choice {
  margin-bottom: 0.5em; }
  .question-view .question-choice {
    padding-bottom: 1.5em;
    border-bottom: 1px solid #dbdcde;
    margin-bottom: 1.5em;
    margin-bottom: 1rem;
    padding-bottom: 1rem; }
    .question-view .question-choice:last-of-type {
      border: 0 none;
      margin-bottom: 0;
      padding-bottom: 1rem; }
  .question-choice.chosen {
    background-color: #fdeece;
    padding: 0.25em 1rem;
    margin-left: -1rem;
    margin-right: -1rem; }
  .question-choice .answer-text {
    vertical-align: middle;
    margin-left: 0.5em;
    display: inline-block;
    width: calc(100% - 3.5em - 65px); }
    .question-choice .answer-text.student {
      width: calc(100% - 4em);
      font-size: 1.2em;
      margin-top: -1.75px; }
    .question-choice .answer-text img {
      display: inline;
      vertical-align: middle; }
      .question-choice .answer-text img.Wirisformula {
        max-height: 1.8em;
        margin-bottom: 5px; }
  .question-choice .letter-choice {
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 700;
    color: #7a7a7a;
    vertical-align: middle;
    display: inline-block;
    height: 20px;
    width: 2.5em; }
    .question-choice .letter-choice .letter {
      margin-top: 2px;
      vertical-align: middle; }
    .question-choice .letter-choice.student-review {
      height: auto; }
  .question-choice .students-answered {
    color: #7a7a7a;
    font-size: 0.875em;
    float: right;
    color: #2e72e3; }
    .question-choice .students-answered.zero-students {
      color: #4c4c4e; }
    .question-choice .students-answered .students-answered-data {
      font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
      font-weight: 700;
      font-size: 1.2em; }
  .question-choice .rationale {
    display: block;
    font-style: italic;
    margin-top: 0.15em;
    margin-left: 3.5em;
    font-size: 0.875em; }

.button-pad {
  margin: auto;
  text-align: center;
  padding-bottom: 1em; }

.unanswered-warning {
  text-align: center;
  padding-bottom: 1em; }
  .unanswered-warning h4 {
    color: #ed633b; }

.student-review-question .question {
  max-width: 32em;
  margin-left: auto;
  margin-right: auto;
  border-radius: 16px;
  overflow: hidden;
  border: 0 none;
  background-color: inherit; }

.student-review-question .question-content {
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1rem;
  background-color: #fff; }

.student-review-question .add-action-wrapper {
  text-align: center; }
  .student-review-question .add-action-wrapper .add-question-button {
    max-width: 500px; }

.editable-question .passage-subtitle {
  margin-bottom: 1.5rem; }

.editable-question .view-passage {
  margin: 0 auto 2rem auto;
  display: block; }

.editable-question .question {
  max-width: 32em;
  margin-left: auto;
  margin-right: auto;
  border-radius: 16px;
  overflow: hidden;
  border: 0 none;
  background-color: inherit; }
  .editable-question .question.slide-down {
    animation: slideDown .5s linear; }
  .editable-question .question.slide-up {
    animation: slideUp .5s linear; }
  .editable-question .question.delete {
    animation: deleteQuestion .5s linear; }

.editable-question .question-content {
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1rem;
  background-color: #fff; }

.editable-question .add-action-wrapper {
  text-align: center; }
  .editable-question .add-action-wrapper .add-question-button {
    max-width: 500px; }

.unanswered-questions {
  *zoom: 1;
  background-color: #ed633b;
  position: relative;
  color: #b2bcd7;
  padding: 1rem 1.5rem; }
  .unanswered-questions:after {
    content: "";
    display: table;
    clear: both; }
  .unanswered-questions .question-counter {
    text-align: center; }

.answered-questions {
  *zoom: 1;
  background-color: #445584;
  position: relative;
  color: #b2bcd7;
  padding: 1rem 1.5rem; }
  .answered-questions:after {
    content: "";
    display: table;
    clear: both; }
  .answered-questions .question-counter {
    text-align: center; }

.question-footer {
  padding: 1rem;
  background-color: #eeeff0;
  text-align: center; }
  .question-footer .report-issue .button-link {
    color: #7a7a7a;
    font-weight: normal; }
  @media (min-width: 31.25em) {
    .question-footer .report-issue {
      float: right; } }

.question-edit-controls {
  *zoom: 1;
  background-color: #445584;
  position: relative;
  color: #b2bcd7;
  padding: 1rem 1.5rem; }
  .question-edit-controls:after {
    content: "";
    display: table;
    clear: both; }
  .question-edit-controls .reorder-controls {
    display: inline;
    float: left;
    width: 22.375%;
    margin-right: 3.5%;
    margin-left: 0;
    min-height: 1px; }
    @media (min-width: 37.5em) {
      .question-edit-controls .reorder-controls {
        display: inline;
        float: left;
        width: 13.75%;
        margin-right: 3.5%;
        margin-left: 0; } }
    .question-edit-controls .reorder-controls .reorder {
      border: 0 none;
      padding: 0;
      background-color: transparent; }
      .question-edit-controls .reorder-controls .reorder:hover, .question-edit-controls .reorder-controls .reorder:focus {
        background-color: transparent;
        border-color: inherit; }
      .is-first .question-edit-controls .reorder-controls .reorder.up {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px; }
      .is-last .question-edit-controls .reorder-controls .reorder.down {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px; }
  .question-edit-controls .question-counter {
    display: inline;
    float: left;
    width: 65.5%;
    margin-right: 3.5%;
    margin-left: 0; }
    @media (min-width: 37.5em) {
      .question-edit-controls .question-counter {
        text-align: center; } }
  .question-edit-controls .remove-controls {
    display: inline;
    float: left;
    width: 5.125%;
    margin-right: 3.5%;
    margin-left: 0;
    margin-right: 0; }
    @media (min-width: 37.5em) {
      .question-edit-controls .remove-controls {
        display: inline;
        float: left;
        width: 13.75%;
        margin-right: 3.5%;
        margin-left: 0;
        margin-right: 0;
        text-align: right; } }
  .question-edit-controls .secondary-content .report-issue .button-link {
    color: #7a7a7a;
    font-weight: normal; }
  @media (min-width: 31.25em) {
    .question-edit-controls .secondary-content .report-issue {
      float: right; } }

.big-equation .Wirisformula {
  max-height: 3em !important;
  min-height: 2.2em !important; }

.extra-big-equation .Wirisformula {
  max-height: 5em !important;
  min-height: 2.2em !important; }

.snapshot-container {
  *zoom: 1;
  padding: 1rem;
  text-align: center;
  background-color: #ebf4f8;
  margin-bottom: 1.5rem; }
  .snapshot-container:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 37.5em) {
    .snapshot-container {
      padding: 1.5rem; } }
  .snapshot-container.snapshot-double > :last-child {
    margin-top: 32px; }
  @media (min-width: 37.5em) {
    .snapshot-container.snapshot-double .hide-m {
      display: none; } }
  @media (min-width: 37.5em) {
    .snapshot-container.snapshot-double .snapshot-item {
      float: left;
      width: 50%; }
    .snapshot-container.snapshot-double > :last-child {
      margin-top: 0px; } }
  .snapshot-container .snapshot-item:not(.single-snapshot-item) {
    padding-bottom: 1.5em;
    border-bottom: 1px solid #dbdcde;
    margin-bottom: 1.5em;
    border-color: #d4e7f0;
    position: relative; }
    @media (min-width: 37.5em) {
      .snapshot-container .snapshot-item:not(.single-snapshot-item) {
        display: inline;
        float: left;
        width: 48.25%;
        margin-right: 3.5%;
        margin-left: 0;
        border-bottom: 0 none;
        margin-bottom: 0;
        padding-bottom: 0; }
        .snapshot-container .snapshot-item:not(.single-snapshot-item):nth-of-type(1n) {
          margin-right: 3.5%;
          float: left;
          clear: none; }
          .lt-ie8 .snapshot-container .snapshot-item:not(.single-snapshot-item):nth-of-type(1n) {
            margin-right: 3.25%; }
        .snapshot-container .snapshot-item:not(.single-snapshot-item):nth-of-type(2n+2) {
          margin-right: 0;
          float: right; }
        .snapshot-container .snapshot-item:not(.single-snapshot-item):nth-of-type(2n+3) {
          clear: both; } }
    .snapshot-container .snapshot-item:not(.single-snapshot-item):last-of-type {
      border-bottom: 0 none;
      margin-bottom: 0;
      padding-bottom: 0; }
  .snapshot-container .snapshot-item:not(.single-snapshot-item) .title {
    margin-bottom: 1.5rem; }
  .snapshot-container .snapshot-item .title {
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 600;
    color: #7a7a7a;
    margin-bottom: 0.5rem; }
  .snapshot-container .snapshot-item .x-axis-label {
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 600;
    color: #7a7a7a;
    margin-bottom: 0.5rem;
    margin-left: 2em;
    font-size: 0.7em; }
  .snapshot-container .snapshot-item .y-axis-label {
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 600;
    color: #7a7a7a;
    margin-bottom: 0.5rem;
    font-size: 0.7em;
    transform: rotate(270deg);
    position: absolute;
    top: 50%;
    width: 50px; }
    @media (min-width: 18.75em) {
      .snapshot-container .snapshot-item .y-axis-label {
        right: 90%; } }
    @media (min-width: 25em) {
      .snapshot-container .snapshot-item .y-axis-label {
        right: 90%; } }
    @media (min-width: 37.5em) {
      .snapshot-container .snapshot-item .y-axis-label {
        right: 95%; } }
    @media (min-width: 43.75em) {
      .snapshot-container .snapshot-item .y-axis-label {
        right: 95%; } }
    @media (min-width: 60em) {
      .snapshot-container .snapshot-item .y-axis-label {
        right: 95%; } }
  @media (min-width: 31.25em) {
    .snapshot-container .snapshot-item .figure {
      max-width: 80%;
      max-height: 270px;
      margin-left: auto;
      margin-right: auto; } }
  @media (min-width: 37.5em) {
    .snapshot-container .snapshot-item .figure {
      max-width: 100%;
      margin-left: 0;
      margin-right: 0; } }
  .snapshot-container .snapshot-item .figure-stat-group {
    margin-top: 0.5em; }
  .snapshot-container .snapshot-item .figure-stat {
    color: #7a7a7a;
    font-size: 0.875em; }
  .snapshot-container .snapshot-item .overview-stat-group .overview-stat {
    *zoom: 1;
    margin-bottom: 1.5rem; }
    .snapshot-container .snapshot-item .overview-stat-group .overview-stat:after {
      content: "";
      display: table;
      clear: both; }
    .snapshot-container .snapshot-item .overview-stat-group .overview-stat:last-of-type {
      margin-bottom: 0; }
    .snapshot-container .snapshot-item .overview-stat-group .overview-stat:first-of-type:not(.single-stat):after {
      content: "";
      background-color: #d4e7f0;
      height: 2px;
      width: 50%;
      display: block;
      margin-top: 1.5rem;
      margin-left: auto;
      margin-right: auto; }
    .snapshot-container .snapshot-item .overview-stat-group .overview-stat:first-of-type .stat-data {
      font-size: 4em; }
      .snapshot-container .snapshot-item .overview-stat-group .overview-stat:first-of-type .stat-data .percent-sign {
        font-size: 0.75em; }
    .snapshot-container .snapshot-item .overview-stat-group .overview-stat .stat-icon {
      width: 50%;
      text-align: right;
      float: left;
      padding-right: 0.5em; }
      .snapshot-container .snapshot-item .overview-stat-group .overview-stat .stat-icon span[class*='icon-'] {
        width: 70px;
        height: 70px;
        margin-top: 0.35em; }
    .snapshot-container .snapshot-item .overview-stat-group .overview-stat .stat-content {
      width: 50%;
      text-align: left;
      float: right; }
    .snapshot-container .snapshot-item .overview-stat-group .overview-stat .stat-data {
      font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
      font-weight: 700;
      margin-bottom: 0.35em;
      line-height: 1.2;
      color: #4c4c4e;
      font-size: 1.4em;
      margin-bottom: 0;
      display: block; }
      .snapshot-container .snapshot-item .overview-stat-group .overview-stat .stat-data a {
        color: #4c4c4e;
        text-decoration: none; }
        .snapshot-container .snapshot-item .overview-stat-group .overview-stat .stat-data a:hover, .snapshot-container .snapshot-item .overview-stat-group .overview-stat .stat-data a:focus {
          color: #262627;
          text-decoration: underline; }
    .snapshot-container .snapshot-item .overview-stat-group .overview-stat .student-result-stat-data {
      font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
      font-weight: 700;
      margin-bottom: 0.35em;
      line-height: 1.2;
      color: #4c4c4e;
      font-size: 2.5em;
      margin-bottom: 0;
      display: block; }
      .snapshot-container .snapshot-item .overview-stat-group .overview-stat .student-result-stat-data a {
        color: #4c4c4e;
        text-decoration: none; }
        .snapshot-container .snapshot-item .overview-stat-group .overview-stat .student-result-stat-data a:hover, .snapshot-container .snapshot-item .overview-stat-group .overview-stat .student-result-stat-data a:focus {
          color: #262627;
          text-decoration: underline; }
    .snapshot-container .snapshot-item .overview-stat-group .overview-stat .stat-label {
      display: block;
      color: #7a7a7a; }
    .snapshot-container .snapshot-item .overview-stat-group .overview-stat .student-result-stat-label {
      font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
      font-weight: 700;
      margin-bottom: 0.35em;
      line-height: 1.2;
      color: #4c4c4e;
      font-size: 1.4em;
      display: block; }
      .snapshot-container .snapshot-item .overview-stat-group .overview-stat .student-result-stat-label a {
        color: #4c4c4e;
        text-decoration: none; }
        .snapshot-container .snapshot-item .overview-stat-group .overview-stat .student-result-stat-label a:hover, .snapshot-container .snapshot-item .overview-stat-group .overview-stat .student-result-stat-label a:focus {
          color: #262627;
          text-decoration: underline; }

@media (min-width: 37.5em) {
  .is-in-progress .snapshot-container .snapshot-item {
    padding: 0;
    border: 0 none;
    margin: 0;
    margin-right: 1.5em;
    display: inline-block; } }

.is-in-progress .snapshot-container .snapshot-item:last-of-type {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0 none; }
  @media (min-width: 37.5em) {
    .is-in-progress .snapshot-container .snapshot-item:last-of-type {
      margin-right: 0; } }

.tabs {
  margin: 0;
  padding: 0; }

.tabs .tab {
  display: inline-block;
  border: none;
  float: none;
  cursor: pointer;
  height: auto;
  line-height: normal;
  margin: 0;
  padding: 0;
  position: static;
  border-radius: 0;
  background-color: transparent;
  color: #000; }

.tabs .tab.selected-tab {
  background: transparent;
  color: #000;
  border-bottom: none; }

.tab-content {
  top: 0;
  position: static;
  clear: both;
  background-color: transparent;
  border-radius: 0;
  padding: 0;
  border: none; }
  .tab-content .view-passage {
    margin-bottom: 1em; }

.tab-wrapper {
  margin-bottom: 1em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around; }
  .tab-wrapper .tab-label {
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 600;
    color: #7a7a7a;
    font-size: 0.875em;
    font-size: 1em;
    -ms-flex: auto;
    flex: auto;
    padding: .5em .4em;
    text-align: center;
    border-bottom: 1px solid #dbdcde;
    background-color: #eeeff0;
    transition: background-color 0.5s ease-in-out; }
    .tab-wrapper .tab-label:hover {
      cursor: pointer; }
    .tab-wrapper .tab-label:hover, .tab-wrapper .tab-label:active {
      background-color: #fcfcfc; }
    .tab-wrapper .tab-label.isActive {
      background-color: #fff;
      border-top: 1px solid #dbdcde;
      border-left: 1px solid #dbdcde;
      border-right: 1px solid #dbdcde;
      border-bottom: none; }
      .tab-wrapper .tab-label.isActive:hover {
        cursor: default; }
  .tab-wrapper .tab-group,
  .tab-wrapper .tabs {
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    overflow: hidden; }
    @media (min-width: 37.5em) {
      .tab-wrapper .tab-group,
      .tab-wrapper .tabs {
        -ms-flex: 5;
        flex: 5; } }
    .tab-wrapper .tab-group .tab,
    .tab-wrapper .tabs .tab {
      background-color: #eeeff0;
      border-bottom: 1px solid #dbdcde;
      border-top: 1px solid #fff;
      display: inline-block;
      margin: 0;
      -ms-flex: 1;
      flex: 1;
      padding: 0.75em 0.5em; }
      .no-flexbox .tab-wrapper .tab-group .tab, .no-flexbox
      .tab-wrapper .tabs .tab {
        width: 50%;
        float: left; }
      .tab-wrapper .tab-group .tab:hover, .tab-wrapper .tab-group .tab:focus,
      .tab-wrapper .tabs .tab:hover,
      .tab-wrapper .tabs .tab:focus {
        background-color: #f9f9fa; }
      .tab-wrapper .tab-group .tab:first-of-type,
      .tab-wrapper .tabs .tab:first-of-type {
        border-left: 0; }
      .tab-wrapper .tab-group .tab.selected-tab, .tab-wrapper .tab-group .tab.is-active,
      .tab-wrapper .tabs .tab.selected-tab,
      .tab-wrapper .tabs .tab.is-active {
        color: #4c4c4e;
        background-color: #fff;
        border-left: 1px solid #dbdcde;
        border-right: 1px solid #dbdcde;
        border-bottom: 1px solid #fff;
        border-top: 1px solid #dbdcde; }
        .tab-wrapper .tab-group .tab.selected-tab:hover, .tab-wrapper .tab-group .tab.selected-tab:focus, .tab-wrapper .tab-group .tab.is-active:hover, .tab-wrapper .tab-group .tab.is-active:focus,
        .tab-wrapper .tabs .tab.selected-tab:hover,
        .tab-wrapper .tabs .tab.selected-tab:focus,
        .tab-wrapper .tabs .tab.is-active:hover,
        .tab-wrapper .tabs .tab.is-active:focus {
          color: #4c4c4e;
          cursor: default;
          background-color: #fff; }
      .tab-wrapper .tab-group .tab:not(.selected-tab),
      .tab-wrapper .tabs .tab:not(.selected-tab) {
        color: #7a7a7a; }
        .tab-wrapper .tab-group .tab:not(.selected-tab):hover, .tab-wrapper .tab-group .tab:not(.selected-tab):focus,
        .tab-wrapper .tabs .tab:not(.selected-tab):hover,
        .tab-wrapper .tabs .tab:not(.selected-tab):focus {
          color: #616161; }

.tab-list {
  margin-bottom: 1.5rem;
  clear: left; }
  .tab-list .item-header {
    *zoom: 1;
    margin-bottom: 2rem; }
    .tab-list .item-header:after {
      content: "";
      display: table;
      clear: both; }
    .tab-list .item-header .x-input-checkbox {
      margin-top: 1em; }
    @media (min-width: 60em) {
      .tab-list .item-header .x-input-checkbox {
        display: inline;
        float: left;
        width: 48.25%;
        margin-right: 3.5%;
        margin-left: 0;
        display: inline-block;
        margin-top: 0; } }

.results-filters-group {
  padding-top: 0.2em; }
  .results-filters-group .resource-filters .search-field {
    width: 100%;
    padding: 0.5em 0em 0.5em 0em; }
    .results-filters-group .resource-filters .search-field .x-input {
      width: 70%;
      float: left; }
      .results-filters-group .resource-filters .search-field .x-input label {
        margin: 0; }
      .results-filters-group .resource-filters .search-field .x-input input {
        height: 45px; }
    .results-filters-group .resource-filters .search-field button {
      width: 27%;
      float: right;
      height: 45px; }
  .results-filters-group .resource-filters fieldset {
    margin-bottom: 0; }
  .results-filters-group .resource-filters .three-up button {
    margin-left: 1em; }
  .results-filters-group .resource-filters .three-up select {
    height: 45px; }
  .results-filters-group .resource-filters .three-up input {
    height: 45px; }

.result-level {
  float: right;
  margin-right: 0.5em;
  display: none; }
  @media (min-width: 25em) {
    .result-level {
      display: inline-block;
      margin-right: 1em; } }
  @media (min-width: 60em) {
    .result-level {
      margin-right: 5em; } }
  .result-level .result-level-inner {
    float: left;
    width: 175px; }

.delete-result {
  float: right;
  margin-right: 6em; }
  @media (min-width: 25em) {
    .delete-result {
      margin-right: 0.5em;
      display: inline-block; } }
  @media (min-width: 60em) {
    .delete-result {
      margin-right: 2em; } }
  .delete-result.in-progress {
    display: none; }
    @media (min-width: 25em) {
      .delete-result.in-progress {
        display: inline-block; } }

.result {
  border: 1px #dbdcde solid;
  margin-bottom: 2em;
  padding: 1em; }

.result.resource .title {
  margin-bottom: 0.75em; }

@media (min-width: 43.75em) {
  .result.resource .number-ratings {
    display: inline;
    float: left;
    width: 31%;
    margin-right: 3.5%;
    margin-left: 0;
    float: right;
    margin-top: 2.3em; } }

@media (min-width: 60em) {
  .result.resource .number-ratings {
    display: inline;
    float: left;
    width: 22.375%;
    margin-right: 3.5%;
    margin-left: 0;
    float: right; } }

@media (min-width: 43.75em) {
  .result.resource .rating-count {
    display: block; } }

@media (min-width: 43.75em) {
  .result.resource .resource-type-group {
    display: inline-block;
    margin-right: 0.5em; } }

@keyframes dismiss {
  0% {
    transform: translate(0px, 0px);
    opacity: 1; }
  50% {
    transform: translate(-50%, 0px); }
  100% {
    transform: translate(-100%, 0px);
    opacity: 0; } }

@keyframes send {
  0% {
    transform: translate(0px, 0px);
    opacity: 1; }
  50% {
    transform: translate(50%, 0px); }
  100% {
    transform: translate(100%, 0px);
    opacity: 0; } }

@keyframes stackCard {
  0% {
    transform: translate(0px, 0px); }
  50% {
    transform: translate(0px, -50%); }
  100% {
    transform: translate(0px, -100%); } }

.resource-item-group .resource-item p {
  margin-bottom: 0; }

@media (min-width: 37.5em) {
  .resource-item-group .resource-item .resource-info {
    display: inline;
    float: left;
    width: 65.5%;
    margin-right: 3.5%;
    margin-left: 0; } }

@media (min-width: 37.5em) {
  .resource-item-group .resource-item .resource-meta {
    display: inline;
    float: left;
    width: 31%;
    margin-right: 3.5%;
    margin-left: 0;
    margin-right: 0; } }

.resource-item-group .resource-item .subject-label {
  margin-bottom: 0.25em; }

.resource {
  position: relative;
  *zoom: 1; }
  .resource:after {
    content: "";
    display: table;
    clear: both; }
  .search-results-container .resource:hover, .search-results-container .resource:focus {
    text-decoration: none;
    background-color: #e7f2f7;
    color: #0d1c4b;
    cursor: pointer; }
  .resource.result {
    border-radius: 10px; }
  .resource .bookmark-link {
    position: absolute;
    top: -3px;
    right: 1.5%; }
    .resource .bookmark-link .bookmark .icon-bookmark {
      position: absolute;
      top: -3px;
      right: 8px;
      opacity: 1;
      transition: opacity 0.4s ease-in; }
    .resource .bookmark-link .bookmark .icon-bookmark-hover, .resource .bookmark-link .bookmark .icon-bookmark-active {
      position: absolute;
      top: -3px;
      right: 8px;
      opacity: 0;
      transition: opacity 0.4s ease-in; }
    .resource .bookmark-link .bookmark:hover, .resource .bookmark-link .bookmark:focus {
      cursor: pointer; }
      .resource .bookmark-link .bookmark:hover .icon-bookmark, .resource .bookmark-link .bookmark:focus .icon-bookmark {
        opacity: 0; }
      .resource .bookmark-link .bookmark:hover .icon-bookmark-hover, .resource .bookmark-link .bookmark:focus .icon-bookmark-hover {
        opacity: 1; }
    .resource .bookmark-link .bookmark.active .icon-bookmark, .resource .bookmark-link .bookmark.active .icon-bookmark-hover {
      opacity: 0; }
    .resource .bookmark-link .bookmark.active .icon-bookmark-active {
      opacity: 1; }
    .resource .bookmark-link .bookmark [class^='icon-bookmark'] {
      width: 32px;
      height: 37px; }
  .resource .thumb-up {
    position: relative; }
    .resource .thumb-up .thumb-up-group:hover, .resource .thumb-up .thumb-up-group:focus, .resource .thumb-up .thumb-up-group.active {
      cursor: pointer; }
    .resource .thumb-up .thumb-up-group .icon {
      margin-left: 0.25em; }
    .resource .thumb-up .icon-thumb-up {
      position: relative;
      opacity: 1;
      transition: opacity 0.4s ease-in; }
    .resource .thumb-up .icon-thumb-up-active, .resource .thumb-up .icon-thumb-up-hover {
      position: absolute;
      top: 0px;
      right: 0px;
      opacity: 0;
      transition: opacity 0.4s ease-in; }
    .resource .thumb-up:hover .icon-thumb-up, .resource .thumb-up:focus .icon-thumb-up {
      opacity: 0; }
    .resource .thumb-up:hover .icon-thumb-up-hover, .resource .thumb-up:focus .icon-thumb-up-hover {
      opacity: 1; }
    .resource .thumb-up.active .icon-thumb-up, .resource .thumb-up.active .icon-thumb-up-hover {
      opacity: 0; }
    .resource .thumb-up.active .icon-thumb-up-active {
      opacity: 1; }
  .resource .thumb-down {
    position: relative; }
    .resource .thumb-down .thumb-down-group:hover, .resource .thumb-down .thumb-down-group:focus, .resource .thumb-down .thumb-down-group.active {
      cursor: pointer; }
    .resource .thumb-down .thumb-down-group .icon {
      margin-left: 0.25em; }
    .resource .thumb-down .icon-thumb-down {
      position: relative;
      opacity: 1;
      transition: opacity 0.4s ease-in; }
    .resource .thumb-down .icon-thumb-down-active, .resource .thumb-down .icon-thumb-down-hover {
      position: absolute;
      top: 0px;
      right: 0px;
      opacity: 0;
      transition: opacity 0.4s ease-in; }
    .resource .thumb-down:hover .icon-thumb-down, .resource .thumb-down:focus .icon-thumb-down {
      opacity: 0; }
    .resource .thumb-down:hover .icon-thumb-down-hover, .resource .thumb-down:focus .icon-thumb-down-hover {
      opacity: 1; }
    .resource .thumb-down.active .icon-thumb-down, .resource .thumb-down.active .icon-thumb-down-hover {
      opacity: 0; }
    .resource .thumb-down.active .icon-thumb-down-active {
      opacity: 1; }
  .resource .title-header {
    margin-bottom: 1em; }
    @media (min-width: 43.75em) {
      .resource .title-header {
        display: inline;
        float: left;
        width: 65.5%;
        margin-right: 3.5%;
        margin-left: 0;
        margin-right: 0;
        float: left;
        margin-bottom: 1.5em; } }
    .resource .title-header .provider-name {
      display: inline-block;
      margin-left: 0.25em; }
  @media (min-width: 43.75em) {
    .resource .heading-group {
      *zoom: 1; }
      .resource .heading-group:after {
        content: "";
        display: table;
        clear: both; } }
  .resource .number-ratings {
    margin-bottom: 0.5em; }
    .resource .number-ratings .rating-count {
      display: inline-block;
      margin-right: 1em; }
      @media (min-width: 43.75em) {
        .resource .number-ratings .rating-count {
          display: block; } }
  .resource .level-group {
    clear: left;
    margin-bottom: 0.35em; }
  .resource .subject-label {
    margin-bottom: 0.25em; }

.teacher-recommended-resources .icon-collapse {
  margin-left: 0.25em;
  transition: transform 0.2s; }
  .teacher-recommended-resources .icon-collapse.collapsed {
    transform: rotate(-180deg) translateY(0.4em); }

.teacher-recommended-resources .filter-toggler {
  margin-bottom: 1em; }

.teacher-recommended-resources .recommended-resources-group {
  margin-top: 2em; }

.teacher-recommended-resources .recommended-filters {
  *zoom: 1; }
  .teacher-recommended-resources .recommended-filters:after {
    content: "";
    display: table;
    clear: both; }
  .teacher-recommended-resources .recommended-filters select {
    margin-bottom: 0.5em; }
  @media (min-width: 25em) {
    .teacher-recommended-resources .recommended-filters select {
      margin-bottom: 0; } }
  .teacher-recommended-resources .recommended-filters .level-filter {
    width: 60%;
    float: left; }
    .teacher-recommended-resources .recommended-filters .level-filter.full-width {
      width: 100%; }
  .teacher-recommended-resources .recommended-filters .standard-filter {
    width: 30%;
    margin-left: 2.5%;
    float: right;
    margin-top: 1em; }

.teacher-recommended-resources .recommended-resources-helper-group {
  *zoom: 1;
  margin-bottom: 2.5em;
  text-align: center;
  background-color: #e8ebf2; }
  .teacher-recommended-resources .recommended-resources-helper-group:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 75em) {
    .teacher-recommended-resources .recommended-resources-helper-group {
      text-align: left; } }
  .teacher-recommended-resources .recommended-resources-helper-group .helper-text {
    color: #4c4c4e; }
    @media (min-width: 75em) {
      .teacher-recommended-resources .recommended-resources-helper-group .helper-text {
        margin-top: 0.8em;
        float: left; } }
  .teacher-recommended-resources .recommended-resources-helper-group .button-filter-group {
    width: 100%;
    margin-top: 1em;
    text-align: center; }
    .teacher-recommended-resources .recommended-resources-helper-group .button-filter-group button {
      display: block;
      margin-right: 1.5em;
      margin-bottom: 1em;
      width: 100%;
      max-width: 200px;
      margin-left: auto;
      margin-right: auto; }
    @media (min-width: 75em) {
      .teacher-recommended-resources .recommended-resources-helper-group .button-filter-group {
        float: right;
        margin-top: 0;
        margin-right: 0;
        max-width: 300px; }
        .teacher-recommended-resources .recommended-resources-helper-group .button-filter-group button {
          display: inline;
          width: 45%; } }

.teacher-recommended-resources .sort {
  clear: both;
  margin: 0; }

.teacher-recommended-resources .recommended-student-resource {
  *zoom: 1;
  border: 1px #dbdcde solid;
  margin-bottom: 2em;
  padding: 1.5em;
  border-radius: 10px;
  transition: all 0.5s ease-in-out; }
  .teacher-recommended-resources .recommended-student-resource:after {
    content: "";
    display: table;
    clear: both; }
  .teacher-recommended-resources .recommended-student-resource .send-button {
    min-width: 150px; }
    .teacher-recommended-resources .recommended-student-resource .send-button.sent-button {
      background-color: white;
      transition: all 1s ease-in-out; }
  .teacher-recommended-resources .recommended-student-resource.dismiss {
    animation: dismiss .5s linear; }
  .teacher-recommended-resources .recommended-student-resource.send {
    animation: send .5s linear; }
  .teacher-recommended-resources .recommended-student-resource.fastSend {
    animation: send .25s linear; }
  .teacher-recommended-resources .recommended-student-resource.stack {
    animation: stackCard .5s linear; }
  .teacher-recommended-resources .recommended-student-resource.last-resource {
    max-height: 500px; }
  .teacher-recommended-resources .recommended-student-resource.close-student {
    max-height: 0;
    opacity: 0; }

.teacher-recommended-resources .parent-student-resource-wrapper a {
  text-decoration: none;
  color: #4c4c4e; }

.teacher-recommended-resources .parent-student-resource-wrapper .parent-student-resource {
  *zoom: 1;
  border: 1px #dbdcde solid;
  margin-bottom: 2em;
  padding: 1.5em;
  border-radius: 10px;
  max-width: 600px;
  transition: all 0.4s ease-in; }
  .teacher-recommended-resources .parent-student-resource-wrapper .parent-student-resource:after {
    content: "";
    display: table;
    clear: both; }
  .teacher-recommended-resources .parent-student-resource-wrapper .parent-student-resource .new-link {
    margin-top: -1.3em; }
  @media (min-width: 60em) {
    .teacher-recommended-resources .parent-student-resource-wrapper .parent-student-resource .viewed-group {
      float: right;
      margin-right: 0;
      text-align: right; } }
  .teacher-recommended-resources .parent-student-resource-wrapper .parent-student-resource:hover, .teacher-recommended-resources .parent-student-resource-wrapper .parent-student-resource:focus {
    text-decoration: none;
    background-color: #e7f2f7;
    color: #0d1c4b;
    cursor: pointer; }
  .teacher-recommended-resources .parent-student-resource-wrapper .parent-student-resource .send-button {
    width: 150px;
    height: 42px; }
    .teacher-recommended-resources .parent-student-resource-wrapper .parent-student-resource .send-button.sent-button {
      background-color: white;
      transition: all 1s ease-in-out; }
  .teacher-recommended-resources .parent-student-resource-wrapper .parent-student-resource.dismiss {
    animation: dismiss .5s linear; }
  .teacher-recommended-resources .parent-student-resource-wrapper .parent-student-resource.send {
    animation: send .5s linear; }
  .teacher-recommended-resources .parent-student-resource-wrapper .parent-student-resource.fastSend {
    animation: send .25s linear; }
  .teacher-recommended-resources .parent-student-resource-wrapper .parent-student-resource.stack {
    animation: stackCard .5s linear; }

.teacher-recommended-resources .student-info .avatar-wrapper {
  display: inline; }
  .teacher-recommended-resources .student-info .avatar-wrapper .avatar {
    width: 40px;
    height: 40px;
    display: inline;
    margin-bottom: -7px; }

.teacher-recommended-resources .student-info .student-name {
  display: inline-block;
  margin-left: 5px; }

.teacher-recommended-resources .resource-information {
  margin-bottom: 1.5em;
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px solid #dbdcde; }
  .teacher-recommended-resources .resource-information .subject-wrapper .subject-label {
    margin-right: 0.25em; }
    .teacher-recommended-resources .resource-information .subject-wrapper .subject-label:after {
      content: "\2022";
      padding-left: 0.5em;
      padding-right: 0.25em;
      color: #b1b3b5; }
  @media (min-width: 37.5em) {
    .teacher-recommended-resources .resource-information .subject-wrapper .eligible-content {
      display: inline-block; } }
  .teacher-recommended-resources .resource-information .eligible-content, .teacher-recommended-resources .resource-information .grade-level, .teacher-recommended-resources .resource-information .send-date {
    display: block;
    margin-top: 0.25em; }
  @media (min-width: 60em) {
    .teacher-recommended-resources .resource-information {
      display: inline;
      float: left;
      width: 65.5%;
      margin-right: 3.5%;
      margin-left: 0; } }
  .teacher-recommended-resources .resource-information.parent {
    margin-top: 0;
    padding-top: 0;
    border-top: none; }
    @media (min-width: 60em) {
      .teacher-recommended-resources .resource-information.parent {
        display: inline;
        float: left;
        width: 61.1875%;
        margin-right: 3.5%;
        margin-left: 0;
        border-left: none; } }

.teacher-recommended-resources .student-name {
  display: block;
  margin: 0;
  margin-bottom: 0.15em; }

.teacher-recommended-resources .last-quiz-info {
  color: #7a7a7a;
  font-size: 0.875em;
  font-size: 1.1em; }

.teacher-recommended-resources .resource-provider h5 {
  display: inline; }

.teacher-recommended-resources .resource-provider, .teacher-recommended-resources .grade-level {
  display: block; }

.teacher-recommended-resources .resource-link {
  display: block; }

.teacher-recommended-resources .resource-link a {
  text-decoration: none; }

.teacher-recommended-resources .button-group button, .teacher-recommended-resources .viewed-group button {
  margin-right: 1.5em;
  margin-bottom: 1em; }
  @media (min-width: 60em) {
    .teacher-recommended-resources .button-group button, .teacher-recommended-resources .viewed-group button {
      display: block;
      margin-left: auto;
      margin-right: auto; } }

.teacher-recommended-resources .button-group .resend-button, .teacher-recommended-resources .viewed-group .resend-button {
  margin-left: 1.5em;
  min-width: 105px; }
  .teacher-recommended-resources .button-group .resend-button.sent-button, .teacher-recommended-resources .viewed-group .resend-button.sent-button {
    background-color: white;
    transition: all 1s ease-in-out; }
  @media (min-width: 60em) {
    .teacher-recommended-resources .button-group .resend-button, .teacher-recommended-resources .viewed-group .resend-button {
      margin-top: 1em;
      display: block;
      margin-left: auto;
      margin-right: auto; } }

@media (min-width: 60em) {
  .teacher-recommended-resources .button-group, .teacher-recommended-resources .viewed-group {
    text-align: center;
    display: inline;
    float: left;
    width: 26.6875%;
    margin-right: 3.5%;
    margin-left: 0;
    margin-top: 3em; } }

@media (min-width: 60em) {
  .teacher-recommended-resources .button-group a, .teacher-recommended-resources .viewed-group a {
    text-align: center; } }

.teacher-recommended-resources .viewed-group .view-date {
  margin-left: 1.1em; }

.teacher-recommended-resources .viewed-group .viewed, .teacher-recommended-resources .viewed-group .view-date {
  display: inline-block; }
  @media (min-width: 60em) {
    .teacher-recommended-resources .viewed-group .viewed, .teacher-recommended-resources .viewed-group .view-date {
      display: block; } }

.recommended-resource-item {
  max-height: 400px;
  transition: all 0.5s ease-in-out; }
  .recommended-resource-item.slide-up {
    max-height: 0;
    opacity: 0; }

.flash-warning .warning-icon {
  width: 100px; }
  .flash-warning .warning-icon .icon {
    margin-bottom: 0; }

.flash-warning .warning-text {
  text-align: center; }
  .flash-warning .warning-text h6 {
    font-weight: 600; }

.flash-warning-box {
  border: 1px solid;
  padding-top: 1em;
  padding-right: 1em; }

.quiz-status {
  padding: 1rem;
  border: 1px solid #dbdcde;
  margin-bottom: 1.5rem;
  text-align: center; }
  .quiz-status .quiz-status-title {
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 700;
    margin-bottom: 0.35em;
    line-height: 1.2;
    color: #4c4c4e;
    font-size: 1.8em; }
    .quiz-status .quiz-status-title a {
      color: #4c4c4e;
      text-decoration: none; }
      .quiz-status .quiz-status-title a:hover, .quiz-status .quiz-status-title a:focus {
        color: #262627;
        text-decoration: underline; }
  .quiz-status .quiz-status-stat {
    font-size: 1.2em; }
    .quiz-status .quiz-status-stat.score-percentage .number {
      font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
      font-weight: 700; }

.breadcrumb-group {
  color: #7a7a7a;
  font-size: 0.875em; }
  .breadcrumb-group .breadcrumb-divider {
    color: #6579b0;
    margin-left: 0.35em;
    margin-right: 0.15em; }
  .breadcrumb-group .breadcrumb {
    display: inline-block;
    color: #445584; }
    .breadcrumb-group .breadcrumb a {
      transition: color 0.4s ease-in-out;
      color: #2e72e3;
      text-decoration: underline;
      color: #152d76; }
      .breadcrumb-group .breadcrumb a:hover, .breadcrumb-group .breadcrumb a:focus {
        color: #144597;
        text-decoration: underline; }
      .breadcrumb-group .breadcrumb a:hover, .breadcrumb-group .breadcrumb a:focus {
        color: #0d1c4b; }

.page-header {
  background: url("/assets/images/bg-pattern-light.svg") left -50px #a7e5e5 repeat;
  margin-bottom: 1.5rem; }
  .page-header .breadcrumb-wrapper {
    padding-top: 1rem;
    padding-bottom: 1rem; }
    @media (min-width: 43.75em) {
      .page-header .breadcrumb-wrapper {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem; } }
  .page-header .meta-wrapper {
    padding-top: 1rem;
    padding-bottom: 1rem; }
    @media (min-width: 43.75em) {
      .page-header .meta-wrapper {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem; } }
    .page-header .meta-wrapper .meta li {
      color: #445584; }
      .page-header .meta-wrapper .meta li:after {
        color: #7687b8; }
  .page-header .meta-wrapper.reversed .meta li {
    color: #ebf4f8; }
  .page-header .page-title {
    color: #0d1c4b;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .page-header .breadcrumb-wrapper + .meta-wrapper {
    padding-top: 0;
    margin-top: -0.75rem; }
  @media (min-width: 43.75em) {
    .page-header .quiz-meta {
      display: inline;
      float: left;
      width: 56.875%;
      margin-right: 3.5%;
      margin-left: 0;
      margin-bottom: 0; } }
  @media (min-width: 60em) {
    .page-header .quiz-meta {
      display: inline;
      float: left;
      width: 65.5%;
      margin-right: 3.5%;
      margin-left: 0; } }
  .page-header .progress-meter-wrapper {
    margin-top: 1rem; }
    @media (min-width: 43.75em) {
      .page-header .progress-meter-wrapper {
        display: inline;
        float: left;
        width: 39.625%;
        margin-right: 3.5%;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0; } }
    @media (min-width: 60em) {
      .page-header .progress-meter-wrapper {
        display: inline;
        float: left;
        width: 31%;
        margin-right: 3.5%;
        margin-left: 0;
        margin-right: 0; } }

.page-header.mission {
  background-color: #101f53;
  overflow: hidden;
  position: relative; }
  .page-header.mission:before {
    content: "";
    position: absolute;
    background: linear-gradient(180deg, rgba(16, 31, 83, 0.8), rgba(16, 31, 83, 0));
    width: 100%;
    height: 20px;
    z-index: 100; }
  .page-header.mission .page-title {
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 700;
    margin-bottom: 0.35em;
    line-height: 1.2;
    color: #4c4c4e;
    font-size: 1.4em;
    margin-bottom: 0.15em;
    color: #fff; }
    .page-header.mission .page-title a {
      color: #4c4c4e;
      text-decoration: none; }
      .page-header.mission .page-title a:hover, .page-header.mission .page-title a:focus {
        color: #262627;
        text-decoration: underline; }
  .page-header.mission .meta-wrapper {
    padding-bottom: 0; }
  .page-header.mission .meta-wrapper .mission-meta li, .page-header.mission .point-count {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #eeeff0; }
  .page-header.mission .mission-meta {
    font-size: 0.875em; }
    @media (min-width: 43.75em) {
      .page-header.mission .mission-meta {
        display: inline;
        float: left;
        width: 56.875%;
        margin-right: 3.5%;
        margin-left: 0; } }
    .page-header.mission .mission-meta a {
      color: #eeeff0; }
  .page-header.mission .point-count {
    margin-top: 1rem;
    font-size: 0.875em; }
    @media (min-width: 43.75em) {
      .page-header.mission .point-count {
        display: inline;
        float: left;
        width: 39.625%;
        margin-right: 3.5%;
        margin-left: 0;
        margin-right: 0;
        margin-top: -1em; } }
    @media (min-width: 43.75em) {
      .page-header.mission .point-count .points-earned {
        font-size: 1rem; } }
    .page-header.mission .point-count .points-earned:after {
      content: "/";
      padding-left: 0.5em;
      padding-right: 0.5em; }
  .page-header.mission .mission-imagery {
    position: relative;
    overflow: hidden;
    margin: -1em -5% 0.25em -5%; }
    @media (min-width: 43.75em) {
      .page-header.mission .mission-imagery {
        display: inline;
        float: left;
        width: 39.625%;
        margin-right: 3.5%;
        margin-left: 0;
        margin-right: 0;
        float: right;
        font-size: 1em;
        overflow: visible;
        margin-bottom: 0; } }
    .page-header.mission .mission-imagery .spaceship-img {
      padding-left: 1em;
      width: 70px;
      position: relative;
      z-index: 100; }
      @media (min-width: 60em) {
        .page-header.mission .mission-imagery .spaceship-img {
          width: 90px; } }
    .page-header.mission .mission-imagery .planet-img {
      position: absolute;
      top: -150px;
      width: 223px;
      right: -70px; }
      @media (min-width: 31.25em) {
        .page-header.mission .mission-imagery .planet-img {
          right: 0; } }
      @media (min-width: 43.75em) {
        .page-header.mission .mission-imagery .planet-img {
          top: -100px; } }

.call-out {
  width: 100%;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
  background: url("/assets/images/bg-fade.svg") top center no-repeat, url("/assets/images/bg-pattern-light.svg") left top repeat;
  background-color: #fce6b6;
  padding: 1rem;
  margin-bottom: 1.5em;
  text-align: center; }
  .call-out .icon {
    margin-bottom: 1rem; }
  .call-out .title {
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 600;
    color: #7a7a7a;
    font-size: 0.875em; }
  .call-out p {
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 700;
    margin-bottom: 0.35em;
    line-height: 1.2;
    color: #4c4c4e;
    font-size: 1.4em; }
    .call-out p a {
      color: #4c4c4e;
      text-decoration: none; }
      .call-out p a:hover, .call-out p a:focus {
        color: #262627;
        text-decoration: underline; }
    .call-out p:last-of-type {
      margin-bottom: 0; }

.helper-text {
  color: #7a7a7a;
  font-size: 0.875em;
  display: block;
  margin-top: 0.5rem; }

.tip {
  *zoom: 1;
  position: relative;
  padding: 2rem;
  text-align: center;
  margin: 0 3rem;
  border: 1px solid #dbdcde;
  border-radius: 25px;
  margin-top: 2em;
  color: #000; }
  .tip:after {
    content: "";
    display: table;
    clear: both; }
  .tip.pad-bottom {
    margin-bottom: 2em; }
  .tip.is-dismissed {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }
  .tip .close-tip-trigger {
    position: absolute;
    top: 0.75em;
    right: 0.75em;
    background-color: transparent;
    padding: 0;
    border: 0 none; }
    .tip .close-tip-trigger [class^='icon'] {
      margin: 0;
      display: block;
      width: 20px;
      height: 20px; }
  @media (min-width: 43.75em) {
    .tip .icon {
      display: inline;
      float: left;
      width: 13.75%;
      margin-right: 3.5%;
      margin-left: 0; } }
  .tip .icon-tip {
    height: 50px; }
  .tip em {
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 700;
    font-style: normal; }
  .tip .white-bg {
    color: #4c4c4e; }
  .tip p {
    margin-bottom: 0;
    color: #fff; }
    @media (min-width: 43.75em) {
      .tip p {
        display: inline;
        float: left;
        width: 82.75%;
        margin-right: 3.5%;
        margin-left: 0;
        margin-right: 0; } }

.page-title-wrapper {
  text-align: center;
  margin-bottom: -0.5rem; }
  .page-title-wrapper > .container {
    padding: 1rem; }
  .page-title-wrapper .icon {
    margin-bottom: 1rem; }
  .page-title-wrapper .page-title {
    margin: 0;
    color: #89dcdc; }

.dark-theme {
  margin-bottom: -3rem;
  padding-bottom: 3rem;
  background: #0d1c4b url("/assets/images/bg-pattern-dark-theme.svg") left -50px repeat; }
  .dark-theme .page-header {
    background: none;
    background-color: transparent;
    margin-bottom: 0; }
  .dark-theme .breadcrumb-group {
    margin-bottom: 1em;
    text-align: center; }
    .dark-theme .breadcrumb-group .breadcrumb a {
      color: #7687b8; }
  .dark-theme .meta-wrapper {
    margin-bottom: 0; }
  .dark-theme .page-content {
    margin-bottom: 0;
    padding-top: 0; }
    .dark-theme .page-content.less-top-padding {
      padding-top: 2em; }
  .dark-theme .inline-form-text {
    color: #d1d8e5; }
  .dark-theme .section-title {
    color: #d1d8e5; }
  .dark-theme .reversed-text {
    color: #d1d8e5; }
  .dark-theme input[type="email"]:focus,
  .dark-theme input[type="password"]:focus,
  .dark-theme input[type="text"]:focus,
  .dark-theme input[type="tel"]:focus,
  .dark-theme input[type="number"]:focus,
  .dark-theme input[type="url"]:focus,
  .dark-theme textarea:focus {
    outline: solid #1b3996; }
  .dark-theme .helper-text {
    color: #a0afc9; }
  .dark-theme .button-subtle {
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 700;
    transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
    border: 1px solid #c4cdde;
    border-radius: 2px;
    display: inline-block;
    padding: 0.75em 1em;
    text-decoration: none;
    color: #0d1c4b;
    background-color: #c4cdde;
    text-align: center;
    background-color: #556ba6;
    border-color: #556ba6;
    color: #fff; }
    .dark-theme .button-subtle:hover, .dark-theme .button-subtle:focus {
      text-decoration: none;
      background-color: #fff;
      border-color: #fff;
      color: #0d1c4b; }
    .dark-theme .button-subtle:hover, .dark-theme .button-subtle:focus {
      background-color: #6579b0;
      border-color: #445584;
      color: #fff; }
    .dark-theme .button-subtle.no-dark {
      background-color: transparent;
      border-color: #152d76;
      color: #152d76; }
      .dark-theme .button-subtle.no-dark:hover {
        background-color: #c1cadc; }
  .dark-theme .button {
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 700;
    transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
    border: 1px solid #c4cdde;
    border-radius: 2px;
    display: inline-block;
    padding: 0.75em 1em;
    text-decoration: none;
    color: #0d1c4b;
    background-color: #c4cdde;
    text-align: center; }
    .dark-theme .button:hover, .dark-theme .button:focus {
      text-decoration: none;
      background-color: #fff;
      border-color: #fff;
      color: #0d1c4b; }
  .dark-theme .button-highlight {
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 700;
    transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
    border: 1px solid #c4cdde;
    border-radius: 2px;
    display: inline-block;
    padding: 0.75em 1em;
    text-decoration: none;
    color: #0d1c4b;
    background-color: #c4cdde;
    text-align: center;
    border-color: #fff;
    background-color: #fff;
    color: #152d76; }
    .dark-theme .button-highlight:hover, .dark-theme .button-highlight:focus {
      text-decoration: none;
      background-color: #fff;
      border-color: #fff;
      color: #0d1c4b; }
    .dark-theme .button-highlight:hover, .dark-theme .button-highlight:focus {
      border-color: #d1d8e5;
      background-color: #d1d8e5;
      color: #0d1c4b; }
  .dark-theme .tip {
    max-width: 500px;
    margin: 3em auto;
    border-color: #445584;
    background-color: white; }
    .dark-theme .tip p {
      color: #000; }
    .dark-theme .tip.create-quiz {
      margin: 1.25em auto;
      padding: 1em;
      margin-top: 0; }
    .dark-theme .tip.no-top-margin {
      margin-top: 0; }
    .dark-theme .tip.less-bottom-margin {
      margin-bottom: 2em; }

.selectable-student-item-group {
  *zoom: 1; }
  .selectable-student-item-group:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 60em) {
    .selectable-student-item-group {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  .selectable-student-item-group.show-usernames .meta {
    display: block; }
  .selectable-student-item-group ul.meta {
    font-family: sans-serif !important; }
  .selectable-student-item-group .selectable-student-item {
    list-style-type: none; }
    @media (min-width: 60em) {
      .selectable-student-item-group .selectable-student-item {
        display: inline;
        float: left;
        width: 31%;
        margin-right: 3.5%;
        margin-left: 0; }
        .selectable-student-item-group .selectable-student-item:nth-of-type(1n) {
          margin-right: 3.5%;
          float: left;
          clear: none; }
          .lt-ie8 .selectable-student-item-group .selectable-student-item:nth-of-type(1n) {
            margin-right: 3.25%; }
        .selectable-student-item-group .selectable-student-item:nth-of-type(3n+3) {
          margin-right: 0;
          float: right; }
        .selectable-student-item-group .selectable-student-item:nth-of-type(3n+4) {
          clear: both; } }

.selectable-student-item {
  border-radius: 10px;
  border: 1px solid;
  border-color: #dbdcde;
  position: relative;
  padding: 0.8em 0.2em 0.8em 0.8em;
  margin-bottom: 1.5rem; }
  .selectable-student-item .item-link {
    *zoom: 1;
    display: block; }
    .selectable-student-item .item-link:after {
      content: "";
      display: table;
      clear: both; }
    .selectable-student-item .item-link .student-name {
      color: #4c4c4e;
      text-decoration: none; }
      .selectable-student-item .item-link .student-name:hover, .selectable-student-item .item-link .student-name:focus {
        color: #262627;
        text-decoration: underline; }
  .selectable-student-item .student-header {
    *zoom: 1; }
    .selectable-student-item .student-header:after {
      content: "";
      display: table;
      clear: both; }
    .selectable-student-item .student-header .avatar-wrapper {
      display: inline-block;
      float: left;
      margin-right: 0.5em; }
      .selectable-student-item .student-header .avatar-wrapper img {
        width: 25px;
        height: auto;
        margin: 0; }
    .selectable-student-item .student-header .student-name {
      display: inline-block;
      float: left;
      margin-bottom: 0;
      padding-top: 3px; }
  .selectable-student-item .meta {
    display: none;
    margin-top: 0.25em;
    margin-left: 1.9em; }
    .selectable-student-item .meta li:last-of-type {
      margin-bottom: 0; }

.student-group-item-group {
  *zoom: 1; }
  .student-group-item-group:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 60em) {
    .student-group-item-group {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  @media (min-width: 60em) {
    .student-group-item-group .student-group-item:after {
      margin-right: 0.5em;
      margin-left: 0.125em;
      content: ','; } }
  .student-group-item-group .student-group-item:last-of-type:after {
    margin: 0;
    content: ''; }
  @media (min-width: 60em) {
    .student-group-item-group .selectable-group-item {
      display: inline;
      float: left;
      width: 31%;
      margin-right: 3.5%;
      margin-left: 0; }
      .student-group-item-group .selectable-group-item:nth-of-type(1n) {
        margin-right: 3.5%;
        float: left;
        clear: none; }
        .lt-ie8 .student-group-item-group .selectable-group-item:nth-of-type(1n) {
          margin-right: 3.25%; }
      .student-group-item-group .selectable-group-item:nth-of-type(3n+3) {
        margin-right: 0;
        float: right; }
      .student-group-item-group .selectable-group-item:nth-of-type(3n+4) {
        clear: both; } }

.selectable-group-item {
  padding: 1rem;
  border: 1px solid #dbdcde;
  margin-bottom: 1.5rem;
  text-decoration: none;
  border-radius: 10px;
  padding: 1em;
  margin-bottom: 1.5rem; }
  .selectable-group-item:hover, .selectable-group-item:focus {
    text-decoration: none;
    background-color: #e7f2f7;
    color: #0d1c4b; }
  .selectable-group-item .item-link {
    *zoom: 1;
    display: block;
    text-decoration: none;
    height: 100%; }
    .selectable-group-item .item-link:after {
      content: "";
      display: table;
      clear: both; }
  .selectable-group-item .meta {
    color: #4c4c4e;
    margin-top: 0.25em; }
    .selectable-group-item .meta li:last-of-type {
      margin-bottom: 0; }

.notification-item {
  display: block;
  border: 1px #dbdcde solid;
  margin-bottom: 1em;
  padding: 1em;
  border-radius: 10px;
  text-decoration: none;
  color: #7a7a7a; }
  .notification-item:hover, .notification-item:focus {
    text-decoration: none;
    background-color: #e7f2f7;
    cursor: pointer; }
  .notification-item .notify-icon {
    display: inline-block; }
  .notification-item .notify-text {
    display: inline-block; }
  .notification-item .notify-link {
    display: block;
    text-align: center;
    text-decoration: none; }

.show-all {
  display: block;
  margin: 0 auto; }

.new-link {
  margin-top: -0.85em;
  margin-bottom: 0.5em;
  float: right; }
  .new-link .new-title {
    padding: 0.5em 1.2em 0.5em 1.2em;
    background-color: #d7418b;
    color: #fff;
    text-transform: uppercase;
    border-radius: 0 0 5px 5px;
    font-size: 0.9em; }
  .new-link .new-title-teal {
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 700;
    padding: 0.5em 1.2em;
    background-color: #89dcdc;
    color: #152d76;
    text-transform: uppercase;
    border-radius: 0 0 5px 5px;
    font-size: 0.875em; }

.text-counter {
  display: block;
  margin-bottom: 0.5em; }
  .text-counter .characterCount {
    float: right; }
    .text-counter .characterCount.over-limit {
      color: #d7418b; }
  .text-counter .comment-area {
    resize: none;
    min-height: 75px; }

.new-item {
  *zoom: 1;
  border: 1px #dbdcde solid;
  margin-bottom: 2em;
  border-radius: 5px;
  text-decoration: none;
  display: table;
  width: 95%; }
  .new-item:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 60em) {
    .new-item {
      width: auto; } }
  .new-item:hover, .new-item:focus {
    text-decoration: none;
    border: 1px #b3b5b9 solid;
    cursor: pointer; }
    .new-item:hover h3, .new-item:focus h3 {
      text-decoration: underline; }
  .new-item h3 {
    color: #0d1c4b; }
  .new-item .in-progress {
    color: #0d1c4b; }
  .new-item .icon-notification-wrapper {
    display: none; }
  .new-item .icon-notification {
    display: block;
    margin: 0 auto;
    height: 45px;
    width: 45px; }
  .new-item .notification-title {
    display: table-cell;
    width: 80%;
    vertical-align: middle;
    padding: 1em; }
  .new-item .icon-arrow-wrapper {
    display: table-cell;
    width: 10%;
    margin-bottom: 0.75em;
    padding: 1em;
    vertical-align: middle; }
  .new-item .icon-arrow-right {
    display: block;
    margin: 0 auto;
    height: 37px;
    width: 37px;
    vertical-align: middle; }
  @media (min-width: 31.25em) {
    .new-item .icon-notification-wrapper {
      display: table-cell;
      width: 12%;
      padding: 1em;
      background-color: #ebf4f8;
      border-radius: 5px 0px 0px 5px;
      vertical-align: middle; }
    .new-item .notification-title {
      padding: 1.5em 1em 1em 2em; }
    .new-item .icon-arrow-wrapper {
      width: 5%;
      padding: 0.5em 1em;
      margin-top: 0.75em;
      margin-bottom: 0; } }

.trophies-group {
  *zoom: 1; }
  .trophies-group:after {
    content: "";
    display: table;
    clear: both; }
  .trophies-group .trophy-item {
    padding: 0.5em;
    text-align: center;
    display: inline;
    float: left;
    width: 48.25%;
    margin-right: 3.5%;
    margin-left: 0;
    margin-right: 0; }
    @media (min-width: 37.5em) {
      .trophies-group .trophy-item {
        display: inline;
        float: left;
        width: 31%;
        margin-right: 3.5%;
        margin-left: 0; }
        .trophies-group .trophy-item:nth-of-type(1n) {
          margin-right: 3.5%;
          float: left;
          clear: none; }
          .lt-ie8 .trophies-group .trophy-item:nth-of-type(1n) {
            margin-right: 3.25%; }
        .trophies-group .trophy-item:nth-of-type(3n+3) {
          margin-right: 0;
          float: right; }
        .trophies-group .trophy-item:nth-of-type(3n+4) {
          clear: both; } }
    @media (min-width: 68.75em) {
      .trophies-group .trophy-item {
        display: inline;
        float: left;
        width: 22.375%;
        margin-right: 3.5%;
        margin-left: 0; }
        .trophies-group .trophy-item:nth-of-type(1n) {
          margin-right: 3.5%;
          float: left;
          clear: none; }
          .lt-ie8 .trophies-group .trophy-item:nth-of-type(1n) {
            margin-right: 3.25%; }
        .trophies-group .trophy-item:nth-of-type(4n+4) {
          margin-right: 0;
          float: right; }
        .trophies-group .trophy-item:nth-of-type(4n+5) {
          clear: both; } }
    .trophies-group .trophy-item:nth-child(2n+1) {
      clear: left; }
      @media (min-width: 37.5em) {
        .trophies-group .trophy-item:nth-child(2n+1) {
          clear: none; } }
    @media (min-width: 37.5em) {
      .trophies-group .trophy-item:nth-child(3n+1) {
        clear: left; } }
    @media (min-width: 68.75em) {
      .trophies-group .trophy-item:nth-child(3n+1) {
        clear: none; } }
    @media (min-width: 68.75em) {
      .trophies-group .trophy-item:nth-child(4n+1) {
        clear: left; } }
    .trophies-group .trophy-item:hover, .trophies-group .trophy-item:focus {
      cursor: pointer; }
    .trophies-group .trophy-item .title {
      font-weight: bold;
      margin-bottom: 0.35em; }
    .trophies-group .trophy-item .last-word {
      display: block; }
    .trophies-group .trophy-item .image-wrapper {
      display: block;
      margin-top: 1.5em; }
    .trophies-group .trophy-item .trophy-img {
      display: block;
      margin: 0 auto;
      padding-bottom: 1.2em;
      transition: transform 0.5s ease-in-out; }
      @media (min-width: 37.5em) {
        .trophies-group .trophy-item .trophy-img:hover, .trophies-group .trophy-item .trophy-img:focus {
          transform: scale(1.1); } }
    .trophies-group .trophy-item img {
      display: block;
      margin: 0 auto;
      padding-bottom: 1.2em;
      transition: transform 0.5s ease-in-out; }
      @media (min-width: 37.5em) {
        .trophies-group .trophy-item img:hover, .trophies-group .trophy-item img:focus {
          transform: scale(1.1); } }

.avatar {
  height: 80px;
  margin-bottom: 2em; }

.change-avatar {
  margin-bottom: 2em;
  text-align: center;
  width: 85px; }
  .change-avatar .button-link {
    font-weight: normal; }
  .change-avatar .avatar {
    margin-bottom: 0; }

.avatar-username-inline {
  float: left;
  display: inline;
  position: relative;
  top: -28px;
  width: 50px;
  left: -4px; }

.profile-header {
  *zoom: 1;
  margin-bottom: 2rem; }
  .profile-header:after {
    content: "";
    display: table;
    clear: both; }
  .profile-header .avatar-wrapper .avatar {
    height: 32px;
    width: 32px;
    padding: 0;
    margin-bottom: 0;
    float: left;
    margin-right: 0.5em; }
  @media (min-width: 31.25em) {
    .profile-header .avatar-wrapper {
      display: inline-block; }
      .profile-header .avatar-wrapper .avatar {
        height: 80px;
        width: 80px;
        margin-right: 0; } }
  @media (min-width: 31.25em) {
    .profile-header .student-info {
      width: calc(100% - 106px);
      float: right;
      padding-left: 1.5em;
      min-height: 98px;
      padding-top: 0.6em;
      vertical-align: top; } }

.choose-avatar-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.profile-content-padding {
  padding-left: 30px;
  padding-right: 30px; }

.profile-content {
  border-left: 1px solid #dbdcde;
  border-right: 1px solid #dbdcde;
  border-bottom: 1px solid #dbdcde;
  margin-top: -1em;
  padding-top: 1em; }
  .profile-content .trophy-wrapper {
    padding: 1em; }
  .profile-content .tab-wrapper {
    *zoom: 1;
    padding-right: 1.5rem;
    padding-left: 1.5rem; }
    .profile-content .tab-wrapper:after {
      content: "";
      display: table;
      clear: both; }
    .profile-content .tab-wrapper .item-wrapper {
      width: 100%; }
      .profile-content .tab-wrapper .item-wrapper .export-resources {
        margin: 1em 0;
        width: 100%; }
      .profile-content .tab-wrapper .item-wrapper .item {
        *zoom: 1;
        padding-bottom: 1.5em;
        border-bottom: 1px solid #dbdcde;
        margin-bottom: 1.5em; }
        .profile-content .tab-wrapper .item-wrapper .item:after {
          content: "";
          display: table;
          clear: both; }
        .profile-content .tab-wrapper .item-wrapper .item:first-of-type {
          margin-top: 1.2em; }
        .profile-content .tab-wrapper .item-wrapper .item:last-of-type {
          border-bottom: none;
          margin-bottom: 0;
          padding-bottom: 0; }
        @media (min-width: 37.5em) {
          .profile-content .tab-wrapper .item-wrapper .item.has-icon {
            position: relative; } }
        .profile-content .tab-wrapper .item-wrapper .item.has-icon .icon {
          width: 20px;
          margin-right: 0.5em;
          float: left; }
          @media (min-width: 37.5em) {
            .profile-content .tab-wrapper .item-wrapper .item.has-icon .icon {
              position: absolute;
              left: 0;
              top: 0;
              width: 20px; } }
        .profile-content .tab-wrapper .item-wrapper .item.has-icon .title, .profile-content .tab-wrapper .item-wrapper .item.has-icon .completion-content, .profile-content .tab-wrapper .item-wrapper .item.has-icon .sub-content {
          display: inline-block;
          width: calc(100% - 20px - 0.5em);
          float: right; }
        @media (min-width: 37.5em) {
          .profile-content .tab-wrapper .item-wrapper .item.has-icon .title, .profile-content .tab-wrapper .item-wrapper .item.has-icon .sub-content {
            width: 60%;
            padding-left: calc(20px + 0.5em);
            float: left; } }
        @media (min-width: 60em) {
          .profile-content .tab-wrapper .item-wrapper .item.has-icon .title, .profile-content .tab-wrapper .item-wrapper .item.has-icon .sub-content {
            width: 60%;
            padding-left: calc(20px + 1em);
            float: left; } }
        .profile-content .tab-wrapper .item-wrapper .item.has-icon .title h5, .profile-content .tab-wrapper .item-wrapper .item.has-icon .sub-content h5 {
          width: 100%; }
        .profile-content .tab-wrapper .item-wrapper .item.has-icon .title .meta, .profile-content .tab-wrapper .item-wrapper .item.has-icon .sub-content .meta {
          font-size: 0.875em; }
        @media (min-width: 37.5em) {
          .profile-content .tab-wrapper .item-wrapper .item.has-icon .completion-content {
            position: absolute;
            right: 0;
            top: 0;
            width: calc(40% - 3.5%);
            text-align: right; } }
        .profile-content .tab-wrapper .item-wrapper .item.has-icon .completion-content .percentage {
          font-size: 0.875em; }
          @media (min-width: 37.5em) {
            .profile-content .tab-wrapper .item-wrapper .item.has-icon .completion-content .percentage {
              font-size: 1em;
              font-weight: 700;
              display: block;
              margin-bottom: 0.35em; } }
        .profile-content .tab-wrapper .item-wrapper .item.has-icon .completion-content .date {
          display: inline-block;
          margin-left: 0.5em; }
          @media (min-width: 37.5em) {
            .profile-content .tab-wrapper .item-wrapper .item.has-icon .completion-content .date {
              display: block;
              width: 100%;
              margin-left: 0;
              font-size: 0.9em; } }
        @media (min-width: 37.5em) {
          .profile-content .tab-wrapper .item-wrapper .item .title {
            display: inline;
            float: left;
            width: 65.5%;
            margin-right: 3.5%;
            margin-left: 0; } }
        @media (min-width: 60em) {
          .profile-content .tab-wrapper .item-wrapper .item .title {
            display: inline;
            float: left;
            width: 74.125%;
            margin-right: 3.5%;
            margin-left: 0; } }
        .profile-content .tab-wrapper .item-wrapper .item .date {
          font-size: 0.875em;
          display: block;
          color: #7a7a7a;
          margin-bottom: 1em;
          margin-left: 0; }
          @media (min-width: 37.5em) {
            .profile-content .tab-wrapper .item-wrapper .item .date {
              display: inline;
              float: left;
              width: 31%;
              margin-right: 3.5%;
              margin-left: 0;
              margin-right: 0;
              text-align: right; } }
          @media (min-width: 60em) {
            .profile-content .tab-wrapper .item-wrapper .item .date {
              display: inline;
              float: left;
              width: 22.375%;
              margin-right: 3.5%;
              margin-left: 0;
              margin-right: 0;
              text-align: right; } }
          .profile-content .tab-wrapper .item-wrapper .item .date .completed {
            display: none; }
            @media (min-width: 37.5em) {
              .profile-content .tab-wrapper .item-wrapper .item .date .completed {
                display: inline; } }
        .profile-content .tab-wrapper .item-wrapper .item .sub-content {
          clear: both;
          min-width: calc(100% - 150px); }
        .profile-content .tab-wrapper .item-wrapper .item h5 {
          display: inline-block;
          width: calc(100% - 45px);
          vertical-align: top; }
        .profile-content .tab-wrapper .item-wrapper .item .attended {
          display: block;
          margin-left: 2.6em; }
  .profile-content .button-subtle {
    margin-bottom: 1.2em; }

.select-color {
  margin-bottom: 4em; }

.color-select {
  position: relative; }

.color-choice-wrapper {
  border: 1px solid #4c4c4e;
  width: 200px;
  padding: 2px;
  margin-bottom: 0;
  background-color: #fff;
  position: absolute;
  z-index: 18; }
  .color-choice-wrapper .other-options {
    display: none; }
  .color-choice-wrapper .color-box {
    display: inline-block;
    vertical-align: middle;
    width: 194px;
    height: 30px; }
    .color-choice-wrapper .color-box.space {
      margin-bottom: 3px; }
    .color-choice-wrapper .color-box .icon {
      width: 15px;
      height: 15px;
      position: relative;
      left: 175px;
      top: 7px; }
      .color-choice-wrapper .color-box .icon.expanded {
        transform: rotate(180deg);
        top: 0px; }

.profile-section {
  margin-bottom: 3rem; }
  .profile-section .section-title {
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 700;
    margin-bottom: 0.35em;
    line-height: 1.2;
    color: #4c4c4e;
    font-size: 1.2em; }
    .profile-section .section-title a {
      color: #4c4c4e;
      text-decoration: none; }
      .profile-section .section-title a:hover, .profile-section .section-title a:focus {
        color: #262627;
        text-decoration: underline; }
  .profile-section .heading {
    margin-bottom: 0.5em; }
    .profile-section .heading.has-edit-button .title {
      display: inline-block;
      margin-right: 0.5rem;
      vertical-align: baseline; }
    .profile-section .heading.has-edit-button button {
      display: inline-block;
      vertical-align: baseline; }
  .profile-section .info-piece {
    margin-bottom: 2rem; }
    .profile-section .info-piece .label {
      color: #7a7a7a;
      font-size: 0.875em; }
    .profile-section .info-piece .value {
      font-size: 1.1em; }
  .profile-section .general-info {
    *zoom: 1; }
    .profile-section .general-info:after {
      content: "";
      display: table;
      clear: both; }
    @media (min-width: 37.5em) {
      .profile-section .general-info > .info-piece {
        display: inline;
        float: left;
        width: 48.25%;
        margin-right: 3.5%;
        margin-left: 0;
        margin-right: 0;
        margin-left: 3.5%; }
        .profile-section .general-info > .info-piece:nth-of-type(odd) {
          margin-left: 0; } }
  .profile-section .empty {
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 700;
    margin-bottom: 0.35em;
    line-height: 1.2;
    color: #4c4c4e;
    font-size: 1.2em;
    margin-top: 0.5em; }
    .profile-section .empty a {
      color: #4c4c4e;
      text-decoration: none; }
      .profile-section .empty a:hover, .profile-section .empty a:focus {
        color: #262627;
        text-decoration: underline; }
  .profile-section .icon-grouping {
    *zoom: 1; }
    .profile-section .icon-grouping:after {
      content: "";
      display: table;
      clear: both; }
    .profile-section .icon-grouping .icon-item {
      *zoom: 1;
      margin-bottom: 1rem;
      height: auto;
      width: 100%; }
      .profile-section .icon-grouping .icon-item:after {
        content: "";
        display: table;
        clear: both; }
      @media (min-width: 25em) {
        .profile-section .icon-grouping .icon-item {
          display: inline;
          float: left;
          width: 48.25%;
          margin-right: 3.5%;
          margin-left: 0;
          clear: none; }
          .profile-section .icon-grouping .icon-item:nth-of-type(1n) {
            margin-right: 3.5%;
            float: left;
            clear: none; }
            .lt-ie8 .profile-section .icon-grouping .icon-item:nth-of-type(1n) {
              margin-right: 3.25%; }
          .profile-section .icon-grouping .icon-item:nth-of-type(2n+2) {
            margin-right: 0;
            float: right; }
          .profile-section .icon-grouping .icon-item:nth-of-type(2n+3) {
            clear: both; } }
      @media (min-width: 60em) {
        .profile-section .icon-grouping .icon-item {
          display: inline;
          float: left;
          width: 31%;
          margin-right: 3.5%;
          margin-left: 0; }
          .profile-section .icon-grouping .icon-item:nth-of-type(1n) {
            margin-right: 3.5%;
            float: left;
            clear: none; }
            .lt-ie8 .profile-section .icon-grouping .icon-item:nth-of-type(1n) {
              margin-right: 3.25%; }
          .profile-section .icon-grouping .icon-item:nth-of-type(3n+3) {
            margin-right: 0;
            float: right; }
          .profile-section .icon-grouping .icon-item:nth-of-type(3n+4) {
            clear: both; } }
      .profile-section .icon-grouping .icon-item .icon {
        width: 40px;
        height: 40px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 4px;
        position: relative;
        left: 0; }
      .profile-section .icon-grouping .icon-item .label-wrapper {
        width: calc(100% - 48px);
        vertical-align: middle;
        display: inline-block;
        position: relative;
        text-align: left;
        bottom: 0;
        height: auto; }
    .profile-section .icon-grouping.is-edit {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-pack: start;
      justify-content: flex-start; }
      .profile-section .icon-grouping.is-edit.left-align {
        -ms-flex-pack: start;
        justify-content: flex-start; }
      .profile-section .icon-grouping.is-edit .icon-item {
        position: relative;
        width: 150px;
        height: 175px; }
        @media (min-width: 60em) {
          .profile-section .icon-grouping.is-edit .icon-item {
            width: 200px;
            height: 225px; } }
        .profile-section .icon-grouping.is-edit .icon-item .icon {
          position: absolute;
          top: 0px;
          right: 15px;
          width: 120px;
          height: 120px;
          margin-right: 0;
          opacity: 0.3;
          transition: opacity 0.4s ease-in; }
          @media (min-width: 60em) {
            .profile-section .icon-grouping.is-edit .icon-item .icon {
              width: 170px;
              height: 170px; } }
          .profile-section .icon-grouping.is-edit .icon-item .icon:hover, .profile-section .icon-grouping.is-edit .icon-item .icon:focus {
            cursor: pointer;
            opacity: 0.6; }
          .profile-section .icon-grouping.is-edit .icon-item .icon.static:hover, .profile-section .icon-grouping.is-edit .icon-item .icon.static:focus {
            cursor: default; }
          .profile-section .icon-grouping.is-edit .icon-item .icon.selected {
            opacity: 1; }
        .profile-section .icon-grouping.is-edit .icon-item .label-wrapper {
          position: absolute;
          width: 100%;
          text-align: center;
          bottom: 10px;
          height: 45px; }
  .profile-section .message {
    display: inline;
    padding-right: 0.5em; }

.teacher-management {
  *zoom: 1;
  margin-bottom: 2em;
  margin-top: 1.5em;
  border-bottom: #ebf4f8 5px solid; }
  .teacher-management:after {
    content: "";
    display: table;
    clear: both; }
  .teacher-management a {
    text-decoration: none; }
  .teacher-management.teacher-profile-management {
    padding: 0 1em;
    margin-top: 0; }

.teacher-management-table {
  margin: 1.5em 0; }

.icon-grouping {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around; }
  .icon-grouping.left-align {
    -ms-flex-pack: start;
    justify-content: flex-start; }
  .icon-grouping .icon-item {
    position: relative;
    width: 150px;
    height: 175px; }
    @media (min-width: 60em) {
      .icon-grouping .icon-item {
        width: 200px;
        height: 225px; } }
    .icon-grouping .icon-item .icon {
      position: absolute;
      top: 0px;
      right: 15px;
      width: 120px;
      height: 120px;
      margin-right: 0;
      opacity: 0.3;
      transition: opacity 0.4s ease-in; }
      @media (min-width: 60em) {
        .icon-grouping .icon-item .icon {
          width: 170px;
          height: 170px; } }
      .icon-grouping .icon-item .icon:hover, .icon-grouping .icon-item .icon:focus {
        cursor: pointer;
        opacity: 0.6; }
      .icon-grouping .icon-item .icon.static:hover, .icon-grouping .icon-item .icon.static:focus {
        cursor: default; }
      .icon-grouping .icon-item .icon.selected {
        opacity: 1; }
    .icon-grouping .icon-item .label-wrapper {
      position: absolute;
      width: 100%;
      text-align: center;
      bottom: 10px;
      height: 45px; }

.link-accounts .other-account {
  margin-top: 1.5em;
  border-top: #ebf4f8 5px solid;
  padding-top: 2em;
  padding-bottom: 1em; }
  .link-accounts .other-account:first-of-type {
    border-top: none;
    padding-top: 1em; }
  .link-accounts .other-account .account-type {
    display: inline-block;
    vertical-align: middle;
    margin-right: 2em;
    width: 150px; }
    .link-accounts .other-account .account-type svg {
      vertical-align: middle;
      height: 40px;
      width: 120px; }
      @media (min-width: 60em) {
        .link-accounts .other-account .account-type svg {
          margin-top: 10px; } }
    @media (min-width: 60em) {
      .link-accounts .other-account .account-type img {
        margin-top: 6px; } }
    .link-accounts .other-account .account-type .edinsight-logo {
      height: 40px;
      width: 150px; }
  .link-accounts .other-account .account-actions {
    margin-top: 0.75em;
    width: 100%; }
    @media (min-width: 60em) {
      .link-accounts .other-account .account-actions {
        margin-top: 0;
        vertical-align: middle;
        display: inline-block;
        max-width: calc(100% - 200px); } }
    .link-accounts .other-account .account-actions .button, .link-accounts .other-account .account-actions .button-subtle {
      padding: 0.5em 2em; }
      @media (min-width: 31.25em) {
        .link-accounts .other-account .account-actions .button.margin, .link-accounts .other-account .account-actions .button-subtle.margin {
          margin-right: 0.75em; } }
      @media (min-width: 60em) {
        .link-accounts .other-account .account-actions .button.top-margin, .link-accounts .other-account .account-actions .button-subtle.top-margin {
          margin-top: 1em; } }
      .link-accounts .other-account .account-actions .button.left-button, .link-accounts .other-account .account-actions .button-subtle.left-button {
        display: inline;
        float: left;
        width: 52.5625%;
        margin-right: 3.5%;
        margin-left: 0;
        float: none;
        padding: 0.5em 0; }
        @media (min-width: m) {
          .link-accounts .other-account .account-actions .button.left-button, .link-accounts .other-account .account-actions .button-subtle.left-button {
            display: inline;
            float: left;
            width: 48.25%;
            margin-right: 3.5%;
            margin-left: 0; } }
      .link-accounts .other-account .account-actions .button.right-button, .link-accounts .other-account .account-actions .button-subtle.right-button {
        display: inline;
        float: left;
        width: 26.6875%;
        margin-right: 3.5%;
        margin-left: 0;
        float: none;
        padding: 0.5em 0; }
        @media (min-width: m) {
          .link-accounts .other-account .account-actions .button.right-button, .link-accounts .other-account .account-actions .button-subtle.right-button {
            display: inline;
            float: left;
            width: 31%;
            margin-right: 3.5%;
            margin-left: 0; } }
    .link-accounts .other-account .account-actions .explanation {
      color: #7a7a7a;
      font-size: 0.875em;
      font-size: 1em;
      margin-top: 0.375em;
      margin-bottom: 0.375em; }
    .link-accounts .other-account .account-actions .x-input-checkbox {
      margin-top: 0.5em;
      width: 83.25% !important;
      margin-left: 0 !important;
      width: 100%;
      max-width: 500px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 1.5em;
      display: block; }
      .link-accounts .other-account .account-actions .x-input-checkbox label {
        padding: 0.75em 1em 0.75em 1em; }

.subscription-details .subscription-type {
  font-weight: bold;
  border: 1px solid #dbdcde;
  color: #152d76;
  font-size: 1.1em;
  display: block;
  padding: .5em;
  margin-top: 1em;
  margin-bottom: .3em; }

.subscription-details .purchase-text {
  margin-top: .3em;
  text-align: center; }

.subscription-details .subject-details {
  border-bottom: 1px solid #dbdcde;
  padding: .3em 1em; }
  .subscription-details .subject-details .subject-name {
    display: block;
    color: #4c4c4e;
    margin-bottom: .1em;
    font-weight: bold; }
  .subscription-details .subject-details .expires-on {
    display: block;
    color: #7a7a7a;
    font-size: .9em; }

.quiz-steps .secondary-text {
  font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
  font-weight: 600;
  display: block;
  font-size: 0.875em; }
  .quiz-steps .secondary-text:before {
    content: "";
    padding-right: 0;
    display: none; }

@media all and (-ms-high-contrast: none) {
  .foo {
    color: green; }
  /* IE10 */
  *::-ms-backdrop, .foo {
    color: red; }
  /* IE11 */
  *::-ms-backdrop, .quiz-step-item {
    *zoom: 1;
    margin-bottom: -0.8em !important;
    padding: 0;
    border-radius: 10px 10px 0 0; }
    *::-ms-backdrop:after, .quiz-step-item:after {
      content: "";
      display: table;
      clear: both; }
  .margin-ie {
    top: -3px; } }

@media all and (-ms-high-contrast: none) {
  .foo {
    color: green; }
  /* IE10 */
  *::-ms-backdrop, .ie-wraper svg {
    width: 500px !important;
    height: 400px !important; } }

.quiz-step-item {
  *zoom: 1;
  margin-bottom: 0.2em;
  padding: 0;
  border-radius: 10px 10px 0 0;
  display: none; }
  .quiz-step-item:after {
    content: "";
    display: table;
    clear: both; }
  .quiz-step-item .accordion-title {
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 700;
    margin-bottom: 0.35em;
    line-height: 1.2;
    color: #4c4c4e;
    font-size: 1.2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #b2bcd7;
    background-color: #445584;
    padding: 1em;
    margin-bottom: 0; }
    .quiz-step-item .accordion-title a {
      color: #4c4c4e;
      text-decoration: none; }
      .quiz-step-item .accordion-title a:hover, .quiz-step-item .accordion-title a:focus {
        color: #262627;
        text-decoration: underline; }
  .quiz-step-item:first-of-type {
    border-radius: 16px 16px 0 0; }
  .quiz-step-item:last-of-type {
    border-radius: 0 0 16px 16px; }
  .quiz-step-item.is-enabled {
    display: block; }

.content-wrap {
  transform: scaleY(0);
  transition: transform 500ms ease-in-out; }
  .expanded .content-wrap {
    transform: scaleY(1); }

.content {
  height: 0;
  opacity: 0;
  visibility: hidden; }

.editable-content {
  height: 0;
  opacity: 0;
  visibility: hidden; }
  .editable-content p {
    margin-bottom: 0; }

.quiz-step-item-action-group {
  height: 0;
  opacity: 0;
  visibility: hidden;
  padding: 0; }

.quiz-step-item-wrapper {
  background-color: #fff; }
  .quiz-step-item-wrapper .two-input .x-input {
    display: inline;
    float: left;
    width: 48.25%;
    margin-right: 3.5%;
    margin-left: 0; }
    .quiz-step-item-wrapper .two-input .x-input:nth-of-type(1n) {
      margin-right: 3.5%;
      float: left;
      clear: none; }
      .lt-ie8 .quiz-step-item-wrapper .two-input .x-input:nth-of-type(1n) {
        margin-right: 3.25%; }
    .quiz-step-item-wrapper .two-input .x-input:nth-of-type(2n+2) {
      margin-right: 0;
      float: right; }
    .quiz-step-item-wrapper .two-input .x-input:nth-of-type(2n+3) {
      clear: both; }
  .quiz-step-item-wrapper button {
    display: none; }
    @media (min-width: 43.75em) {
      .quiz-step-item-wrapper button {
        width: 200px; } }
  .quiz-step-item-wrapper .button-link {
    width: auto; }
  .quiz-step-item-wrapper .section-title, .quiz-step-item-wrapper .subtitle {
    color: #445584; }
  .quiz-step-item-wrapper.expanded .content {
    height: auto;
    opacity: 1;
    padding: 1.0em;
    visibility: visible;
    transition: opacity 0.5s ease-in;
    transition-delay: 200ms; }
  .quiz-step-item-wrapper.expanded fieldset {
    max-width: 100%; }
  .quiz-step-item-wrapper.expanded .quiz-step-item-action-group {
    height: auto;
    display: block;
    opacity: 1;
    visibility: visible;
    padding: 0em 1.5em 1.5em 1em;
    transition: opacity 0.5s ease-in;
    transition-delay: 200ms; }
  .quiz-step-item-wrapper.expanded #next-button {
    display: block; }
  .quiz-step-item-wrapper.expanded .subtitle {
    margin-bottom: 0.5em; }
  .quiz-step-item-wrapper.editable .editable-content {
    display: block;
    height: auto;
    opacity: 1;
    padding: 1.0em;
    visibility: visible; }
    .quiz-step-item-wrapper.editable .editable-content .focused-anchor {
      margin-bottom: 0.75em; }
      .quiz-step-item-wrapper.editable .editable-content .focused-anchor:last-of-type {
        margin-bottom: 0; }
    .quiz-step-item-wrapper.editable .editable-content .selected-skill:after {
      content: "\2022";
      padding-left: 0.5em;
      padding-right: 0.25em;
      color: #b1b3b5; }
    .quiz-step-item-wrapper.editable .editable-content .selected-skill:last-of-type {
      padding-right: 0;
      margin-right: 0;
      border-right: 0 none; }
      .quiz-step-item-wrapper.editable .editable-content .selected-skill:last-of-type:after {
        content: "";
        padding: 0; }
  .quiz-step-item-wrapper.editable .quiz-step-item-action-group {
    height: auto;
    display: inline-block;
    opacity: 1;
    visibility: visible;
    padding: 0em 1em 1em 0em;
    transition: opacity 0.5s ease-in;
    transition-delay: 200ms; }
  .quiz-step-item-wrapper.editable .button-link {
    display: inline-block; }

.empty-state-wrapper .empty-state {
  padding: 1em;
  display: inline-block;
  width: 100%;
  text-align: center; }
  @media (min-width: 60em) {
    .empty-state-wrapper .empty-state {
      width: 90%; } }
  .empty-state-wrapper .empty-state .has-background {
    background-color: #152d76;
    border-radius: 5em; }
  .empty-state-wrapper .empty-state .inline-icon {
    margin-right: 0;
    margin-left: 2px; }
  .empty-state-wrapper .empty-state .empty-state-text-wrapper {
    display: block;
    padding-left: 0.5em;
    padding-top: 0.5em;
    vertical-align: middle; }
    @media (min-width: 43.75em) {
      .empty-state-wrapper .empty-state .empty-state-text-wrapper {
        display: inline-block;
        padding-top: 0;
        width: calc(100% - 100px); } }
    .empty-state-wrapper .empty-state .empty-state-text-wrapper .empty-state-text {
      font-size: 1.2em; }
    .empty-state-wrapper .empty-state .empty-state-text-wrapper .empty-state-button {
      display: block;
      padding-top: 1em; }
      .empty-state-wrapper .empty-state .empty-state-text-wrapper .empty-state-button button {
        min-width: 80%; }
      .empty-state-wrapper .empty-state .empty-state-text-wrapper .empty-state-button .button-link {
        font-weight: 600;
        margin-top: 0.5em; }
  .empty-state-wrapper .empty-state.left-align {
    text-align: left;
    width: 100%;
    display: block;
    padding: 0; }
    .empty-state-wrapper .empty-state.left-align .empty-state-text-wrapper {
      padding: 0; }
      @media (min-width: 43.75em) {
        .empty-state-wrapper .empty-state.left-align .empty-state-text-wrapper {
          display: block;
          width: inherit; } }
      .empty-state-wrapper .empty-state.left-align .empty-state-text-wrapper .empty-state-text {
        font-size: 1em; }
      .empty-state-wrapper .empty-state.left-align .empty-state-text-wrapper .empty-state-button button {
        font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
        font-weight: 700;
        transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
        border: 1px solid #c1ddea;
        border-radius: 2px;
        display: inline-block;
        padding: 0.75em 1em;
        text-decoration: none;
        color: #152d76;
        background-color: #c1ddea;
        text-align: center;
        cursor: pointer;
        background-color: #fff;
        border-color: #dbdcde;
        min-width: inherit; }
        .empty-state-wrapper .empty-state.left-align .empty-state-text-wrapper .empty-state-button button:hover, .empty-state-wrapper .empty-state.left-align .empty-state-text-wrapper .empty-state-button button:focus {
          outline: 0;
          text-decoration: none;
          background-color: #9bc8dd;
          border-color: #9bc8dd;
          color: #0d1c4b; }
        .empty-state-wrapper .empty-state.left-align .empty-state-text-wrapper .empty-state-button button:hover, .empty-state-wrapper .empty-state.left-align .empty-state-text-wrapper .empty-state-button button:focus {
          background-color: #ebf9f9;
          border-color: #dbdcde; }

.scratchpad-wrapper {
  margin: 0 auto;
  width: 100%;
  height: 100%; }
  .scratchpad-wrapper .close-button {
    background-color: transparent;
    border: none;
    position: fixed;
    top: 10px;
    right: 10px; }
    .scratchpad-wrapper .close-button .icon-incorrect {
      width: 32px;
      height: 32px; }
  .scratchpad-wrapper .canvas-options {
    position: fixed;
    width: 100%;
    padding: 2em;
    bottom: 0px;
    text-align: center; }
    .scratchpad-wrapper .canvas-options .show-controls {
      z-index: 40000; }
    .scratchpad-wrapper .canvas-options .icon-collapse {
      margin-left: 0.25em;
      transition: transform 0.2s; }
      .scratchpad-wrapper .canvas-options .icon-collapse.collapsed {
        transform: rotate(-180deg) translateY(0.4em); }
    .scratchpad-wrapper .canvas-options .toggle-wrapper {
      transition: height 2.3s ease-out; }
      .scratchpad-wrapper .canvas-options .toggle-wrapper.is-closed {
        height: 0; }
      .scratchpad-wrapper .canvas-options .toggle-wrapper.is-open {
        height: auto; }
      .scratchpad-wrapper .canvas-options .toggle-wrapper .toggle-options {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        padding-bottom: 1em; }
        .scratchpad-wrapper .canvas-options .toggle-wrapper .toggle-options .hide-object {
          display: none; }
        .scratchpad-wrapper .canvas-options .toggle-wrapper .toggle-options.is-closed {
          display: none; }
        .scratchpad-wrapper .canvas-options .toggle-wrapper .toggle-options input[type="radio"] {
          opacity: 0;
          position: absolute;
          top: 0;
          left: 0;
          padding: 2em; }
          .scratchpad-wrapper .canvas-options .toggle-wrapper .toggle-options input[type="radio"] + label {
            border: 1px outset;
            border-color: #7a7a7a;
            background: #bababa; }
          .scratchpad-wrapper .canvas-options .toggle-wrapper .toggle-options input[type="radio"]:checked + label:before {
            border-color: #c1ddea;
            background-position: 0 0; }
            .no-cssgradients .scratchpad-wrapper .canvas-options .toggle-wrapper .toggle-options input[type="radio"]:checked + label:before {
              background-color: #9bc8dd; }
          .scratchpad-wrapper .canvas-options .toggle-wrapper .toggle-options input[type="radio"]:checked + label {
            border: 1px inset;
            border-color: #9bc8dd;
            background: #fafcfd; }
          .scratchpad-wrapper .canvas-options .toggle-wrapper .toggle-options input[type="radio"]:focus + label {
            background: #e7f2f7; }
        .scratchpad-wrapper .canvas-options .toggle-wrapper .toggle-options label {
          -ms-flex-positive: 1;
          flex-grow: 1;
          transition: all 0.3s ease-in-out;
          color: #4c4c4e;
          margin: 0px -2px 0px -2px;
          padding: 0.5em 1em 0.5em 1em; }
          .scratchpad-wrapper .canvas-options .toggle-wrapper .toggle-options label:hover, .scratchpad-wrapper .canvas-options .toggle-wrapper .toggle-options label:focus {
            color: #5b5b5d; }
          .scratchpad-wrapper .canvas-options .toggle-wrapper .toggle-options label:hover {
            cursor: pointer; }
            .scratchpad-wrapper .canvas-options .toggle-wrapper .toggle-options label:hover:before {
              border-color: #c1ddea; }
          .scratchpad-wrapper .canvas-options .toggle-wrapper .toggle-options label img {
            display: inline;
            height: 25px;
            vertical-align: middle; }
  .scratchpad-wrapper .scratchpad-canvas {
    width: 100%;
    height: 100%;
    background-color: transparent;
    transition: background-color 0.8s ease-in-out; }
    .scratchpad-wrapper .scratchpad-canvas.draw.red {
      cursor: url("/assets/images/scratchpad-pen-cursor-red.png") 13 27, auto; }
    .scratchpad-wrapper .scratchpad-canvas.draw.black {
      cursor: url("/assets/images/scratchpad-pen-cursor-black.png") 13 27, auto; }
    .scratchpad-wrapper .scratchpad-canvas.draw.blue {
      cursor: url("/assets/images/scratchpad-pen-cursor-blue.png") 13 27, auto; }
    .scratchpad-wrapper .scratchpad-canvas.draw.cyan {
      cursor: url("/assets/images/scratchpad-pen-cursor-cyan.png") 13 27, auto; }
    .scratchpad-wrapper .scratchpad-canvas.draw.pink {
      cursor: url("/assets/images/scratchpad-pen-cursor-pink.png") 13 27, auto; }
    .scratchpad-wrapper .scratchpad-canvas.draw.yellow {
      cursor: url("/assets/images/scratchpad-pen-cursor-yellow.png") 13 27, auto; }
    .scratchpad-wrapper .scratchpad-canvas.text.red {
      cursor: url("/assets/images/scratchpad-letters-red.png") 13 27, auto; }
    .scratchpad-wrapper .scratchpad-canvas.text.black {
      cursor: url("/assets/images/scratchpad-letters-black.png") 13 27, auto; }
    .scratchpad-wrapper .scratchpad-canvas.text.blue {
      cursor: url("/assets/images/scratchpad-letters-blue.png") 13 27, auto; }
    .scratchpad-wrapper .scratchpad-canvas.text.cyan {
      cursor: url("/assets/images/scratchpad-letters-cyan.png") 13 27, auto; }
    .scratchpad-wrapper .scratchpad-canvas.text.pink {
      cursor: url("/assets/images/scratchpad-letters-pink.png") 13 27, auto; }
    .scratchpad-wrapper .scratchpad-canvas.text.yellow {
      cursor: url("/assets/images/scratchpad-letters-yellow.png") 13 27, auto; }
    .scratchpad-wrapper .scratchpad-canvas.erase {
      cursor: url("/assets/images/scratchpad-eraser-cursor.png") 10 5, auto; }
    .scratchpad-wrapper .scratchpad-canvas.white {
      background-color: white; }

.toolbox-wrapper {
  width: 100%;
  text-align: center;
  position: fixed;
  bottom: 0px; }
  .toolbox-wrapper .toolbox {
    position: relative; }
    .toolbox-wrapper .toolbox .icon-scratchpad-toolbox-extended {
      width: 100%;
      max-width: 1000px;
      position: relative; }
      .toolbox-wrapper .toolbox .icon-scratchpad-toolbox-extended .divider {
        display: inline-block;
        width: 0;
        height: 50%;
        margin-top: 25%;
        border-left: 1px solid #fff;
        position: absolute; }
        .toolbox-wrapper .toolbox .icon-scratchpad-toolbox-extended .divider.pen {
          left: 26%; }
        .toolbox-wrapper .toolbox .icon-scratchpad-toolbox-extended .divider.letters {
          left: 38%; }
        .toolbox-wrapper .toolbox .icon-scratchpad-toolbox-extended .divider.shapes {
          left: 50%; }
        .toolbox-wrapper .toolbox .icon-scratchpad-toolbox-extended .divider.eraser {
          left: 62%; }
        .toolbox-wrapper .toolbox .icon-scratchpad-toolbox-extended .divider.background {
          left: 74%; }
        .toolbox-wrapper .toolbox .icon-scratchpad-toolbox-extended .divider.refresh {
          left: 86%; }
    .toolbox-wrapper .toolbox .scratchpad-tool {
      width: 12%;
      height: 100%;
      margin-top: 1.5%;
      position: absolute;
      text-align: left;
      opacity: 1;
      transition: opacity 0.8s ease-in-out; }
      .toolbox-wrapper .toolbox .scratchpad-tool.toolbox {
        width: 18%;
        margin-top: -0.25%; }
      .toolbox-wrapper .toolbox .scratchpad-tool.pen {
        left: 26%; }
      .toolbox-wrapper .toolbox .scratchpad-tool.colors {
        left: 14%; }
      .toolbox-wrapper .toolbox .scratchpad-tool.letters {
        left: 38%; }
      .toolbox-wrapper .toolbox .scratchpad-tool.shapes {
        left: 50%; }
      .toolbox-wrapper .toolbox .scratchpad-tool.eraser {
        left: 62%; }
      .toolbox-wrapper .toolbox .scratchpad-tool.background {
        left: 74%; }
      .toolbox-wrapper .toolbox .scratchpad-tool.refresh {
        left: 86%; }
      .toolbox-wrapper .toolbox .scratchpad-tool.hidden {
        display: none; }
      .toolbox-wrapper .toolbox .scratchpad-tool.invisible {
        opacity: 0; }
      .toolbox-wrapper .toolbox .scratchpad-tool.red {
        left: 18%; }
      .toolbox-wrapper .toolbox .scratchpad-tool.black {
        left: 31%; }
      .toolbox-wrapper .toolbox .scratchpad-tool.blue {
        left: 44%; }
      .toolbox-wrapper .toolbox .scratchpad-tool.cyan {
        left: 57%; }
      .toolbox-wrapper .toolbox .scratchpad-tool.pink {
        left: 70%; }
      .toolbox-wrapper .toolbox .scratchpad-tool.yellow {
        left: 83%; }
      .toolbox-wrapper .toolbox .scratchpad-tool.line {
        left: 18%; }
      .toolbox-wrapper .toolbox .scratchpad-tool.circle {
        left: 39%; }
      .toolbox-wrapper .toolbox .scratchpad-tool.square {
        left: 60%; }
      .toolbox-wrapper .toolbox .scratchpad-tool.triangle {
        left: 81%; }
      .toolbox-wrapper .toolbox .scratchpad-tool .tool-icon-wrapper {
        position: relative;
        width: 100%;
        height: 100%; }
        .toolbox-wrapper .toolbox .scratchpad-tool .tool-icon-wrapper .tool-icon {
          margin-left: auto;
          margin-right: auto; }
          .toolbox-wrapper .toolbox .scratchpad-tool .tool-icon-wrapper .tool-icon.icon-scratchpad-pen-white-outline {
            width: 55%;
            height: 75%;
            margin-top: 12.5%; }
          .toolbox-wrapper .toolbox .scratchpad-tool .tool-icon-wrapper .tool-icon.icon-scratchpad-pen-cursor-red, .toolbox-wrapper .toolbox .scratchpad-tool .tool-icon-wrapper .tool-icon.icon-scratchpad-pen-cursor-black, .toolbox-wrapper .toolbox .scratchpad-tool .tool-icon-wrapper .tool-icon.icon-scratchpad-pen-cursor-blue, .toolbox-wrapper .toolbox .scratchpad-tool .tool-icon-wrapper .tool-icon.icon-scratchpad-pen-cursor-cyan, .toolbox-wrapper .toolbox .scratchpad-tool .tool-icon-wrapper .tool-icon.icon-scratchpad-pen-cursor-pink, .toolbox-wrapper .toolbox .scratchpad-tool .tool-icon-wrapper .tool-icon.icon-scratchpad-pen-cursor-yellow {
            width: 45%;
            height: 60%;
            margin-top: 20%; }
          .toolbox-wrapper .toolbox .scratchpad-tool .tool-icon-wrapper .tool-icon.icon-scratchpad-color-group {
            width: 70%;
            height: 40%;
            margin-top: 25%; }
          .toolbox-wrapper .toolbox .scratchpad-tool .tool-icon-wrapper .tool-icon.icon-scratchpad-letters-white-outline, .toolbox-wrapper .toolbox .scratchpad-tool .tool-icon-wrapper .tool-icon.icon-scratchpad-letters-red, .toolbox-wrapper .toolbox .scratchpad-tool .tool-icon-wrapper .tool-icon.icon-scratchpad-letters-black, .toolbox-wrapper .toolbox .scratchpad-tool .tool-icon-wrapper .tool-icon.icon-scratchpad-letters-blue, .toolbox-wrapper .toolbox .scratchpad-tool .tool-icon-wrapper .tool-icon.icon-scratchpad-letters-cyan, .toolbox-wrapper .toolbox .scratchpad-tool .tool-icon-wrapper .tool-icon.icon-scratchpad-letters-pink, .toolbox-wrapper .toolbox .scratchpad-tool .tool-icon-wrapper .tool-icon.icon-scratchpad-letters-yellow {
            width: 70%;
            height: 45%;
            margin-top: 27.5%; }
          .toolbox-wrapper .toolbox .scratchpad-tool .tool-icon-wrapper .tool-icon.icon-scratchpad-eraser-white-outline {
            width: 55%;
            height: 60%;
            margin-top: 20%; }
          .toolbox-wrapper .toolbox .scratchpad-tool .tool-icon-wrapper .tool-icon.icon-scratchpad-eraser-cursor {
            width: 55%;
            height: 60%;
            margin-top: 20%; }
          .toolbox-wrapper .toolbox .scratchpad-tool .tool-icon-wrapper .tool-icon.icon-scratchpad-background-white {
            width: 55%;
            height: 55%;
            margin-top: 22.5%; }
          .toolbox-wrapper .toolbox .scratchpad-tool .tool-icon-wrapper .tool-icon.icon-scratchpad-background-transparent {
            width: 55%;
            height: 55%;
            margin-top: 22.5%; }
          .toolbox-wrapper .toolbox .scratchpad-tool .tool-icon-wrapper .tool-icon.icon-scratchpad-refresh-arrow {
            width: 55%;
            height: 55%;
            margin-top: 22.5%; }
          .toolbox-wrapper .toolbox .scratchpad-tool .tool-icon-wrapper .tool-icon.color-icon {
            width: 55%;
            height: 55%;
            margin-top: 22.5%; }
          .toolbox-wrapper .toolbox .scratchpad-tool .tool-icon-wrapper .tool-icon.icon-sratchpad-toolbox-open {
            margin-top: -0.25%; }
          .toolbox-wrapper .toolbox .scratchpad-tool .tool-icon-wrapper .tool-icon.icon-scratchpad-shapes-icon {
            width: 75%;
            height: 75%;
            margin-top: 6%;
            margin-right: 5%; }
          .toolbox-wrapper .toolbox .scratchpad-tool .tool-icon-wrapper .tool-icon.shape-icon {
            width: 120%;
            height: 120%;
            margin-top: -18%; }
            .toolbox-wrapper .toolbox .scratchpad-tool .tool-icon-wrapper .tool-icon.shape-icon.icon-scratchpad-shapes-line-white {
              margin-top: -20%; }
            .toolbox-wrapper .toolbox .scratchpad-tool .tool-icon-wrapper .tool-icon.shape-icon.icon-scratchpad-shapes-line-red, .toolbox-wrapper .toolbox .scratchpad-tool .tool-icon-wrapper .tool-icon.shape-icon.icon-scratchpad-shapes-line-black, .toolbox-wrapper .toolbox .scratchpad-tool .tool-icon-wrapper .tool-icon.shape-icon.icon-scratchpad-shapes-line-blue, .toolbox-wrapper .toolbox .scratchpad-tool .tool-icon-wrapper .tool-icon.shape-icon.icon-scratchpad-shapes-line-cyan, .toolbox-wrapper .toolbox .scratchpad-tool .tool-icon-wrapper .tool-icon.shape-icon.icon-scratchpad-shapes-line-pink, .toolbox-wrapper .toolbox .scratchpad-tool .tool-icon-wrapper .tool-icon.shape-icon.icon-scratchpad-shapes-line-yellow {
              margin-left: -8%;
              margin-top: -22%; }
            .toolbox-wrapper .toolbox .scratchpad-tool .tool-icon-wrapper .tool-icon.shape-icon.icon-scratchpad-shapes-circle-red, .toolbox-wrapper .toolbox .scratchpad-tool .tool-icon-wrapper .tool-icon.shape-icon.icon-scratchpad-shapes-circle-black, .toolbox-wrapper .toolbox .scratchpad-tool .tool-icon-wrapper .tool-icon.shape-icon.icon-scratchpad-shapes-circle-blue, .toolbox-wrapper .toolbox .scratchpad-tool .tool-icon-wrapper .tool-icon.shape-icon.icon-scratchpad-shapes-circle-cyan, .toolbox-wrapper .toolbox .scratchpad-tool .tool-icon-wrapper .tool-icon.shape-icon.icon-scratchpad-shapes-circle-pink, .toolbox-wrapper .toolbox .scratchpad-tool .tool-icon-wrapper .tool-icon.shape-icon.icon-scratchpad-shapes-circle-yellow {
              margin-left: -6%; }
            .toolbox-wrapper .toolbox .scratchpad-tool .tool-icon-wrapper .tool-icon.shape-icon.icon-scratchpad-shapes-square-red, .toolbox-wrapper .toolbox .scratchpad-tool .tool-icon-wrapper .tool-icon.shape-icon.icon-scratchpad-shapes-square-black, .toolbox-wrapper .toolbox .scratchpad-tool .tool-icon-wrapper .tool-icon.shape-icon.icon-scratchpad-shapes-square-blue, .toolbox-wrapper .toolbox .scratchpad-tool .tool-icon-wrapper .tool-icon.shape-icon.icon-scratchpad-shapes-square-cyan, .toolbox-wrapper .toolbox .scratchpad-tool .tool-icon-wrapper .tool-icon.shape-icon.icon-scratchpad-shapes-square-pink, .toolbox-wrapper .toolbox .scratchpad-tool .tool-icon-wrapper .tool-icon.shape-icon.icon-scratchpad-shapes-square-yellow {
              margin-left: -3%; }
            .toolbox-wrapper .toolbox .scratchpad-tool .tool-icon-wrapper .tool-icon.shape-icon.icon-scratchpad-shapes-triangle-red, .toolbox-wrapper .toolbox .scratchpad-tool .tool-icon-wrapper .tool-icon.shape-icon.icon-scratchpad-shapes-triangle-black, .toolbox-wrapper .toolbox .scratchpad-tool .tool-icon-wrapper .tool-icon.shape-icon.icon-scratchpad-shapes-triangle-blue, .toolbox-wrapper .toolbox .scratchpad-tool .tool-icon-wrapper .tool-icon.shape-icon.icon-scratchpad-shapes-triangle-cyan, .toolbox-wrapper .toolbox .scratchpad-tool .tool-icon-wrapper .tool-icon.shape-icon.icon-scratchpad-shapes-triangle-pink, .toolbox-wrapper .toolbox .scratchpad-tool .tool-icon-wrapper .tool-icon.shape-icon.icon-scratchpad-shapes-triangle-yellow {
              margin-left: -5%;
              margin-top: -20%; }

.closed-toolbox {
  text-align: center;
  min-height: 100px; }
  .closed-toolbox.fixed {
    z-index: 500;
    min-height: 50px;
    position: fixed;
    bottom: 0px;
    right: 5px; }
  .closed-toolbox .icon-scratchpad-toolbox-collapsed {
    width: 50px;
    height: 50px; }
    @media (min-width: 43.75em) {
      .closed-toolbox .icon-scratchpad-toolbox-collapsed {
        width: 100px;
        height: 100px; } }

.user-management {
  *zoom: 1;
  margin-bottom: 2em;
  margin-top: 1.5em;
  border-bottom: #ebf4f8 5px solid; }
  .user-management:after {
    content: "";
    display: table;
    clear: both; }
  .user-management a {
    text-decoration: none; }

.button-link-align {
  text-align: center; }

.user-management-table {
  margin: 1.5em 0; }
  .user-management-table td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .user-management-table.errors a {
    text-decoration: none; }
  .user-management-table.errors .button-link {
    font-weight: 600; }

.upload-users {
  padding: 1.5em 1em;
  border: 1px solid #dbdcde; }
  .upload-users .tip {
    margin: 1em 2em;
    padding-top: 1.5em;
    padding-bottom: 1.5em; }
  .upload-users .upload-input {
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 700;
    transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
    border: 1px solid #c1ddea;
    border-radius: 2px;
    display: inline-block;
    padding: 0.75em 1em;
    text-decoration: none;
    color: #152d76;
    background-color: #c1ddea;
    text-align: center;
    cursor: pointer;
    background-color: #fff;
    border-color: #dbdcde;
    height: auto;
    vertical-align: middle;
    width: 100%; }
    .upload-users .upload-input:hover, .upload-users .upload-input:focus {
      outline: 0;
      text-decoration: none;
      background-color: #9bc8dd;
      border-color: #9bc8dd;
      color: #0d1c4b; }
    .upload-users .upload-input:hover, .upload-users .upload-input:focus {
      background-color: #ebf9f9;
      border-color: #dbdcde; }
    @media (min-width: 31.25em) {
      .upload-users .upload-input {
        width: 65%;
        text-align: left; } }
  .upload-users .upload-button {
    height: 40px;
    vertical-align: middle;
    width: 100%;
    margin-top: 0.5em; }
    @media (min-width: 31.25em) {
      .upload-users .upload-button {
        width: 33%;
        float: right;
        margin-top: 0; } }

@media (max-width: 992px) {
  .font-tab {
    font-size: 13px !important;
    width: 100% !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    clear: both !important; }
  .textbox-tab {
    width: 100% !important; } }

.bottom-space {
  margin-bottom: 1em; }

.user-creation-errors {
  margin-bottom: 2em; }

.user-action-group-inline {
  *zoom: 1; }
  .user-action-group-inline:after {
    content: "";
    display: table;
    clear: both; }
  .user-action-group-inline .padded-button {
    margin-top: 20px; }
  .user-action-group-inline li {
    margin-bottom: 1em; }
    .user-action-group-inline li .button, .user-action-group-inline li .button-subtle, .user-action-group-inline li .button-highlight {
      width: 100%; }
    @media (min-width: 60em) {
      .user-action-group-inline li {
        display: inline;
        float: left;
        width: 31%;
        margin-right: 3.5%;
        margin-left: 0; } }
    @media (min-width: 60em) {
      .user-action-group-inline li:first-of-type {
        float: left; } }
    @media (min-width: 60em) {
      .user-action-group-inline li:last-of-type {
        float: right;
        margin-right: 0; } }

.selectric-wrapper {
  position: relative;
  cursor: pointer; }

.selectric-responsive {
  width: 100%; }

.selectric {
  border: 1px solid #DDD;
  background: #fff;
  position: relative;
  height: 2.73em; }

.selectric .label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 38px 0 10px;
  font-size: 1em;
  line-height: 1.4em;
  padding-top: 0.6em;
  color: #7a7a7a;
  height: 2.73em;
  position: absolute;
  width: calc(100% - 50px);
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.selectric .button {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 38px;
  height: 38px;
  margin-top: 2px;
  color: #7a7a7a;
  background-color: #fff;
  border-color: #fff;
  text-align: center;
  font: 0/0 a;
  *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial; }

.selectric .button:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: #7a7a7a;
  border-bottom: none; }

.selectric-focus .selectric {
  border-color: #AAA; }

.selectric-hover .selectric {
  cursor: default; }

.selectric-hover .selectric .button {
  color: #A2A2A2; }

.selectric-hover .selectric .button:after {
  border-top-color: #A2A2A2; }

.selectric-open {
  z-index: 9999; }

.selectric-open .selectric {
  border-color: #C4C4C4; }

.selectric-open .selectric-items {
  display: block; }

.selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.selectric-hide-select {
  position: relative;
  width: 0;
  height: 0; }

.selectric-hide-select select {
  position: absolute;
  left: -100%; }

.selectric-hide-select.selectric-is-native {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10; }

.selectric-hide-select.selectric-is-native select {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border: none;
  z-index: 1;
  box-sizing: border-box;
  opacity: 0; }

.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important; }

.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important; }

/* Items box */
.selectric-items {
  display: none;
  position: absolute;
  top: 2.73em;
  left: 0;
  background: #fff;
  border: 1px solid #C4C4C4;
  z-index: -1;
  box-shadow: 0 0 10px -6px; }

.selectric-items .selectric-scroll {
  height: 100%;
  overflow: auto; }

.selectric-above .selectric-items {
  top: auto;
  bottom: 100%; }

.selectric-items ul, .selectric-items li {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0.875em;
  line-height: 20px;
  min-height: 20px; }

.selectric-items li {
  display: block;
  padding: 10px;
  color: #7a7a7a;
  cursor: pointer; }
  .selectric-items li.selected {
    background: #fff;
    color: #7a7a7a; }
  .selectric-items li.highlighted {
    background: #152d76;
    color: #fff; }
  .selectric-items li:hover {
    background: #152d76;
    color: #fff; }

.selectric-items:hover li.highlighted {
  background: #fff;
  color: #7a7a7a; }

.selectric-items:hover li:hover {
  background: #152d76;
  color: #fff; }

.selectric-items .disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default !important;
  background: none !important;
  color: #666 !important;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.selectric-items .selectric-group .selectric-group-label {
  font-weight: bold;
  padding-left: 10px;
  cursor: default;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: none;
  color: #444; }

.selectric-items .selectric-group.disabled li {
  filter: alpha(opacity=100);
  opacity: 1; }

.selectric-items .selectric-group li {
  padding-left: 25px; }

.list-view-header {
  margin-bottom: 2rem; }

.psa-text {
  font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
  font-weight: 700;
  margin-bottom: 0.35em;
  line-height: 1.2;
  color: #4c4c4e;
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 1rem; }
  .psa-text a {
    color: #4c4c4e;
    text-decoration: none; }
    .psa-text a:hover, .psa-text a:focus {
      color: #262627;
      text-decoration: underline; }

.report-issue {
  text-align: center; }
  .report-issue .button-link {
    color: #7a7a7a;
    font-weight: normal; }
    .report-issue .button-link:hover, .report-issue .button-link:focus {
      color: #545454; }
  .report-issue .icon-question-mark {
    margin-bottom: 3px; }

.student-passage-quiz .view-mode-selection {
  margin-bottom: 1.5rem; }
  @media (min-width: 43.75em) {
    .student-passage-quiz .view-mode-selection {
      display: none; } }
  .student-passage-quiz .view-mode-selection.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    padding: 1em;
    background-color: #fff;
    border-bottom: 1px solid #dbdcde;
    z-index: 4;
    box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.3); }
    @media (min-width: 43.75em) {
      .student-passage-quiz .view-mode-selection.is-fixed {
        display: none; } }

.student-passage-quiz .secondary-content {
  margin-top: 0;
  padding-top: 0;
  border-top: 0; }

.student-passage-quiz .question-passage-wrapper {
  position: relative; }
  .student-passage-quiz .question-passage-wrapper.passage .passage-content {
    position: relative;
    z-index: 1;
    transform: none;
    transition: transform, 0.3s, ease-in-out, 0s; }
  .student-passage-quiz .question-passage-wrapper.questions .passage-content {
    transform: translateX(-110%);
    transition: transform, 0.3s, ease-in-out, 0s;
    position: absolute;
    top: 0;
    z-index: 3; }
    @media (min-width: 43.75em) {
      .student-passage-quiz .question-passage-wrapper.questions .passage-content {
        transform: none;
        position: relative; } }
  .student-passage-quiz .question-passage-wrapper.questions .question-group {
    transform: none;
    transition: transform, 0.3s, ease-in-out, 0s;
    position: relative; }

.student-passage-quiz .passage-content {
  position: relative; }
  .student-passage-quiz .passage-content .instructions {
    padding: 1rem;
    border: 1px solid #dbdcde;
    margin-bottom: 1.5rem;
    color: #7a7a7a; }
  .student-passage-quiz .passage-content .title {
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 700;
    margin-bottom: 0.35em;
    line-height: 1.2;
    color: #4c4c4e;
    font-size: 1.8em; }
    .student-passage-quiz .passage-content .title a {
      color: #4c4c4e;
      text-decoration: none; }
      .student-passage-quiz .passage-content .title a:hover, .student-passage-quiz .passage-content .title a:focus {
        color: #262627;
        text-decoration: underline; }
  .student-passage-quiz .passage-content .highlight-control-group {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    z-index: 2;
    background-color: #4c4c4e;
    border-radius: 4px;
    overflow: hidden;
    width: auto; }
    .student-passage-quiz .passage-content .highlight-control-group.is-visible {
      border: inherit;
      clip: inherit;
      height: inherit;
      margin: inherit;
      overflow: inherit;
      padding: inherit;
      position: inherit;
      width: inherit;
      position: absolute;
      padding: 0;
      border-radius: 4px;
      overflow: hidden; }
    .student-passage-quiz .passage-content .highlight-control-group button {
      font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
      font-weight: 700;
      transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
      border: 1px solid #c1ddea;
      border-radius: 2px;
      display: inline-block;
      padding: 0.75em 1em;
      text-decoration: none;
      color: #152d76;
      background-color: #c1ddea;
      text-align: center;
      cursor: pointer;
      border-color: #152d76;
      background-color: #152d76;
      color: white;
      font-family: ff-enzo-web, georgia, times, "Times New Roman", serif;
      font-weight: 500;
      line-height: 1.5;
      border: 0 none;
      font-size: 0.9em;
      float: left;
      border-radius: 0; }
      .student-passage-quiz .passage-content .highlight-control-group button:hover, .student-passage-quiz .passage-content .highlight-control-group button:focus {
        outline: 0;
        text-decoration: none;
        background-color: #9bc8dd;
        border-color: #9bc8dd;
        color: #0d1c4b; }
      .student-passage-quiz .passage-content .highlight-control-group button:hover, .student-passage-quiz .passage-content .highlight-control-group button:focus {
        border-color: #0d1c4b;
        background-color: #0d1c4b;
        color: #fff; }
      .student-passage-quiz .passage-content .highlight-control-group button.large {
        padding-left: 2em;
        padding-right: 2em; }
        @media (min-width: 43.75em) {
          .student-passage-quiz .passage-content .highlight-control-group button.large {
            padding-left: 4em;
            padding-right: 4em; } }
    .student-passage-quiz .passage-content .highlight-control-group .create-note {
      border-left: 1px solid #0d1c4b; }
      .student-passage-quiz .passage-content .highlight-control-group .create-note .icon-note {
        height: 16px;
        width: 16px; }

.student-passage-quiz .passage-text {
  margin-top: 1.5em; }
  .student-passage-quiz .passage-text p {
    position: relative; }
  .student-passage-quiz .passage-text .highlighted-text {
    background-color: #FDE097; }
  .student-passage-quiz .passage-text .note-action-wrapper {
    display: inline-block;
    margin-left: 0.25em; }
    .student-passage-quiz .passage-text .note-action-wrapper .delete-note-link {
      display: none; }
      .student-passage-quiz .passage-text .note-action-wrapper .delete-note-link.is-visible {
        display: inline-block; }
    .student-passage-quiz .passage-text .note-action-wrapper .icon-close, .student-passage-quiz .passage-text .note-action-wrapper .icon-highlight-close {
      width: 17px;
      height: 17px; }

.student-passage-quiz .question-text span {
  background-color: #ebf4f8 !important; }

.student-passage-quiz .answer-text span {
  background-color: #ebf4f8 !important; }

.student-passage-quiz .two-part span {
  font-weight: normal !important; }

.student-passage-quiz .question-group {
  transform: translateX(110%);
  transition: transform, 0.3s, ease-in-out, 0s;
  position: absolute;
  top: 0;
  width: 100%; }
  @media (min-width: 43.75em) {
    .student-passage-quiz .question-group {
      transform: none;
      position: relative; } }
  .student-passage-quiz .question-group .question {
    display: none;
    border: 0 none;
    background-color: #ebf4f8;
    padding: 1.25em 1em 0.1em 1em; }
    .student-passage-quiz .question-group .question.current {
      display: block; }
    .student-passage-quiz .question-group .question .icon-quiz-question {
      display: block;
      margin: 0 auto 1rem auto; }
    .student-passage-quiz .question-group .question .question-count {
      font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
      font-weight: 700;
      margin-bottom: 0.35em;
      line-height: 1.2;
      color: #4c4c4e;
      font-size: 1.2em; }
      .student-passage-quiz .question-group .question .question-count a {
        color: #4c4c4e;
        text-decoration: none; }
        .student-passage-quiz .question-group .question .question-count a:hover, .student-passage-quiz .question-group .question .question-count a:focus {
          color: #262627;
          text-decoration: underline; }
    .student-passage-quiz .question-group .question .question-text {
      font-size: 1.1em;
      line-height: 1.5;
      margin-bottom: 1rem; }
    .student-passage-quiz .question-group .question .question-choice-group h3 {
      font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
      font-weight: 700;
      margin-bottom: 0.35em;
      line-height: 1.2;
      color: #4c4c4e;
      font-size: 1em; }
      .student-passage-quiz .question-group .question .question-choice-group h3 a {
        color: #4c4c4e;
        text-decoration: none; }
        .student-passage-quiz .question-group .question .question-choice-group h3 a:hover, .student-passage-quiz .question-group .question .question-choice-group h3 a:focus {
          color: #262627;
          text-decoration: underline; }
    .student-passage-quiz .question-group .question .second-question-part {
      margin-top: 3rem; }

.student-passage-quiz .back-to-top {
  display: block;
  height: 0;
  width: 0;
  overflow: hidden;
  border-width: 0;
  padding: 0; }
  @media (min-width: 43.75em) {
    .student-passage-quiz .back-to-top.is-visible {
      overflow: initial;
      width: 33.68125%;
      height: auto;
      border-width: 1px;
      padding: 0.75em 1em;
      position: fixed;
      display: block;
      top: 2em;
      left: 60.375%; } }
  @media (min-width: 60em) {
    .student-passage-quiz .back-to-top.is-visible {
      width: 29.45%;
      left: 62%; } }
  @media (min-width: 68.75em) {
    .student-passage-quiz .back-to-top.is-visible {
      width: 21.3125em;
      left: 62%; } }

.student-passage-quiz .question-navigation-group .previous-question, .student-passage-quiz .question-navigation-group .next-question, .student-passage-quiz .question-navigation-group .finish-quiz-wrapper {
  margin-bottom: 1rem;
  width: 100%;
  display: none; }
  .student-passage-quiz .question-navigation-group .previous-question.is-visible, .student-passage-quiz .question-navigation-group .next-question.is-visible, .student-passage-quiz .question-navigation-group .finish-quiz-wrapper.is-visible {
    display: inline-block; }

.student-passage-quiz .question-navigation-group .finish-quiz-wrapper button {
  width: 100%; }

.student-passage-quiz .question-navigation-group .previous-question.is-visible {
  display: inline-block;
  display: inline;
  float: left;
  width: 48.25%;
  margin-right: 3.5%;
  margin-left: 0; }

.student-passage-quiz .question-navigation-group .previous-question.is-visible + .next-question.is-visible, .student-passage-quiz .question-navigation-group .previous-question.is-visible ~ .finish-quiz-wrapper {
  display: inline;
  float: left;
  width: 48.25%;
  margin-right: 3.5%;
  margin-left: 0;
  margin-right: 0; }

.student-passage-quiz .question-navigation-group .finish-quiz-wrapper {
  display: inline-block; }
  @media (min-width: 31.25em) {
    .student-passage-quiz .question-navigation-group .finish-quiz-wrapper {
      margin-right: 0; } }

.eligible-contents {
  display: block;
  clear: both; }
  .eligible-contents .content-toggler {
    width: inherit; }
    .eligible-contents .content-toggler .icon-collapse {
      margin-left: 0.25em;
      transition: transform 0.2s; }
      .eligible-contents .content-toggler .icon-collapse.collapsed {
        transform: rotate(-180deg) translateY(0.4em); }
  .eligible-contents .content-toggler + .eligible-content-group.content-expanded {
    margin-top: 0.5rem; }
  .eligible-contents .eligible-content-group {
    *zoom: 1;
    display: none; }
    .eligible-contents .eligible-content-group:after {
      content: "";
      display: table;
      clear: both; }
    .eligible-contents .eligible-content-group .eligible-item {
      margin-bottom: 0.5em; }
      .eligible-contents .eligible-content-group .eligible-item:last-of-type {
        margin-bottom: 0; }
      .eligible-contents .eligible-content-group .eligible-item.expanded .eligible-content-description {
        display: block; }
      .eligible-contents .eligible-content-group .eligible-item .eligible-content-item {
        background-color: #eeeff0;
        padding: 0.25em 0.5em;
        background-image: url("/assets/images/select.svg");
        background-position: 98% center;
        background-repeat: no-repeat;
        background-size: 16px 9px;
        display: block;
        color: #4c4c4e;
        text-decoration: none; }
        .eligible-contents .eligible-content-group .eligible-item .eligible-content-item:hover, .eligible-contents .eligible-content-group .eligible-item .eligible-content-item:focus {
          cursor: pointer; }
      .eligible-contents .eligible-content-group .eligible-item .eligible-content-description {
        display: none;
        padding: 0.5em; }
    .eligible-contents .eligible-content-group.content-expanded {
      display: block; }

.passage-filters {
  margin-bottom: 2em; }
  .passage-filters .x-input label {
    color: #b2bcd7; }

.passage-content-wrapper, .passage-modal {
  background-color: #fff;
  padding: 1em; }
  @media (min-width: 31.25em) {
    .passage-content-wrapper, .passage-modal {
      padding: 2em; } }
  .passage-content-wrapper .action-group .button, .passage-modal .action-group .button {
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 700;
    transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
    border: 1px solid #c1ddea;
    border-radius: 2px;
    display: inline-block;
    padding: 0.75em 1em;
    text-decoration: none;
    color: #152d76;
    background-color: #c1ddea;
    text-align: center;
    cursor: pointer; }
    .passage-content-wrapper .action-group .button:hover, .passage-content-wrapper .action-group .button:focus, .passage-modal .action-group .button:hover, .passage-modal .action-group .button:focus {
      outline: 0;
      text-decoration: none;
      background-color: #9bc8dd;
      border-color: #9bc8dd;
      color: #0d1c4b; }
  .passage-content-wrapper .action-group .button-subtle, .passage-modal .action-group .button-subtle {
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 700;
    transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
    border: 1px solid #c1ddea;
    border-radius: 2px;
    display: inline-block;
    padding: 0.75em 1em;
    text-decoration: none;
    color: #152d76;
    background-color: #c1ddea;
    text-align: center;
    cursor: pointer;
    background-color: #fff;
    border-color: #dbdcde; }
    .passage-content-wrapper .action-group .button-subtle:hover, .passage-content-wrapper .action-group .button-subtle:focus, .passage-modal .action-group .button-subtle:hover, .passage-modal .action-group .button-subtle:focus {
      outline: 0;
      text-decoration: none;
      background-color: #9bc8dd;
      border-color: #9bc8dd;
      color: #0d1c4b; }
    .passage-content-wrapper .action-group .button-subtle:hover, .passage-content-wrapper .action-group .button-subtle:focus, .passage-modal .action-group .button-subtle:hover, .passage-modal .action-group .button-subtle:focus {
      background-color: #ebf9f9;
      border-color: #dbdcde; }
  .passage-content-wrapper .action-group .button-highlight, .passage-modal .action-group .button-highlight {
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 700;
    transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
    border: 1px solid #c1ddea;
    border-radius: 2px;
    display: inline-block;
    padding: 0.75em 1em;
    text-decoration: none;
    color: #152d76;
    background-color: #c1ddea;
    text-align: center;
    cursor: pointer;
    border-color: #152d76;
    background-color: #152d76;
    color: white; }
    .passage-content-wrapper .action-group .button-highlight:hover, .passage-content-wrapper .action-group .button-highlight:focus, .passage-modal .action-group .button-highlight:hover, .passage-modal .action-group .button-highlight:focus {
      outline: 0;
      text-decoration: none;
      background-color: #9bc8dd;
      border-color: #9bc8dd;
      color: #0d1c4b; }
    .passage-content-wrapper .action-group .button-highlight:hover, .passage-content-wrapper .action-group .button-highlight:focus, .passage-modal .action-group .button-highlight:hover, .passage-modal .action-group .button-highlight:focus {
      border-color: #0d1c4b;
      background-color: #0d1c4b;
      color: #fff; }
    .passage-content-wrapper .action-group .button-highlight.large, .passage-modal .action-group .button-highlight.large {
      padding-left: 2em;
      padding-right: 2em; }
      @media (min-width: 43.75em) {
        .passage-content-wrapper .action-group .button-highlight.large, .passage-modal .action-group .button-highlight.large {
          padding-left: 4em;
          padding-right: 4em; } }
  .passage-content-wrapper .passage-content-header .title, .passage-modal .passage-content-header .title {
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 700;
    margin-bottom: 0.35em;
    line-height: 1.2;
    color: #4c4c4e;
    font-size: 1.8em;
    text-align: center; }
    .passage-content-wrapper .passage-content-header .title a, .passage-modal .passage-content-header .title a {
      color: #4c4c4e;
      text-decoration: none; }
      .passage-content-wrapper .passage-content-header .title a:hover, .passage-content-wrapper .passage-content-header .title a:focus, .passage-modal .passage-content-header .title a:hover, .passage-modal .passage-content-header .title a:focus {
        color: #262627;
        text-decoration: underline; }
  .passage-content-wrapper .passage-content-header .meta, .passage-modal .passage-content-header .meta {
    text-align: center;
    margin-bottom: 1.5rem; }
  .passage-content-wrapper .passage-content-header .navigation-action-group, .passage-modal .passage-content-header .navigation-action-group {
    margin-bottom: 1.5rem; }
  .passage-content-wrapper .instructions, .passage-modal .instructions {
    padding: 1rem;
    border: 1px solid #dbdcde;
    margin-bottom: 1.5rem;
    color: #7a7a7a; }
  .passage-content-wrapper .passage-content, .passage-modal .passage-content {
    margin-bottom: 1.5rem; }
    .passage-content-wrapper .passage-content .title, .passage-modal .passage-content .title {
      font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
      font-weight: 700;
      margin-bottom: 0.35em;
      line-height: 1.2;
      color: #4c4c4e;
      font-size: 1.8em; }
      .passage-content-wrapper .passage-content .title a, .passage-modal .passage-content .title a {
        color: #4c4c4e;
        text-decoration: none; }
        .passage-content-wrapper .passage-content .title a:hover, .passage-content-wrapper .passage-content .title a:focus, .passage-modal .passage-content .title a:hover, .passage-modal .passage-content .title a:focus {
          color: #262627;
          text-decoration: underline; }
  .passage-content-wrapper .eligible-contents, .passage-modal .eligible-contents {
    margin-bottom: 1.5rem; }
    .passage-content-wrapper .eligible-contents .content-toggler, .passage-modal .eligible-contents .content-toggler {
      font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
      font-weight: 700;
      transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
      border: 1px solid #c1ddea;
      border-radius: 2px;
      display: inline-block;
      padding: 0.75em 1em;
      text-decoration: none;
      color: #152d76;
      background-color: #c1ddea;
      text-align: center;
      cursor: pointer;
      background-color: #fff;
      border-color: #dbdcde;
      width: 100%; }
      .passage-content-wrapper .eligible-contents .content-toggler:hover, .passage-content-wrapper .eligible-contents .content-toggler:focus, .passage-modal .eligible-contents .content-toggler:hover, .passage-modal .eligible-contents .content-toggler:focus {
        outline: 0;
        text-decoration: none;
        background-color: #9bc8dd;
        border-color: #9bc8dd;
        color: #0d1c4b; }
      .passage-content-wrapper .eligible-contents .content-toggler:hover, .passage-content-wrapper .eligible-contents .content-toggler:focus, .passage-modal .eligible-contents .content-toggler:hover, .passage-modal .eligible-contents .content-toggler:focus {
        background-color: #ebf9f9;
        border-color: #dbdcde; }

.passage-builder .passage {
  padding: 1em 2em;
  background-color: #fff; }

.passage-item-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column; }
  @media (min-width: 60em) {
    .passage-item-group {
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  .passage-item-group .passage-item {
    padding: 1rem;
    border: 1px solid #dbdcde;
    margin-bottom: 1.5rem;
    text-decoration: none;
    border-radius: 10px;
    color: #4c4c4e;
    background-color: #fff;
    cursor: pointer; }
    .passage-item-group .passage-item:hover, .passage-item-group .passage-item:focus {
      text-decoration: none;
      background-color: #e7f2f7;
      color: #0d1c4b; }
    @media (min-width: 60em) {
      .passage-item-group .passage-item {
        display: inline;
        float: left;
        width: 31%;
        margin-right: 3.5%;
        margin-left: 0; }
        .passage-item-group .passage-item:nth-of-type(1n) {
          margin-right: 3.5%;
          float: left;
          clear: none; }
          .lt-ie8 .passage-item-group .passage-item:nth-of-type(1n) {
            margin-right: 3.25%; }
        .passage-item-group .passage-item:nth-of-type(3n+3) {
          margin-right: 0;
          float: right; }
        .passage-item-group .passage-item:nth-of-type(3n+4) {
          clear: both; } }
    .passage-item-group .passage-item .passage-item-content {
      height: 100%;
      display: -ms-grid;
      display: grid;
      -ms-grid-row: auto auto;
      grid-row: auto auto;
      -ms-grid-column: auto;
      grid-column: auto; }
      .passage-item-group .passage-item .passage-item-content .title {
        margin-bottom: 0.75em; }
      .passage-item-group .passage-item .passage-item-content .summary {
        color: #7a7a7a;
        -ms-flex-item-align: start;
        -ms-grid-row-align: start;
        align-self: start; }
      .passage-item-group .passage-item .passage-item-content .meta-item-group {
        font-size: 0.875em;
        -ms-flex-item-align: end;
        -ms-grid-row-align: end;
        align-self: end; }
        .passage-item-group .passage-item .passage-item-content .meta-item-group .meta-item:not(:last-of-type) {
          margin-bottom: 0.25em; }

@media (min-width: 43.75em) {
  .passage-info-modal .modal-wrapper {
    max-width: 90%; } }

@media (min-width: 60em) {
  .passage-info-modal .modal-wrapper {
    max-width: 900px; } }

.class-library.showBorder {
  border-top: 1px solid #dbdcde;
  padding-top: 1em; }

.class-library .class-library-item-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  justify-content: flex-start; }
  .class-library .class-library-item-list .class-library-item {
    text-align: center;
    width: 150px;
    padding: 1em; }
    .class-library .class-library-item-list .class-library-item .item-wrapper {
      padding: 0.5em; }
      .class-library .class-library-item-list .class-library-item .item-wrapper button {
        background: transparent;
        border: none;
        color: inherit;
        font-weight: inherit;
        padding: 0; }
      .class-library .class-library-item-list .class-library-item .item-wrapper.item-over {
        border: 1px dashed #4c4c4e; }
    @media (min-width: 37.5em) {
      .class-library .class-library-item-list .class-library-item {
        width: 130px; } }
    @media (min-width: 60em) {
      .class-library .class-library-item-list .class-library-item {
        width: 150px; } }
    .class-library .class-library-item-list .class-library-item .item-icon {
      width: 100px;
      height: 100px;
      display: block;
      margin-right: auto;
      margin-left: auto; }
      .class-library .class-library-item-list .class-library-item .item-icon.icon-class-library-www {
        margin-top: 5px;
        margin-bottom: -5px; }
    .class-library .class-library-item-list .class-library-item .item-name {
      width: 100px;
      margin-top: 0.5em;
      margin-left: auto;
      margin-right: auto; }
    .class-library .class-library-item-list .class-library-item a {
      color: #4c4c4e;
      text-decoration: none; }

.class-library .action-buttons {
  margin-left: 0.8em;
  margin-bottom: 2em; }
  @media (min-width: 43.75em) {
    .class-library .action-buttons {
      margin-top: -0.5em; } }
  @media (min-width: 60em) {
    .class-library .action-buttons {
      margin-top: -1em; } }
  .class-library .action-buttons .icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    margin-top: -4px; }
  .class-library .action-buttons .button {
    background: #fff;
    border-radius: 15px;
    padding: 0.5em 0.75em;
    color: #4c4c4e;
    border-color: #dbdcde;
    margin-right: 0.75em;
    width: 146px;
    margin-top: 0.5em; }
    .class-library .action-buttons .button:last-of-type {
      margin-right: 0; }
    .class-library .action-buttons .button:hover, .class-library .action-buttons .button:focus {
      background-color: #ebf9f9; }

.class-library-action-group {
  border-top: 1px solid #dbdcde;
  margin-top: 2em;
  padding-top: 2em; }

.upload-class-resource .tip {
  margin: 1em 2em;
  padding-top: 1.5em;
  padding-bottom: 1.5em; }

.upload-class-resource .upload-input-class-resource {
  font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
  font-weight: 700;
  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
  border: 1px solid #c1ddea;
  border-radius: 2px;
  display: inline-block;
  padding: 0.75em 1em;
  text-decoration: none;
  color: #152d76;
  background-color: #c1ddea;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border-color: #dbdcde;
  height: auto;
  vertical-align: middle;
  width: 100%; }
  .upload-class-resource .upload-input-class-resource:hover, .upload-class-resource .upload-input-class-resource:focus {
    outline: 0;
    text-decoration: none;
    background-color: #9bc8dd;
    border-color: #9bc8dd;
    color: #0d1c4b; }
  .upload-class-resource .upload-input-class-resource:hover, .upload-class-resource .upload-input-class-resource:focus {
    background-color: #ebf9f9;
    border-color: #dbdcde; }
  @media (min-width: 31.25em) {
    .upload-class-resource .upload-input-class-resource {
      width: 100% !important;
      text-align: left; } }

.upload-class-resource .upload-class-resource-button {
  height: 40px;
  vertical-align: middle;
  width: 100%;
  margin-top: 0.5em; }
  @media (min-width: 31.25em) {
    .upload-class-resource .upload-class-resource-button {
      width: 33%;
      float: right;
      margin-top: 0; } }

.file-label {
  color: #7a7a7a;
  font-size: 0.875em;
  display: block;
  margin-bottom: 0.35em;
  margin-left: 0.25em; }

.context-menu {
  font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
  font-weight: 700;
  border: 1px solid #dbdcde; }
  .context-menu.context-menu--left {
    right: inherit; }
  .context-menu .context-menu__item {
    min-width: 90px;
    text-align: center;
    padding: 0.2em 0;
    border-bottom: 1px solid #dbdcde; }
    .context-menu .context-menu__item:last-of-type {
      border-bottom: 0; }

.high {
  background-color: #66CC99; }

.mid {
  background-color: #E9D460; }

.low {
  background-color: #EC644B; }

.bold-center-horizontal {
  text-align: center;
  font-weight: bold;
  color: #2E4E8A; }

.standard-mastery-start-filters button {
  width: 100%; }
  @media (min-width: 37.5em) {
    .standard-mastery-start-filters button {
      width: 40%; } }

.standard-mastery-start-filters fieldset {
  min-width: 0; }

.standard-mastery-filters button {
  width: 100%;
  margin-top: .35em; }

.standard-mastery-filters fieldset {
  min-width: 0; }

.standard-mastery-filters .filter-column {
  width: 100%;
  float: none;
  margin-top: .5em;
  margin-bottom: .5em; }

@media (min-width: 37.5em) {
  .standard-mastery-filters .filter-column {
    width: 50%;
    float: left; }
    .standard-mastery-filters .filter-column .date-picker-wrapper {
      display: inline;
      float: left;
      width: 100%;
      margin-right: 3.5%;
      margin-left: 0; }
    .standard-mastery-filters .filter-column.filters-left {
      padding-right: .35em; } }

@media (min-width: 60em) {
  .standard-mastery-filters button {
    width: 35%; } }

.student-mastery-table {
  font-size: 1.2em;
  border-collapse: collapse;
  color: #4c4c4e; }
  .student-mastery-table a {
    display: block;
    text-decoration: none;
    height: 100%; }
    .student-mastery-table a:hover {
      text-decoration: underline;
      color: #262627; }
  .student-mastery-table .flex-center-vertical {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column; }
  .student-mastery-table .flex-center-horizontal {
    -ms-flex-pack: center;
    justify-content: center; }
  .student-mastery-table .center-horizontal {
    text-align: center; }
  .student-mastery-table .bottom-border {
    border-bottom: none; }
    @media (min-width: 31.25em) {
      .student-mastery-table .bottom-border {
        border-bottom: 1px solid #9b9b9b; } }
  .student-mastery-table .full-border {
    border: none; }
    @media (min-width: 31.25em) {
      .student-mastery-table .full-border {
        border: 1px solid #9b9b9b; } }
  .student-mastery-table .score-container {
    width: 95%;
    margin: 0 auto;
    border-bottom: 1px solid #9b9b9b; }
    @media (min-width: 31.25em) {
      .student-mastery-table .score-container {
        width: 100%;
        border: none; } }
    .student-mastery-table .score-container .detail-container {
      width: 50%;
      float: left;
      position: relative;
      padding: 4px; }
      @media (min-width: 31.25em) {
        .student-mastery-table .score-container .detail-container {
          width: 100%; } }
    @media (min-width: 31.25em) {
      .student-mastery-table .score-container .detail-container.header {
        display: none; } }
    .student-mastery-table .score-container .percent {
      margin-bottom: .15em; }
    .student-mastery-table .score-container .score {
      font-size: .75em; }
  .student-mastery-table .student {
    font-size: 0.875em;
    padding-top: 0em;
    padding-right: 10px;
    -ms-flex-direction: row;
    flex-direction: row; }
    .student-mastery-table .student img {
      height: 50px !important;
      width: 50px !important;
      max-width: 50px !important;
      padding: 2px; }
    .student-mastery-table .student-name {
      padding-left: 4px; }
    @media (min-width: 31.25em) {
      .student-mastery-table .student {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start; } }
    @media (min-width: 60em) {
      .student-mastery-table .student {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: start;
        justify-content: flex-start; } }
  .student-mastery-table .header {
    font-weight: bold;
    color: #2E4E8A; }
  .student-mastery-table tbody, .student-mastery-table thead {
    border: none; }
  .student-mastery-table tr {
    padding: 10px !important;
    border: none; }
    @media (min-width: 31.25em) {
      .student-mastery-table tr {
        padding: 5px; } }
    .student-mastery-table tr:last-child td:first-child {
      border: none; }
  .student-mastery-table td {
    padding: 0em 0em 0em 0em !important;
    height: 50px; }
  .student-mastery-table div {
    width: 100%;
    height: 100%; }

.subscription-details {
  margin-top: 15px; }

.roster-approval .explanation {
  width: 100%;
  margin-bottom: .6em; }

.roster-approval .roster-group {
  margin-bottom: .6em; }
  .roster-approval .roster-group .roster-group-header {
    background-color: #152d76;
    width: 100%;
    margin-bottom: 0px; }
    .roster-approval .roster-group .roster-group-header .header-text {
      font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
      font-weight: 700;
      margin-bottom: 0.35em;
      line-height: 1.2;
      color: #4c4c4e;
      font-size: 1.4em;
      margin: 0px;
      padding: .6em;
      display: block;
      color: white; }
      .roster-approval .roster-group .roster-group-header .header-text a {
        color: #4c4c4e;
        text-decoration: none; }
        .roster-approval .roster-group .roster-group-header .header-text a:hover, .roster-approval .roster-group .roster-group-header .header-text a:focus {
          color: #262627;
          text-decoration: underline; }
  .roster-approval .roster-group .roster-group-body {
    border-right: 1px solid #445584;
    border-left: 1px solid #445584; }
    .roster-approval .roster-group .roster-group-body .course-body.expanded {
      border-bottom: 1px solid #445584; }
      .roster-approval .roster-group .roster-group-body .course-body.expanded .course-body-header {
        margin-bottom: .4em;
        border-bottom: 1px solid #445584; }
    .roster-approval .roster-group .roster-group-body .course-body .student-group-add-remove {
      padding: .6em;
      visibility: visible; }
    .roster-approval .roster-group .roster-group-body .course-body .course-body-header {
      border-bottom: 1px solid #445584;
      position: relative;
      padding: .6em; }
      .roster-approval .roster-group .roster-group-body .course-body .course-body-header .header-text {
        font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
        font-weight: 700;
        margin-bottom: 0.35em;
        line-height: 1.2;
        color: #4c4c4e;
        font-size: 1.2em;
        display: block;
        margin-bottom: 0px; }
        .roster-approval .roster-group .roster-group-body .course-body .course-body-header .header-text a {
          color: #4c4c4e;
          text-decoration: none; }
          .roster-approval .roster-group .roster-group-body .course-body .course-body-header .header-text a:hover, .roster-approval .roster-group .roster-group-body .course-body .course-body-header .header-text a:focus {
            color: #262627;
            text-decoration: underline; }
      .roster-approval .roster-group .roster-group-body .course-body .course-body-header .header-sub-text {
        display: block;
        margin-bottom: 0px; }
      .roster-approval .roster-group .roster-group-body .course-body .course-body-header.approved {
        background-color: #f6faed; }
      @media (min-width: 60em) {
        .roster-approval .roster-group .roster-group-body .course-body .course-body-header button.header-action-approve {
          position: absolute;
          top: 40%;
          right: 3.5em; }
        .roster-approval .roster-group .roster-group-body .course-body .course-body-header button.header-action-expand {
          position: absolute;
          top: 35%;
          right: .6em; } }
      .roster-approval .roster-group .roster-group-body .course-body .course-body-header button.header-action-approve {
        display: block; }
      .roster-approval .roster-group .roster-group-body .course-body .course-body-header button.header-action-expand {
        border: 1px solid grey;
        display: block;
        -ms-flex-align: normal;
        align-items: normal;
        margin-bottom: .6em; }
        .roster-approval .roster-group .roster-group-body .course-body .course-body-header button.header-action-expand .icon-collapse {
          margin: .5em;
          height: 9px;
          width: 12px; }
          .roster-approval .roster-group .roster-group-body .course-body .course-body-header button.header-action-expand .icon-collapse.up {
            transform: rotate(-180deg);
            -moz-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);
            -o-transform: rotate(-180deg);
            -webkit-transform: rotate(-180deg);
            transition: transform 550ms ease; }
          .roster-approval .roster-group .roster-group-body .course-body .course-body-header button.header-action-expand .icon-collapse.down {
            transform: rotate(-360deg);
            -moz-transform: rotate(-360deg);
            -ms-transform: rotate(-360deg);
            -o-transform: rotate(-360deg);
            -webkit-transform: rotate(-360deg);
            transition: transform 550ms ease; }

@keyframes student-move-notification {
  0% {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0); }
  50% {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0); } }

.screenreader-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.pick-teams .shuffle-action {
  width: 100%;
  margin: 0 auto;
  display: block; }
  @media (min-width: 37.5em) {
    .pick-teams .shuffle-action {
      width: 50%; } }

.pick-teams .team-groups {
  margin-top: 2em; }
  .pick-teams .team-groups [theme-color="color4"] .team-color {
    background-color: #8889DD !important; }
  .pick-teams .team-groups [theme-color="color3"] .team-color {
    background-color: #81E177 !important; }
  .pick-teams .team-groups [theme-color="color2"] .team-color {
    background-color: #88DCDD !important; }
  .pick-teams .team-groups [theme-color="color1"] .team-color {
    background-color: #FFB74D !important; }
  .pick-teams .team-groups .team-a #select-styled, .pick-teams .team-groups .team-a .team-color {
    background: #FFB74D; }
  .pick-teams .team-groups .team-b #select-styled, .pick-teams .team-groups .team-b .team-color {
    background: #88DCDD; }
  .pick-teams .team-groups .team {
    margin-bottom: 2em;
    position: relative; }
    @media (min-width: 37.5em) {
      .pick-teams .team-groups .team {
        display: inline;
        float: left;
        width: 48.25%;
        margin-right: 3.5%;
        margin-left: 0; }
        .pick-teams .team-groups .team:nth-of-type(1n) {
          margin-right: 3.5%;
          float: left;
          clear: none; }
          .lt-ie8 .pick-teams .team-groups .team:nth-of-type(1n) {
            margin-right: 3.25%; }
        .pick-teams .team-groups .team:nth-of-type(2n+2) {
          margin-right: 0;
          float: right; }
        .pick-teams .team-groups .team:nth-of-type(2n+3) {
          clear: both; } }
    .pick-teams .team-groups .team .team-name {
      font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
      font-weight: 700;
      margin-bottom: 0.35em;
      line-height: 1.2;
      color: #4c4c4e;
      font-size: 1.2em;
      display: inline-block;
      vertical-align: top;
      padding-top: 0.5em;
      font-size: 1.25em;
      cursor: default;
      -webkit-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      .pick-teams .team-groups .team .team-name a {
        color: #4c4c4e;
        text-decoration: none; }
        .pick-teams .team-groups .team .team-name a:hover, .pick-teams .team-groups .team .team-name a:focus {
          color: #262627;
          text-decoration: underline; }
      @media (min-width: 25em) {
        .pick-teams .team-groups .team .team-name {
          width: calc(70% - 40px - 0.5em); } }
    .pick-teams .team-groups .team .team-count-wrapper {
      color: #4c4c4e;
      margin-top: 1em;
      border-top: 1px solid #dbdcde;
      padding-top: 0.5em; }
      @media (min-width: 31.25em) {
        .pick-teams .team-groups .team .team-count-wrapper {
          display: inline-block;
          width: 27%;
          clear: none;
          vertical-align: top;
          margin-top: 0.5em;
          text-align: right;
          padding-top: 0;
          border: 0 none; } }
      @media (min-width: 37.5em) {
        .pick-teams .team-groups .team .team-count-wrapper {
          width: 100%;
          text-align: left;
          margin-top: 1em;
          border-top: 1px solid #dbdcde;
          padding-top: 0.5em; } }
      @media (min-width: 60em) {
        .pick-teams .team-groups .team .team-count-wrapper {
          width: 27%;
          text-align: right;
          margin-top: 0.5em;
          padding-top: 0;
          border: 0 none; } }
      .pick-teams .team-groups .team .team-count-wrapper .team-count {
        display: inline-block;
        background-color: #eeeff0;
        padding: 0.25em 0.5em;
        border-radius: 1em;
        font-size: 0.9em;
        font-weight: bold; }
      .pick-teams .team-groups .team .team-count-wrapper span {
        font-size: 0.875em;
        margin-top: 0.15em; }
    .pick-teams .team-groups .team .team-list {
      margin-top: 1em;
      border: 1px solid #dbdcde;
      border-radius: 4px;
      transition: opacity 0.2s ease-in-out; }
      .pick-teams .team-groups .team .team-list.fade {
        opacity: 0.4; }
      .pick-teams .team-groups .team .team-list li {
        *zoom: 1;
        clear: both;
        border-bottom: 1px solid #dbdcde; }
        .pick-teams .team-groups .team .team-list li:after {
          content: "";
          display: table;
          clear: both; }
        .pick-teams .team-groups .team .team-list li:last-of-type {
          border-bottom: 0 none; }
        .pick-teams .team-groups .team .team-list li.animate {
          animation: student-move-notification 2s 1; }
      .pick-teams .team-groups .team .team-list a {
        font-weight: bold;
        text-decoration: none;
        color: #4c4c4e;
        font-size: 0.9em; }
    .pick-teams .team-groups .team .student {
      *zoom: 1;
      display: block;
      padding: 0.75em;
      transition: transform 0.1s ease-in-out; }
      .pick-teams .team-groups .team .student:after {
        content: "";
        display: table;
        clear: both; }
      .pick-teams .team-groups .team .student:hover, .pick-teams .team-groups .team .student:focus {
        background-color: #eeeff0; }
      .pick-teams .team-groups .team .student .student-name {
        margin-top: 5px; }
    .pick-teams .team-groups .team .team-assignment {
      display: inline;
      float: left;
      margin-right: 1em; }
    .pick-teams .team-groups .team .team-color {
      width: 20px;
      height: 20px;
      border-radius: 4px; }
  .pick-teams .team-groups .select-hidden {
    visibility: hidden;
    padding-right: 10px; }
  .pick-teams .team-groups .select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-size: 16px;
    color: white;
    width: 40px;
    height: 40px;
    margin-right: 0.5em; }
  .pick-teams .team-groups #select-styled {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 6px;
    transition: all 0.2s ease-in;
    width: 40px;
    height: 40px;
    overflow: hidden;
    color: transparent;
    z-index: 200;
    transition: transform 0.5s ease-in-out, box-shadow 0.5s ease-in-out; }
    .pick-teams .team-groups #select-styled:after {
      content: "";
      width: 0;
      height: 0;
      border: 7px solid transparent;
      border-color: transparent;
      position: absolute;
      top: 16px;
      right: 10px; }
    .pick-teams .team-groups #select-styled:before {
      content: "";
      display: block;
      background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/293943/color-picker.svg") no-repeat;
      opacity: 0.3;
      width: 16px;
      height: 16px;
      margin: 12px; }
    .pick-teams .team-groups #select-styled:active, .pick-teams .team-groups #select-styled.active {
      transform: scale(1.2);
      margin-bottom: 10px;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); }
      .pick-teams .team-groups #select-styled:active:after, .pick-teams .team-groups #select-styled.active:after {
        top: 9px;
        border: 0 none; }
    .pick-teams .team-groups #select-styled.color1 {
      background-color: #FFB74D; }
    .pick-teams .team-groups #select-styled.color2 {
      background-color: #88DCDD; }
    .pick-teams .team-groups #select-styled.color3 {
      background-color: #81E177; }
    .pick-teams .team-groups #select-styled.color4 {
      background-color: #8889DD; }
  .pick-teams .team-groups .select-options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    border-radius: 0 0 6px 6px;
    overflow: hidden; }
    .pick-teams .team-groups .select-options li {
      margin: 0;
      text-indent: -9999px;
      border-top: 1px solid rgba(0, 0, 0, 0.1);
      transition: all 0.15s ease-in;
      color: rgba(255, 255, 255, 0.5);
      width: 40px;
      height: 40px;
      color: transparent;
      overflow: hidden; }
      .pick-teams .team-groups .select-options li:hover {
        color: transparent; }
      .pick-teams .team-groups .select-options li[rel="hide"] {
        display: none; }
      .pick-teams .team-groups .select-options li.color1 {
        background-color: #FFB74D; }
        .pick-teams .team-groups .select-options li.color1:hover, .pick-teams .team-groups .select-options li.color1:focus {
          background-color: #ffa21a; }
      .pick-teams .team-groups .select-options li.color2 {
        background-color: #88DCDD; }
        .pick-teams .team-groups .select-options li.color2:hover, .pick-teams .team-groups .select-options li.color2:focus {
          background-color: #60d0d2; }
      .pick-teams .team-groups .select-options li.color3 {
        background-color: #81E177; }
        .pick-teams .team-groups .select-options li.color3:hover, .pick-teams .team-groups .select-options li.color3:focus {
          background-color: #5ad84d; }
      .pick-teams .team-groups .select-options li.color4 {
        background-color: #8889DD; }
        .pick-teams .team-groups .select-options li.color4:hover, .pick-teams .team-groups .select-options li.color4:focus {
          background-color: #6062d2; }

.mission-results-label {
  margin-top: 1em; }

.recent-mission-group {
  border: 1px solid #dbdcde;
  border-radius: 6px;
  padding: 1em;
  margin-bottom: 1.5em; }
  .recent-mission-group .mission-item-list {
    margin-top: 0; }
    .recent-mission-group .mission-item-list .mission-item-list-inner.cp-is-open {
      padding-top: .5em;
      border-top: 1px solid #dbdcde; }
    .recent-mission-group .mission-item-list li:first-of-type {
      border-top: 0 none;
      padding-top: 0.5em; }
  .recent-mission-group .see-more {
    padding: 0.75em 0;
    display: block;
    background-color: #eeeff0;
    text-align: center;
    color: #7a7a7a;
    font-size: 0.875em; }

.galaxy-title {
  padding-top: 1.5em;
  border-top: 1px solid #dbdcde;
  margin-top: 1.5em;
  font-weight: 600;
  margin-bottom: 1em; }
  .galaxy-title span {
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 700;
    margin-bottom: 0.35em;
    line-height: 1.2;
    color: #4c4c4e;
    font-size: 0.875em;
    margin-left: 0.5em; }
    .galaxy-title span a {
      color: #4c4c4e;
      text-decoration: none; }
      .galaxy-title span a:hover, .galaxy-title span a:focus {
        color: #262627;
        text-decoration: underline; }

.grade-filter ul {
  background-color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  border-radius: 4px; }
  .grade-filter ul li {
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 700;
    margin-bottom: 0.35em;
    line-height: 1.2;
    color: #4c4c4e;
    font-size: 0.875em;
    color: #7a7a7a;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    padding: 0.75em 0.5em;
    margin: 0.25em 0;
    border-radius: 4px; }
    .grade-filter ul li a {
      color: #4c4c4e;
      text-decoration: none; }
      .grade-filter ul li a:hover, .grade-filter ul li a:focus {
        color: #262627;
        text-decoration: underline; }
    .grade-filter ul li.active {
      background-color: #c1ddea; }

.mission-item-group {
  margin-bottom: 1.5em;
  border: 1px solid #dbdcde;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  overflow: hidden; }
  .mission-item-group .mission-item-group-header {
    *zoom: 1; }
    .mission-item-group .mission-item-group-header:after {
      content: "";
      display: table;
      clear: both; }
    @media (min-width: 60em) {
      .mission-item-group .mission-item-group-header {
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
        -ms-flex-order: 1;
        order: 1;
        padding: 1em; } }
    .mission-item-group .mission-item-group-header .title {
      margin-bottom: 1.5em; }
      @media (min-width: 60em) {
        .mission-item-group .mission-item-group-header .title {
          font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
          font-weight: 700;
          margin-bottom: 0.35em;
          line-height: 1.2;
          color: #4c4c4e;
          font-size: 1.4em; }
          .mission-item-group .mission-item-group-header .title a {
            color: #4c4c4e;
            text-decoration: none; }
            .mission-item-group .mission-item-group-header .title a:hover, .mission-item-group .mission-item-group-header .title a:focus {
              color: #262627;
              text-decoration: underline; } }
  .mission-item-group .mission-item-group-content {
    *zoom: 1;
    padding: 1em;
    background-color: #fff; }
    .mission-item-group .mission-item-group-content:after {
      content: "";
      display: table;
      clear: both; }
    @media (min-width: 60em) {
      .mission-item-group .mission-item-group-content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        padding: 0;
        position: relative; } }
    .mission-item-group .mission-item-group-content .points {
      font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
      font-weight: 700;
      margin-bottom: 0.35em;
      line-height: 1.2;
      color: #4c4c4e;
      font-size: 0.875em;
      display: inline-block;
      color: #7a7a7a;
      margin-bottom: 0;
      width: 90px; }
      .mission-item-group .mission-item-group-content .points a {
        color: #4c4c4e;
        text-decoration: none; }
        .mission-item-group .mission-item-group-content .points a:hover, .mission-item-group .mission-item-group-content .points a:focus {
          color: #262627;
          text-decoration: underline; }
    .mission-item-group .mission-item-group-content .description {
      clear: both;
      margin-bottom: 2em;
      max-width: 500px; }
    .mission-item-group .mission-item-group-content .planet-name {
      font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
      font-weight: 700;
      margin-bottom: 0.35em;
      line-height: 1.2;
      color: #4c4c4e;
      font-size: 0.875em;
      display: inline-block;
      color: #7a7a7a;
      font-size: 0.875em;
      margin-right: 0.5em;
      margin-bottom: 1.25em; }
      .mission-item-group .mission-item-group-content .planet-name a {
        color: #4c4c4e;
        text-decoration: none; }
        .mission-item-group .mission-item-group-content .planet-name a:hover, .mission-item-group .mission-item-group-content .planet-name a:focus {
          color: #262627;
          text-decoration: underline; }
  @media (min-width: 60em) {
    .mission-item-group .mission-item-list {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      -ms-flex-order: 3;
      order: 3;
      padding-left: 1em;
      padding-right: 1em;
      margin: 0; } }

.galaxy-group .search-params {
  margin-top: 2em; }

@media (min-width: 60em) {
  .galaxy-group.teacher .mission-item-group {
    position: relative;
    background-position: top right;
    background-size: 120%; } }

@media (min-width: 60em) {
  .galaxy-group.teacher .mission-item-group .mission-item-image {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 0;
    margin-top: 0;
    background-position: top right;
    width: 150px;
    text-align: middle; } }
  @media all and (min-width: 60em) and (-ms-high-contrast: none), (min-width: 60em) and (-ms-high-contrast: active) {
    .galaxy-group.teacher .mission-item-group .mission-item-image {
      /* IE10+ CSS */
      width: 115px; } }

@media (min-width: 60em) {
  .galaxy-group.teacher .mission-item-group .mission-item-image img {
    width: 100px;
    margin: 0.5em auto; } }
  @media all and (min-width: 60em) and (-ms-high-contrast: none), (min-width: 60em) and (-ms-high-contrast: active) {
    .galaxy-group.teacher .mission-item-group .mission-item-image img {
      /* IE10+ CSS */
      margin: 0; } }

@media (min-width: 60em) {
  .galaxy-group.teacher .mission-item-group .mission-item-image .icon-info {
    top: 10px;
    right: 6px; } }

.galaxy-group.teacher .mission-item-group .assessment-anchor {
  display: inline;
  float: left;
  width: 48.25%;
  margin-right: 3.5%;
  margin-left: 0; }
  .galaxy-group.teacher .mission-item-group .assessment-anchor h5 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #7a7a7a;
    font-size: 0.9em; }
    .galaxy-group.teacher .mission-item-group .assessment-anchor h5:after {
      content: ": "; }
  .galaxy-group.teacher .mission-item-group .assessment-anchor ul {
    display: inline-block;
    font-size: 0.875em; }
    .galaxy-group.teacher .mission-item-group .assessment-anchor ul li {
      display: inline-block; }
      .galaxy-group.teacher .mission-item-group .assessment-anchor ul li:after {
        content: ", "; }
      .galaxy-group.teacher .mission-item-group .assessment-anchor ul li:last-of-type:after {
        display: none; }

.galaxy-group.teacher .mission-item-group .assign-all {
  display: inline;
  float: left;
  width: 48.25%;
  margin-right: 3.5%;
  margin-left: 0;
  margin-right: 0;
  text-align: right; }

@media (min-width: 60em) {
  .galaxy-group.teacher .mission-item-group .mission-item-group-header {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding: 1.5em; } }

.galaxy-group.teacher .mission-item-group .mission-item-group-header .assign-all {
  padding-right: 0.5em; }

ol.mission-item-list {
  counter-reset: li; }
  ol.mission-item-list > li.mission-item {
    position: relative;
    list-style: none;
    padding-left: 2.75em; }
    ol.mission-item-list > li.mission-item:before {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
      font-weight: 700;
      margin-bottom: 0.35em;
      line-height: 1.2;
      color: #4c4c4e;
      font-size: 0.875em;
      content: counter(li);
      counter-increment: li;
      position: absolute;
      font-size: 0.75em;
      background-color: #445584;
      color: #fff;
      left: 10px;
      width: 24px;
      border-radius: 24px;
      text-align: center;
      padding-top: 5px;
      padding-bottom: 5px; }
      ol.mission-item-list > li.mission-item:before a {
        color: #4c4c4e;
        text-decoration: none; }
        ol.mission-item-list > li.mission-item:before a:hover, ol.mission-item-list > li.mission-item:before a:focus {
          color: #262627;
          text-decoration: underline; }

.mission-item-list {
  margin-left: -0.5em;
  margin-right: -0.5em;
  margin-top: 1em;
  clear: both; }
  .mission-item-list .mission-item {
    *zoom: 1;
    border-top: 1px solid #dbdcde;
    padding: 1em; }
    .mission-item-list .mission-item:after {
      content: "";
      display: table;
      clear: both; }
    @media (min-width: 25em) {
      .mission-item-list .mission-item .left-section {
        display: inline;
        float: left;
        width: 65.5%;
        margin-right: 3.5%;
        margin-left: 0;
        text-align: left; } }
    @media (min-width: 60em) {
      .mission-item-list .mission-item .left-section {
        display: inline;
        float: left;
        width: 78.4375%;
        margin-right: 3.5%;
        margin-left: 0; } }
    .mission-item-list .mission-item .left-section .title {
      display: block;
      margin-bottom: 0.15em; }
    .mission-item-list .mission-item .left-section .meta {
      color: #7a7a7a;
      display: block;
      clear: both;
      font-size: 0.875em; }
      .mission-item-list .mission-item .left-section .meta li {
        display: inline-block; }
    .mission-item-list .mission-item .right-section {
      margin-top: 0.25em; }
      @media (min-width: 25em) {
        .mission-item-list .mission-item .right-section {
          display: inline;
          float: left;
          width: 31%;
          margin-right: 3.5%;
          margin-left: 0;
          margin-right: 0;
          margin-top: 0; } }
      @media (min-width: 60em) {
        .mission-item-list .mission-item .right-section {
          display: inline;
          float: left;
          width: 18.0625%;
          margin-right: 3.5%;
          margin-left: 0;
          margin-right: 0; } }
      .mission-item-list .mission-item .right-section a[class^="button"] {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 0.875em;
        width: 100%; }
  @media (min-width: 25em) {
    .mission-item-list.teacher .mission-item .right-section {
      display: inline;
      float: left;
      width: 48.25%;
      margin-right: 3.5%;
      margin-left: 0;
      margin-right: 0; } }
  @media (min-width: 60em) {
    .mission-item-list.teacher .mission-item .right-section {
      display: inline;
      float: left;
      width: 35.3125%;
      margin-right: 3.5%;
      margin-left: 0;
      margin-right: 0;
      text-align: right; } }
  .mission-item-list.teacher .mission-item .right-section a[class^="button"] {
    display: inline-block;
    width: 48%; }
    .mission-item-list.teacher .mission-item .right-section a[class^="button"]:first-of-type {
      margin-right: 2%; }
    @media (min-width: 25em) {
      .mission-item-list.teacher .mission-item .right-section a[class^="button"] {
        margin-right: 0; } }
  @media (min-width: 25em) {
    .mission-item-list.teacher .mission-item .left-section {
      display: inline;
      float: left;
      width: 48.25%;
      margin-right: 3.5%;
      margin-left: 0;
      text-align: left; } }
  @media (min-width: 60em) {
    .mission-item-list.teacher .mission-item .left-section {
      display: inline;
      float: left;
      width: 61.1875%;
      margin-right: 3.5%;
      margin-left: 0; } }

.mission-item-image {
  position: relative;
  height: 90px;
  background: url("/assets/images/planet-bg-1.svg") bottom right no-repeat, url("/assets/images/planet-bg-stars.svg"), linear-gradient(45deg, #29417F, #152d76);
  background-size: 200px 200px, 260px 260px, cover;
  margin-left: -1em;
  margin-right: -1em;
  margin-top: -1em;
  margin-bottom: 1.5em; }
  @media (min-width: 60em) {
    .mission-item-image {
      background: url("/assets/images/planet-bg-rttop.svg") top right no-repeat;
      background-size: auto;
      margin: 0;
      position: absolute;
      top: 0;
      right: 0;
      height: auto;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: center;
      justify-content: center; } }
  @media all and (min-width: 60em) and (-ms-high-contrast: none), (min-width: 60em) and (-ms-high-contrast: active) {
    .mission-item-image {
      /* IE10+ CSS */ } }
  @media all and (min-width: 60em) and (-ms-high-contrast: none) and (min-width: 60em), (min-width: 60em) and (-ms-high-contrast: active) and (min-width: 60em) {
    .mission-item-image {
      right: -10px;
      width: 188px; } }
  .mission-item-image img {
    max-height: 100%;
    position: absolute;
    top: 16px;
    left: 0;
    right: 0;
    margin: auto;
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.2)); }
    @media (min-width: 60em) {
      .mission-item-image img {
        position: static;
        width: 130px; } }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .mission-item-image img {
        /* IE10+ CSS */ } }
  @media all and (-ms-high-contrast: none) and (min-width: 60em), (-ms-high-contrast: active) and (min-width: 60em) {
    .mission-item-image img {
      padding-top: 1em; } }
  .mission-item-image .icon-info {
    cursor: pointer;
    position: absolute;
    right: 1em;
    top: 10px;
    opacity: 0.4; }
    @media (min-width: 60em) {
      .mission-item-image .icon-info {
        top: 6px;
        right: 4px; } }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .mission-item-image .icon-info {
        /* IE10+ CSS */ } }
  @media all and (-ms-high-contrast: none) and (min-width: 60em), (-ms-high-contrast: active) and (min-width: 60em) {
    .mission-item-image .icon-info {
      top: 14px;
      right: 14px; } }

@keyframes selected-ship {
  0% {
    transform: translateY(2%); }
  50% {
    transform: translateY(-2%); }
  100% {
    transform: translateY(2%); } }

.selected-spaceship {
  *zoom: 1;
  border-left: 2px solid #d4e7f0;
  padding-left: 1em; }
  .selected-spaceship:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 60em) {
    .selected-spaceship {
      padding-left: 2em; } }
  .selected-spaceship .image-wrapper {
    display: inline;
    float: left;
    width: 31%;
    margin-right: 3.5%;
    margin-left: 0; }
  .selected-spaceship .content-wrapper {
    display: inline;
    float: left;
    width: 65.5%;
    margin-right: 3.5%;
    margin-left: 0;
    margin-right: 0;
    text-align: left;
    margin-top: 0.5em; }
    .selected-spaceship .content-wrapper .title {
      font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
      font-weight: 700;
      margin-bottom: 0.35em;
      line-height: 1.2;
      color: #4c4c4e;
      font-size: 1.2em; }
      .selected-spaceship .content-wrapper .title a {
        color: #4c4c4e;
        text-decoration: none; }
        .selected-spaceship .content-wrapper .title a:hover, .selected-spaceship .content-wrapper .title a:focus {
          color: #262627;
          text-decoration: underline; }

.spaceship-instructions {
  text-align: center;
  margin-top: 2em; }

.spaceship-group {
  *zoom: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap; }
  .spaceship-group:after {
    content: "";
    display: table;
    clear: both; }

.spaceship-item {
  padding: 0.5em;
  text-align: center;
  display: inline;
  float: left;
  width: 48.25%;
  margin-right: 3.5%;
  margin-left: 0;
  margin-right: 0; }
  @media (min-width: 37.5em) {
    .spaceship-item {
      display: inline;
      float: left;
      width: 31%;
      margin-right: 3.5%;
      margin-left: 0; }
      .spaceship-item:nth-of-type(1n) {
        margin-right: 3.5%;
        float: left;
        clear: none; }
        .lt-ie8 .spaceship-item:nth-of-type(1n) {
          margin-right: 3.25%; }
      .spaceship-item:nth-of-type(3n+3) {
        margin-right: 0;
        float: right; }
      .spaceship-item:nth-of-type(3n+4) {
        clear: both; } }
  @media (min-width: 68.75em) {
    .spaceship-item {
      display: inline;
      float: left;
      width: 22.375%;
      margin-right: 3.5%;
      margin-left: 0; }
      .spaceship-item:nth-of-type(1n) {
        margin-right: 3.5%;
        float: left;
        clear: none; }
        .lt-ie8 .spaceship-item:nth-of-type(1n) {
          margin-right: 3.25%; }
      .spaceship-item:nth-of-type(4n+4) {
        margin-right: 0;
        float: right; }
      .spaceship-item:nth-of-type(4n+5) {
        clear: both; } }
  .spaceship-item:nth-child(2n+1) {
    clear: left; }
    @media (min-width: 37.5em) {
      .spaceship-item:nth-child(2n+1) {
        clear: none; } }
  @media (min-width: 37.5em) {
    .spaceship-item:nth-child(3n+1) {
      clear: left; } }
  @media (min-width: 68.75em) {
    .spaceship-item:nth-child(3n+1) {
      clear: none; } }
  @media (min-width: 68.75em) {
    .spaceship-item:nth-child(4n+1) {
      clear: left; } }
  .spaceship-item:hover, .spaceship-item:focus {
    cursor: pointer; }
  .spaceship-item .title {
    font-weight: bold;
    margin-bottom: 0.35em; }
  .spaceship-item .state {
    font-size: 0.875em; }
    .spaceship-item .state a {
      padding: 0.25em 0.75em;
      border-radius: 4px;
      text-decoration: none;
      background-color: #9bc8dd;
      color: #152d76; }
  .spaceship-item .last-word {
    display: block; }
  .spaceship-item.selected .image-wrapper {
    background: url("/assets/images/spaceship-bg-selected.svg") no-repeat;
    background-position: center 7px;
    background-size: 90% auto; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .spaceship-item.selected .image-wrapper {
        /* IE10+ CSS */
        background-position: center -20px; } }
  .spaceship-item.selected .state {
    padding: 0.25em 0.5em;
    color: #a8cd4d; }
  .spaceship-item.selected img {
    animation: selected-ship 2s infinite;
    animation-timing-function: ease-in-out;
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.4)); }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .spaceship-item.selected img {
        /* IE10+ CSS */
        animation: none !important; } }
  .spaceship-item.inactive .image-wrapper {
    background: url("/assets/images/spaceship-bg-inactive.svg") no-repeat;
    background-position: center 7px;
    background-size: 90% auto; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .spaceship-item.inactive .image-wrapper {
        /* IE10+ CSS */
        background-position: center -20px; } }
  .spaceship-item.inactive img {
    filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.1)); }
  .spaceship-item .image-wrapper {
    background: url("/assets/images/spaceship-bg.svg") no-repeat;
    background-position: center 7px;
    display: block;
    margin-top: 1.5em;
    background-size: 90% auto; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .spaceship-item .image-wrapper {
        /* IE10+ CSS */
        background-position: center -20px; } }
  .spaceship-item .spaceship-img {
    display: block;
    margin: 0 auto;
    padding-bottom: 1.2em;
    transition: transform 0.2s ease-in-out; }
    @media (min-width: 37.5em) {
      .spaceship-item .spaceship-img:hover, .spaceship-item .spaceship-img:focus {
        transform: scale(1.1);
        filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1)); } }
  .spaceship-item img {
    display: block;
    margin: 0 auto;
    padding-bottom: 1.2em;
    transition: transform 0.2s ease-in-out;
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.2)); }
    @media (min-width: 37.5em) {
      .spaceship-item img:hover, .spaceship-item img:focus {
        transform: scale(1.1); } }

.student-teacher-list .instructor-list {
  padding: 1.5rem 0; }
  .student-teacher-list .instructor-list:last-child {
    padding-bottom: 0; }

.student-teacher-list .divider {
  height: 1px;
  width: 100%;
  background-color: #cecece;
  margin-bottom: 1.5rem; }

.mission-results .header {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  -ms-grid-columns: auto;
  grid-template-columns: auto; }
  @media (min-width: 60em) {
    .mission-results .header {
      -ms-grid-columns: 70% 30%;
      grid-template-columns: 70% 30%;
      -ms-grid-rows: auto;
      grid-template-rows: auto; }
      .mission-results .header button {
        width: 100%; } }
  .mission-results .header .page-title {
    margin-bottom: 1rem; }

.site-header {
  *zoom: 1;
  background: url("/assets/images/bg-pattern-dark-theme.svg") left -50px repeat, url("/assets/images/bg-header-fade-dark-theme.svg") top center no-repeat;
  padding: 1em 0; }
  .site-header:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 43.75em) {
    .site-header {
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; } }
  @media (min-width: 43.75em) {
    .site-header > .container {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .no-flexbox .site-header > .container {
        display: block; } }
  @media (min-width: 43.75em) {
    .site-header > .container {
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; } }
  .site-header .site-name {
    margin-bottom: 0.5rem;
    text-align: center; }
    @media (min-width: 31.25em) {
      .site-header .site-name {
        margin-bottom: 0;
        text-align: left; } }
    @media (min-width: 31.25em) {
      .site-header .site-name {
        display: inline;
        float: left;
        width: 31%;
        margin-right: 3.5%;
        margin-left: 0; } }
    @media (min-width: 43.75em) {
      .site-header .site-name {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: auto;
        margin-right: 0;
        float: none; }
        .no-flexbox .site-header .site-name {
          display: inline;
          float: left;
          width: 22.375%;
          margin-right: 3.5%;
          margin-left: 0; } }
    .site-header .site-name a {
      color: #9bc8dd; }
      .site-header .site-name a:hover, .site-header .site-name a:focus {
        color: #75b3d0; }
      .site-header .site-name a .logo svg {
        max-width: 100%;
        width: 166px;
        height: 42px; }

.navigation-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.9em;
  position: relative; }
  .no-flexbox .navigation-wrapper {
    width: 100%;
    display: table;
    border-spacing: 5px;
    -ms-flex-pack: none;
    justify-content: none; }
  @media (min-width: 31.25em) {
    .navigation-wrapper {
      -ms-flex-pack: end;
      justify-content: flex-end; }
      .no-flexbox .navigation-wrapper {
        float: right;
        width: 65%;
        display: table;
        border-spacing: 5px;
        -ms-flex-pack: none;
        justify-content: none; } }
  @media (min-width: 43.75em) {
    .navigation-wrapper {
      font-size: 1em;
      width: 50%;
      max-width: 375px; }
      .no-flexbox .navigation-wrapper {
        width: 50%; } }

.secondary-navigation-button-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 3%;
  max-width: 175px; }
  .no-flexbox .secondary-navigation-button-wrapper {
    width: 53%;
    -ms-flex-pack: none;
    justify-content: none;
    display: table-cell; }
  .secondary-navigation-button-wrapper .trigger-text {
    vertical-align: middle; }
  @media (min-width: 43.75em) {
    .secondary-navigation-button-wrapper {
      display: none; }
      .no-flexbox .secondary-navigation-button-wrapper {
        display: none; } }
  .secondary-navigation-button-wrapper button {
    width: 100%; }

.notification-navigation-wrapper {
  border-radius: 2px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  width: 20%;
  max-width: 74px; }
  .no-flexbox .notification-navigation-wrapper {
    display: table-cell; }
  @media (min-width: 43.75em) {
    .notification-navigation-wrapper {
      margin-right: 4.5%; } }
  .notification-navigation-wrapper button {
    width: 100%; }

.utility-navigation-wrapper {
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 3%;
  max-width: 260px;
  width: 27%; }
  .no-flexbox .utility-navigation-wrapper {
    width: 27%;
    display: table-cell; }
  @media (min-width: 43.75em) {
    .utility-navigation-wrapper {
      width: 70%;
      margin: 0;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: right;
      justify-content: right;
      border-radius: 2px; }
      .no-flexbox .utility-navigation-wrapper {
        width: 70%;
        display: table-cell; } }
  .utility-navigation-wrapper .utility-trigger {
    width: 100%; }

.site-footer {
  padding-top: 1.5rem;
  margin-top: 0;
  color: #6f85ae; }
  .site-footer .footer-nav-group {
    display: block;
    margin: 1em auto 2em auto;
    text-align: center; }
    @media (min-width: 43.75em) {
      .site-footer .footer-nav-group {
        display: inline-block; } }
    .site-footer .footer-nav-group .footer-nav-item a {
      transition: color 0.4s ease-in-out;
      color: #2e72e3;
      text-decoration: underline;
      color: #6f85ae;
      text-decoration: none;
      display: block;
      padding: 1em;
      border-top: 1px solid #6f85ae; }
      .site-footer .footer-nav-group .footer-nav-item a:hover, .site-footer .footer-nav-group .footer-nav-item a:focus {
        color: #144597;
        text-decoration: underline; }
      .site-footer .footer-nav-group .footer-nav-item a:hover, .site-footer .footer-nav-group .footer-nav-item a:focus {
        color: #a0afc9;
        text-decoration: none; }
      .site-footer .footer-nav-group .footer-nav-item a.first {
        border-top: none; }
      .site-footer .footer-nav-group .footer-nav-item a h3 {
        color: #b7c2d6; }
    @media (min-width: 43.75em) {
      .site-footer .footer-nav-group .footer-nav-item {
        display: inline-block;
        text-align: left; } }
    .site-footer .footer-nav-group .footer-nav-item h3, .site-footer .footer-nav-group .footer-nav-item a {
      text-decoration: none; }
      @media (min-width: 43.75em) {
        .site-footer .footer-nav-group .footer-nav-item h3, .site-footer .footer-nav-group .footer-nav-item a {
          display: inline;
          border-top: none;
          padding: 0;
          margin-right: 1em;
          text-align: left; } }
  .site-footer .copyright {
    color: #7a7a7a;
    font-size: 0.875em;
    color: #6f85ae; }

.question .question-content .current-progress {
  color: #727272;
  font-weight: bold; }

.question.student.game-mode {
  position: relative; }

.question.student .question-meta {
  margin-bottom: 2em; }
  @media (min-width: 43.75em) {
    .question.student .question-meta {
      display: inline;
      float: left;
      width: 65.5%;
      margin-right: 3.5%;
      margin-left: 0; } }

.question.student .question-text {
  font-size: 1.1em;
  line-height: 1.8em;
  margin-bottom: 1.5rem; }
  .question.student .question-text img {
    display: inline;
    vertical-align: middle; }
    .question.student .question-text img.Wirisformula {
      max-height: 1.8em;
      margin-bottom: 5px; }
  .question.student .question-text li {
    list-style-type: circle;
    margin-left: 1em; }
  @media (min-width: 25em) {
    .question.student .question-text {
      position: relative;
      padding-left: 100px; } }
  @media (min-width: 43.75em) {
    .question.student .question-text {
      position: static;
      padding-left: 0; } }
  .question.student .question-text .icon {
    float: left;
    margin-right: 1em;
    margin-bottom: 1em; }
    @media (min-width: 25em) {
      .question.student .question-text .icon {
        float: none;
        margin: 0;
        position: absolute;
        top: 0;
        left: 0; } }

@media (min-width: 43.75em) {
  .question.student .progress-meter-wrapper {
    display: inline;
    float: left;
    width: 31%;
    margin-right: 3.5%;
    margin-left: 0;
    margin-right: 0; } }

@media (min-width: 43.75em) {
  .question.student .question-content {
    *zoom: 1;
    clear: both;
    position: relative;
    padding-left: 100px; }
    .question.student .question-content:after {
      content: "";
      display: table;
      clear: both; } }

.question.student .question-text {
  margin-bottom: 2em; }

.question.student .question-asset {
  margin-bottom: 2em; }

.question.student .question-choice-group fieldset {
  margin-bottom: 0; }

.question.student .question-choice-group button[type="submit"] {
  width: 100%; }

.question.student .question-choice-group input[type="radio"]:checked + label {
  border-color: #9bc8dd !important;
  background: #f3f8fb !important; }

.question.student .question-choice-group input[type="radio"]:focus + label {
  background: #fff; }

.question.mission-question.student .question-content {
  *zoom: 1; }
  .question.mission-question.student .question-content:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 43.75em) {
    .question.mission-question.student .question-content {
      padding-left: 0;
      margin-top: 1.5rem; } }

.question.mission-question.student .answer-feedback {
  padding-bottom: 1.5em;
  border-bottom: 1px solid #dbdcde;
  margin-bottom: 1.5em;
  *zoom: 1; }
  .question.mission-question.student .answer-feedback:after {
    content: "";
    display: table;
    clear: both; }
  .question.mission-question.student .answer-feedback .feedback {
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 700;
    margin-bottom: 0.35em;
    line-height: 1.2;
    color: #4c4c4e;
    font-size: 1em;
    line-height: 1.6; }
    .question.mission-question.student .answer-feedback .feedback a {
      color: #4c4c4e;
      text-decoration: none; }
      .question.mission-question.student .answer-feedback .feedback a:hover, .question.mission-question.student .answer-feedback .feedback a:focus {
        color: #262627;
        text-decoration: underline; }
  .question.mission-question.student .answer-feedback p {
    width: calc(100% - 30px);
    float: right;
    display: inline-block; }

.question.mission-question.student .question-count {
  font-weight: 700;
  font-size: 0.875em;
  color: #7a7a7a; }

@media (min-width: 18.75em) {
  .question.mission-question.student .question-text {
    width: 80%;
    display: inline-block;
    padding-left: 0; } }

@media (min-width: 18.75em) {
  .question.mission-question.student .alien-wrapper {
    width: 20%;
    float: left;
    padding-right: 1em; } }

@media (min-width: 43.75em) {
  .quiz-dashboard.teacher .quiz-meta {
    display: inline;
    float: left;
    width: 65.5%;
    margin-right: 3.5%;
    margin-left: 0;
    margin-bottom: 0; } }

.quiz-dashboard.teacher .progress-meter-wrapper {
  clear: both; }
  @media (min-width: 43.75em) {
    .quiz-dashboard.teacher .progress-meter-wrapper {
      clear: none;
      display: inline;
      float: left;
      width: 31%;
      margin-right: 3.5%;
      margin-left: 0;
      margin-right: 0; } }

.quiz-dashboard.teacher .quiz .action-group {
  margin-bottom: 2rem; }

.quiz-dashboard.teacher .quiz .student-group-wrapper {
  padding: 1rem;
  margin-bottom: 2rem; }

.quiz-dashboard.teacher .quiz .student-group {
  padding-bottom: 1.5em;
  border-bottom: 1px solid #dbdcde;
  margin-bottom: 1.5em;
  *zoom: 1;
  margin-bottom: 2rem;
  border-color: #dbdcde; }
  .quiz-dashboard.teacher .quiz .student-group:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 25em) {
    .quiz-dashboard.teacher .quiz .student-group {
      margin-bottom: 1.5rem;
      padding-bottom: 0.5rem; } }
  .quiz-dashboard.teacher .quiz .student-group:last-of-type {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0; }
  .quiz-dashboard.teacher .quiz .student-group .student {
    padding-bottom: 1.5em;
    border-bottom: 1px solid #dbdcde;
    margin-bottom: 1.5em;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-color: #a8e5e5;
    transition: opacity .3s ease-in, height .3s ease-in; }
    @media (min-width: 25em) {
      .quiz-dashboard.teacher .quiz .student-group .student {
        display: inline;
        float: left;
        width: 48.25%;
        margin-right: 3.5%;
        margin-left: 0;
        padding-bottom: 0;
        border-bottom: 0; }
        .quiz-dashboard.teacher .quiz .student-group .student:nth-of-type(1n) {
          margin-right: 3.5%;
          float: left;
          clear: none; }
          .lt-ie8 .quiz-dashboard.teacher .quiz .student-group .student:nth-of-type(1n) {
            margin-right: 3.25%; }
        .quiz-dashboard.teacher .quiz .student-group .student:nth-of-type(2n+2) {
          margin-right: 0;
          float: right; }
        .quiz-dashboard.teacher .quiz .student-group .student:nth-of-type(2n+3) {
          clear: both; } }
    @media (min-width: 31.25em) {
      .quiz-dashboard.teacher .quiz .student-group .student {
        display: inline;
        float: left;
        width: 31%;
        margin-right: 3.5%;
        margin-left: 0;
        padding-bottom: 0;
        border-bottom: 0; }
        .quiz-dashboard.teacher .quiz .student-group .student:nth-of-type(1n) {
          margin-right: 3.5%;
          float: left;
          clear: none; }
          .lt-ie8 .quiz-dashboard.teacher .quiz .student-group .student:nth-of-type(1n) {
            margin-right: 3.25%; }
        .quiz-dashboard.teacher .quiz .student-group .student:nth-of-type(3n+3) {
          margin-right: 0;
          float: right; }
        .quiz-dashboard.teacher .quiz .student-group .student:nth-of-type(3n+4) {
          clear: both; } }
    @media (min-width: 37.5em) {
      .quiz-dashboard.teacher .quiz .student-group .student {
        display: inline;
        float: left;
        width: 22.375%;
        margin-right: 3.5%;
        margin-left: 0;
        padding-bottom: 0;
        border-bottom: 0; }
        .quiz-dashboard.teacher .quiz .student-group .student:nth-of-type(1n) {
          margin-right: 3.5%;
          float: left;
          clear: none; }
          .lt-ie8 .quiz-dashboard.teacher .quiz .student-group .student:nth-of-type(1n) {
            margin-right: 3.25%; }
        .quiz-dashboard.teacher .quiz .student-group .student:nth-of-type(4n+4) {
          margin-right: 0;
          float: right; }
        .quiz-dashboard.teacher .quiz .student-group .student:nth-of-type(4n+5) {
          clear: both; } }
    @media (min-width: 43.75em) {
      .quiz-dashboard.teacher .quiz .student-group .student {
        display: inline;
        float: left;
        width: 13.75%;
        margin-right: 3.5%;
        margin-left: 0;
        padding-bottom: 0;
        border-bottom: 0; }
        .quiz-dashboard.teacher .quiz .student-group .student:nth-of-type(1n) {
          margin-right: 3.5%;
          float: left;
          clear: none; }
          .lt-ie8 .quiz-dashboard.teacher .quiz .student-group .student:nth-of-type(1n) {
            margin-right: 3.25%; }
        .quiz-dashboard.teacher .quiz .student-group .student:nth-of-type(6n+6) {
          margin-right: 0;
          float: right; }
        .quiz-dashboard.teacher .quiz .student-group .student:nth-of-type(6n+7) {
          clear: both; } }
    .quiz-dashboard.teacher .quiz .student-group .student:last-of-type {
      margin-bottom: 0;
      padding-bottom: 0;
      border-bottom: 0; }
    .quiz-dashboard.teacher .quiz .student-group .student.is-hidden {
      height: 0;
      opacity: 0;
      visibility: hidden; }
    .quiz-dashboard.teacher .quiz .student-group .student.is-shown {
      height: 39px;
      opacity: 1;
      visibility: visible; }
    .quiz-dashboard.teacher .quiz .student-group .student a {
      transition: color 0.4s ease-in-out;
      color: #2e72e3;
      text-decoration: underline;
      color: #152d76;
      display: block; }
      .quiz-dashboard.teacher .quiz .student-group .student a:hover, .quiz-dashboard.teacher .quiz .student-group .student a:focus {
        color: #144597;
        text-decoration: underline; }
      .quiz-dashboard.teacher .quiz .student-group .student a:hover, .quiz-dashboard.teacher .quiz .student-group .student a:focus {
        color: #0d1c4b; }
      @media (min-width: 25em) {
        .quiz-dashboard.teacher .quiz .student-group .student a {
          padding: 0; } }
  .quiz-dashboard.teacher .quiz .student-group .counter {
    padding-bottom: 1.5em;
    border-bottom: 1px solid #dbdcde;
    margin-bottom: 1.5em; }

@media (min-width: 25em) {
  .quiz.teacher .quiz-meta {
    display: block; } }

@media (min-width: 43.75em) {
  .quiz.teacher .quiz-meta {
    display: inline;
    float: left;
    width: 65.5%;
    margin-right: 3.5%;
    margin-left: 0;
    margin-bottom: 2rem; } }

.quiz.teacher .progress-meter-wrapper {
  clear: both; }
  @media (min-width: 43.75em) {
    .quiz.teacher .progress-meter-wrapper {
      clear: none;
      display: inline;
      float: left;
      width: 31%;
      margin-right: 3.5%;
      margin-left: 0;
      margin-right: 0; } }

.quiz.teacher .question-content .two-part-explanation {
  font-size: 1.1em;
  line-height: 1.8em; }
  @media (min-width: 43.75em) {
    .quiz.teacher .question-content .two-part-explanation {
      margin-left: -20px; } }

@media (min-width: 43.75em) {
  .quiz.teacher .question-content .question-part-heading {
    margin-left: -20px; } }

@media (min-width: 43.75em) {
  .quiz.teacher .question-content {
    position: relative;
    padding-left: 100px; } }

.quiz.teacher .question-text {
  font-size: 1.1em;
  line-height: 1.8em;
  margin-bottom: 1.5rem; }
  .quiz.teacher .question-text img {
    display: inline;
    vertical-align: middle; }
    .quiz.teacher .question-text img.Wirisformula {
      max-height: 1.8em;
      margin-bottom: 5px; }
  .quiz.teacher .question-text li {
    list-style-type: circle;
    margin-left: 1em; }
  @media (min-width: 25em) {
    .quiz.teacher .question-text {
      position: relative;
      padding-left: 100px; } }
  @media (min-width: 43.75em) {
    .quiz.teacher .question-text {
      position: static;
      padding-left: 0; } }
  .quiz.teacher .question-text .icon {
    float: left;
    margin-right: 1em;
    margin-bottom: 1em; }
    @media (min-width: 25em) {
      .quiz.teacher .question-text .icon {
        float: none;
        margin: 0;
        position: absolute;
        top: 0;
        left: 0; } }

.quiz.teacher .graph {
  margin-bottom: 1.5rem; }

.quiz.teacher .question-choice-group {
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 1.5rem; }
  .quiz.teacher .question-choice-group li {
    list-style-type: none; }
  .quiz.teacher .question-choice-group .question-choice {
    margin-bottom: 1rem;
    font-size: 1.1em; }
    .quiz.teacher .question-choice-group .question-choice:last-of-class {
      margin-bottom: 0; }
    .quiz.teacher .question-choice-group .question-choice .rationale {
      margin-left: 3.5em; }

.quiz.teacher .actions {
  margin-bottom: 0.5rem; }
  .quiz.teacher .actions .view-passage {
    margin-bottom: 0.5rem; }
  .quiz.teacher .actions:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0; }
    @media (min-width: 43.75em) {
      .quiz.teacher .actions:last-of-type {
        display: none; } }
  .quiz.teacher .actions button {
    width: 100%; }
    @media (min-width: 25em) {
      .quiz.teacher .actions button {
        margin: 0 auto;
        display: inline-block; } }

.quiz.teacher .stats {
  border: 1px solid #dbdcde;
  margin-bottom: 1.5rem; }
  .quiz.teacher .stats .totals {
    *zoom: 1;
    padding-bottom: 1.5em;
    border-bottom: 1px solid #dbdcde;
    margin-bottom: 1.5em;
    color: #7a7a7a;
    font-size: 0.875em;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 0;
    background-color: #eeeff0; }
    .quiz.teacher .stats .totals:after {
      content: "";
      display: table;
      clear: both; }
    .quiz.teacher .stats .totals .total-students {
      display: inline;
      float: left;
      width: 48.25%;
      margin-right: 3.5%;
      margin-left: 0;
      margin: 14px 0;
      vertical-align: baseline; }
      .quiz.teacher .stats .totals .total-students .student-count {
        font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
        font-weight: 700;
        margin-bottom: 0.35em;
        line-height: 1.2;
        color: #4c4c4e;
        font-size: 1.2em;
        vertical-align: baseline; }
        .quiz.teacher .stats .totals .total-students .student-count a {
          color: #4c4c4e;
          text-decoration: none; }
          .quiz.teacher .stats .totals .total-students .student-count a:hover, .quiz.teacher .stats .totals .total-students .student-count a:focus {
            color: #262627;
            text-decoration: underline; }
    .quiz.teacher .stats .totals .total-correct {
      display: inline;
      float: left;
      width: 31%;
      margin-right: 3.5%;
      margin-left: 0;
      margin: 14px 0;
      vertical-align: baseline; }
    .quiz.teacher .stats .totals .lock-icon {
      display: inline;
      float: left;
      width: 13.75%;
      margin-right: 3.5%;
      margin-left: 0;
      margin-right: 0; }
  .quiz.teacher .stats .quiz-stats-no-answers {
    *zoom: 1;
    color: #7a7a7a;
    font-size: 0.875em;
    text-align: center;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 0;
    padding-top: 1rem;
    background-color: #eeeff0; }
    .quiz.teacher .stats .quiz-stats-no-answers:after {
      content: "";
      display: table;
      clear: both; }
    .quiz.teacher .stats .quiz-stats-no-answers .total-students {
      margin-top: 14px;
      vertical-align: baseline; }
      .quiz.teacher .stats .quiz-stats-no-answers .total-students .student-count {
        display: inline;
        float: left;
        width: 100%;
        margin-right: 3.5%;
        margin-left: 0;
        font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
        font-weight: 700;
        margin-bottom: 0.35em;
        line-height: 1.2;
        color: #4c4c4e;
        font-size: 2.5em;
        vertical-align: baseline; }
        .quiz.teacher .stats .quiz-stats-no-answers .total-students .student-count a {
          color: #4c4c4e;
          text-decoration: none; }
          .quiz.teacher .stats .quiz-stats-no-answers .total-students .student-count a:hover, .quiz.teacher .stats .quiz-stats-no-answers .total-students .student-count a:focus {
            color: #262627;
            text-decoration: underline; }
      .quiz.teacher .stats .quiz-stats-no-answers .total-students .students-answered {
        display: inline;
        float: left;
        width: 100%;
        margin-right: 3.5%;
        margin-left: 0;
        font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
        font-weight: 700;
        margin-bottom: 0.35em;
        line-height: 1.2;
        color: #4c4c4e;
        font-size: 1.4em;
        vertical-align: baseline; }
        .quiz.teacher .stats .quiz-stats-no-answers .total-students .students-answered a {
          color: #4c4c4e;
          text-decoration: none; }
          .quiz.teacher .stats .quiz-stats-no-answers .total-students .students-answered a:hover, .quiz.teacher .stats .quiz-stats-no-answers .total-students .students-answered a:focus {
            color: #262627;
            text-decoration: underline; }
      .quiz.teacher .stats .quiz-stats-no-answers .total-students .lock-icon {
        display: inline;
        float: left;
        width: 100%;
        margin-right: 3.5%;
        margin-left: 0; }
    .quiz.teacher .stats .quiz-stats-no-answers .lock-text {
      display: block;
      display: inline;
      float: left;
      width: 100%;
      margin-right: 3.5%;
      margin-left: 0; }
      .quiz.teacher .stats .quiz-stats-no-answers .lock-text a {
        color: #4c4c4e;
        text-decoration: none; }
    .quiz.teacher .stats .quiz-stats-no-answers .show-chart-action {
      margin-bottom: 1rem; }
  .quiz.teacher .stats .student-stats-group .student-stats {
    *zoom: 1;
    padding-bottom: 1.5em;
    border-bottom: 1px solid #dbdcde;
    margin-bottom: 1.5em;
    margin: 1rem;
    padding-bottom: 1rem;
    border-color: #eeeff0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .quiz.teacher .stats .student-stats-group .student-stats:nth-last-child(1) {
      padding: 0;
      border-bottom: 0 none; }
    .quiz.teacher .stats .student-stats-group .student-stats:after {
      content: "";
      display: table;
      clear: both; }
    .quiz.teacher .stats .student-stats-group .student-stats .student-name {
      display: inline-block;
      -ms-flex: 1;
      flex: 1;
      -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center; }
    .quiz.teacher .stats .student-stats-group .student-stats .answer-group {
      -ms-flex: 1;
      flex: 1;
      margin-right: 0em; }
      .quiz.teacher .stats .student-stats-group .student-stats .answer-group:nth-child(1) {
        margin-bottom: .4em; }
      @media (min-width: 60em) {
        .quiz.teacher .stats .student-stats-group .student-stats .answer-group {
          margin-right: 3.5em; } }
      .quiz.teacher .stats .student-stats-group .student-stats .answer-group.unanswered .answer {
        color: #dbdcde;
        border-color: #dbdcde; }
    .quiz.teacher .stats .student-stats-group .student-stats .answer {
      display: inline-block;
      border-radius: 16px;
      border: 2px solid #b1b3b5;
      vertical-align: middle;
      padding-top: 1px;
      text-align: center;
      font-size: 0.7em;
      color: #b1b3b5;
      height: 20px;
      width: 20px;
      margin-right: 0.5em; }
      .quiz.teacher .stats .student-stats-group .student-stats .answer.is-unanswered .answer-status {
        opacity: 0; }
      .quiz.teacher .stats .student-stats-group .student-stats .answer.is-answered {
        border: 0 none;
        padding: 0;
        border-radius: 0; }
        .quiz.teacher .stats .student-stats-group .student-stats .answer.is-answered .answer-status {
          opacity: 1; }
        .quiz.teacher .stats .student-stats-group .student-stats .answer.is-answered .icon-incorrect, .quiz.teacher .stats .student-stats-group .student-stats .answer.is-answered .icon-correct {
          margin-right: 0; }

.quiz.teacher .shift-left {
  margin-right: 8px; }

.team-color-indicator {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }
  .team-color-indicator.team-color1::before {
    background-color: #FFB74D; }
  .team-color-indicator.team-color2::before {
    background-color: #88DCDD; }
  .team-color-indicator.team-color3::before {
    background-color: #81E177; }
  .team-color-indicator.team-color4::before {
    background-color: #8889DD; }
  .team-color-indicator::before {
    content: '';
    display: inline-block;
    margin-right: 5px;
    width: 12px;
    height: 12px;
    border-radius: 6px; }

.dashboard.teacher .quiz-item-group {
  border-bottom: 0 none;
  margin-bottom: 0; }

.login-signup-process .site-header, .login-signup-process .site-footer {
  display: none; }

@media (min-width: 60em) {
  .login-signup-process .main-content {
    height: 100vh; } }

@media (min-width: 60em) {
  .login-signup-process .main-content > .container {
    height: 100%;
    margin-bottom: 0;
    margin-top: 0; } }

.login-signup-process .page-body {
  padding: 0; }
  @media (min-width: 60em) {
    .login-signup-process .page-body {
      display: -ms-flexbox;
      display: flex;
      height: 100%; } }

.login-signup-process .left-section {
  background: #0d1c4b url("/assets/images/login-signup-bg.svg") no-repeat;
  background-size: cover;
  padding-top: 1em;
  padding-bottom: 1em; }
  @media (min-width: 60em) {
    .login-signup-process .left-section {
      -ms-flex-preferred-size: 30%;
      flex-basis: 30%; } }
  @media (min-width: 60em) {
    .login-signup-process .left-section .logo-header {
      text-align: center;
      margin-top: 12em; } }

.login-signup-process .right-section {
  width: 95%;
  margin: auto;
  max-width: 81.25em;
  *zoom: 1;
  background-color: #fff; }
  @media (min-width: 31.25em) {
    .login-signup-process .right-section {
      width: 85%; } }
  @media (min-width: 60em) {
    .login-signup-process .right-section {
      width: 95%; } }
  @media (min-width: 60em) {
    .login-signup-process .right-section {
      -ms-flex-preferred-size: 70%;
      flex-basis: 70%;
      -ms-flex-item-align: start;
      align-self: flex-start;
      margin-top: 5em; } }
  .login-signup-process .right-section .right-section-content {
    max-width: 65em; }
    @media (min-width: 60em) {
      .login-signup-process .right-section .right-section-content {
        position: relative;
        margin-right: 2em;
        margin-left: 3em;
        padding-top: 4em; } }
    @media (min-width: 68.75em) {
      .login-signup-process .right-section .right-section-content {
        margin-left: 4em; } }
  .login-signup-process .right-section .login-header {
    padding-top: 3em;
    padding-bottom: 3em; }
  .login-signup-process .right-section .page-title.no-subtitle {
    margin-top: 0.9em; }
  .login-signup-process .right-section .subtitle {
    text-transform: uppercase;
    font-weight: 600;
    color: #adadad;
    font-size: 1em; }

@media (min-width: 37.5em) {
  .login-signup-process .external-logins {
    display: -ms-flexbox;
    display: flex; } }

.login-signup-process .external-logins .button {
  display: block;
  width: 100%;
  margin-bottom: 0.5em;
  background-color: #edf9ff;
  position: relative; }
  .login-signup-process .external-logins .button:hover {
    background-color: #e3f6ff; }
  .login-signup-process .external-logins .button:before {
    position: absolute;
    content: "";
    top: 0;
    left: 52px;
    width: 1px;
    height: 51px;
    background-color: #c1deeb; }
  @media (min-width: 37.5em) {
    .login-signup-process .external-logins .button {
      margin-right: 0.5em; }
      .login-signup-process .external-logins .button:last-of-type {
        margin-right: 0; } }

.login-signup-process .external-logins .external-button-wrapper {
  text-align: left; }
  .login-signup-process .external-logins .external-button-wrapper img {
    display: inline-block;
    margin-right: 1.25em;
    width: 24px;
    height: auto; }
  .login-signup-process .external-logins .external-button-wrapper .button-text {
    display: inline-block;
    font-weight: 600;
    vertical-align: top;
    margin-top: 0.35em; }

.login-signup-process .kandoolu-login .validation {
  padding-bottom: 1em; }

.login-signup-process .kandoolu-login fieldset {
  margin-bottom: 0; }

@media (min-width: 31.25em) {
  .login-signup-process .kandoolu-login .show-password {
    float: left;
    width: 50%; } }

.login-signup-process .kandoolu-login .show-password label {
  display: inline-block; }

.login-signup-process .kandoolu-login .forgot-password {
  font-size: 0.875em;
  color: #152d76; }
  @media (min-width: 31.25em) {
    .login-signup-process .kandoolu-login .forgot-password {
      float: right;
      width: 50%;
      text-align: right; } }

.login-signup-process .kandoolu-login button[type="submit"] {
  margin-bottom: 1em;
  margin-top: 3em; }
  @media (min-width: 31.25em) {
    .login-signup-process .kandoolu-login button[type="submit"] {
      display: block;
      clear: left; } }
  @media (min-width: 60em) {
    .login-signup-process .kandoolu-login button[type="submit"] {
      margin-top: 4em;
      padding: 0.75em 3em; } }

.login-signup-process .switch-process-top {
  display: none; }
  @media (min-width: 60em) {
    .login-signup-process .switch-process-top {
      display: block;
      position: absolute;
      top: 0;
      right: 0; } }
  .login-signup-process .switch-process-top button {
    margin-left: 0.5em; }
  .login-signup-process .switch-process-top a {
    margin-left: 0.5em; }
  .login-signup-process .switch-process-top span {
    color: #7a7a7a;
    font-size: 0.875em; }

.login-signup-process .switch-process-bottom {
  color: #7a7a7a;
  font-size: 0.875em; }

.login-signup-process .divider-text {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #dbdcde;
  line-height: 0.05em;
  margin: 2em auto 2em; }
  @media (min-width: 43.75em) {
    .login-signup-process .divider-text {
      margin: 3em auto; } }
  .login-signup-process .divider-text span {
    background: #fff;
    padding: 10px 10px;
    font-weight: 700; }
  @media (min-width: 43.75em) {
    .login-signup-process .divider-text.hide-horizontal {
      display: none; } }

.login-signup-process .select-teacher-user-type {
  padding-top: 2em;
  padding-bottom: 2em; }
  .login-signup-process .select-teacher-user-type h3 {
    font-weight: 600;
    margin-bottom: 0.5em; }

@media (min-width: 43.75em) {
  .login-signup-process .new-user-group {
    display: -ms-flexbox;
    display: flex; } }

.login-signup-process .new-user-group .new-user {
  padding-bottom: 1.5em;
  border-bottom: 1px solid #dbdcde;
  margin-bottom: 1.5em; }
  .login-signup-process .new-user-group .new-user:last-of-type {
    padding: 0;
    border: 0 none;
    margin: 0; }
  @media (min-width: 43.75em) {
    .login-signup-process .new-user-group .new-user {
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
      padding: 0;
      border: 0 none;
      margin: 0;
      margin-right: 1.5em;
      padding-right: 1.5em;
      border-right: 1px solid #dbdcde; }
      .login-signup-process .new-user-group .new-user:last-of-type {
        margin-right: 0;
        padding-right: 0;
        border-right: none; } }
  .login-signup-process .new-user-group .new-user p {
    margin-bottom: 1.4em;
    line-height: 1.8; }
    @media (min-width: 43.75em) {
      .login-signup-process .new-user-group .new-user p {
        min-height: 100px; } }
    @media (min-width: 60em) {
      .login-signup-process .new-user-group .new-user p {
        min-height: 110px; } }
  .login-signup-process .new-user-group .new-user button {
    margin-bottom: 0.75em; }

.login-signup-process .signup-form .signup-action-group {
  margin-top: 2em; }
  .login-signup-process .signup-form .signup-action-group button:first-of-type {
    margin-right: 0.5em; }

.login-signup-process .policies {
  margin-top: 3em;
  color: #7a7a7a; }

.login-signup-process .login-signup-footer {
  padding-top: 1.5em;
  border-top: 1px solid #dbdcde;
  margin-top: 1.5em;
  margin-top: 3em;
  margin-bottom: 3em; }
  .login-signup-process .login-signup-footer ul {
    *zoom: 1;
    margin-bottom: 1.5em; }
    .login-signup-process .login-signup-footer ul:after {
      content: "";
      display: table;
      clear: both; }
    @media (min-width: 43.75em) {
      .login-signup-process .login-signup-footer ul {
        display: -ms-flexbox;
        display: flex; } }
    .login-signup-process .login-signup-footer ul li {
      margin-bottom: 0.5em;
      font-size: 0.875em; }
      @media (min-width: 25em) {
        .login-signup-process .login-signup-footer ul li {
          display: inline;
          float: left;
          width: 31%;
          margin-right: 3.5%;
          margin-left: 0;
          font-size: 0.9em; }
          .login-signup-process .login-signup-footer ul li:nth-of-type(1n) {
            margin-right: 3.5%;
            float: left;
            clear: none; }
            .lt-ie8 .login-signup-process .login-signup-footer ul li:nth-of-type(1n) {
              margin-right: 3.25%; }
          .login-signup-process .login-signup-footer ul li:nth-of-type(3n+3) {
            margin-right: 0;
            float: right; }
          .login-signup-process .login-signup-footer ul li:nth-of-type(3n+4) {
            clear: both; } }
      @media (min-width: 43.75em) {
        .login-signup-process .login-signup-footer ul li {
          width: inherit;
          margin-right: 3.5%; }
          .login-signup-process .login-signup-footer ul li:nth-of-type(3n+3) {
            margin-right: 3.5%; } }
      .login-signup-process .login-signup-footer ul li a {
        color: #adadad;
        text-decoration: none; }
  .login-signup-process .login-signup-footer .copyright {
    color: #7a7a7a;
    font-size: 0.875em;
    color: #c7c7c7;
    clear: both;
    display: block; }

.quiz-results.student .progress-meter-wrapper {
  margin-left: 0; }
  .quiz-results.student .progress-meter-wrapper .counter {
    text-align: left; }

.form-search-resources {
  max-width: 42em; }
  .form-search-resources .x-input-select {
    margin-bottom: 1em; }
  .form-search-resources h6.section-title {
    margin-right: 0.5em; }
  .form-search-resources h6.section-title, .form-search-resources p {
    display: inline-block; }
  .form-search-resources .resource-counter {
    display: block;
    margin-bottom: 1em; }

.optional-form h4 {
  text-align: left; }

.optional-form .assess-anchor, .optional-form .eligible-content {
  display: none; }

.optional-form .active {
  display: block; }

.resource-page .resource, .resource-page .mission, .mission-page .resource, .mission-page .mission {
  padding-top: 1.5em;
  border-top: 1px solid #dbdcde;
  margin-top: 1.5em; }
  .resource-page .resource .resource-detail-header, .resource-page .mission .resource-detail-header, .mission-page .resource .resource-detail-header, .mission-page .mission .resource-detail-header {
    margin-top: 0.5em; }
  .resource-page .resource .provider-name, .resource-page .resource .number-ratings, .resource-page .resource .views, .resource-page .mission .provider-name, .resource-page .mission .number-ratings, .resource-page .mission .views, .mission-page .resource .provider-name, .mission-page .resource .number-ratings, .mission-page .resource .views, .mission-page .mission .provider-name, .mission-page .mission .number-ratings, .mission-page .mission .views {
    display: inline-block;
    margin-right: 1em;
    margin-bottom: 0.25em; }
  .resource-page .resource .resource-wrapper, .resource-page .mission .resource-wrapper, .mission-page .resource .resource-wrapper, .mission-page .mission .resource-wrapper {
    *zoom: 1;
    margin-top: 2em;
    margin-bottom: 1.5em; }
    .resource-page .resource .resource-wrapper:after, .resource-page .mission .resource-wrapper:after, .mission-page .resource .resource-wrapper:after, .mission-page .mission .resource-wrapper:after {
      content: "";
      display: table;
      clear: both; }
    @media (min-width: 60em) {
      .resource-page .resource .resource-wrapper, .resource-page .mission .resource-wrapper, .mission-page .resource .resource-wrapper, .mission-page .mission .resource-wrapper {
        margin-bottom: 3em; } }
    @media (min-width: 60em) {
      .resource-page .resource .resource-wrapper .resource-detail, .resource-page .mission .resource-wrapper .resource-detail, .mission-page .resource .resource-wrapper .resource-detail, .mission-page .mission .resource-wrapper .resource-detail {
        display: inline;
        float: left;
        width: 65.5%;
        margin-right: 3.5%;
        margin-left: 0; } }
    .resource-page .resource .resource-wrapper .resource-detail .common-sense, .resource-page .mission .resource-wrapper .resource-detail .common-sense, .mission-page .resource .resource-wrapper .resource-detail .common-sense, .mission-page .mission .resource-wrapper .resource-detail .common-sense {
      margin-bottom: 1.5em;
      margin-top: -1em; }
      .resource-page .resource .resource-wrapper .resource-detail .common-sense .rating-by, .resource-page .mission .resource-wrapper .resource-detail .common-sense .rating-by, .mission-page .resource .resource-wrapper .resource-detail .common-sense .rating-by, .mission-page .mission .resource-wrapper .resource-detail .common-sense .rating-by {
        font-size: 10px; }
      .resource-page .resource .resource-wrapper .resource-detail .common-sense a, .resource-page .mission .resource-wrapper .resource-detail .common-sense a, .mission-page .resource .resource-wrapper .resource-detail .common-sense a, .mission-page .mission .resource-wrapper .resource-detail .common-sense a {
        text-decoration: none;
        color: #4c4c4e; }
    @media (min-width: 37.5em) {
      .resource-page .resource .resource-wrapper .resource-detail .subject-label, .resource-page .mission .resource-wrapper .resource-detail .subject-label, .mission-page .resource .resource-wrapper .resource-detail .subject-label, .mission-page .mission .resource-wrapper .resource-detail .subject-label {
        display: inline-block; } }
    .resource-page .resource .resource-wrapper .resource-detail .eligible-contents, .resource-page .mission .resource-wrapper .resource-detail .eligible-contents, .mission-page .resource .resource-wrapper .resource-detail .eligible-contents, .mission-page .mission .resource-wrapper .resource-detail .eligible-contents {
      padding: 1rem;
      border: 1px solid #dbdcde;
      margin-bottom: 1.5rem;
      margin: 0.5em 0 1em 0; }
      .resource-page .resource .resource-wrapper .resource-detail .eligible-contents .eligible-content-description, .resource-page .mission .resource-wrapper .resource-detail .eligible-contents .eligible-content-description, .mission-page .resource .resource-wrapper .resource-detail .eligible-contents .eligible-content-description, .mission-page .mission .resource-wrapper .resource-detail .eligible-contents .eligible-content-description {
        color: #7a7a7a;
        font-size: 0.875em; }
      .resource-page .resource .resource-wrapper .resource-detail .eligible-contents .content-toggler, .resource-page .mission .resource-wrapper .resource-detail .eligible-contents .content-toggler, .mission-page .resource .resource-wrapper .resource-detail .eligible-contents .content-toggler, .mission-page .mission .resource-wrapper .resource-detail .eligible-contents .content-toggler {
        width: 100%; }
    .resource-page .resource .resource-wrapper .resource-detail .utils-group, .resource-page .mission .resource-wrapper .resource-detail .utils-group, .mission-page .resource .resource-wrapper .resource-detail .utils-group, .mission-page .mission .resource-wrapper .resource-detail .utils-group {
      margin-bottom: 1em; }
      .resource-page .resource .resource-wrapper .resource-detail .utils-group .utils, .resource-page .resource .resource-wrapper .resource-detail .utils-group .util-item, .resource-page .mission .resource-wrapper .resource-detail .utils-group .utils, .resource-page .mission .resource-wrapper .resource-detail .utils-group .util-item, .mission-page .resource .resource-wrapper .resource-detail .utils-group .utils, .mission-page .resource .resource-wrapper .resource-detail .utils-group .util-item, .mission-page .mission .resource-wrapper .resource-detail .utils-group .utils, .mission-page .mission .resource-wrapper .resource-detail .utils-group .util-item {
        display: inline-block; }
        .resource-page .resource .resource-wrapper .resource-detail .utils-group .utils a, .resource-page .resource .resource-wrapper .resource-detail .utils-group .util-item a, .resource-page .mission .resource-wrapper .resource-detail .utils-group .utils a, .resource-page .mission .resource-wrapper .resource-detail .utils-group .util-item a, .mission-page .resource .resource-wrapper .resource-detail .utils-group .utils a, .mission-page .resource .resource-wrapper .resource-detail .utils-group .util-item a, .mission-page .mission .resource-wrapper .resource-detail .utils-group .utils a, .mission-page .mission .resource-wrapper .resource-detail .utils-group .util-item a {
          color: #4c4c4e; }
      .resource-page .resource .resource-wrapper .resource-detail .utils-group .util-item, .resource-page .mission .resource-wrapper .resource-detail .utils-group .util-item, .mission-page .resource .resource-wrapper .resource-detail .utils-group .util-item, .mission-page .mission .resource-wrapper .resource-detail .utils-group .util-item {
        margin-right: 1.3em;
        margin-bottom: 1em;
        font-size: 0.85em; }
    .resource-page .resource .resource-wrapper .resource-detail .tags-group, .resource-page .mission .resource-wrapper .resource-detail .tags-group, .mission-page .resource .resource-wrapper .resource-detail .tags-group, .mission-page .mission .resource-wrapper .resource-detail .tags-group {
      margin-bottom: 1.5em;
      margin-top: -1em; }
      .resource-page .resource .resource-wrapper .resource-detail .tags-group h5, .resource-page .mission .resource-wrapper .resource-detail .tags-group h5, .mission-page .resource .resource-wrapper .resource-detail .tags-group h5, .mission-page .mission .resource-wrapper .resource-detail .tags-group h5 {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
      .resource-page .resource .resource-wrapper .resource-detail .tags-group h5, .resource-page .resource .resource-wrapper .resource-detail .tags-group .tags, .resource-page .resource .resource-wrapper .resource-detail .tags-group .tag-item, .resource-page .mission .resource-wrapper .resource-detail .tags-group h5, .resource-page .mission .resource-wrapper .resource-detail .tags-group .tags, .resource-page .mission .resource-wrapper .resource-detail .tags-group .tag-item, .mission-page .resource .resource-wrapper .resource-detail .tags-group h5, .mission-page .resource .resource-wrapper .resource-detail .tags-group .tags, .mission-page .resource .resource-wrapper .resource-detail .tags-group .tag-item, .mission-page .mission .resource-wrapper .resource-detail .tags-group h5, .mission-page .mission .resource-wrapper .resource-detail .tags-group .tags, .mission-page .mission .resource-wrapper .resource-detail .tags-group .tag-item {
        display: inline-block; }
      .resource-page .resource .resource-wrapper .resource-detail .tags-group .tag-item, .resource-page .mission .resource-wrapper .resource-detail .tags-group .tag-item, .mission-page .resource .resource-wrapper .resource-detail .tags-group .tag-item, .mission-page .mission .resource-wrapper .resource-detail .tags-group .tag-item {
        margin: 1em; }
    @media (min-width: 60em) {
      .resource-page .resource .resource-wrapper .sidebar, .resource-page .mission .resource-wrapper .sidebar, .mission-page .resource .resource-wrapper .sidebar, .mission-page .mission .resource-wrapper .sidebar {
        text-align: center;
        display: inline;
        float: left;
        width: 31%;
        margin-right: 3.5%;
        margin-left: 0;
        margin-right: 0; } }
    .resource-page .resource .resource-wrapper .sidebar .cta, .resource-page .mission .resource-wrapper .sidebar .cta, .mission-page .resource .resource-wrapper .sidebar .cta, .mission-page .mission .resource-wrapper .sidebar .cta {
      display: inline-block;
      margin-right: 1em; }
      @media (min-width: 60em) {
        .resource-page .resource .resource-wrapper .sidebar .cta, .resource-page .mission .resource-wrapper .sidebar .cta, .mission-page .resource .resource-wrapper .sidebar .cta, .mission-page .mission .resource-wrapper .sidebar .cta {
          display: block;
          margin-right: 0; } }
      .resource-page .resource .resource-wrapper .sidebar .cta .cta-button, .resource-page .mission .resource-wrapper .sidebar .cta .cta-button, .mission-page .resource .resource-wrapper .sidebar .cta .cta-button, .mission-page .mission .resource-wrapper .sidebar .cta .cta-button {
        margin-bottom: 1em; }
        @media (min-width: 60em) {
          .resource-page .resource .resource-wrapper .sidebar .cta .cta-button, .resource-page .mission .resource-wrapper .sidebar .cta .cta-button, .mission-page .resource .resource-wrapper .sidebar .cta .cta-button, .mission-page .mission .resource-wrapper .sidebar .cta .cta-button {
            width: 200px; } }
        .resource-page .resource .resource-wrapper .sidebar .cta .cta-button.class-library, .resource-page .mission .resource-wrapper .sidebar .cta .cta-button.class-library, .mission-page .resource .resource-wrapper .sidebar .cta .cta-button.class-library, .mission-page .mission .resource-wrapper .sidebar .cta .cta-button.class-library {
          width: 155px;
          padding: 0.75em 0.5em; }
          @media (min-width: 60em) {
            .resource-page .resource .resource-wrapper .sidebar .cta .cta-button.class-library, .resource-page .mission .resource-wrapper .sidebar .cta .cta-button.class-library, .mission-page .resource .resource-wrapper .sidebar .cta .cta-button.class-library, .mission-page .mission .resource-wrapper .sidebar .cta .cta-button.class-library {
              width: 200px;
              padding: 0.75em 1em; } }
      .resource-page .resource .resource-wrapper .sidebar .cta .button-link, .resource-page .mission .resource-wrapper .sidebar .cta .button-link, .mission-page .resource .resource-wrapper .sidebar .cta .button-link, .mission-page .mission .resource-wrapper .sidebar .cta .button-link {
        color: #7a7a7a;
        font-weight: normal; }
    .resource-page .resource .resource-wrapper .sidebar .sharing, .resource-page .mission .resource-wrapper .sidebar .sharing, .mission-page .resource .resource-wrapper .sidebar .sharing, .mission-page .mission .resource-wrapper .sidebar .sharing {
      margin-top: 3em;
      margin-bottom: 1em; }
      .resource-page .resource .resource-wrapper .sidebar .sharing h4, .resource-page .resource .resource-wrapper .sidebar .sharing .sharing-group, .resource-page .resource .resource-wrapper .sidebar .sharing .sharing-item, .resource-page .mission .resource-wrapper .sidebar .sharing h4, .resource-page .mission .resource-wrapper .sidebar .sharing .sharing-group, .resource-page .mission .resource-wrapper .sidebar .sharing .sharing-item, .mission-page .resource .resource-wrapper .sidebar .sharing h4, .mission-page .resource .resource-wrapper .sidebar .sharing .sharing-group, .mission-page .resource .resource-wrapper .sidebar .sharing .sharing-item, .mission-page .mission .resource-wrapper .sidebar .sharing h4, .mission-page .mission .resource-wrapper .sidebar .sharing .sharing-group, .mission-page .mission .resource-wrapper .sidebar .sharing .sharing-item {
        display: inline-block; }
      .resource-page .resource .resource-wrapper .sidebar .sharing .icon, .resource-page .mission .resource-wrapper .sidebar .sharing .icon, .mission-page .resource .resource-wrapper .sidebar .sharing .icon, .mission-page .mission .resource-wrapper .sidebar .sharing .icon {
        width: 1.7em;
        height: 1.7em;
        margin: 0.15em; }
  .resource-page .resource .create-rating .rating-count, .resource-page .mission .create-rating .rating-count, .mission-page .resource .create-rating .rating-count, .mission-page .mission .create-rating .rating-count {
    margin-bottom: 1em; }
  .resource-page .resource .create-rating textarea, .resource-page .mission .create-rating textarea, .mission-page .resource .create-rating textarea, .mission-page .mission .create-rating textarea {
    margin-top: 1em;
    height: 10em; }
  .resource-page .resource .create-rating .button-highlight, .resource-page .mission .create-rating .button-highlight, .mission-page .resource .create-rating .button-highlight, .mission-page .mission .create-rating .button-highlight {
    margin-top: 1em;
    min-width: 200px;
    margin-right: 2.5em;
    margin-bottom: 1.2em; }
  .resource-page .resource .create-rating #rate-it, .resource-page .mission .create-rating #rate-it, .mission-page .resource .create-rating #rate-it, .mission-page .mission .create-rating #rate-it {
    margin-right: .5em; }

.mission-page .mission {
  border-top: 0 none; }
  @media (min-width: 60em) {
    .mission-page .mission {
      border-top: 1px solid #dbdcde;
      position: relative; } }

.mission-page .mission-item-image {
  margin-left: 0;
  margin-right: 0; }
  @media (min-width: 60em) {
    .mission-page .mission-item-image {
      width: 30%;
      float: right;
      margin-right: 0; } }
  @media (min-width: 60em) {
    .mission-page .mission-item-image img {
      margin-top: 1em; } }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .mission-page .mission-item-image .icon-info {
      /* IE10+ CSS */ } }
  @media all and (-ms-high-contrast: none) and (min-width: 60em), (-ms-high-contrast: active) and (min-width: 60em) {
    .mission-page .mission-item-image .icon-info {
      right: 34px; } }

.mission-page .mission-meta {
  font-weight: 700; }
  .mission-page .mission-meta li {
    display: inline-block; }

.mission-page .resource-wrapper .sidebar .related-missions {
  *zoom: 1;
  border: 0 none;
  padding-top: 0;
  margin-top: 0;
  display: -ms-flexbox;
  display: flex; }
  .mission-page .resource-wrapper .sidebar .related-missions:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 60em) {
    .mission-page .resource-wrapper .sidebar .related-missions {
      display: block;
      width: 200px;
      margin: 0 auto; } }
  .mission-page .resource-wrapper .sidebar .related-missions .cta {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%; }
    .mission-page .resource-wrapper .sidebar .related-missions .cta:nth-of-type(2) {
      margin-right: 0; }
    @media (min-width: 31.25em) {
      .mission-page .resource-wrapper .sidebar .related-missions .cta {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%; } }
    @media (min-width: 60em) {
      .mission-page .resource-wrapper .sidebar .related-missions .cta {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%; } }
  .mission-page .resource-wrapper .sidebar .related-missions .cta .cta-button {
    text-align: left;
    width: 100%; }
    .mission-page .resource-wrapper .sidebar .related-missions .cta .cta-button .label {
      font-size: 0.875em;
      display: block;
      font-weight: 400;
      color: #7a7a7a;
      margin-bottom: 0.5em; }

.mission-page table .student-name {
  font-weight: 700; }

.filter-container {
  background-color: #f0f1f2;
  padding: 1em;
  border-radius: 5px;
  margin-bottom: 1em; }
  .filter-container .search-params {
    padding-bottom: 1.5em;
    border-bottom: 1px solid #dbdcde;
    margin-bottom: 1.5em;
    padding-bottom: 0.2em;
    margin-bottom: 0.2em; }
    .filter-container .search-params .param {
      margin-bottom: 0.25em;
      margin-right: 0.2em;
      display: inline-block; }
      .filter-container .search-params .param:first-of-type {
        font-weight: bold; }
    .filter-container .search-params .change-terms {
      display: inline-block;
      margin-left: 0.75em; }
    .filter-container .search-params .submit-resource {
      display: block;
      margin-left: .75em; }
      .filter-container .search-params .submit-resource span {
        margin-left: .2em; }
      @media (min-width: 60em) {
        .filter-container .search-params .submit-resource {
          display: block;
          float: right; } }

.results-group a {
  text-decoration: none;
  color: #4c4c4e; }

.results-group .report a {
  text-decoration: underline;
  color: #7a7a7a;
  font-size: 0.875em; }

.primary-content.pattern-library {
  margin-top: 2rem; }
  .primary-content.pattern-library .section-heading {
    float: none;
    display: inline;
    float: left;
    width: 100%;
    margin-right: 3.5%;
    margin-left: 0;
    margin-bottom: 0.875em; }
    @media (min-width: 43.75em) {
      .primary-content.pattern-library .section-heading {
        display: inline;
        float: left;
        width: 100%;
        margin-right: 3.5%;
        margin-left: 0; } }
  .primary-content.pattern-library .dark-wrapper {
    padding: 0.5em;
    border-radius: 5px;
    margin-bottom: 0.5em;
    background: #0d1c4b; }
    .primary-content.pattern-library .dark-wrapper a {
      display: inline-block;
      padding: 0.5em 0; }
    .primary-content.pattern-library .dark-wrapper code {
      border-radius: 7px;
      border: 0; }
    .primary-content.pattern-library .dark-wrapper pre {
      border-radius: 7px; }

.pattern-nav-group {
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 1.2em;
  margin-top: 2rem; }

.pattern-nav-item {
  border-top: 1px solid #dbdcde; }
  .pattern-nav-item:first-child {
    border-top: none;
    border-radius: 10px 10px 0 0; }
  .pattern-nav-item:last-child {
    border-radius: 0 0 10px 10px; }
  .pattern-nav-item a {
    display: block;
    padding: 1em;
    color: #4c4c4e;
    background-color: #fff;
    text-decoration: none;
    transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out; }
    .pattern-nav-item a:hover, .pattern-nav-item a:focus {
      background-color: #eeeff0;
      color: #144597; }
    .pattern-nav-item a.active {
      background-color: #eeeff0;
      color: #144597; }
  .pattern-nav-item li a {
    padding: 0.75em 0em 0.75em 2em;
    font-size: 0.9em;
    border-top: 1px solid #dbdcde;
    color: #7a7a7a; }
    .pattern-nav-item li a:hover, .pattern-nav-item li a:focus {
      background-color: #eeeff0;
      color: #144597; }
    .pattern-nav-item li a.active {
      background-color: #eeeff0;
      color: #144597; }

.pattern-group:not(.icon-section) {
  margin-top: 2rem; }
  .pattern-group:not(.icon-section):not(:last-child) {
    padding-bottom: 1.5em;
    border-bottom: 1px solid #dbdcde;
    margin-bottom: 1.5em; }
  .pattern-group:not(.icon-section):last-child {
    padding-bottom: 1.5em;
    margin-bottom: 1.5em; }
  .pattern-group:not(.icon-section) p > code {
    display: inline-block; }
  .pattern-group:not(.icon-section) .pattern:not(:first-of-type) {
    margin-top: 2rem; }
  .pattern-group:not(.icon-section) .pattern:not(:last-of-type) {
    margin-bottom: 2rem; }
  .pattern-group:not(.icon-section) .pattern-two-up, .pattern-group:not(.icon-section) .pattern-three-up {
    margin-top: 2em; }

.pattern-group.swatch-group {
  clear: both; }
  .pattern-group.swatch-group .pattern.swatch {
    margin-top: 0; }

.swatch-group {
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .swatch-group:not(:last-child) {
    margin: 2rem 0; }
  .swatch-group:first-child {
    margin: 0 0 2rem 0; }
  .swatch-group .swatch {
    margin-bottom: 2rem;
    width: 100%;
    font-size: 0.875em; }
    @media (min-width: 43.75em) {
      .swatch-group .swatch {
        display: inline;
        float: left;
        width: 48.25%;
        margin-right: 3.5%;
        margin-left: 0; }
        .swatch-group .swatch:nth-of-type(1n) {
          margin-right: 3.5%;
          float: left;
          clear: none; }
          .lt-ie8 .swatch-group .swatch:nth-of-type(1n) {
            margin-right: 3.25%; }
        .swatch-group .swatch:nth-of-type(2n+2) {
          margin-right: 0;
          float: right; }
        .swatch-group .swatch:nth-of-type(2n+3) {
          clear: both; } }
    @media (min-width: 60em) {
      .swatch-group .swatch {
        display: inline;
        float: left;
        width: 31%;
        margin-right: 3.5%;
        margin-left: 0; }
        .swatch-group .swatch:nth-of-type(1n) {
          margin-right: 3.5%;
          float: left;
          clear: none; }
          .lt-ie8 .swatch-group .swatch:nth-of-type(1n) {
            margin-right: 3.25%; }
        .swatch-group .swatch:nth-of-type(3n+3) {
          margin-right: 0;
          float: right; }
        .swatch-group .swatch:nth-of-type(3n+4) {
          clear: both; } }
  .swatch-group .swatch-preview {
    height: 120px;
    border-radius: 10px; }
  .swatch-group .swatch-title {
    display: inline-block;
    text-align: left;
    font-weight: bold;
    padding: 0;
    margin-top: 1em;
    font-size: inherit; }
  .swatch-group .swatch-color {
    display: block;
    color: #7a7a7a;
    text-transform: uppercase; }

.modals .image-wrapper {
  width: 90px;
  cursor: pointer;
  transition: transform 0.5s ease-in-out; }
  .modals .image-wrapper:hover {
    transform: scale(1.1); }

code {
  font-family: menlo, monaco, monospace;
  border: 1px solid #dbdcde;
  display: block;
  font-weight: normal;
  clear: both; }

.heading-1 {
  font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
  font-weight: 700;
  margin-bottom: 0.35em;
  line-height: 1.2;
  color: #4c4c4e;
  font-size: 2.5em; }
  .heading-1 a {
    color: #4c4c4e;
    text-decoration: none; }
    .heading-1 a:hover, .heading-1 a:focus {
      color: #262627;
      text-decoration: underline; }

.heading-2 {
  font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
  font-weight: 700;
  margin-bottom: 0.35em;
  line-height: 1.2;
  color: #4c4c4e;
  font-size: 1.8em; }
  .heading-2 a {
    color: #4c4c4e;
    text-decoration: none; }
    .heading-2 a:hover, .heading-2 a:focus {
      color: #262627;
      text-decoration: underline; }

.heading-3 {
  font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
  font-weight: 700;
  margin-bottom: 0.35em;
  line-height: 1.2;
  color: #4c4c4e;
  font-size: 1.4em; }
  .heading-3 a {
    color: #4c4c4e;
    text-decoration: none; }
    .heading-3 a:hover, .heading-3 a:focus {
      color: #262627;
      text-decoration: underline; }

.heading-4 {
  font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
  font-weight: 700;
  margin-bottom: 0.35em;
  line-height: 1.2;
  color: #4c4c4e;
  font-size: 1.2em; }
  .heading-4 a {
    color: #4c4c4e;
    text-decoration: none; }
    .heading-4 a:hover, .heading-4 a:focus {
      color: #262627;
      text-decoration: underline; }

.heading-5 {
  font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
  font-weight: 700;
  margin-bottom: 0.35em;
  line-height: 1.2;
  color: #4c4c4e;
  font-size: 1em; }
  .heading-5 a {
    color: #4c4c4e;
    text-decoration: none; }
    .heading-5 a:hover, .heading-5 a:focus {
      color: #262627;
      text-decoration: underline; }

.heading-6 {
  font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
  font-weight: 700;
  margin-bottom: 0.35em;
  line-height: 1.2;
  color: #4c4c4e;
  font-size: 0.875em; }
  .heading-6 a {
    color: #4c4c4e;
    text-decoration: none; }
    .heading-6 a:hover, .heading-6 a:focus {
      color: #262627;
      text-decoration: underline; }

.pattern-list-class.ordered {
  list-style: decimal; }

.pattern-list-class.unordered {
  list-style: circle; }

.link {
  transition: color 0.4s ease-in-out;
  color: #2e72e3;
  text-decoration: underline; }
  .link:hover, .link:focus {
    color: #144597;
    text-decoration: underline; }

.link-alt {
  transition: color 0.4s ease-in-out;
  color: #2e72e3;
  text-decoration: underline;
  color: #152d76; }
  .link-alt:hover, .link-alt:focus {
    color: #144597;
    text-decoration: underline; }
  .link-alt:hover, .link-alt:focus {
    color: #0d1c4b; }

.link-reverse {
  transition: color 0.4s ease-in-out;
  color: #eeeff0;
  text-shadow: 2px 2px 7px #000; }
  .link-reverse:hover, .link-reverse:focus {
    color: #fff;
    text-decoration: none; }

.link-dark-theme {
  transition: color 0.4s ease-in-out;
  color: #d1d8e5;
  text-shadow: 2px 2px 7px #000; }
  .link-dark-theme:hover, .link-dark-theme:focus {
    color: #fff;
    text-decoration: none; }

.heading-link {
  color: #4c4c4e;
  text-decoration: none; }
  .heading-link:hover, .heading-link:focus {
    color: #262627;
    text-decoration: underline; }

.pattern-group.buttons a,
.pattern-group.buttons button {
  margin-bottom: 1rem; }

.button-disabled {
  font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
  font-weight: 700;
  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
  border: 1px solid #c1ddea;
  border-radius: 2px;
  display: inline-block;
  padding: 0.75em 1em;
  text-decoration: none;
  color: #152d76;
  background-color: #c1ddea;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border-color: #dbdcde;
  color: #b1b3b5; }
  .button-disabled:hover, .button-disabled:focus {
    outline: 0;
    text-decoration: none;
    background-color: #9bc8dd;
    border-color: #9bc8dd;
    color: #0d1c4b; }
  .button-disabled:hover, .button-disabled:focus {
    background-color: #ebf9f9;
    border-color: #dbdcde; }
  .button-disabled:hover, .button-disabled:focus {
    background-color: #fff;
    color: #b1b3b5; }

.button-reset {
  border: 0 none;
  padding: 0;
  background-color: transparent; }
  .button-reset:hover, .button-reset:focus {
    background-color: transparent;
    border-color: inherit; }

.button-delete {
  font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
  font-weight: 700;
  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
  border: 1px solid #c1ddea;
  border-radius: 2px;
  display: inline-block;
  padding: 0.75em 1em;
  text-decoration: none;
  color: #152d76;
  background-color: #c1ddea;
  text-align: center;
  cursor: pointer;
  border-color: #eb5024;
  background-color: #fff;
  color: #c93b12; }
  .button-delete:hover, .button-delete:focus {
    outline: 0;
    text-decoration: none;
    background-color: #9bc8dd;
    border-color: #9bc8dd;
    color: #0d1c4b; }
  .button-delete:hover, .button-delete:focus {
    border-color: #c93b12;
    color: #9a2e0e;
    background-color: #fdefeb; }

.header-button {
  border: 1px #445584 solid;
  border-radius: 2px;
  color: #fff;
  background-color: #0d1c4b; }
  .header-button:hover, .header-button:focus {
    color: #fff;
    outline: 0;
    background-color: #112560;
    border-color: #445584; }
  .header-button:active {
    border-color: #fff; }

.icon-section {
  *zoom: 1;
  padding-bottom: 1.5em;
  border-bottom: 1px solid #dbdcde;
  margin-bottom: 1.5em; }
  .icon-section:after {
    content: "";
    display: table;
    clear: both; }
  .icon-section:last-child {
    border: none; }
  .icon-section:not(.large):not(.logos) {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .icon-section:not(.large):not(.logos) .image {
      width: 32px;
      height: 32px;
      display: inline-block; }
  .icon-section .pattern {
    display: inline;
    float: left;
    width: 100%;
    margin-right: 3.5%;
    margin-left: 0;
    margin-right: 0;
    background-color: #fff;
    text-align: left;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 1em 0; }
    @media (min-width: 37.5em) {
      .icon-section .pattern {
        display: inline;
        float: left;
        width: 48.25%;
        margin-right: 3.5%;
        margin-left: 0;
        display: -ms-inline-flexbox;
        display: inline-flex; }
        .icon-section .pattern:nth-of-type(1n) {
          margin-right: 3.5%;
          float: left;
          clear: none; }
          .lt-ie8 .icon-section .pattern:nth-of-type(1n) {
            margin-right: 3.25%; }
        .icon-section .pattern:nth-of-type(2n+2) {
          margin-right: 0;
          float: right; }
        .icon-section .pattern:nth-of-type(2n+3) {
          clear: both; } }
    @media (min-width: 43.75em) {
      .icon-section .pattern {
        display: inline;
        float: left;
        width: 100%;
        margin-right: 3.5%;
        margin-left: 0;
        margin-right: 0;
        display: -ms-inline-flexbox;
        display: inline-flex; } }
    @media (min-width: 60em) {
      .icon-section .pattern {
        display: inline;
        float: left;
        width: 48.25%;
        margin-right: 3.5%;
        margin-left: 0;
        display: -ms-inline-flexbox;
        display: inline-flex; }
        .icon-section .pattern:nth-of-type(1n) {
          margin-right: 3.5%;
          float: left;
          clear: none; }
          .lt-ie8 .icon-section .pattern:nth-of-type(1n) {
            margin-right: 3.25%; }
        .icon-section .pattern:nth-of-type(2n+2) {
          margin-right: 0;
          float: right; }
        .icon-section .pattern:nth-of-type(2n+3) {
          clear: both; } }
    .icon-section .pattern .image {
      margin: 0;
      margin-right: 1em; }
    .icon-section .pattern .title {
      display: inline;
      font-weight: bold;
      font-size: 0.875em; }
  .icon-section.large .pattern {
    display: inline;
    float: left;
    width: 48.25%;
    margin-right: 3.5%;
    margin-left: 0;
    padding-bottom: 3em;
    background-color: #fff;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .icon-section.large .pattern:nth-of-type(1n) {
      margin-right: 3.5%;
      float: left;
      clear: none; }
      .lt-ie8 .icon-section.large .pattern:nth-of-type(1n) {
        margin-right: 3.25%; }
    .icon-section.large .pattern:nth-of-type(2n+2) {
      margin-right: 0;
      float: right; }
    .icon-section.large .pattern:nth-of-type(2n+3) {
      clear: both; }
    @media (min-width: 60em) {
      .icon-section.large .pattern {
        display: inline;
        float: left;
        width: 31%;
        margin-right: 3.5%;
        margin-left: 0; }
        .icon-section.large .pattern:nth-of-type(1n) {
          margin-right: 3.5%;
          float: left;
          clear: none; }
          .lt-ie8 .icon-section.large .pattern:nth-of-type(1n) {
            margin-right: 3.25%; }
        .icon-section.large .pattern:nth-of-type(3n+3) {
          margin-right: 0;
          float: right; }
        .icon-section.large .pattern:nth-of-type(3n+4) {
          clear: both; } }
    .icon-section.large .pattern .title {
      margin-top: 0.5em; }
    .icon-section.large .pattern .image {
      width: 80px;
      height: 80px;
      margin: 0; }
  .icon-section.dark .pattern {
    position: relative;
    z-index: 100;
    background: transparent; }
  .icon-section.dark .dark-wrapper {
    background: #0d1c4b;
    border-radius: 10px;
    padding: 1em;
    width: 100%;
    overflow: hidden; }
  .icon-section.dark .image {
    position: relative; }
  .icon-section.dark .title {
    color: #fff;
    opacity: 0.7; }
  .icon-section.logos .pattern {
    display: block; }
  .icon-section.logos .image {
    height: 50px; }
  .icon-section.logos .title {
    display: block;
    margin-top: 0.5em; }

.pattern-group.page-titles .pattern:first-of-type {
  margin-top: 2em; }

.icons-page section h3, .icons-page section h4 {
  width: 100%; }

.column-group {
  *zoom: 1; }
  .column-group:after {
    content: "";
    display: table;
    clear: both; }
  .column-group:not(:last-child) {
    padding-bottom: 1.5em;
    border-bottom: 1px solid #dbdcde;
    margin-bottom: 1.5em; }

[class^="column-"] {
  background-color: #c5c9cc;
  padding: 1.25em 0;
  margin: 1em;
  text-align: center;
  border-radius: 10px; }

.column-12 {
  display: inline;
  float: left;
  width: 100%;
  margin-right: 3.5%;
  margin-left: 0; }

.column-6 {
  display: inline;
  float: left;
  width: 48.25%;
  margin-right: 3.5%;
  margin-left: 0; }
  .column-6:nth-of-type(1n) {
    margin-right: 3.5%;
    float: left;
    clear: none; }
    .lt-ie8 .column-6:nth-of-type(1n) {
      margin-right: 3.25%; }
  .column-6:nth-of-type(2n+2) {
    margin-right: 0;
    float: right; }
  .column-6:nth-of-type(2n+3) {
    clear: both; }

.column-4 {
  display: inline;
  float: left;
  width: 31%;
  margin-right: 3.5%;
  margin-left: 0; }
  .column-4:nth-of-type(1n) {
    margin-right: 3.5%;
    float: left;
    clear: none; }
    .lt-ie8 .column-4:nth-of-type(1n) {
      margin-right: 3.25%; }
  .column-4:nth-of-type(3n+3) {
    margin-right: 0;
    float: right; }
  .column-4:nth-of-type(3n+4) {
    clear: both; }

.column-3 {
  display: inline;
  float: left;
  width: 22.375%;
  margin-right: 3.5%;
  margin-left: 0; }
  .column-3:nth-of-type(1n) {
    margin-right: 3.5%;
    float: left;
    clear: none; }
    .lt-ie8 .column-3:nth-of-type(1n) {
      margin-right: 3.25%; }
  .column-3:nth-of-type(4n+4) {
    margin-right: 0;
    float: right; }
  .column-3:nth-of-type(4n+5) {
    clear: both; }

.column-2 {
  display: inline;
  float: left;
  width: 13.75%;
  margin-right: 3.5%;
  margin-left: 0; }
  .column-2:nth-of-type(1n) {
    margin-right: 3.5%;
    float: left;
    clear: none; }
    .lt-ie8 .column-2:nth-of-type(1n) {
      margin-right: 3.25%; }
  .column-2:nth-of-type(6n+6) {
    margin-right: 0;
    float: right; }
  .column-2:nth-of-type(6n+7) {
    clear: both; }

.column-9-3 {
  display: inline;
  float: left;
  width: 74.125%;
  margin-right: 3.5%;
  margin-left: 0; }

.column-3-9 {
  display: inline;
  float: left;
  width: 22.375%;
  margin-right: 3.5%;
  margin-left: 0; }
  .column-3-9:nth-of-type(1n) {
    margin-right: 3.5%;
    float: left;
    clear: none; }
    .lt-ie8 .column-3-9:nth-of-type(1n) {
      margin-right: 3.25%; }
  .column-3-9:nth-of-type(2n+2) {
    margin-right: 0;
    float: right; }
  .column-3-9:nth-of-type(2n+3) {
    clear: both; }

.column-5-7 {
  display: inline;
  float: left;
  width: 39.625%;
  margin-right: 3.5%;
  margin-left: 0; }

.column-7-5 {
  display: inline;
  float: left;
  width: 56.875%;
  margin-right: 3.5%;
  margin-left: 0; }
  .column-7-5:nth-of-type(1n) {
    margin-right: 3.5%;
    float: left;
    clear: none; }
    .lt-ie8 .column-7-5:nth-of-type(1n) {
      margin-right: 3.25%; }
  .column-7-5:nth-of-type(2n+2) {
    margin-right: 0;
    float: right; }
  .column-7-5:nth-of-type(2n+3) {
    clear: both; }

.column-8-4 {
  display: inline;
  float: left;
  width: 65.5%;
  margin-right: 3.5%;
  margin-left: 0; }

.column-4-8 {
  display: inline;
  float: left;
  width: 31%;
  margin-right: 3.5%;
  margin-left: 0; }
  .column-4-8:nth-of-type(1n) {
    margin-right: 3.5%;
    float: left;
    clear: none; }
    .lt-ie8 .column-4-8:nth-of-type(1n) {
      margin-right: 3.25%; }
  .column-4-8:nth-of-type(2n+2) {
    margin-right: 0;
    float: right; }
  .column-4-8:nth-of-type(2n+3) {
    clear: both; }

.reset-divider {
  border-bottom: dotted 2px #000;
  margin-bottom: 1rem; }
  .reset-divider:last-of-type {
    border-bottom: none; }

.student-resources-container .results-group .button-group .external a {
  color: #152d76; }

.student-resources-container .result.resource:hover, .student-resources-container .result.resource:focus {
  background-color: #fff;
  cursor: auto; }

.student-resources-container .result.resource .title {
  margin-bottom: 0.15em;
  clear: both; }

.student-resources-container .result.resource .provider-name {
  margin-bottom: 1.2em; }

.student-resources-container .result.resource .date-sent, .student-resources-container .result.resource .sent-by, .student-resources-container .result.resource .resource-type-group {
  margin-bottom: 0.15em; }

.student-resources-container .result.resource .report {
  margin-top: 0.5em;
  margin-bottom: 1em; }

.student-resources-container .result.resource .cta .button-link {
  color: #7a7a7a;
  font-weight: normal; }

@media (min-width: 43.75em) {
  .student-resources-container .title-header {
    display: inline;
    float: left;
    width: 100%;
    margin-right: 3.5%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0; } }

@media (min-width: 43.75em) {
  .student-resources-container .title-header .provider {
    display: block; } }

@media (min-width: 37.5em) {
  .student-resources-container .sent-from-group {
    display: inline;
    float: left;
    width: 48.25%;
    margin-right: 3.5%;
    margin-left: 0; } }

@media (min-width: 60em) {
  .student-resources-container .sent-from-group {
    display: inline;
    float: left;
    width: 31%;
    margin-right: 3.5%;
    margin-left: 0; } }

@media (min-width: 37.5em) {
  .student-resources-container .resource-student-details {
    display: inline;
    float: left;
    width: 48.25%;
    margin-right: 3.5%;
    margin-left: 0;
    margin-right: 0; } }

@media (min-width: 60em) {
  .student-resources-container .resource-student-details {
    display: inline;
    float: left;
    width: 39.625%;
    margin-right: 3.5%;
    margin-left: 0; } }

.student-resources-container .resource-student-details .num-student-views {
  margin-top: 0.15em; }

.student-resources-container .button-group {
  margin-top: 1.25em; }
  @media (min-width: 25em) {
    .student-resources-container .button-group {
      display: inline;
      float: left;
      width: 48.25%;
      margin-right: 3.5%;
      margin-left: 0; } }
  @media (min-width: 60em) {
    .student-resources-container .button-group {
      display: inline;
      float: left;
      width: 22.375%;
      margin-right: 3.5%;
      margin-left: 0;
      margin-right: 0;
      margin-top: 0; } }

@media (min-width: 25em) {
  .student-resources-container .new .button-group {
    display: inline;
    float: left;
    width: 100%;
    margin-right: 3.5%;
    margin-left: 0;
    margin-right: 0; } }

@media (min-width: 60em) {
  .student-resources-container .new .button-group {
    display: inline;
    float: left;
    width: 22.375%;
    margin-right: 3.5%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0; } }

.student-resources-container .new .external {
  font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
  font-weight: 700;
  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
  border: 1px solid #c1ddea;
  border-radius: 2px;
  display: inline-block;
  padding: 0.75em 1em;
  text-decoration: none;
  color: #152d76;
  background-color: #c1ddea;
  text-align: center;
  cursor: pointer;
  display: inline-block; }
  .student-resources-container .new .external:hover, .student-resources-container .new .external:focus {
    outline: 0;
    text-decoration: none;
    background-color: #9bc8dd;
    border-color: #9bc8dd;
    color: #0d1c4b; }
  @media (min-width: 60em) {
    .student-resources-container .new .external {
      width: 125px; } }

.student-resources-container .new .report {
  display: inline-block;
  margin-left: 1em; }
  @media (min-width: 60em) {
    .student-resources-container .new .report {
      margin-left: -1px; } }

.student-resources-container .new .helpful-group {
  display: none; }

.student-resources-container .visited .new-link {
  display: none; }

.student-resources-container .visited .external {
  font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
  font-weight: 700;
  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
  border: 1px solid #c1ddea;
  border-radius: 2px;
  display: inline-block;
  padding: 0.75em 1em;
  text-decoration: none;
  color: #152d76;
  background-color: #c1ddea;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border-color: #dbdcde; }
  .student-resources-container .visited .external:hover, .student-resources-container .visited .external:focus {
    outline: 0;
    text-decoration: none;
    background-color: #9bc8dd;
    border-color: #9bc8dd;
    color: #0d1c4b; }
  .student-resources-container .visited .external:hover, .student-resources-container .visited .external:focus {
    background-color: #ebf9f9;
    border-color: #dbdcde; }
  @media (min-width: 60em) {
    .student-resources-container .visited .external {
      width: 125px; } }

@media (min-width: 25em) {
  .student-resources-container .helpful-group {
    display: inline;
    float: left;
    width: 48.25%;
    margin-right: 3.5%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 1em; } }

@media (min-width: 60em) {
  .student-resources-container .helpful-group {
    margin-top: 0; }
    .student-resources-container .helpful-group h5 {
      margin-right: 1em; }
    .student-resources-container .helpful-group h5, .student-resources-container .helpful-group .x-thumb {
      display: inline-block; } }

.student-resources-container .helpful-group .thumb-up, .student-resources-container .helpful-group .thumb-down {
  display: inline-block; }
  .student-resources-container .helpful-group .thumb-up .button-link a, .student-resources-container .helpful-group .thumb-down .button-link a {
    text-decoration: none;
    font-weight: 500; }

.student-resources-container .helpful-group .thumb-up {
  margin-right: 0.5em; }

.student-resources-container .helpful-group .button-link {
  color: #4c4c4e; }
  .student-resources-container .helpful-group .button-link .icon {
    margin-top: -4px; }

.student-resources-container .rating-property-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center; }

.student-resources-container .icon-rating {
  position: relative;
  width: 90px;
  height: 90px; }
  .student-resources-container .icon-rating:hover, .student-resources-container .icon-rating:focus {
    cursor: pointer; }
    .student-resources-container .icon-rating:hover .icon-inactive, .student-resources-container .icon-rating:focus .icon-inactive {
      opacity: 1; }
  .student-resources-container .icon-rating .icon {
    position: absolute;
    top: 0px;
    right: 15px;
    width: 60px !important;
    height: 60px !important;
    opacity: 0.35;
    transition: opacity 0.4s ease-in; }
    .student-resources-container .icon-rating .icon.selected {
      opacity: 0; }
    .student-resources-container .icon-rating .icon.icon-active {
      opacity: 0; }
      .student-resources-container .icon-rating .icon.icon-active.selected {
        opacity: 1; }
  .student-resources-container .icon-rating .rating-label-wrapper {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 10px; }

.student-resources-container .selected-ratings-group .icon {
  width: 30px !important;
  height: 30px !important;
  display: inline-block;
  margin-bottom: -7px;
  margin-right: 0.45em; }

.bold-label {
  font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
  font-weight: 700;
  margin-bottom: 0.35em;
  line-height: 1.2;
  color: #4c4c4e;
  font-size: 1em; }
  .bold-label a {
    color: #4c4c4e;
    text-decoration: none; }
    .bold-label a:hover, .bold-label a:focus {
      color: #262627;
      text-decoration: underline; }

.teacher-resources-landing .resource-header {
  border-top: none;
  padding-top: 0;
  margin-top: 0; }

.teacher-resources-landing .ratings-group .review .rating-provider {
  font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
  font-weight: 600; }

.teacher-resources-landing .recommended-group,
.teacher-resources-landing .featured-group,
.teacher-resources-landing .bookmarks-group {
  *zoom: 1; }
  .teacher-resources-landing .recommended-group:after,
  .teacher-resources-landing .featured-group:after,
  .teacher-resources-landing .bookmarks-group:after {
    content: "";
    display: table;
    clear: both; }
  .teacher-resources-landing .recommended-group .resource-type-group .icon-website, .teacher-resources-landing .recommended-group .resource-type-group .icon-app,
  .teacher-resources-landing .featured-group .resource-type-group .icon-website,
  .teacher-resources-landing .featured-group .resource-type-group .icon-app,
  .teacher-resources-landing .bookmarks-group .resource-type-group .icon-website,
  .teacher-resources-landing .bookmarks-group .resource-type-group .icon-app {
    height: 17px;
    width: 17px;
    margin-top: -4px; }
  .teacher-resources-landing .recommended-group .resource,
  .teacher-resources-landing .featured-group .resource,
  .teacher-resources-landing .bookmarks-group .resource {
    display: block;
    color: #4c4c4e; }
  .teacher-resources-landing .recommended-group .resource-link,
  .teacher-resources-landing .featured-group .resource-link,
  .teacher-resources-landing .bookmarks-group .resource-link {
    padding: 1rem;
    border: 1px solid #dbdcde;
    margin-bottom: 1.5rem;
    text-decoration: none;
    border-radius: 10px; }
    .teacher-resources-landing .recommended-group .resource-link:hover, .teacher-resources-landing .recommended-group .resource-link:focus,
    .teacher-resources-landing .featured-group .resource-link:hover,
    .teacher-resources-landing .featured-group .resource-link:focus,
    .teacher-resources-landing .bookmarks-group .resource-link:hover,
    .teacher-resources-landing .bookmarks-group .resource-link:focus {
      text-decoration: none;
      background-color: #e7f2f7;
      color: #0d1c4b; }
    @media (min-width: 60em) {
      .teacher-resources-landing .recommended-group .resource-link,
      .teacher-resources-landing .featured-group .resource-link,
      .teacher-resources-landing .bookmarks-group .resource-link {
        display: inline;
        float: left;
        width: 31%;
        margin-right: 3.5%;
        margin-left: 0; }
        .teacher-resources-landing .recommended-group .resource-link:nth-of-type(1n),
        .teacher-resources-landing .featured-group .resource-link:nth-of-type(1n),
        .teacher-resources-landing .bookmarks-group .resource-link:nth-of-type(1n) {
          margin-right: 3.5%;
          float: left;
          clear: none; }
          .lt-ie8 .teacher-resources-landing .recommended-group .resource-link:nth-of-type(1n), .lt-ie8
          .teacher-resources-landing .featured-group .resource-link:nth-of-type(1n), .lt-ie8
          .teacher-resources-landing .bookmarks-group .resource-link:nth-of-type(1n) {
            margin-right: 3.25%; }
        .teacher-resources-landing .recommended-group .resource-link:nth-of-type(3n+3),
        .teacher-resources-landing .featured-group .resource-link:nth-of-type(3n+3),
        .teacher-resources-landing .bookmarks-group .resource-link:nth-of-type(3n+3) {
          margin-right: 0;
          float: right; }
        .teacher-resources-landing .recommended-group .resource-link:nth-of-type(3n+4),
        .teacher-resources-landing .featured-group .resource-link:nth-of-type(3n+4),
        .teacher-resources-landing .bookmarks-group .resource-link:nth-of-type(3n+4) {
          clear: both; } }
  @media (min-width: 60em) {
    .teacher-resources-landing .recommended-group .featured-items, .teacher-resources-landing .recommended-group .bookmarked-items,
    .teacher-resources-landing .featured-group .featured-items,
    .teacher-resources-landing .featured-group .bookmarked-items,
    .teacher-resources-landing .bookmarks-group .featured-items,
    .teacher-resources-landing .bookmarks-group .bookmarked-items {
      display: -ms-flexbox;
      display: flex; } }
  .teacher-resources-landing .recommended-group .level, .teacher-resources-landing .recommended-group .resource-type-group, .teacher-resources-landing .recommended-group .eligible-contents, .teacher-resources-landing .recommended-group .rating-count, .teacher-resources-landing .recommended-group .subject-label,
  .teacher-resources-landing .featured-group .level,
  .teacher-resources-landing .featured-group .resource-type-group,
  .teacher-resources-landing .featured-group .eligible-contents,
  .teacher-resources-landing .featured-group .rating-count,
  .teacher-resources-landing .featured-group .subject-label,
  .teacher-resources-landing .bookmarks-group .level,
  .teacher-resources-landing .bookmarks-group .resource-type-group,
  .teacher-resources-landing .bookmarks-group .eligible-contents,
  .teacher-resources-landing .bookmarks-group .rating-count,
  .teacher-resources-landing .bookmarks-group .subject-label {
    font-size: 0.875em; }
  .teacher-resources-landing .recommended-group .result.resource .number-ratings,
  .teacher-resources-landing .featured-group .result.resource .number-ratings,
  .teacher-resources-landing .bookmarks-group .result.resource .number-ratings {
    clear: both;
    float: none;
    width: 100%; }
    @media (min-width: 43.75em) {
      .teacher-resources-landing .recommended-group .result.resource .number-ratings,
      .teacher-resources-landing .featured-group .result.resource .number-ratings,
      .teacher-resources-landing .bookmarks-group .result.resource .number-ratings {
        margin-right: 0; } }
    @media (min-width: 60em) {
      .teacher-resources-landing .recommended-group .result.resource .number-ratings,
      .teacher-resources-landing .featured-group .result.resource .number-ratings,
      .teacher-resources-landing .bookmarks-group .result.resource .number-ratings {
        margin-right: 0; } }
  .teacher-resources-landing .recommended-group .result.resource .title-header,
  .teacher-resources-landing .featured-group .result.resource .title-header,
  .teacher-resources-landing .bookmarks-group .result.resource .title-header {
    clear: both;
    float: none;
    width: 100%; }
  .teacher-resources-landing .recommended-group .result.resource .provider,
  .teacher-resources-landing .featured-group .result.resource .provider,
  .teacher-resources-landing .bookmarks-group .result.resource .provider {
    margin-right: 0; }

@media (min-width: 43.75em) {
  .dashboard .new-item {
    margin-left: 2em; } }

.dashboard .resources, .dashboard .trophies {
  margin-top: 1.5em; }

.dashboard .latest {
  text-transform: uppercase;
  color: #a8a8a8;
  letter-spacing: 0.2em;
  margin-bottom: 1em; }
  @media (min-width: 43.75em) {
    .dashboard .latest {
      margin-left: 2em; } }

.dashboard .recent-wrapper {
  *zoom: 1; }
  .dashboard .recent-wrapper:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 43.75em) {
    .dashboard .recent-wrapper {
      margin-left: 2em; } }
  .dashboard .recent-wrapper .activity-wrapper .other-item {
    *zoom: 1;
    border-bottom: #dbdcde 2px solid;
    margin-bottom: 1em;
    padding-bottom: 1em; }
    .dashboard .recent-wrapper .activity-wrapper .other-item:after {
      content: "";
      display: table;
      clear: both; }
    .dashboard .recent-wrapper .activity-wrapper .other-item:first-of-type {
      margin-top: 1.2em; }
    .dashboard .recent-wrapper .activity-wrapper .other-item:last-of-type {
      border-bottom: none; }
    @media (min-width: 43.75em) {
      .dashboard .recent-wrapper .activity-wrapper .other-item .other-wrapper {
        float: left;
        min-width: calc(100% - 150px); } }
    .dashboard .recent-wrapper .activity-wrapper .other-item h5 {
      display: inline-block;
      margin-left: 1em;
      width: calc(100% - 45px);
      vertical-align: top; }
    .dashboard .recent-wrapper .activity-wrapper .other-item .attended {
      display: block;
      margin-left: 2.6em; }
    .dashboard .recent-wrapper .activity-wrapper .other-item .rating-comment {
      margin-top: 1em;
      margin-left: 2.6em; }
      .dashboard .recent-wrapper .activity-wrapper .other-item .rating-comment .ratings-group {
        margin-bottom: 1em;
        display: block; }
      .dashboard .recent-wrapper .activity-wrapper .other-item .rating-comment .comment-text {
        display: block; }
    .dashboard .recent-wrapper .activity-wrapper .other-item .date {
      display: block;
      font-size: 0.875em;
      color: #7a7a7a;
      margin-bottom: 1em;
      margin-left: 3em; }
      @media (min-width: 43.75em) {
        .dashboard .recent-wrapper .activity-wrapper .other-item .date {
          float: right;
          margin-left: 0; } }
  .dashboard .recent-wrapper .activity-wrapper .all-bookmarks, .dashboard .recent-wrapper .activity-wrapper .all-ratings {
    display: block;
    margin-bottom: 1em; }
  @media (min-width: 43.75em) {
    .dashboard .recent-wrapper .right-sidebar {
      display: inline;
      float: left;
      width: 39.625%;
      margin-right: 3.5%;
      margin-left: 0;
      margin-right: 0; } }
  .dashboard .recent-wrapper .right-sidebar .snapshot-container {
    border-radius: 5px; }
    .dashboard .recent-wrapper .right-sidebar .snapshot-container .stat-data {
      color: #152d76; }
      .dashboard .recent-wrapper .right-sidebar .snapshot-container .stat-data .percent-sign {
        color: #7a7a7a; }
    .dashboard .recent-wrapper .right-sidebar .snapshot-container .stat-label {
      margin-bottom: 1em; }

.dashboard .join-quiz {
  display: block; }
  .dashboard .join-quiz .sidebar-item.join-quiz-widget {
    width: auto;
    display: block;
    padding: 1.25em 1em 0 1em; }
    @media (min-width: 43.75em) {
      .dashboard .join-quiz .sidebar-item.join-quiz-widget form {
        *zoom: 1; }
        .dashboard .join-quiz .sidebar-item.join-quiz-widget form:after {
          content: "";
          display: table;
          clear: both; } }
    @media (min-width: 43.75em) {
      .dashboard .join-quiz .sidebar-item.join-quiz-widget fieldset {
        display: inline;
        float: left;
        width: 65.5%;
        margin-right: 3.5%;
        margin-left: 0; } }
    .dashboard .join-quiz .sidebar-item.join-quiz-widget input {
      max-width: 500px; }
    .dashboard .join-quiz .sidebar-item.join-quiz-widget button[type='submit'] {
      max-width: 500px;
      margin-bottom: 1em; }
      @media (min-width: 43.75em) {
        .dashboard .join-quiz .sidebar-item.join-quiz-widget button[type='submit'] {
          display: inline;
          float: left;
          width: 31%;
          margin-right: 3.5%;
          margin-left: 0;
          margin-right: 0;
          margin-top: 1.6em; } }

.dashboard .trophy-wrapper {
  *zoom: 1;
  margin-top: 1em; }
  .dashboard .trophy-wrapper:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 18.75em) {
    .dashboard .trophy-wrapper {
      display: -ms-flexbox;
      display: flex; } }
  @media (min-width: 43.75em) {
    .dashboard .trophy-wrapper {
      margin-left: 2em; } }
  .dashboard .trophy-wrapper .trophy-item {
    position: relative;
    background-color: #ebeef4;
    border-radius: 5px;
    padding: 2em 1em 1em 1em; }
  .dashboard .trophy-wrapper .trophy-item {
    display: block;
    margin: 0em auto 0em auto;
    text-align: center; }
    .dashboard .trophy-wrapper .trophy-item:hover, .dashboard .trophy-wrapper .trophy-item:focus {
      cursor: pointer; }
    @media (min-width: 18.75em) {
      .dashboard .trophy-wrapper .trophy-item {
        display: inline;
        float: left;
        width: 31%;
        margin-right: 3.5%;
        margin-left: 0; }
        .dashboard .trophy-wrapper .trophy-item:nth-of-type(1n) {
          margin-right: 3.5%;
          float: left;
          clear: none; }
          .lt-ie8 .dashboard .trophy-wrapper .trophy-item:nth-of-type(1n) {
            margin-right: 3.25%; }
        .dashboard .trophy-wrapper .trophy-item:nth-of-type(3n+3) {
          margin-right: 0;
          float: right; }
        .dashboard .trophy-wrapper .trophy-item:nth-of-type(3n+4) {
          clear: both; } }
    .dashboard .trophy-wrapper .trophy-item .trophy-img {
      margin: 1em auto 1.5em auto;
      display: block; }
    .dashboard .trophy-wrapper .trophy-item img {
      margin: 1em auto 1.5em auto;
      display: block; }
    .dashboard .trophy-wrapper .trophy-item .trophy-caption {
      margin: 1em 0.5em;
      color: #152d76; }
      .dashboard .trophy-wrapper .trophy-item .trophy-caption .num-students {
        font-weight: bold; }
      .dashboard .trophy-wrapper .trophy-item .trophy-caption .trophy-type {
        font-weight: bold; }

@media (min-width: 43.75em) {
  .dashboard.parent .resources .new-item .left {
    display: inline;
    float: left;
    width: 48.25%;
    margin-right: 3.5%;
    margin-left: 0; } }

@media (min-width: 43.75em) {
  .dashboard.parent .resources .new-item .right {
    display: inline;
    float: left;
    width: 48.25%;
    margin-right: 3.5%;
    margin-left: 0;
    margin-right: 0; } }

.dashboard.parent .resources .new-item .right .completed-status {
  margin-left: 1.5em; }

.dashboard.student .new-item {
  position: relative; }
  .dashboard.student .new-item > .new-link {
    position: absolute;
    right: 3.5%;
    top: 0.2em;
    margin-top: 0; }

@media (max-width: 768px) {
  .pipe-seperator {
    width: 17% !important;
    padding-left: 0px !important;
    float: none !important;
    border: none !important; } }

.pipe-seperator {
  border-left: 1px solid #dbdcde;
  float: right;
  width: 17%;
  padding-left: 8px; }

.bottom-pipe-seperator {
  border-bottom: 1px solid #dbdcde;
  padding-bottom: 15px; }

.box-wrapper {
  width: 45%;
  float: left;
  margin: 8px;
  margin-bottom: 0; }

.quiz-header, .resource-header, .trophy-header {
  *zoom: 1;
  margin-bottom: 1em;
  border-top: 5px solid #ebf4f8;
  padding-top: 2em;
  margin-top: 1.5em; }
  .quiz-header:after, .resource-header:after, .trophy-header:after {
    content: "";
    display: table;
    clear: both; }

.quiz-header {
  border-top: none;
  margin-top: 0;
  padding-top: 0; }

@media (min-width: 60em) {
  .widgets {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch; } }

.widgets .dashboard-widget {
  *zoom: 1; }
  .widgets .dashboard-widget:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 60em) {
    .widgets .dashboard-widget {
      display: block;
      display: inline;
      float: left;
      width: 48.25%;
      margin-right: 3.5%;
      margin-left: 0;
      margin-right: 0;
      margin-left: 0.5em; }
      .widgets .dashboard-widget:nth-child(odd) {
        margin-left: 0; } }

.full-width-widget .dashboard-widget {
  *zoom: 1; }
  .full-width-widget .dashboard-widget:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 60em) {
    .full-width-widget .dashboard-widget {
      margin-right: 18px;
      display: block; } }
  .full-width-widget .dashboard-widget .centered {
    text-align: center; }

@media (min-width: 60em) {
  .full-width-widget .snapshots {
    display: -ms-flexbox;
    display: flex; } }

.full-width-widget .detail-button {
  padding: 0.5em;
  width: 300px; }

.full-width-widget .snapshot-container {
  width: 100%;
  display: block;
  text-align: center;
  background-color: #fff;
  padding: 0.5em;
  margin-bottom: 0.5em; }
  @media (min-width: 60em) {
    .full-width-widget .snapshot-container {
      width: 49%;
      display: inline-block;
      margin-top: auto;
      margin-bottom: auto; } }
  .full-width-widget .snapshot-container .snapshot-item {
    background-color: #ebf4f8;
    width: 80%;
    margin-left: 10%; }
    @media (min-width: 60em) {
      .full-width-widget .snapshot-container .snapshot-item {
        margin-left: 0;
        float: right; } }
    .full-width-widget .snapshot-container .snapshot-item .overview-stat {
      margin-bottom: 0.5em; }
      .full-width-widget .snapshot-container .snapshot-item .overview-stat:first-of-type:not(.single-stat):after {
        content: "";
        background-color: #d4e7f0;
        height: 2px;
        width: 50%;
        display: block;
        margin-top: 0.5em;
        margin-left: auto;
        margin-right: auto; }
      .full-width-widget .snapshot-container .snapshot-item .overview-stat:first-of-type .stat-data {
        font-size: 3em; }
        .full-width-widget .snapshot-container .snapshot-item .overview-stat:first-of-type .stat-data .percent-sign {
          font-size: 0.75em; }
      .full-width-widget .snapshot-container .snapshot-item .overview-stat:last-of-type {
        margin-bottom: 0.5em; }
  .full-width-widget .snapshot-container.right-side {
    display: none; }
    @media (min-width: 60em) {
      .full-width-widget .snapshot-container.right-side {
        display: inline-block;
        margin-top: auto;
        margin-bottom: auto; } }
    .full-width-widget .snapshot-container.right-side .snapshot-item {
      float: left;
      background-color: #fff;
      padding-top: 1em; }
    .full-width-widget .snapshot-container.right-side .overview-stat:first-of-type:not(.single-stat):after {
      content: "";
      background-color: #d4e7f0;
      height: 2px;
      width: 50%;
      display: block;
      margin-top: 0.5em;
      margin-left: auto;
      margin-right: auto; }
    .full-width-widget .snapshot-container.right-side .overview-stat:first-of-type .stat-data {
      font-size: 1.4em; }
      .full-width-widget .snapshot-container.right-side .overview-stat:first-of-type .stat-data .percent-sign {
        font-size: 0.75em; }

.dashboard-widget {
  padding-bottom: 1em; }
  .dashboard-widget .widget-header {
    padding: 0.3em 0.5em;
    height: 33px;
    background-color: #152d76; }
    .dashboard-widget .widget-header h4 {
      color: #fff;
      margin: 0; }
    .dashboard-widget .widget-header .new-link {
      margin-top: -.15em; }
      .dashboard-widget .widget-header .new-link .new-title {
        padding-bottom: 0.4em; }
  .dashboard-widget .widget-body {
    min-height: 225px;
    height: calc(100% - 33px);
    position: relative;
    overflow: hidden;
    border-right: 2px solid #dbdcde;
    border-left: 2px solid #dbdcde;
    border-bottom: 2px solid #dbdcde;
    padding: 0.5em; }
    .dashboard-widget .widget-body .dashboard-empty-state {
      padding: 3em 1em;
      font-size: 20px;
      width: calc(100% - 100px);
      text-align: center; }
      .dashboard-widget .widget-body .dashboard-empty-state.less-top-padding {
        padding: 2em 1em; }
    .dashboard-widget .widget-body .widget-image {
      position: absolute;
      height: 200px;
      top: 15px;
      right: -100px; }
    .dashboard-widget .widget-body .linking-code {
      padding: 0.5em 0.25em 1em 0.25em;
      font-size: large; }
    .dashboard-widget .widget-body .create-new-link {
      padding: 0.5em 1em;
      font-size: large; }
  .dashboard-widget .widget-button {
    position: absolute;
    bottom: 0.5em;
    left: 0.5em;
    padding: 0.5em;
    width: 200px; }
  .dashboard-widget .dashboard-quiz-result {
    padding: 0.75em 0;
    border-bottom: 1px dashed #dbdcde;
    width: calc(100% - 100px); }
    .dashboard-widget .dashboard-quiz-result:last-of-type {
      border-bottom: 0;
      padding-bottom: 50px; }
  .dashboard-widget .dashboard-open-quiz {
    padding: 0.75em 0;
    border-bottom: 1px dashed #dbdcde;
    width: 100%; }
    .dashboard-widget .dashboard-open-quiz:last-of-type {
      border-bottom: 0; }
  .dashboard-widget .dashboard-bookmark {
    padding: 0.75em 0;
    border-bottom: 1px dashed #dbdcde;
    width: calc(100% - 100px); }
    .dashboard-widget .dashboard-bookmark:last-of-type {
      border-bottom: 0;
      padding-bottom: 50px; }
    .dashboard-widget .dashboard-bookmark .resource-text-standard {
      display: inline;
      margin-top: 5px; }
    .dashboard-widget .dashboard-bookmark .rating-count {
      display: inline-block;
      margin-left: 5px; }
      .dashboard-widget .dashboard-bookmark .rating-count .rated {
        display: inline-block; }
        .dashboard-widget .dashboard-bookmark .rating-count .rated .icon-star {
          margin-top: -3px; }
  .dashboard-widget .dashboard-library-item {
    display: block; }
    .dashboard-widget .dashboard-library-item .class-library-item {
      width: 100px;
      text-align: left; }
      .dashboard-widget .dashboard-library-item .class-library-item .item-wrapper {
        display: inline-block; }
        .dashboard-widget .dashboard-library-item .class-library-item .item-wrapper .item-icon {
          height: 60px;
          width: 60px;
          margin-left: 0;
          margin-right: 0; }
  .dashboard-widget .quiz-name {
    font-weight: bold; }

.previous-results {
  margin-bottom: 2em;
  margin-top: 1.5em;
  border-bottom: #ebf4f8 5px solid; }
  .previous-results a {
    text-decoration: none; }

.previous-results-table {
  margin: 1.5em 0; }

.quiz-detail-group {
  *zoom: 1;
  margin-top: 2em; }
  .quiz-detail-group:after {
    content: "";
    display: table;
    clear: both; }
  .quiz-detail-group .quiz-action-group {
    *zoom: 1;
    max-width: 32em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2em; }
    .quiz-detail-group .quiz-action-group:after {
      content: "";
      display: table;
      clear: both; }
    .quiz-detail-group .quiz-action-group .change-buttons {
      display: none; }
    .quiz-detail-group .quiz-action-group.made-change .give-button {
      display: none; }
    .quiz-detail-group .quiz-action-group.made-change .change-buttons {
      display: block; }
    .quiz-detail-group .quiz-action-group .quiz-action {
      max-width: 300px;
      margin: 0.5em auto;
      display: block;
      width: 100%;
      max-width: 300px; }
      .quiz-detail-group .quiz-action-group .quiz-action button {
        width: 100%; }
    .quiz-detail-group .quiz-action-group .three-equal {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-align: stretch;
      align-items: stretch; }
      @media (min-width: 43.75em) {
        .quiz-detail-group .quiz-action-group .three-equal {
          -ms-flex-direction: row;
          flex-direction: row; } }
      .quiz-detail-group .quiz-action-group .three-equal button {
        width: 100%;
        margin: .25em; }
        @media (min-width: 43.75em) {
          .quiz-detail-group .quiz-action-group .three-equal button {
            margin-top: 0;
            margin-bottom: 0; } }
    .quiz-detail-group .quiz-action-group .three-up .quiz-action {
      max-width: 100%; }
      @media (min-width: 43.75em) {
        .quiz-detail-group .quiz-action-group .three-up .quiz-action:first-of-type {
          width: 100%; } }
      @media (min-width: 43.75em) {
        .quiz-detail-group .quiz-action-group .three-up .quiz-action:nth-of-type(2) {
          display: inline;
          float: left;
          width: 48.25%;
          margin-right: 3.5%;
          margin-left: 0; } }
      @media (min-width: 43.75em) {
        .quiz-detail-group .quiz-action-group .three-up .quiz-action:nth-of-type(3) {
          display: inline;
          float: left;
          width: 48.25%;
          margin-right: 3.5%;
          margin-left: 0;
          margin-right: 0; } }
  .quiz-detail-group .question-group .question-content {
    border-right: 1px solid #dbdcde;
    border-left: 1px solid #dbdcde; }
  .quiz-detail-group .open-quiz {
    padding-bottom: 1.5em; }

.open-sessions > .open-quiz {
  margin-bottom: 1.5em; }
  .open-sessions > .open-quiz:last-of-type {
    margin-bottom: 0px; }

.quiz-detail-checkbox-wrapper {
  width: 64%;
  margin: auto; }

.pika-single {
  width: 260px;
  /*custom width*/ }

/*Custom style for pickaday calendar*/
.pika-select-minute {
  position: relative;
  right: 0px; }

.pika-select-hour {
  position: relative;
  left: 10px; }

.pika-time select {
  padding: 10px;
  width: auto; }

.date-picker-full-wrapper {
  *zoom: 1; }
  .date-picker-full-wrapper:after {
    content: "";
    display: table;
    clear: both; }
  .date-picker-full-wrapper .date-picker-wrapper {
    position: relative; }
    @media (min-width: 37.5em) {
      .date-picker-full-wrapper .date-picker-wrapper {
        display: inline;
        float: left;
        width: 39.625%;
        margin-right: 3.5%;
        margin-left: 0; } }
    .date-picker-full-wrapper .date-picker-wrapper input::-webkit-input-placeholder {
      color: #4c4c4e; }
    .date-picker-full-wrapper .date-picker-wrapper input::-moz-placeholder {
      /* Firefox 19+ */
      color: #4c4c4e; }
    .date-picker-full-wrapper .date-picker-wrapper :-ms-input-placeholder {
      /* IE 10+ */
      color: #4c4c4e; }
    .date-picker-full-wrapper .date-picker-wrapper.centered {
      display: block;
      float: none; }
    .date-picker-full-wrapper .date-picker-wrapper .calendar-icon-wrapper {
      position: absolute;
      right: 8px;
      top: 8px; }
      .date-picker-full-wrapper .date-picker-wrapper .calendar-icon-wrapper img {
        height: 25px;
        width: 25px; }
      .date-picker-full-wrapper .date-picker-wrapper .calendar-icon-wrapper a {
        cursor: default; }
  .date-picker-full-wrapper .time-wrapper {
    display: inline;
    float: left;
    width: 56.875%;
    margin-right: 3.5%;
    margin-left: 0;
    margin-top: 1em; }
    .date-picker-full-wrapper .time-wrapper select {
      height: 46px; }
    @media (min-width: 37.5em) {
      .date-picker-full-wrapper .time-wrapper {
        margin-top: 0;
        display: inline;
        float: left;
        width: 26.6875%;
        margin-right: 3.5%;
        margin-left: 0; } }
  .date-picker-full-wrapper .ampm-wrapper {
    display: inline;
    float: left;
    width: 35.3125%;
    margin-right: 3.5%;
    margin-left: 0;
    margin-top: 1em; }
    .date-picker-full-wrapper .ampm-wrapper select {
      height: 46px; }
    @media (min-width: 37.5em) {
      .date-picker-full-wrapper .ampm-wrapper {
        margin-top: 0;
        display: inline;
        float: left;
        width: 22.375%;
        margin-right: 3.5%;
        margin-left: 0; } }
  .date-picker-full-wrapper .end-quiz-tip {
    text-align: center;
    max-width: 650px; }

.student-list .tip {
  margin-bottom: 2em; }

.all-students .student-search {
  margin-bottom: 2em; }

.all-students .tip {
  margin-bottom: 1em; }

.create-new .button-link {
  font-weight: 600;
  margin-top: 0.5em; }

@keyframes spinSpaceship {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes ellipsis {
  from {
    width: 0px; }
  to {
    width: 1.2em; } }

.load-content {
  height: 100%;
  width: 100%;
  position: fixed;
  background-color: #ebf4f8;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999; }

.load-wrap {
  display: block;
  position: fixed;
  margin-left: -95px;
  margin-top: -95px;
  top: 50%;
  left: 50%;
  width: 190px;
  height: 190px;
  padding: 20px 20px 20px;
  border-radius: 5px;
  text-align: center; }

.load-wrap h4 {
  color: #152D76;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -40px;
  margin-top: -11.5px; }
  .load-wrap h4:after {
    content: "\2026";
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    width: 0px;
    animation: ellipsis steps(4, end) 1.2s infinite; }

.component-wrap h4 {
  color: #152D76;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -40px;
  margin-top: -11.5px; }
  .component-wrap h4:after {
    content: "\2026";
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    width: 0px;
    animation: ellipsis steps(4, end) 1.2s infinite; }

.ring {
  position: relative;
  width: 140px;
  height: 140px;
  margin: 0 auto;
  border: 3px solid #4ecbcb;
  border-radius: 100%; }
  .ring.spinner {
    width: 50px;
    height: 50px;
    margin-top: 5px; }

.spaceship-wrapper {
  position: absolute;
  top: -29px;
  left: -65px; }
  .spaceship-wrapper.spinner {
    top: -12px;
    left: -16px; }

#spaceship {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 25.94px;
  height: 29.41px; }

.spaceship-holder {
  position: absolute;
  width: 12px;
  height: 45px;
  left: 62px;
  top: 45px; }
  .spaceship-holder.spinner {
    width: 10px;
    height: 40px;
    left: 17px;
    top: 2.5px; }

.load-5 .spaceship-holder {
  animation: spinSpaceship 5.3s linear infinite; }
  .load-5 .spaceship-holder.spinner {
    animation: spinSpaceship 1.5s linear infinite; }

.error-body {
  text-align: center; }
  .error-body .error-header .header-text {
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 700;
    margin-bottom: 0.35em;
    line-height: 1.2;
    color: #4c4c4e;
    font-size: 1.2em;
    display: block;
    padding-top: 0.5em; }
    .error-body .error-header .header-text a {
      color: #4c4c4e;
      text-decoration: none; }
      .error-body .error-header .header-text a:hover, .error-body .error-header .header-text a:focus {
        color: #262627;
        text-decoration: underline; }
    @media (min-width: 43.75em) {
      .error-body .error-header .header-text {
        font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
        font-weight: 700;
        margin-bottom: 0.35em;
        line-height: 1.2;
        color: #4c4c4e;
        font-size: 1.8em;
        padding-top: 0;
        padding-left: 0.5em;
        display: inline-block;
        vertical-align: middle; }
        .error-body .error-header .header-text a {
          color: #4c4c4e;
          text-decoration: none; }
          .error-body .error-header .header-text a:hover, .error-body .error-header .header-text a:focus {
            color: #262627;
            text-decoration: underline; } }
  .error-body .error-message {
    padding-top: 2em;
    padding-bottom: 2em;
    max-width: 500px;
    text-align: center;
    display: inline-block; }

@media (min-width: 60em) {
  .student-group-add-remove .selectable-student-item {
    display: inline;
    float: left;
    width: 48.25%;
    margin-right: 3.5%;
    margin-left: 0; }
    .student-group-add-remove .selectable-student-item:nth-of-type(1n) {
      margin-right: 3.5%;
      float: left;
      clear: none; }
      .lt-ie8 .student-group-add-remove .selectable-student-item:nth-of-type(1n) {
        margin-right: 3.25%; }
    .student-group-add-remove .selectable-student-item:nth-of-type(2n+2) {
      margin-right: 0;
      float: right; }
    .student-group-add-remove .selectable-student-item:nth-of-type(2n+3) {
      clear: both; } }

.student-group-add-remove .selectable-student-item.in-group {
  background-color: #f6faed; }

.student-group-add-remove .selectable-student-item .student-header {
  *zoom: 1; }
  .student-group-add-remove .selectable-student-item .student-header:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 25em) {
    .student-group-add-remove .selectable-student-item .student-header {
      width: calc(100% - 5.5em); } }

.student-group-add-remove .selectable-student-item .group-actions {
  margin-top: 0.5em;
  position: absolute;
  top: 1rem;
  right: 1rem;
  margin-top: 0; }
  .student-group-add-remove .selectable-student-item .group-actions button {
    text-decoration: none; }
    .student-group-add-remove .selectable-student-item .group-actions button:hover, .student-group-add-remove .selectable-student-item .group-actions button:focus {
      text-decoration: underline; }
    .student-group-add-remove .selectable-student-item .group-actions button:disabled {
      border: 0;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px; }
    .student-group-add-remove .selectable-student-item .group-actions button .icon {
      margin-right: 0;
      margin-right: 0.25em; }

.passage-quiz-questions .view-passage {
  margin: 0 auto;
  display: block;
  z-index: 10;
  position: relative; }

.view-passage-wrapper {
  margin: 1.5rem 0; }
  .view-passage-wrapper .view-passage {
    display: block;
    width: 100%;
    max-width: 350px;
    margin-left: auto;
    margin-right: auto; }

.checkbox-wrapper {
  width: 50%;
  margin: auto; }

.two-up-wider.actions .button {
  width: 100%;
  margin-top: 10px; }

@media (min-width: 43.75em) {
  .two-up-wider.actions .button {
    width: 40%; } }

.welcome {
  background: #0d1c4b url("/assets/images/bg-pattern-dark-theme.svg") left -50px repeat;
  margin-bottom: 0px; }
  .welcome p {
    font-size: 16px;
    color: white;
    width: 250px;
    margin-bottom: 0px; }
  .welcome h3 {
    color: white;
    margin-bottom: 0;
    padding-bottom: .35em; }
  .welcome .info-container {
    text-align: center; }
    .welcome .info-container .info-text {
      margin: 0 0 2em auto; }
    .welcome .info-container .login {
      margin: 2em 0 2em auto; }
    .welcome .info-container .info-instruction-text {
      margin: 0 auto; }
  .welcome .prepare {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: white; }
  .welcome .alien {
    display: inline-block;
    height: 130px;
    width: 100px;
    margin: 0 auto; }
  .welcome .welcome-top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 10px; }
    .welcome .welcome-top .rover {
      height: 200px;
      width: 236px; }
    .welcome .welcome-top .middle {
      display: none; }
      @media (min-width: 37.5em) {
        .welcome .welcome-top .middle {
          display: block;
          -ms-flex-item-align: end;
          align-self: flex-end;
          -ms-flex-preferred-size: 20%;
          flex-basis: 20%; } }
  .welcome .welcome-bottom .alien {
    display: block;
    margin-bottom: 10px; }
    @media (min-width: 37.5em) {
      .welcome .welcome-bottom .alien {
        display: none; } }
  .welcome .welcome-bottom fieldset {
    margin-bottom: 0; }
  .welcome .welcome-bottom .survey-form {
    width: 100%;
    margin: 10px auto 0 auto;
    padding: 0 3.5%; }
    @media (min-width: 43.75em) {
      .welcome .welcome-bottom .survey-form {
        width: 50%; } }
    @media (min-width: 60em) {
      .welcome .welcome-bottom .survey-form {
        width: 30%; } }
    .welcome .welcome-bottom .survey-form button {
      margin: 0 auto;
      display: block;
      width: 100%; }
      @media (min-width: 60em) {
        .welcome .welcome-bottom .survey-form button {
          width: 60%; } }

.game-header {
  background: #142759;
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/293943/stars-background.svg");
  /* fallback */
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/293943/stars-background.svg"), linear-gradient(4deg, #142759, #142759, #426BAB);
  /* W3C */
  min-height: 180px;
  text-align: center;
  padding-top: 1.5em;
  position: relative;
  overflow: hidden; }
  @media (min-width: 37.5em) {
    .game-header {
      min-height: 224px; } }
  .game-header:after {
    content: '';
    position: absolute;
    background-color: #435685;
    bottom: 0;
    right: 0;
    height: 50px;
    width: 100%;
    z-index: 10; }
  .game-header.student {
    min-height: 200px; }
    .game-header.student:after {
      display: none; }
    .game-header.student .quiz-meta-container {
      z-index: 50; }
      .game-header.student .quiz-meta-container .meta .team-name.team-color1 {
        color: #FFB74D; }
      .game-header.student .quiz-meta-container .meta .team-name.team-color2 {
        color: #88DCDD; }
      .game-header.student .quiz-meta-container .meta .team-name.team-color3 {
        color: #81E177; }
      .game-header.student .quiz-meta-container .meta .team-name.team-color4 {
        color: #8889DD; }
    .game-header.student .rover-moon-wrapper {
      margin: 0 auto; }
      .game-header.student .rover-moon-wrapper.team-color1 .team-color {
        fill: #FFB74D; }
      .game-header.student .rover-moon-wrapper.team-color2 .team-color {
        fill: #88DCDD; }
      .game-header.student .rover-moon-wrapper.team-color3 .team-color {
        fill: #81E177; }
      .game-header.student .rover-moon-wrapper.team-color4 .team-color {
        fill: #8889DD; }
      .game-header.student .rover-moon-wrapper svg {
        position: absolute;
        bottom: 0;
        left: 0; }
    @media (min-width: 37.5em) {
      .game-header.student {
        min-height: 150px; }
        .game-header.student .quiz-meta-container {
          text-align: left;
          margin-left: 30px;
          position: absolute;
          bottom: 30px; }
        .game-header.student .rover-moon-wrapper {
          position: absolute;
          bottom: 0;
          right: 30px;
          width: 50%; } }
    @media (min-width: 43.75em) {
      .game-header.student .rover-moon-wrapper {
        right: 0;
        width: 45%; } }
    @media (min-width: 60em) {
      .game-header.student .rover-moon-wrapper {
        width: 35%; } }
  .game-header .container {
    *zoom: 1;
    max-width: 65em;
    width: 70%;
    margin: 0 auto;
    position: relative; }
    .game-header .container:after {
      content: "";
      display: table;
      clear: both; }
  .game-header .star-wrapper {
    position: absolute;
    width: 100%;
    overflow: visible; }
    .game-header .star-wrapper svg {
      overflow: visible; }
      .game-header .star-wrapper svg .st0 {
        fill: #3B61A0; }
  .game-header .quiz-title {
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 700;
    margin-bottom: 0.35em;
    line-height: 1.2;
    color: #4c4c4e;
    font-size: 1.8em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff; }
    .game-header .quiz-title a {
      color: #4c4c4e;
      text-decoration: none; }
      .game-header .quiz-title a:hover, .game-header .quiz-title a:focus {
        color: #262627;
        text-decoration: underline; }
  .game-header .quiz-meta {
    color: #fff;
    font-size: 0.875em; }
    .game-header .quiz-meta .switch-views {
      color: #fff;
      cursor: pointer;
      text-decoration: none; }
      .game-header .quiz-meta .switch-views:hover {
        text-decoration: underline; }
    .game-header .quiz-meta li {
      margin-bottom: 0.5em; }
      @media (min-width: 31.25em) {
        .game-header .quiz-meta li {
          display: inline-block;
          margin-left: 0.75em;
          margin-bottom: 0; }
          .game-header .quiz-meta li:first-of-type {
            margin-left: 0; } }
  .game-header .winner-title {
    color: white; }
    .game-header .winner-title.team-color2 {
      color: #88DCDD; }
    .game-header .winner-title.team-color2 {
      color: #88DCDD; }
    .game-header .winner-title.team-color3 {
      color: #81E177; }
    .game-header .winner-title.team-color4 {
      color: #8889DD; }
  .game-header .finish-line-left, .game-header .finish-line-right {
    position: absolute;
    z-index: 50;
    bottom: -16px; }
    .game-header .finish-line-left.team-color1 .marker, .game-header .finish-line-right.team-color1 .marker {
      fill: #FFB74D; }
    .game-header .finish-line-left.team-color2 .marker, .game-header .finish-line-right.team-color2 .marker {
      fill: #88DCDD; }
    .game-header .finish-line-left.team-color3 .marker, .game-header .finish-line-right.team-color3 .marker {
      fill: #81E177; }
    .game-header .finish-line-left.team-color4 .marker, .game-header .finish-line-right.team-color4 .marker {
      fill: #8889DD; }
  .game-header .finish-line-left {
    left: 30%; }
  .game-header .finish-line-right {
    right: 30%; }
  .game-header .rope-wrapper {
    position: absolute;
    bottom: 27px;
    width: 100%;
    z-index: 50; }
    @media (min-width: 37.5em) {
      .game-header .rope-wrapper {
        bottom: 14px; } }
  .game-header .rope-left, .game-header .rope-right {
    display: inline;
    width: 50%;
    height: 3px;
    background-color: #aaa; }
    @media (min-width: 37.5em) {
      .game-header .rope-left, .game-header .rope-right {
        height: 4px; } }
    .game-header .rope-left.team-color1, .game-header .rope-right.team-color1 {
      background-color: #FFB74D; }
    .game-header .rope-left.team-color2, .game-header .rope-right.team-color2 {
      background-color: #88DCDD; }
    .game-header .rope-left.team-color3, .game-header .rope-right.team-color3 {
      background-color: #81E177; }
    .game-header .rope-left.team-color4, .game-header .rope-right.team-color4 {
      background-color: #8889DD; }
  .game-header .rope-left {
    float: left; }
  .game-header .rope-right {
    float: right; }
  .game-header .flag {
    position: absolute;
    z-index: 100;
    bottom: -20px;
    left: calc(50% - 11px);
    width: 22px;
    min-width: 22px; }
    .game-header .flag svg {
      max-width: 100%; }
  .game-header .rover-wrapper {
    display: block;
    width: 100%; }
    @media (min-width: 31.25em) {
      .game-header .rover-wrapper {
        margin-top: 1.5em; } }
    @media (min-width: 37.5em) {
      .game-header .rover-wrapper {
        margin-top: 2em; } }
    .game-header .rover-wrapper .rover-left-wrapper {
      float: left; }
      .game-header .rover-wrapper .rover-left-wrapper .team-name, .game-header .rover-wrapper .rover-left-wrapper .winner {
        float: left;
        margin-top: -1em; }
        @media (min-width: 37.5em) {
          .game-header .rover-wrapper .rover-left-wrapper .team-name, .game-header .rover-wrapper .rover-left-wrapper .winner {
            margin-left: 7em;
            margin-top: 0; } }
    .game-header .rover-wrapper .rover-right-wrapper {
      float: right; }
      .game-header .rover-wrapper .rover-right-wrapper .team-name, .game-header .rover-wrapper .rover-right-wrapper .winner {
        float: right;
        margin-top: -1em; }
        @media (min-width: 37.5em) {
          .game-header .rover-wrapper .rover-right-wrapper .team-name, .game-header .rover-wrapper .rover-right-wrapper .winner {
            margin-right: 7em;
            margin-top: 0; } }
    .game-header .rover-wrapper .rover-left-wrapper, .game-header .rover-wrapper .rover-right-wrapper {
      *zoom: 1;
      position: relative;
      z-index: 50;
      width: 20%;
      display: block;
      overflow: visible;
      height: 80px; }
      .game-header .rover-wrapper .rover-left-wrapper:after, .game-header .rover-wrapper .rover-right-wrapper:after {
        content: "";
        display: table;
        clear: both; }
      @media (min-width: 43.75em) {
        .game-header .rover-wrapper .rover-left-wrapper, .game-header .rover-wrapper .rover-right-wrapper {
          width: 49%; } }
      .game-header .rover-wrapper .rover-left-wrapper .winner, .game-header .rover-wrapper .rover-right-wrapper .winner {
        display: none;
        min-width: 82px;
        padding: 0.35em;
        border-radius: 20px;
        font-weight: 700;
        font-size: 0.75em; }
        @media (min-width: 37.5em) {
          .game-header .rover-wrapper .rover-left-wrapper .winner, .game-header .rover-wrapper .rover-right-wrapper .winner {
            display: inline-block; } }
      .game-header .rover-wrapper .rover-left-wrapper .team-name, .game-header .rover-wrapper .rover-right-wrapper .team-name {
        display: none;
        font-weight: bold;
        background-color: #000;
        color: #142759;
        padding: 0.5em 1em;
        border-radius: 20px;
        font-size: 0.75em; }
        @media (min-width: 37.5em) {
          .game-header .rover-wrapper .rover-left-wrapper .team-name, .game-header .rover-wrapper .rover-right-wrapper .team-name {
            display: inline-block; } }
      .game-header .rover-wrapper .rover-left-wrapper.team-color1 .team-color, .game-header .rover-wrapper .rover-right-wrapper.team-color1 .team-color {
        fill: #FFB74D; }
      .game-header .rover-wrapper .rover-left-wrapper.team-color1 .team-name, .game-header .rover-wrapper .rover-left-wrapper.team-color1 .winner, .game-header .rover-wrapper .rover-right-wrapper.team-color1 .team-name, .game-header .rover-wrapper .rover-right-wrapper.team-color1 .winner {
        background-color: #FFB74D; }
      .game-header .rover-wrapper .rover-left-wrapper.team-color2 .team-color, .game-header .rover-wrapper .rover-right-wrapper.team-color2 .team-color {
        fill: #88DCDD; }
      .game-header .rover-wrapper .rover-left-wrapper.team-color2 .team-name, .game-header .rover-wrapper .rover-left-wrapper.team-color2 .winner, .game-header .rover-wrapper .rover-right-wrapper.team-color2 .team-name, .game-header .rover-wrapper .rover-right-wrapper.team-color2 .winner {
        background-color: #88DCDD; }
      .game-header .rover-wrapper .rover-left-wrapper.team-color3 .team-color, .game-header .rover-wrapper .rover-right-wrapper.team-color3 .team-color {
        fill: #81E177; }
      .game-header .rover-wrapper .rover-left-wrapper.team-color3 .team-name, .game-header .rover-wrapper .rover-left-wrapper.team-color3 .winner, .game-header .rover-wrapper .rover-right-wrapper.team-color3 .team-name, .game-header .rover-wrapper .rover-right-wrapper.team-color3 .winner {
        background-color: #81E177; }
      .game-header .rover-wrapper .rover-left-wrapper.team-color4 .team-color, .game-header .rover-wrapper .rover-right-wrapper.team-color4 .team-color {
        fill: #8889DD; }
      .game-header .rover-wrapper .rover-left-wrapper.team-color4 .team-name, .game-header .rover-wrapper .rover-left-wrapper.team-color4 .winner, .game-header .rover-wrapper .rover-right-wrapper.team-color4 .team-name, .game-header .rover-wrapper .rover-right-wrapper.team-color4 .winner {
        background-color: #8889DD; }
      .game-header .rover-wrapper .rover-left-wrapper #rover-left, .game-header .rover-wrapper .rover-left-wrapper #rover-right, .game-header .rover-wrapper .rover-right-wrapper #rover-left, .game-header .rover-wrapper .rover-right-wrapper #rover-right {
        width: 70px;
        position: absolute;
        overflow: visible;
        margin-top: 1em; }
        @media (min-width: 37.5em) {
          .game-header .rover-wrapper .rover-left-wrapper #rover-left, .game-header .rover-wrapper .rover-left-wrapper #rover-right, .game-header .rover-wrapper .rover-right-wrapper #rover-left, .game-header .rover-wrapper .rover-right-wrapper #rover-right {
            width: 125px;
            margin-top: 0; } }
      .game-header .rover-wrapper .rover-left-wrapper #rover-left, .game-header .rover-wrapper .rover-right-wrapper #rover-left {
        left: 0; }
      .game-header .rover-wrapper .rover-left-wrapper #rover-right, .game-header .rover-wrapper .rover-right-wrapper #rover-right {
        right: 0; }

.game-header.waiting .container {
  width: 95%; }

.game-header.waiting .rover-left-tracks, .game-header.waiting .rover-right-tracks {
  background-color: #07122f;
  width: 1%;
  height: 4px;
  display: block;
  position: absolute;
  bottom: 7px;
  border-radius: 10px; }
  @media (min-width: 37.5em) {
    .game-header.waiting .rover-left-tracks, .game-header.waiting .rover-right-tracks {
      bottom: -22px;
      height: 6px; } }

.game-header.waiting .rover-right-tracks {
  right: 0; }

.waiting-module {
  background: #142759;
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/293943/stars-background.svg");
  /* fallback */
  background-image: linear-gradient(4deg, #142759, #142759, #426BAB);
  /* W3C */
  text-align: center;
  padding: 10em 3em;
  color: #fff; }
  .waiting-module h3, .waiting-module p {
    color: #fff; }
  .waiting-module .title.team-color1 {
    color: #FFB74D; }
  .waiting-module .title.team-color2 {
    color: #88DCDD; }
  .waiting-module .title.team-color3 {
    color: #81E177; }
  .waiting-module .title.team-color4 {
    color: #8889DD; }
  .waiting-module .rover-wrapper {
    max-width: 400px;
    margin: 1.5em auto; }
    .waiting-module .rover-wrapper.team-color1 .team-color {
      fill: #FFB74D; }
    .waiting-module .rover-wrapper.team-color2 .team-color {
      fill: #88DCDD; }
    .waiting-module .rover-wrapper.team-color3 .team-color {
      fill: #81E177; }
    .waiting-module .rover-wrapper.team-color4 .team-color {
      fill: #8889DD; }
  .waiting-module .star {
    fill: #3B61A0; }

.game-mode-results-wrapper {
  background-image: linear-gradient(180deg, #435685, #435685, #435685, #142759);
  padding-bottom: 2em; }
  .game-mode-results-wrapper a {
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 700;
    transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
    border: 1px solid #c4cdde;
    border-radius: 2px;
    display: inline-block;
    padding: 0.75em 1em;
    text-decoration: none;
    color: #0d1c4b;
    background-color: #c4cdde;
    text-align: center;
    border-color: #fff;
    background-color: #fff;
    color: #152d76;
    width: calc(100% - 4em);
    margin: 0 auto;
    display: block; }
    .game-mode-results-wrapper a:hover, .game-mode-results-wrapper a:focus {
      text-decoration: none;
      background-color: #fff;
      border-color: #fff;
      color: #0d1c4b; }
    .game-mode-results-wrapper a:hover, .game-mode-results-wrapper a:focus {
      border-color: #d1d8e5;
      background-color: #d1d8e5;
      color: #0d1c4b; }
    @media (min-width: 43.75em) {
      .game-mode-results-wrapper a {
        width: 30%; } }
  .game-mode-results-wrapper .modal.game-mode {
    *zoom: 1;
    margin: 0 auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    background-image: linear-gradient(180deg, #435685, #435685, #435685, #142759); }
    .game-mode-results-wrapper .modal.game-mode:after {
      content: "";
      display: table;
      clear: both; }
    @media (min-width: 37.5em) {
      .game-mode-results-wrapper .modal.game-mode {
        max-width: 90%;
        border-radius: 10px;
        overflow: hidden;
        margin: 2em auto 1em auto; } }
  .game-mode-results-wrapper .game-header.results .quiz-title {
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 700;
    margin-bottom: 0.35em;
    line-height: 1.2;
    color: #4c4c4e;
    font-size: 1.2em;
    color: white; }
    .game-mode-results-wrapper .game-header.results .quiz-title a {
      color: #4c4c4e;
      text-decoration: none; }
      .game-mode-results-wrapper .game-header.results .quiz-title a:hover, .game-mode-results-wrapper .game-header.results .quiz-title a:focus {
        color: #262627;
        text-decoration: underline; }
  .game-mode-results-wrapper .game-header.results .winner-title {
    color: white;
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 700;
    margin-bottom: 0.35em;
    line-height: 1.2;
    color: #4c4c4e;
    font-size: 1.4em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    .game-mode-results-wrapper .game-header.results .winner-title a {
      color: #4c4c4e;
      text-decoration: none; }
      .game-mode-results-wrapper .game-header.results .winner-title a:hover, .game-mode-results-wrapper .game-header.results .winner-title a:focus {
        color: #262627;
        text-decoration: underline; }
    @media (min-width: 37.5em) {
      .game-mode-results-wrapper .game-header.results .winner-title {
        font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
        font-weight: 700;
        margin-bottom: 0.35em;
        line-height: 1.2;
        color: #4c4c4e;
        font-size: 1.8em;
        color: white; }
        .game-mode-results-wrapper .game-header.results .winner-title a {
          color: #4c4c4e;
          text-decoration: none; }
          .game-mode-results-wrapper .game-header.results .winner-title a:hover, .game-mode-results-wrapper .game-header.results .winner-title a:focus {
            color: #262627;
            text-decoration: underline; } }
    .game-mode-results-wrapper .game-header.results .winner-title.team-color1 {
      color: #FFB74D; }
    .game-mode-results-wrapper .game-header.results .winner-title.team-color2 {
      color: #88DCDD; }
    .game-mode-results-wrapper .game-header.results .winner-title.team-color3 {
      color: #81E177; }
    .game-mode-results-wrapper .game-header.results .winner-title.team-color4 {
      color: #8889DD; }
  .game-mode-results-wrapper .game-header.results .finish-line-left {
    left: 38%; }
  .game-mode-results-wrapper .game-header.results .finish-line-right {
    right: 38%; }
  .game-mode-results-wrapper .team-stats-wrapper {
    padding: 2em;
    color: #fff; }
    @media (min-width: 37.5em) {
      .game-mode-results-wrapper .team-stats-wrapper {
        *zoom: 1;
        padding: 3em 2em;
        overflow: hidden;
        max-width: 800px;
        margin: 0 auto; }
        .game-mode-results-wrapper .team-stats-wrapper:after {
          content: "";
          display: table;
          clear: both; } }
    .game-mode-results-wrapper .team-stats-wrapper .team-stats {
      padding: 1.5em 0;
      text-align: center;
      border-radius: 6px;
      border: 2px solid #0A1635;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
      @media (min-width: 37.5em) {
        .game-mode-results-wrapper .team-stats-wrapper .team-stats {
          float: left;
          display: inline;
          width: 48%;
          margin-right: 2%; }
          .game-mode-results-wrapper .team-stats-wrapper .team-stats:nth-of-type(2) {
            margin-right: 0; } }
      .game-mode-results-wrapper .team-stats-wrapper .team-stats.animate {
        transform: scale(2); }
      .game-mode-results-wrapper .team-stats-wrapper .team-stats.team-color1 .team-name {
        color: #FFB74D; }
      .game-mode-results-wrapper .team-stats-wrapper .team-stats.team-color2 .team-name {
        color: #88DCDD; }
      .game-mode-results-wrapper .team-stats-wrapper .team-stats.team-color3 .team-name {
        color: #81E177; }
      .game-mode-results-wrapper .team-stats-wrapper .team-stats.team-color4 .team-name {
        color: #8889DD; }
      .game-mode-results-wrapper .team-stats-wrapper .team-stats .team-label {
        text-transform: uppercase;
        margin-bottom: 0.5rem;
        font-size: 0.875em; }
      .game-mode-results-wrapper .team-stats-wrapper .team-stats .avg-score-label {
        display: block;
        margin-bottom: 0.5rem;
        font-size: 0.875em; }
      .game-mode-results-wrapper .team-stats-wrapper .team-stats .team-name, .game-mode-results-wrapper .team-stats-wrapper .team-stats .avg-score {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-weight: 700; }
      .game-mode-results-wrapper .team-stats-wrapper .team-stats .team-name {
        margin-bottom: 1.5rem;
        font-size: 1.8em; }
        .game-mode-results-wrapper .team-stats-wrapper .team-stats .team-name:after {
          content: "";
          width: 40px;
          display: block;
          margin: 0 auto;
          height: 1px;
          background-color: #0A1635;
          margin-top: 1.5rem; }
      .game-mode-results-wrapper .team-stats-wrapper .team-stats .avg-score {
        font-size: 3em; }
        .game-mode-results-wrapper .team-stats-wrapper .team-stats .avg-score:after {
          content: "%"; }

@media (min-width: 60em) {
  .tablesaw-bar {
    margin-top: -4.5em; } }

.tablesaw-sortable-switch {
  margin-bottom: 2em; }
  @media (min-width: 60em) {
    .tablesaw-sortable-switch {
      float: right;
      width: 30%;
      text-align: right; }
      .tablesaw-sortable-switch label {
        display: inline-block; } }
  @media (min-width: 60em) {
    .tablesaw-sortable-switch .tablesaw-btn {
      display: inline-block;
      margin-left: 0.5em; } }
  .tablesaw-sortable-switch .tablesaw-btn > span {
    display: none;
    margin-top: 1em; }

.leaderboard thead {
  color: #7a7a7a; }
  .leaderboard thead th:first-of-type {
    width: 15%; }
    @media (min-width: 60em) {
      .leaderboard thead th:first-of-type {
        width: 75px; } }
  .leaderboard thead th:nth-of-type(3), .leaderboard thead th:nth-of-type(4) {
    width: 24%; }
    @media (min-width: 60em) {
      .leaderboard thead th:nth-of-type(3), .leaderboard thead th:nth-of-type(4) {
        width: 25%; } }

.leaderboard tbody td {
  font-weight: 600; }
  @media (min-width: 31.25em) {
    .leaderboard tbody td {
      padding: 1.5em 0.25em 1.25em; } }
  .leaderboard tbody td:before {
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    font-weight: 600;
    color: #7a7a7a; }
    @media (min-width: 31.25em) {
      .leaderboard tbody td:before {
        display: none; } }
  .leaderboard tbody td .icon-sorting-arrow, .leaderboard tbody td .button-text {
    display: none; }
  @media (min-width: 31.25em) {
    .leaderboard tbody td:first-of-type {
      padding-top: 1.25em;
      font-size: 1.125em;
      font-weight: 700; } }
  .leaderboard tbody td:first-of-type:before {
    content: "Rank:"; }
  .leaderboard tbody td:nth-of-type(2):before {
    content: "Student:"; }
  .leaderboard tbody td:nth-of-type(3):before {
    content: "Missions Completed:"; }
  .leaderboard tbody td:nth-of-type(4):before {
    content: "Points Earned:"; }

.leaderboard .student-name {
  font-weight: 700; }
  .leaderboard .student-name .name {
    cursor: pointer; }
    .leaderboard .student-name .name:hover {
      text-decoration: underline; }
    @media (min-width: 31.25em) {
      .leaderboard .student-name .name {
        vertical-align: top;
        display: inline-block;
        margin-left: 0.5em;
        margin-top: 0.2em; } }

.leaderboard .avatar {
  position: absolute;
  top: 1em;
  right: 0.75em;
  width: 25px;
  height: 25px; }
  @media (min-width: 31.25em) {
    .leaderboard .avatar {
      position: static;
      display: inline-block;
      margin-bottom: 0;
      width: 30px;
      height: 30px; } }

.leaderboard button {
  width: 100%;
  background-color: transparent;
  border-color: transparent;
  color: #7a7a7a;
  padding: 0;
  font-size: 0.875rem; }
  .leaderboard button .button-text {
    width: calc(100%-15px);
    float: left;
    text-align: left; }
  .leaderboard button .icon-sorting-arrow {
    width: 10px;
    height: 10px;
    float: right;
    margin-top: 5px;
    margin-right: 0; }

.leaderboard .tablesaw-sortable-ascending .icon-sorting-arrow {
  transform: rotate(180deg);
  margin-top: 0; }

.mission-start.student {
  max-width: 600px;
  margin: 2.5em auto; }
  @media (min-width: 60em) {
    .mission-start.student {
      margin: 4em auto; } }
  .mission-start.student .alien-wrapper {
    width: 15%;
    margin-right: 1em;
    display: inline-block; }
    @media (min-width: 43.75em) {
      .mission-start.student .alien-wrapper {
        width: 20%;
        margin-right: 2em; } }
  .mission-start.student .mission-description {
    width: calc(100% - 15% - 1em);
    display: inline-block;
    float: right; }
    @media (min-width: 43.75em) {
      .mission-start.student .mission-description {
        width: calc(100% - 20% - 2em); } }
  .mission-start.student .mission-details {
    margin-bottom: 2em; }
    .mission-start.student .mission-details li {
      font-weight: 700;
      color: #7a7a7a;
      display: inline-block;
      margin-right: 1em; }
  .mission-start.student button:first-of-type {
    margin-right: 0.5em; }

.related-missions {
  padding-top: 1.5em;
  border-top: 1px solid #dbdcde;
  margin-top: 1.5em;
  margin-top: 2.5em;
  padding-top: 2.5em;
  text-align: center;
  clear: both; }
  .related-missions h4 {
    font-family: ff-enzo-web, arial, "helvetica neue", helvetica, sans-serif;
    font-weight: 700;
    margin-bottom: 0.35em;
    line-height: 1.2;
    color: #4c4c4e;
    font-size: 1em;
    margin-bottom: 1.5em;
    text-align: center; }
    .related-missions h4 a {
      color: #4c4c4e;
      text-decoration: none; }
      .related-missions h4 a:hover, .related-missions h4 a:focus {
        color: #262627;
        text-decoration: underline; }

@media (min-width: 60em) {
  .tab-list.student-profile .trophy-wrapper {
    padding: 2em; } }

.tab-list.student-profile .category-title {
  margin-bottom: 0; }

.tab-list.student-profile .trophies-list {
  margin-bottom: 1.5em; }

.tab-list.student-profile .trophy-item > p {
  display: none; }

.tab-list.student-profile .spaceship-item .state {
  display: none; }