/*

  Colours

======================================================*/
/*

  Type colours

======================================================*/
/*

  UI Colors

======================================================*/
/*

  Lesson Viewer Theme

======================================================*/
/*

  Font families

======================================================*/
/*

  TYPE SIZING

======================================================*/
/*

  Z-INDEX

======================================================*/
/*

  EASINGS

======================================================*/
/*

  Transition Durations

======================================================*/
@keyframes swing {
  0% { }
  20% {
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    transform: rotate3d(0, 0, 1, -5deg); }
  100% {
    transform: rotate3d(0, 0, 1, 0deg); } }

@keyframes fadeGreenToGrey {
  0% {
    color: #38b84d; }
  80% {
    color: #38b84d; }
  100% {
    color: #aaa; } }

@keyframes flash-block {
  0% {
    background: #fff;
    color: #fff; }
  15% {
    background: #ff5950;
    color: #fff; }
  90% {
    background: #ff5950;
    color: #fff; }
  95% {
    background: #fff;
    color: #fff; }
  100% {
    background: #fff;
    color: #46B046; } }

@keyframes fade {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes grow-in {
  0% {
    transform: scale3d(0, 0, 0); }
  70% {
    transform: scale3d(1.1, 1.1, 1.1); }
  100% {
    transform: scale3d(1, 1, 1); } }

@keyframes tada {
  0% {
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  100% {
    transform: scale3d(1, 1, 1); } }

@keyframes tada-subtle {
  0% {
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -1deg); }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, 1deg); }
  40%, 60%, 80% {
    transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -1deg); }
  100% {
    transform: scale3d(1, 1, 1); } }

@keyframes tada-icon {
  0% {
    transform: scale3d(1, 1, 1);
    display: inline-block; }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -1deg);
    color: #38b84d; }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 4deg); }
  40%, 60%, 80% {
    transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -4deg); }
  100% {
    transform: scale3d(1, 1, 1); } }

body#student-learning-space .page-bd {
  background: #f7f7f7; }

.pg-lesson {
  padding: 10px; }

.pg-digilearning-module,
.pg-wrapper > .pg-lesson {
  margin-bottom: 20px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.22);
  border-radius: 4px;
  overflow: hidden;
  background: #fff; }

.pg-wrapper > .pg-lesson {
  border-top: 5px solid #494d4d; }

.pg-digilearning-module .pg-lesson {
  border-bottom: 1px solid #e8e9e9; }

.pg-digilearning-module__header {
  padding: 10px;
  background: #494d4d;
  color: white;
  font-weight: 700; }

.pg-digilearning-module .percent-complete {
  background: #000; }

/* lesson viewer is simplified for student area */
#student-learning-space .tabs__panes--viewer {
  border-top: 0 none; }

#student-learning-space .js-resource-info-trigger,
#student-learning-space .lesson-viewer__actions-container,
#student-learning-space .lesson-viewer__bottom-bar,
#student-learning-space .lesson-viewer__actions .is-hidden-in-this-context {
  display: none !important; }

#student-learning-space .browser-has-flash .resource-menu__item.js-show-if-got-flash,
#student-learning-space .browser-no-flash .resource-menu__item.js-show-if-not-got-flash {
  /*display:table !important;*/ }

/* lesson viewer theming for student area */
#student-learning-space .lesson-viewer__title-bar,
#student-learning-space .tabs--viewer {
  background: #262b2b; }

#student-learning-space .lesson-viewer__title-bar {
  color: #fff;
  border-radius: 4px 4px 0 0; }

#student-learning-space .tabs--viewer {
  border-radius: 0 0 4px 4px; }

#student-learning-space .resource-menu__link .cell-container {
  max-width: none; }

/* Progress indicators for student area  */
#student-learning-space .resource-menu__link {
  padding-left: 28px !important;
  position: relative; }

#student-learning-space .resource-menu__link:before {
  position: absolute;
  top: 50%;
  bottom: 0;
  left: 4px;
  transform: translate(0, -50%);
  display: inline-block;
  content: "\0020";
  line-height: 1;
  width: 18px;
  height: 18px;
  border: 1px solid #d1d2d2;
  border-radius: 50%;
  background: #fff;
  color: transparent;
  transition: color 2s; }

#student-learning-space .viewed-by-player:after {
  content: "";
  width: 8px;
  height: 8px;
  display: block;
  border-radius: 50%;
  top: 50%;
  transform: translate(0, -50%);
  left: 9px;
  position: absolute;
  background-color: #38b84d; }

/*# sourceMappingURL=students-learning-space.css.map */